@dialpad/dialtone-vue 3.225.0-next.9 → 3.225.0

package/dist/lib/tooltip/tooltip.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../../common/mixins/mode.cjs`),i=require(`../popover/tippy-utils.cjs`),a=require(`./tooltip-constants.cjs`),o=require(`../popover/popover-constants.cjs`);let s=require(`vue`);var c={name:`DtTooltip`,mixins:[r.default],props:{id:{type:String,default(){return t.getUniqueString()}},fallbackPlacements:{type:Array,default:()=>[`auto`]},inverted:{type:Boolean,default:!1},offset:{type:Array,default:()=>[0,12]},placement:{type:String,default:`top`,validator(e){return a.TOOLTIP_DIRECTIONS.includes(e)}},sticky:{type:[Boolean,String],default:!0,validator:e=>a.TOOLTIP_STICKY_VALUES.includes(e)},appendTo:{type:[e.HTML_ELEMENT_TYPE,String],default:`body`,validator:e=>o.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},contentClass:{type:[String,Object,Array],default:``},anchorClass:{type:[String,Object,Array],default:``},message:{type:String,default:``},enabled:{type:Boolean,default:!0},open:{type:[Boolean,null],default:null},transition:{type:Boolean,default:!0},delay:{type:Boolean,default:!0},theme:{type:String,default:null},externalAnchor:{type:String,default:null},externalAnchorElement:{type:e.HTML_ELEMENT_TYPE,default:null}},emits:[`shown`,`update:open`],data(){return{TOOLTIP_KIND_MODIFIERS:a.TOOLTIP_KIND_MODIFIERS,hasSlotContent:t.hasSlotContent,tip:null,inTimer:null,internalShow:!1,currentPlacement:this.placement}},computed:{tippyProps(){return{offset:this.offset,delay:this.delay?300:!1,placement:this.placement,sticky:this.sticky,theme:this.inverted?`inverted`:this.theme,animation:this.transition?`fade`:!1,onShown:e=>this.onShow(e,`onShown`),onShow:e=>this.onShow(e,`onShow`),onHidden:this.onHide,popperOptions:i.getPopperOptions({fallbackPlacements:this.fallbackPlacements,hasHideModifierEnabled:!0,onChangePlacement:this.onChangePlacement})}},anchor(){return this.externalAnchorElement?this.externalAnchorElement:this.externalAnchor?document.body.querySelector(this.externalAnchor):i.getAnchor(this.$refs.anchor)}},watch:{tippyProps:{handler:`setProps`,deep:!0},open:{handler:function(e){e!==null&&this.enabled&&(this.internalShow=e)},immediate:!0},internalShow(e){!this.tip||!this.anchor||(e?(this.setProps(),this.tip.show()):this.tip.hide())},sticky(e){this.tip.setProps({sticky:e})}},async mounted(){!this.enabled&&this.open!=null&&(console.warn(`Tooltip: You cannot use both the enabled and open props at the same time.`),console.warn(`The open prop will be ignored.`)),this.tip=i.createTippy(this.anchor,this.initOptions()),(this.externalAnchor||this.externalAnchorElement)&&(await t.flushPromises(),this.addExternalAnchorEventListeners()),t.warnIfUnmounted(t.returnFirstEl(this.$el),this.$options.name)},beforeUnmount(){(this.externalAnchor||this.externalAnchorElement)&&this.removeExternalAnchorEventListeners(),this.anchor?._tippy&&this.tip?.destroy()},methods:{getModeReferenceEl(){return this.anchor},calculateAnchorZindex(){return t.returnFirstEl(this.$el).getRootNode().querySelector(`.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"], .d-modal[open], .d-modal--transparent[open]`)||t.returnFirstEl(this.$el).closest(`.d-zi-drawer`)?651:400},hasVisibleFocus(){return this.anchor.matches(`:focus-visible`)},onEnterAnchor(e){this.enabled&&(this.delay&&this.inTimer===null?this.inTimer=setTimeout(()=>{this.triggerShow(e)},300):this.triggerShow(e))},triggerShow(e){e.type===`focusin`?this.open===null&&this.hasVisibleFocus()&&(this.internalShow=!0):this.open===null&&(this.internalShow=!0)},onLeaveAnchor(e){e.type===`keydown`&&e.code!==`Escape`||(clearTimeout(this.inTimer),this.inTimer=null,this.triggerHide())},triggerHide(){this.open===null&&(this.internalShow=!1)},onChangePlacement(e){this.currentPlacement=e},onHide(){this.tip?.unmount(),this.$emit(`shown`,!1),this.open!==null&&this.$emit(`update:open`,!1)},onShow(e,t){if(!this.tooltipHasContent(e))return!1;this.transition&&t===`onShow`||(this.$emit(`shown`,!0),this.open!==null&&this.$emit(`update:open`,!0))},resolveAppendTo(){return this.appendTo===`body`?this.anchor?.closest(`dialog`)??this.anchor?.getRootNode()?.querySelector(`body`):this.appendTo},setProps(){!this.tip||!this.tip.setProps||!this.anchor||this.tip&&this.tip.setProps&&this.tip.setProps({...this.tippyProps,appendTo:this.resolveAppendTo(),zIndex:this.calculateAnchorZindex()})},onMount(){this.setProps()},tooltipHasContent(e){return e.props.content.textContent.trim().length!==0},initOptions(){return{content:this.$refs.content,arrow:`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="7"><path d="M 14.5,7 8,0 1.5,7 Z"/></svg>`,duration:180,interactive:!1,trigger:`manual`,hideOnClick:!1,touch:!1,onMount:this.onMount,showOnCreate:this.internalShow,appendTo:this.resolveAppendTo(),popperOptions:i.getPopperOptions({hasHideModifierEnabled:!0})}},addExternalAnchorEventListeners(){[`focusin`,`mouseenter`].forEach(e=>{this.anchor?.addEventListener(e,e=>this.onEnterAnchor(e))}),[`focusout`,`mouseleave`,`keydown`].forEach(e=>{this.anchor?.addEventListener(e,e=>this.onLeaveAnchor(e))})},removeExternalAnchorEventListeners(){[`focusin`,`mouseenter`].forEach(e=>{this.anchor?.removeEventListener(e,e=>this.onEnterAnchor(e))}),[`focusout`,`mouseleave`,`keydown`].forEach(e=>{this.anchor?.removeEventListener(e,e=>this.onLeaveAnchor(e))})}}},l={"data-qa":`dt-tooltip-container`},u=[`id`];function d(e,t,n,r,i,a){return(0,s.openBlock)(),(0,s.createElementBlock)(`div`,l,[!n.externalAnchor&&!n.externalAnchorElement?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,{key:0,ref:`anchor`,class:(0,s.normalizeClass)(n.anchorClass),"data-qa":`dt-tooltip-anchor`,onFocusin:t[0]||(t[0]=(...e)=>a.onEnterAnchor&&a.onEnterAnchor(...e)),onFocusout:t[1]||(t[1]=(...e)=>a.onLeaveAnchor&&a.onLeaveAnchor(...e)),onMouseenter:t[2]||(t[2]=(...e)=>a.onEnterAnchor&&a.onEnterAnchor(...e)),onMouseleave:t[3]||(t[3]=(...e)=>a.onLeaveAnchor&&a.onLeaveAnchor(...e)),onKeydown:t[4]||(t[4]=(0,s.withKeys)((...e)=>a.onLeaveAnchor&&a.onLeaveAnchor(...e),[`esc`]))},[(0,s.renderSlot)(e.$slots,`anchor`)],34)):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,(0,s.mergeProps)({id:n.id,ref:`content`,"data-qa":`dt-tooltip`,class:[`d-tooltip`,{[i.TOOLTIP_KIND_MODIFIERS.inverted]:n.inverted},n.contentClass]},e.modeAttrs),[(0,s.renderSlot)(e.$slots,`default`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(n.message),1)])],16,u)])}var f=n.t(c,[[`render`,d]]);exports.default=f;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../../common/mixins/mode.cjs`),i=require(`../popover/tippy-utils.cjs`),a=require(`./tooltip-constants.cjs`),o=require(`../popover/popover-constants.cjs`);let s=require(`vue`);var c={name:`DtTooltip`,mixins:[r.default],props:{id:{type:String,default(){return t.getUniqueString()}},fallbackPlacements:{type:Array,default:()=>[`auto`]},inverted:{type:Boolean,default:!1},offset:{type:Array,default:()=>[0,12]},placement:{type:String,default:`top`,validator(e){return a.TOOLTIP_DIRECTIONS.includes(e)}},sticky:{type:[Boolean,String],default:!0,validator:e=>a.TOOLTIP_STICKY_VALUES.includes(e)},appendTo:{type:[e.HTML_ELEMENT_TYPE,String],default:`body`,validator:e=>o.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},contentClass:{type:[String,Object,Array],default:``},anchorClass:{type:[String,Object,Array],default:``},message:{type:String,default:``},enabled:{type:Boolean,default:!0},open:{type:[Boolean,null],default:null},transition:{type:Boolean,default:!0},delay:{type:Boolean,default:!0},theme:{type:String,default:null},externalAnchor:{type:String,default:null},externalAnchorElement:{type:e.HTML_ELEMENT_TYPE,default:null}},emits:[`shown`,`update:open`],data(){return{TOOLTIP_KIND_MODIFIERS:a.TOOLTIP_KIND_MODIFIERS,hasSlotContent:t.hasSlotContent,tip:null,inTimer:null,internalShow:!1,currentPlacement:this.placement}},computed:{tippyProps(){return{offset:this.offset,delay:this.delay?300:!1,placement:this.placement,sticky:this.sticky,theme:this.inverted?`inverted`:this.theme,animation:this.transition?`fade`:!1,onShown:e=>this.onShow(e,`onShown`),onShow:e=>this.onShow(e,`onShow`),onHidden:this.onHide,popperOptions:i.getPopperOptions({fallbackPlacements:this.fallbackPlacements,hasHideModifierEnabled:!0,onChangePlacement:this.onChangePlacement})}},anchor(){return this.externalAnchorElement?this.externalAnchorElement:this.externalAnchor?document.body.querySelector(this.externalAnchor):i.getAnchor(this.$refs.anchor)}},watch:{tippyProps:`setProps`,offset:{deep:!0,handler(e,t){e===t&&this.setProps()}},fallbackPlacements:{deep:!0,handler(e,t){e===t&&this.setProps()}},open:{handler:function(e){e!==null&&this.enabled&&(this.internalShow=e)},immediate:!0},internalShow(e){!this.tip||!this.anchor||(e?(this.setProps(),this.tip.show()):this.tip.hide())},sticky(e){this.tip.setProps({sticky:e})}},async mounted(){!this.enabled&&this.open!=null&&(console.warn(`Tooltip: You cannot use both the enabled and open props at the same time.`),console.warn(`The open prop will be ignored.`)),this.tip=i.createTippy(this.anchor,this.initOptions()),(this.externalAnchor||this.externalAnchorElement)&&(await t.flushPromises(),this.addExternalAnchorEventListeners()),t.warnIfUnmounted(t.returnFirstEl(this.$el),this.$options.name)},beforeUnmount(){(this.externalAnchor||this.externalAnchorElement)&&this.removeExternalAnchorEventListeners(),this.anchor?._tippy&&this.tip?.destroy()},methods:{getModeReferenceEl(){return this.anchor},calculateAnchorZindex(){return t.returnFirstEl(this.$el).getRootNode().querySelector(`.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"], .d-modal[open], .d-modal--transparent[open]`)||t.returnFirstEl(this.$el).closest(`.d-zi-drawer`)?651:400},hasVisibleFocus(){return this.anchor.matches(`:focus-visible`)},onEnterAnchor(e){this.enabled&&(this.delay&&this.inTimer===null?this.inTimer=setTimeout(()=>{this.triggerShow(e)},300):this.triggerShow(e))},triggerShow(e){e.type===`focusin`?this.open===null&&this.hasVisibleFocus()&&(this.internalShow=!0):this.open===null&&(this.internalShow=!0)},onLeaveAnchor(e){e.type===`keydown`&&e.code!==`Escape`||(clearTimeout(this.inTimer),this.inTimer=null,this.triggerHide())},triggerHide(){this.open===null&&(this.internalShow=!1)},onChangePlacement(e){this.currentPlacement=e},onHide(){this.tip?.unmount(),this.$emit(`shown`,!1),this.open!==null&&this.$emit(`update:open`,!1)},onShow(e,t){if(!this.tooltipHasContent(e))return!1;this.transition&&t===`onShow`||(this.$emit(`shown`,!0),this.open!==null&&this.$emit(`update:open`,!0))},resolveAppendTo(){return this.appendTo===`body`?this.anchor?.closest(`dialog`)??this.anchor?.getRootNode()?.querySelector(`body`):this.appendTo},setProps(){!this.tip||!this.tip.setProps||!this.anchor||this.tip&&this.tip.setProps&&this.tip.setProps({...this.tippyProps,appendTo:this.resolveAppendTo(),zIndex:this.calculateAnchorZindex()})},onMount(){this.setProps()},tooltipHasContent(e){return e.props.content.textContent.trim().length!==0},initOptions(){return{content:this.$refs.content,arrow:`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="7"><path d="M 14.5,7 8,0 1.5,7 Z"/></svg>`,duration:180,interactive:!1,trigger:`manual`,hideOnClick:!1,touch:!1,onMount:this.onMount,showOnCreate:this.internalShow,appendTo:this.resolveAppendTo(),popperOptions:i.getPopperOptions({hasHideModifierEnabled:!0})}},addExternalAnchorEventListeners(){[`focusin`,`mouseenter`].forEach(e=>{this.anchor?.addEventListener(e,e=>this.onEnterAnchor(e))}),[`focusout`,`mouseleave`,`keydown`].forEach(e=>{this.anchor?.addEventListener(e,e=>this.onLeaveAnchor(e))})},removeExternalAnchorEventListeners(){[`focusin`,`mouseenter`].forEach(e=>{this.anchor?.removeEventListener(e,e=>this.onEnterAnchor(e))}),[`focusout`,`mouseleave`,`keydown`].forEach(e=>{this.anchor?.removeEventListener(e,e=>this.onLeaveAnchor(e))})}}},l={"data-qa":`dt-tooltip-container`},u=[`id`];function d(e,t,n,r,i,a){return(0,s.openBlock)(),(0,s.createElementBlock)(`div`,l,[!n.externalAnchor&&!n.externalAnchorElement?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,{key:0,ref:`anchor`,class:(0,s.normalizeClass)(n.anchorClass),"data-qa":`dt-tooltip-anchor`,onFocusin:t[0]||(t[0]=(...e)=>a.onEnterAnchor&&a.onEnterAnchor(...e)),onFocusout:t[1]||(t[1]=(...e)=>a.onLeaveAnchor&&a.onLeaveAnchor(...e)),onMouseenter:t[2]||(t[2]=(...e)=>a.onEnterAnchor&&a.onEnterAnchor(...e)),onMouseleave:t[3]||(t[3]=(...e)=>a.onLeaveAnchor&&a.onLeaveAnchor(...e)),onKeydown:t[4]||(t[4]=(0,s.withKeys)((...e)=>a.onLeaveAnchor&&a.onLeaveAnchor(...e),[`esc`]))},[(0,s.renderSlot)(e.$slots,`anchor`)],34)):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,(0,s.mergeProps)({id:n.id,ref:`content`,"data-qa":`dt-tooltip`,class:[`d-tooltip`,{[i.TOOLTIP_KIND_MODIFIERS.inverted]:n.inverted},n.contentClass]},e.modeAttrs),[(0,s.renderSlot)(e.$slots,`default`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(n.message),1)])],16,u)])}var f=n.t(c,[[`render`,d]]);exports.default=f;
 //# sourceMappingURL=tooltip.cjs.map

package/dist/lib/tooltip/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","names":[],"sources":["../../../components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div data-qa=\"dt-tooltip-container\">\n    <!-- disabling as the below events are for capturing events from interactive\n         elements within the span rather than on the span itself -->\n    <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n    <span\n      v-if=\"!externalAnchor && !externalAnchorElement\"\n      ref=\"anchor\"\n      :class=\"anchorClass\"\n      data-qa=\"dt-tooltip-anchor\"\n      @focusin=\"onEnterAnchor\"\n      @focusout=\"onLeaveAnchor\"\n      @mouseenter=\"onEnterAnchor\"\n      @mouseleave=\"onLeaveAnchor\"\n      @keydown.esc=\"onLeaveAnchor\"\n    >\n      <!-- @slot Slot for the anchor element -->\n      <slot\n        name=\"anchor\"\n      />\n    </span>\n    <div\n      :id=\"id\"\n      ref=\"content\"\n      data-qa=\"dt-tooltip\"\n      :class=\"[\n        'd-tooltip',\n        {\n          [ TOOLTIP_KIND_MODIFIERS.inverted ]: inverted,\n        },\n        contentClass,\n      ]\"\n      v-bind=\"modeAttrs\"\n    >\n      <!-- In case when transitionend event doesn't work correct (for ex. tooltip component with custom trigger) -->\n      <!-- after-leave event can be used instead of transitionend -->\n      <!-- @slot Slot for the content, defaults to message prop -->\n      <slot>\n        {{ message }}\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_DELAY_MS,\n} from './TooltipConstants.js';\nimport {\n  POPOVER_APPEND_TO_VALUES,\n} from '../Popover/PopoverConstants';\nimport { flushPromises, getUniqueString, hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\nimport { HTML_ELEMENT_TYPE } from '@/common/constants';\nimport {\n  createTippy,\n  getAnchor,\n  getPopperOptions,\n} from '@/components/Popover/TippyUtils';\nimport ModeMixin from '@/common/mixins/mode';\n\n/**\n * A tooltip is a floating label that briefly explains an action, function, or an element.\n * Its content is exclusively text and shouldn't be vital information for users.\n * If richer media is desired, consider using a popover instead.\n * @see https://dialtone.dialpad.com/components/tooltip.html\n */\nexport default {\n  name: 'DtTooltip',\n\n  mixins: [ModeMixin],\n\n  props: {\n    /**\n     * The id of the tooltip\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\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     * if defined, otherwise it will automatically position to a new location\n     * as it sees best fit. See\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: () => ['auto'],\n    },\n\n    /**\n     * @deprecated Use contentMode=\"invert\"\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     *  Displaces the tooltip from its reference element\n     *  by the specified number of pixels. See\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, 12],\n    },\n\n    /**\n     * The direction the popover displays relative to the anchor. See\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     */\n    placement: {\n      type: String,\n      default: 'top',\n      validator (placement) {\n        return TOOLTIP_DIRECTIONS.includes(placement);\n      },\n    },\n\n    /**\n     * If the tooltip 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. See\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: true,\n      validator: (sticky) => {\n        return TOOLTIP_STICKY_VALUES.includes(sticky);\n      },\n    },\n\n    /**\n     * Sets the element to which the tooltip is going to append to.\n     * 'body' appends to the nearest ancestor <dialog> element when inside one\n     * (keeping the tooltip in the browser's top layer), or to the nearest body otherwise.\n     * To always append to body regardless of dialog context, pass document.body as an HTMLElement.\n     * This prop is not reactive, must be set on initial render.\n     * @values 'body', 'parent', 'root', HTMLElement,\n     */\n    appendTo: {\n      type: [HTML_ELEMENT_TYPE, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * Additional css classes for the tooltip content element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the anchor wrapper element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    anchorClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * A provided message for the tooltip content\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls whether hover/focus causes the tooltip to appear.\n     * Cannot be combined with the open prop. open value will be ignored.\n     * by default this is true, if you override with false, the tooltip will never show up.\n     */\n    enabled: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.\n     * If you set this value, the default mouseover behavior will be disabled and you can control it as you need.\n     * @values null, true, false\n     */\n    open: {\n      type: [Boolean, null],\n      default: null,\n    },\n\n    /**\n     * Whether the tooltip should have a transition effect (fade).\n     */\n    transition: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the tooltip will have a delay when being focused or moused over.\n     * @values true, false\n     */\n    delay: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Set a custom theme on the tooltip. See https://atomiks.github.io/tippyjs/v6/themes/\n     */\n    theme: {\n      type: String,\n      default: null,\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     * @deprecated Use externalAnchorElement instead for Shadow DOM compatibility.\n     */\n    externalAnchor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * External anchor element reference. Use this instead of externalAnchor when\n     * the anchor may be inside a Shadow DOM, as querySelector cannot pierce shadow boundaries.\n     */\n    externalAnchorElement: {\n      type: HTML_ELEMENT_TYPE,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when tooltip is shown or hidden\n     *\n     * @event shown\n     * @type {Boolean}\n     */\n    'shown',\n\n    /**\n     * Sync open value\n     *\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      TOOLTIP_KIND_MODIFIERS,\n      hasSlotContent,\n      tip: null,\n\n      inTimer: null,\n\n      // Internal state for whether the tooltip is shown. Changing the prop\n      // will update this.\n      internalShow: false,\n\n      // this is where the placement currently is, this can be different than\n      // the placement prop when there is not enough available room for the tip\n      // to display and it uses a fallback placement.\n      currentPlacement: this.placement,\n    };\n  },\n\n  computed: {\n\n    tippyProps () {\n      return {\n        offset: this.offset,\n        delay: this.delay ? TOOLTIP_DELAY_MS : false,\n        placement: this.placement,\n        sticky: this.sticky,\n        theme: this.inverted ? 'inverted' : this.theme,\n        animation: this.transition ? 'fade' : false,\n        // onShown only triggers when transition is truthy\n        onShown: (tooltipInstance) => this.onShow(tooltipInstance, 'onShown'),\n        // onShown will always be called, but it will be called before the animation is complete\n        onShow: (tooltipInstance) => this.onShow(tooltipInstance, 'onShow'),\n        onHidden: this.onHide,\n\n        popperOptions: getPopperOptions({\n          fallbackPlacements: this.fallbackPlacements,\n          hasHideModifierEnabled: true,\n          onChangePlacement: this.onChangePlacement,\n        }),\n      };\n    },\n\n    anchor () {\n      if (this.externalAnchorElement) return this.externalAnchorElement;\n      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : getAnchor(this.$refs.anchor);\n    },\n  },\n\n  watch: {\n\n    tippyProps: {\n      handler: 'setProps',\n      deep: true,\n    },\n\n    open: {\n      handler: function (open) {\n        if (open !== null && this.enabled) {\n          this.internalShow = open;\n        }\n      },\n\n      immediate: true,\n    },\n\n    internalShow (value) {\n      if (!this.tip || !this.anchor) return;\n\n      if (value) {\n        this.setProps();\n        this.tip.show();\n      } else {\n        this.tip.hide();\n      }\n    },\n\n    sticky (sticky) {\n      this.tip.setProps({\n        sticky,\n      });\n    },\n  },\n\n  async mounted () {\n    if (!this.enabled && this.open != null) {\n      console.warn('Tooltip: You cannot use both the enabled and open props at the same time.');\n      console.warn('The open prop will be ignored.');\n    }\n\n    this.tip = createTippy(this.anchor, this.initOptions());\n    if (this.externalAnchor || this.externalAnchorElement) {\n      await flushPromises();\n      this.addExternalAnchorEventListeners();\n    }\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n  },\n\n  beforeUnmount () {\n    (this.externalAnchor || this.externalAnchorElement) && this.removeExternalAnchorEventListeners();\n\n    if (this.anchor?._tippy) {\n      this.tip?.destroy();\n    }\n  },\n\n  methods: {\n    getModeReferenceEl () {\n      return this.anchor;\n    },\n\n    calculateAnchorZindex () {\n      // if a modal is currently active render at modal-element z-index, otherwise at tooltip z-index\n      if (returnFirstEl(this.$el).getRootNode()\n        .querySelector('.d-modal[aria-hidden=\"false\"], .d-modal--transparent[aria-hidden=\"false\"], .d-modal[open], .d-modal--transparent[open]') ||\n        // Special case because we don't have any dialtone drawer component yet. Render at 651 when\n        // anchor of popover is within a drawer.\n        returnFirstEl(this.$el).closest('.d-zi-drawer')) {\n        return 651;\n      } else {\n        return 400;\n      }\n    },\n\n    hasVisibleFocus () {\n      return this.anchor.matches(':focus-visible');\n    },\n\n    onEnterAnchor (e) {\n      if (!this.enabled) return;\n      if (this.delay && this.inTimer === null) {\n        this.inTimer = setTimeout(() => {\n          this.triggerShow(e);\n        }, TOOLTIP_DELAY_MS);\n      } else {\n        this.triggerShow(e);\n      }\n    },\n\n    triggerShow (e) {\n      if (e.type === 'focusin') {\n        // only show tooltips on visible focus when triggered via focus.\n        // when the user is using the mouse they only want tooltips to display\n        // on mouseover.\n        //\n        // Example: anchor of a popover is a button with tooltip.\n        // closing it with the mouse would trigger the tooltip to display as\n        // the anchor is focused on close. Not what we want.\n        if (this.open === null && this.hasVisibleFocus()) {\n          this.internalShow = true;\n        }\n      } else {\n        if (this.open === null) this.internalShow = true;\n      }\n    },\n\n    onLeaveAnchor (e) {\n      if (e.type === 'keydown' && e.code !== 'Escape') return;\n\n      clearTimeout(this.inTimer);\n      this.inTimer = null;\n      this.triggerHide();\n    },\n\n    triggerHide () {\n      if (this.open === null) this.internalShow = false;\n    },\n\n    onChangePlacement (placement) {\n      this.currentPlacement = placement;\n    },\n\n    onHide () {\n      this.tip?.unmount();\n      this.$emit('shown', false);\n      if (this.open !== null) {\n        this.$emit('update:open', false);\n      }\n    },\n\n    onShow (tooltipInstance, callingMethod) {\n      if (!this.tooltipHasContent(tooltipInstance)) {\n        return false;\n      }\n      if (this.transition && callingMethod === 'onShow') {\n        return;\n      }\n      this.$emit('shown', true);\n      if (this.open !== null) {\n        this.$emit('update:open', true);\n      }\n    },\n\n    resolveAppendTo () {\n      // When inside a native <dialog>, append there to stay in the browser's top layer.\n      if (this.appendTo === 'body') {\n        return this.anchor?.closest('dialog') ?? this.anchor?.getRootNode()?.querySelector('body');\n      }\n      return this.appendTo;\n    },\n\n    setProps () {\n      if (!this.tip || !this.tip.setProps || !this.anchor) return;\n\n      if (this.tip && this.tip.setProps) {\n        this.tip.setProps({\n          ...this.tippyProps,\n          // these need to be set here rather than in tippyProps because they are non-reactive\n          appendTo: this.resolveAppendTo(),\n          zIndex: this.calculateAnchorZindex(),\n        });\n      }\n    },\n\n    onMount () {\n      this.setProps();\n    },\n\n    tooltipHasContent (tooltipInstance) {\n      // don't show tooltip when no content\n      if (tooltipInstance.props.content.textContent.trim().length === 0) {\n        return false;\n      }\n      return true;\n    },\n\n    // set initial options here. If any of the options need to dynamically change, they should be put in\n    // tippyProps instead.\n    initOptions () {\n      const template = this.$refs.content;\n      return {\n        content: template,\n        arrow: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"7\"><path d=\"M 14.5,7 8,0 1.5,7 Z\"/></svg>',\n        // transition duration - same as our custom fade delay in dialtone-globals.less\n        duration: 180,\n        interactive: false,\n        trigger: 'manual',\n        hideOnClick: false,\n        // disable tooltip from displaying on touch devices\n        touch: false,\n        onMount: this.onMount,\n        showOnCreate: this.internalShow,\n        appendTo: this.resolveAppendTo(),\n        popperOptions: getPopperOptions({\n          hasHideModifierEnabled: true,\n        }),\n      };\n    },\n\n    addExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor?.addEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor?.addEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n\n    removeExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor?.removeEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor?.removeEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tooltip.cjs","names":[],"sources":["../../../components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div data-qa=\"dt-tooltip-container\">\n    <!-- disabling as the below events are for capturing events from interactive\n         elements within the span rather than on the span itself -->\n    <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n    <span\n      v-if=\"!externalAnchor && !externalAnchorElement\"\n      ref=\"anchor\"\n      :class=\"anchorClass\"\n      data-qa=\"dt-tooltip-anchor\"\n      @focusin=\"onEnterAnchor\"\n      @focusout=\"onLeaveAnchor\"\n      @mouseenter=\"onEnterAnchor\"\n      @mouseleave=\"onLeaveAnchor\"\n      @keydown.esc=\"onLeaveAnchor\"\n    >\n      <!-- @slot Slot for the anchor element -->\n      <slot\n        name=\"anchor\"\n      />\n    </span>\n    <div\n      :id=\"id\"\n      ref=\"content\"\n      data-qa=\"dt-tooltip\"\n      :class=\"[\n        'd-tooltip',\n        {\n          [ TOOLTIP_KIND_MODIFIERS.inverted ]: inverted,\n        },\n        contentClass,\n      ]\"\n      v-bind=\"modeAttrs\"\n    >\n      <!-- In case when transitionend event doesn't work correct (for ex. tooltip component with custom trigger) -->\n      <!-- after-leave event can be used instead of transitionend -->\n      <!-- @slot Slot for the content, defaults to message prop -->\n      <slot>\n        {{ message }}\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_DELAY_MS,\n} from './TooltipConstants.js';\nimport {\n  POPOVER_APPEND_TO_VALUES,\n} from '../Popover/PopoverConstants';\nimport { flushPromises, getUniqueString, hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\nimport { HTML_ELEMENT_TYPE } from '@/common/constants';\nimport {\n  createTippy,\n  getAnchor,\n  getPopperOptions,\n} from '@/components/Popover/TippyUtils';\nimport ModeMixin from '@/common/mixins/mode';\n\n/**\n * A tooltip is a floating label that briefly explains an action, function, or an element.\n * Its content is exclusively text and shouldn't be vital information for users.\n * If richer media is desired, consider using a popover instead.\n * @see https://dialtone.dialpad.com/components/tooltip.html\n */\nexport default {\n  name: 'DtTooltip',\n\n  mixins: [ModeMixin],\n\n  props: {\n    /**\n     * The id of the tooltip\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\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     * if defined, otherwise it will automatically position to a new location\n     * as it sees best fit. See\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: () => ['auto'],\n    },\n\n    /**\n     * @deprecated Use contentMode=\"invert\"\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     *  Displaces the tooltip from its reference element\n     *  by the specified number of pixels. See\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, 12],\n    },\n\n    /**\n     * The direction the popover displays relative to the anchor. See\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     */\n    placement: {\n      type: String,\n      default: 'top',\n      validator (placement) {\n        return TOOLTIP_DIRECTIONS.includes(placement);\n      },\n    },\n\n    /**\n     * If the tooltip 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. See\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: true,\n      validator: (sticky) => {\n        return TOOLTIP_STICKY_VALUES.includes(sticky);\n      },\n    },\n\n    /**\n     * Sets the element to which the tooltip is going to append to.\n     * 'body' appends to the nearest ancestor <dialog> element when inside one\n     * (keeping the tooltip in the browser's top layer), or to the nearest body otherwise.\n     * To always append to body regardless of dialog context, pass document.body as an HTMLElement.\n     * This prop is not reactive, must be set on initial render.\n     * @values 'body', 'parent', 'root', HTMLElement,\n     */\n    appendTo: {\n      type: [HTML_ELEMENT_TYPE, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * Additional css classes for the tooltip content element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the anchor wrapper element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    anchorClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * A provided message for the tooltip content\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls whether hover/focus causes the tooltip to appear.\n     * Cannot be combined with the open prop. open value will be ignored.\n     * by default this is true, if you override with false, the tooltip will never show up.\n     */\n    enabled: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.\n     * If you set this value, the default mouseover behavior will be disabled and you can control it as you need.\n     * @values null, true, false\n     */\n    open: {\n      type: [Boolean, null],\n      default: null,\n    },\n\n    /**\n     * Whether the tooltip should have a transition effect (fade).\n     */\n    transition: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the tooltip will have a delay when being focused or moused over.\n     * @values true, false\n     */\n    delay: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Set a custom theme on the tooltip. See https://atomiks.github.io/tippyjs/v6/themes/\n     */\n    theme: {\n      type: String,\n      default: null,\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     * @deprecated Use externalAnchorElement instead for Shadow DOM compatibility.\n     */\n    externalAnchor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * External anchor element reference. Use this instead of externalAnchor when\n     * the anchor may be inside a Shadow DOM, as querySelector cannot pierce shadow boundaries.\n     */\n    externalAnchorElement: {\n      type: HTML_ELEMENT_TYPE,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when tooltip is shown or hidden\n     *\n     * @event shown\n     * @type {Boolean}\n     */\n    'shown',\n\n    /**\n     * Sync open value\n     *\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      TOOLTIP_KIND_MODIFIERS,\n      hasSlotContent,\n      tip: null,\n\n      inTimer: null,\n\n      // Internal state for whether the tooltip is shown. Changing the prop\n      // will update this.\n      internalShow: false,\n\n      // this is where the placement currently is, this can be different than\n      // the placement prop when there is not enough available room for the tip\n      // to display and it uses a fallback placement.\n      currentPlacement: this.placement,\n    };\n  },\n\n  computed: {\n\n    tippyProps () {\n      return {\n        offset: this.offset,\n        delay: this.delay ? TOOLTIP_DELAY_MS : false,\n        placement: this.placement,\n        sticky: this.sticky,\n        theme: this.inverted ? 'inverted' : this.theme,\n        animation: this.transition ? 'fade' : false,\n        // onShown only triggers when transition is truthy\n        onShown: (tooltipInstance) => this.onShow(tooltipInstance, 'onShown'),\n        // onShown will always be called, but it will be called before the animation is complete\n        onShow: (tooltipInstance) => this.onShow(tooltipInstance, 'onShow'),\n        onHidden: this.onHide,\n\n        popperOptions: getPopperOptions({\n          fallbackPlacements: this.fallbackPlacements,\n          hasHideModifierEnabled: true,\n          onChangePlacement: this.onChangePlacement,\n        }),\n      };\n    },\n\n    anchor () {\n      if (this.externalAnchorElement) return this.externalAnchorElement;\n      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : getAnchor(this.$refs.anchor);\n    },\n  },\n\n  watch: {\n\n    tippyProps: 'setProps',\n\n    // tippyProps only tracks the offset/fallbackPlacements array references, so in-place\n    // mutations (e.g. offset[1] = 8) need their own deep watchers to trigger setProps.\n    // Reference replacements are already handled by the tippyProps watcher above; skip\n    // those here (newValue === oldValue only when the array was mutated in place) to\n    // avoid calling setProps twice for the same change.\n    offset: {\n      deep: true,\n      handler (newValue, oldValue) {\n        if (newValue === oldValue) this.setProps();\n      },\n    },\n\n    fallbackPlacements: {\n      deep: true,\n      handler (newValue, oldValue) {\n        if (newValue === oldValue) this.setProps();\n      },\n    },\n\n    open: {\n      handler: function (open) {\n        if (open !== null && this.enabled) {\n          this.internalShow = open;\n        }\n      },\n\n      immediate: true,\n    },\n\n    internalShow (value) {\n      if (!this.tip || !this.anchor) return;\n\n      if (value) {\n        this.setProps();\n        this.tip.show();\n      } else {\n        this.tip.hide();\n      }\n    },\n\n    sticky (sticky) {\n      this.tip.setProps({\n        sticky,\n      });\n    },\n  },\n\n  async mounted () {\n    if (!this.enabled && this.open != null) {\n      console.warn('Tooltip: You cannot use both the enabled and open props at the same time.');\n      console.warn('The open prop will be ignored.');\n    }\n\n    this.tip = createTippy(this.anchor, this.initOptions());\n    if (this.externalAnchor || this.externalAnchorElement) {\n      await flushPromises();\n      this.addExternalAnchorEventListeners();\n    }\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n  },\n\n  beforeUnmount () {\n    (this.externalAnchor || this.externalAnchorElement) && this.removeExternalAnchorEventListeners();\n\n    if (this.anchor?._tippy) {\n      this.tip?.destroy();\n    }\n  },\n\n  methods: {\n    getModeReferenceEl () {\n      return this.anchor;\n    },\n\n    calculateAnchorZindex () {\n      // if a modal is currently active render at modal-element z-index, otherwise at tooltip z-index\n      if (returnFirstEl(this.$el).getRootNode()\n        .querySelector('.d-modal[aria-hidden=\"false\"], .d-modal--transparent[aria-hidden=\"false\"], .d-modal[open], .d-modal--transparent[open]') ||\n        // Special case because we don't have any dialtone drawer component yet. Render at 651 when\n        // anchor of popover is within a drawer.\n        returnFirstEl(this.$el).closest('.d-zi-drawer')) {\n        return 651;\n      } else {\n        return 400;\n      }\n    },\n\n    hasVisibleFocus () {\n      return this.anchor.matches(':focus-visible');\n    },\n\n    onEnterAnchor (e) {\n      if (!this.enabled) return;\n      if (this.delay && this.inTimer === null) {\n        this.inTimer = setTimeout(() => {\n          this.triggerShow(e);\n        }, TOOLTIP_DELAY_MS);\n      } else {\n        this.triggerShow(e);\n      }\n    },\n\n    triggerShow (e) {\n      if (e.type === 'focusin') {\n        // only show tooltips on visible focus when triggered via focus.\n        // when the user is using the mouse they only want tooltips to display\n        // on mouseover.\n        //\n        // Example: anchor of a popover is a button with tooltip.\n        // closing it with the mouse would trigger the tooltip to display as\n        // the anchor is focused on close. Not what we want.\n        if (this.open === null && this.hasVisibleFocus()) {\n          this.internalShow = true;\n        }\n      } else {\n        if (this.open === null) this.internalShow = true;\n      }\n    },\n\n    onLeaveAnchor (e) {\n      if (e.type === 'keydown' && e.code !== 'Escape') return;\n\n      clearTimeout(this.inTimer);\n      this.inTimer = null;\n      this.triggerHide();\n    },\n\n    triggerHide () {\n      if (this.open === null) this.internalShow = false;\n    },\n\n    onChangePlacement (placement) {\n      this.currentPlacement = placement;\n    },\n\n    onHide () {\n      this.tip?.unmount();\n      this.$emit('shown', false);\n      if (this.open !== null) {\n        this.$emit('update:open', false);\n      }\n    },\n\n    onShow (tooltipInstance, callingMethod) {\n      if (!this.tooltipHasContent(tooltipInstance)) {\n        return false;\n      }\n      if (this.transition && callingMethod === 'onShow') {\n        return;\n      }\n      this.$emit('shown', true);\n      if (this.open !== null) {\n        this.$emit('update:open', true);\n      }\n    },\n\n    resolveAppendTo () {\n      // When inside a native <dialog>, append there to stay in the browser's top layer.\n      if (this.appendTo === 'body') {\n        return this.anchor?.closest('dialog') ?? this.anchor?.getRootNode()?.querySelector('body');\n      }\n      return this.appendTo;\n    },\n\n    setProps () {\n      if (!this.tip || !this.tip.setProps || !this.anchor) return;\n\n      if (this.tip && this.tip.setProps) {\n        this.tip.setProps({\n          ...this.tippyProps,\n          // these need to be set here rather than in tippyProps because they are non-reactive\n          appendTo: this.resolveAppendTo(),\n          zIndex: this.calculateAnchorZindex(),\n        });\n      }\n    },\n\n    onMount () {\n      this.setProps();\n    },\n\n    tooltipHasContent (tooltipInstance) {\n      // don't show tooltip when no content\n      if (tooltipInstance.props.content.textContent.trim().length === 0) {\n        return false;\n      }\n      return true;\n    },\n\n    // set initial options here. If any of the options need to dynamically change, they should be put in\n    // tippyProps instead.\n    initOptions () {\n      const template = this.$refs.content;\n      return {\n        content: template,\n        arrow: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"7\"><path d=\"M 14.5,7 8,0 1.5,7 Z\"/></svg>',\n        // transition duration - same as our custom fade delay in dialtone-globals.less\n        duration: 180,\n        interactive: false,\n        trigger: 'manual',\n        hideOnClick: false,\n        // disable tooltip from displaying on touch devices\n        touch: false,\n        onMount: this.onMount,\n        showOnCreate: this.internalShow,\n        appendTo: this.resolveAppendTo(),\n        popperOptions: getPopperOptions({\n          hasHideModifierEnabled: true,\n        }),\n      };\n    },\n\n    addExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor?.addEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor?.addEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n\n    removeExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor?.removeEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor?.removeEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/tooltip/tooltip.js

@@ -130,9 +130,18 @@ var T = {
 		}
 	},
 	watch: {
-		tippyProps: {
-			handler: "setProps",
-			deep: !0
+		tippyProps: "setProps",
+		offset: {
+			deep: !0,
+			handler(e, t) {
+				e === t && this.setProps();
+			}
+		},
+		fallbackPlacements: {
+			deep: !0,
+			handler(e, t) {
+				e === t && this.setProps();
+			}
 		},
 		open: {
 			handler: function(e) {

package/dist/lib/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../../components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div data-qa=\"dt-tooltip-container\">\n    <!-- disabling as the below events are for capturing events from interactive\n         elements within the span rather than on the span itself -->\n    <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n    <span\n      v-if=\"!externalAnchor && !externalAnchorElement\"\n      ref=\"anchor\"\n      :class=\"anchorClass\"\n      data-qa=\"dt-tooltip-anchor\"\n      @focusin=\"onEnterAnchor\"\n      @focusout=\"onLeaveAnchor\"\n      @mouseenter=\"onEnterAnchor\"\n      @mouseleave=\"onLeaveAnchor\"\n      @keydown.esc=\"onLeaveAnchor\"\n    >\n      <!-- @slot Slot for the anchor element -->\n      <slot\n        name=\"anchor\"\n      />\n    </span>\n    <div\n      :id=\"id\"\n      ref=\"content\"\n      data-qa=\"dt-tooltip\"\n      :class=\"[\n        'd-tooltip',\n        {\n          [ TOOLTIP_KIND_MODIFIERS.inverted ]: inverted,\n        },\n        contentClass,\n      ]\"\n      v-bind=\"modeAttrs\"\n    >\n      <!-- In case when transitionend event doesn't work correct (for ex. tooltip component with custom trigger) -->\n      <!-- after-leave event can be used instead of transitionend -->\n      <!-- @slot Slot for the content, defaults to message prop -->\n      <slot>\n        {{ message }}\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_DELAY_MS,\n} from './TooltipConstants.js';\nimport {\n  POPOVER_APPEND_TO_VALUES,\n} from '../Popover/PopoverConstants';\nimport { flushPromises, getUniqueString, hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\nimport { HTML_ELEMENT_TYPE } from '@/common/constants';\nimport {\n  createTippy,\n  getAnchor,\n  getPopperOptions,\n} from '@/components/Popover/TippyUtils';\nimport ModeMixin from '@/common/mixins/mode';\n\n/**\n * A tooltip is a floating label that briefly explains an action, function, or an element.\n * Its content is exclusively text and shouldn't be vital information for users.\n * If richer media is desired, consider using a popover instead.\n * @see https://dialtone.dialpad.com/components/tooltip.html\n */\nexport default {\n  name: 'DtTooltip',\n\n  mixins: [ModeMixin],\n\n  props: {\n    /**\n     * The id of the tooltip\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\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     * if defined, otherwise it will automatically position to a new location\n     * as it sees best fit. See\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: () => ['auto'],\n    },\n\n    /**\n     * @deprecated Use contentMode=\"invert\"\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     *  Displaces the tooltip from its reference element\n     *  by the specified number of pixels. See\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, 12],\n    },\n\n    /**\n     * The direction the popover displays relative to the anchor. See\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     */\n    placement: {\n      type: String,\n      default: 'top',\n      validator (placement) {\n        return TOOLTIP_DIRECTIONS.includes(placement);\n      },\n    },\n\n    /**\n     * If the tooltip 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. See\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: true,\n      validator: (sticky) => {\n        return TOOLTIP_STICKY_VALUES.includes(sticky);\n      },\n    },\n\n    /**\n     * Sets the element to which the tooltip is going to append to.\n     * 'body' appends to the nearest ancestor <dialog> element when inside one\n     * (keeping the tooltip in the browser's top layer), or to the nearest body otherwise.\n     * To always append to body regardless of dialog context, pass document.body as an HTMLElement.\n     * This prop is not reactive, must be set on initial render.\n     * @values 'body', 'parent', 'root', HTMLElement,\n     */\n    appendTo: {\n      type: [HTML_ELEMENT_TYPE, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * Additional css classes for the tooltip content element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the anchor wrapper element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    anchorClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * A provided message for the tooltip content\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls whether hover/focus causes the tooltip to appear.\n     * Cannot be combined with the open prop. open value will be ignored.\n     * by default this is true, if you override with false, the tooltip will never show up.\n     */\n    enabled: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.\n     * If you set this value, the default mouseover behavior will be disabled and you can control it as you need.\n     * @values null, true, false\n     */\n    open: {\n      type: [Boolean, null],\n      default: null,\n    },\n\n    /**\n     * Whether the tooltip should have a transition effect (fade).\n     */\n    transition: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the tooltip will have a delay when being focused or moused over.\n     * @values true, false\n     */\n    delay: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Set a custom theme on the tooltip. See https://atomiks.github.io/tippyjs/v6/themes/\n     */\n    theme: {\n      type: String,\n      default: null,\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     * @deprecated Use externalAnchorElement instead for Shadow DOM compatibility.\n     */\n    externalAnchor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * External anchor element reference. Use this instead of externalAnchor when\n     * the anchor may be inside a Shadow DOM, as querySelector cannot pierce shadow boundaries.\n     */\n    externalAnchorElement: {\n      type: HTML_ELEMENT_TYPE,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when tooltip is shown or hidden\n     *\n     * @event shown\n     * @type {Boolean}\n     */\n    'shown',\n\n    /**\n     * Sync open value\n     *\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      TOOLTIP_KIND_MODIFIERS,\n      hasSlotContent,\n      tip: null,\n\n      inTimer: null,\n\n      // Internal state for whether the tooltip is shown. Changing the prop\n      // will update this.\n      internalShow: false,\n\n      // this is where the placement currently is, this can be different than\n      // the placement prop when there is not enough available room for the tip\n      // to display and it uses a fallback placement.\n      currentPlacement: this.placement,\n    };\n  },\n\n  computed: {\n\n    tippyProps () {\n      return {\n        offset: this.offset,\n        delay: this.delay ? TOOLTIP_DELAY_MS : false,\n        placement: this.placement,\n        sticky: this.sticky,\n        theme: this.inverted ? 'inverted' : this.theme,\n        animation: this.transition ? 'fade' : false,\n        // onShown only triggers when transition is truthy\n        onShown: (tooltipInstance) => this.onShow(tooltipInstance, 'onShown'),\n        // onShown will always be called, but it will be called before the animation is complete\n        onShow: (tooltipInstance) => this.onShow(tooltipInstance, 'onShow'),\n        onHidden: this.onHide,\n\n        popperOptions: getPopperOptions({\n          fallbackPlacements: this.fallbackPlacements,\n          hasHideModifierEnabled: true,\n          onChangePlacement: this.onChangePlacement,\n        }),\n      };\n    },\n\n    anchor () {\n      if (this.externalAnchorElement) return this.externalAnchorElement;\n      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : getAnchor(this.$refs.anchor);\n    },\n  },\n\n  watch: {\n\n    tippyProps: {\n      handler: 'setProps',\n      deep: true,\n    },\n\n    open: {\n      handler: function (open) {\n        if (open !== null && this.enabled) {\n          this.internalShow = open;\n        }\n      },\n\n      immediate: true,\n    },\n\n    internalShow (value) {\n      if (!this.tip || !this.anchor) return;\n\n      if (value) {\n        this.setProps();\n        this.tip.show();\n      } else {\n        this.tip.hide();\n      }\n    },\n\n    sticky (sticky) {\n      this.tip.setProps({\n        sticky,\n      });\n    },\n  },\n\n  async mounted () {\n    if (!this.enabled && this.open != null) {\n      console.warn('Tooltip: You cannot use both the enabled and open props at the same time.');\n      console.warn('The open prop will be ignored.');\n    }\n\n    this.tip = createTippy(this.anchor, this.initOptions());\n    if (this.externalAnchor || this.externalAnchorElement) {\n      await flushPromises();\n      this.addExternalAnchorEventListeners();\n    }\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n  },\n\n  beforeUnmount () {\n    (this.externalAnchor || this.externalAnchorElement) && this.removeExternalAnchorEventListeners();\n\n    if (this.anchor?._tippy) {\n      this.tip?.destroy();\n    }\n  },\n\n  methods: {\n    getModeReferenceEl () {\n      return this.anchor;\n    },\n\n    calculateAnchorZindex () {\n      // if a modal is currently active render at modal-element z-index, otherwise at tooltip z-index\n      if (returnFirstEl(this.$el).getRootNode()\n        .querySelector('.d-modal[aria-hidden=\"false\"], .d-modal--transparent[aria-hidden=\"false\"], .d-modal[open], .d-modal--transparent[open]') ||\n        // Special case because we don't have any dialtone drawer component yet. Render at 651 when\n        // anchor of popover is within a drawer.\n        returnFirstEl(this.$el).closest('.d-zi-drawer')) {\n        return 651;\n      } else {\n        return 400;\n      }\n    },\n\n    hasVisibleFocus () {\n      return this.anchor.matches(':focus-visible');\n    },\n\n    onEnterAnchor (e) {\n      if (!this.enabled) return;\n      if (this.delay && this.inTimer === null) {\n        this.inTimer = setTimeout(() => {\n          this.triggerShow(e);\n        }, TOOLTIP_DELAY_MS);\n      } else {\n        this.triggerShow(e);\n      }\n    },\n\n    triggerShow (e) {\n      if (e.type === 'focusin') {\n        // only show tooltips on visible focus when triggered via focus.\n        // when the user is using the mouse they only want tooltips to display\n        // on mouseover.\n        //\n        // Example: anchor of a popover is a button with tooltip.\n        // closing it with the mouse would trigger the tooltip to display as\n        // the anchor is focused on close. Not what we want.\n        if (this.open === null && this.hasVisibleFocus()) {\n          this.internalShow = true;\n        }\n      } else {\n        if (this.open === null) this.internalShow = true;\n      }\n    },\n\n    onLeaveAnchor (e) {\n      if (e.type === 'keydown' && e.code !== 'Escape') return;\n\n      clearTimeout(this.inTimer);\n      this.inTimer = null;\n      this.triggerHide();\n    },\n\n    triggerHide () {\n      if (this.open === null) this.internalShow = false;\n    },\n\n    onChangePlacement (placement) {\n      this.currentPlacement = placement;\n    },\n\n    onHide () {\n      this.tip?.unmount();\n      this.$emit('shown', false);\n      if (this.open !== null) {\n        this.$emit('update:open', false);\n      }\n    },\n\n    onShow (tooltipInstance, callingMethod) {\n      if (!this.tooltipHasContent(tooltipInstance)) {\n        return false;\n      }\n      if (this.transition && callingMethod === 'onShow') {\n        return;\n      }\n      this.$emit('shown', true);\n      if (this.open !== null) {\n        this.$emit('update:open', true);\n      }\n    },\n\n    resolveAppendTo () {\n      // When inside a native <dialog>, append there to stay in the browser's top layer.\n      if (this.appendTo === 'body') {\n        return this.anchor?.closest('dialog') ?? this.anchor?.getRootNode()?.querySelector('body');\n      }\n      return this.appendTo;\n    },\n\n    setProps () {\n      if (!this.tip || !this.tip.setProps || !this.anchor) return;\n\n      if (this.tip && this.tip.setProps) {\n        this.tip.setProps({\n          ...this.tippyProps,\n          // these need to be set here rather than in tippyProps because they are non-reactive\n          appendTo: this.resolveAppendTo(),\n          zIndex: this.calculateAnchorZindex(),\n        });\n      }\n    },\n\n    onMount () {\n      this.setProps();\n    },\n\n    tooltipHasContent (tooltipInstance) {\n      // don't show tooltip when no content\n      if (tooltipInstance.props.content.textContent.trim().length === 0) {\n        return false;\n      }\n      return true;\n    },\n\n    // set initial options here. If any of the options need to dynamically change, they should be put in\n    // tippyProps instead.\n    initOptions () {\n      const template = this.$refs.content;\n      return {\n        content: template,\n        arrow: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"7\"><path d=\"M 14.5,7 8,0 1.5,7 Z\"/></svg>',\n        // transition duration - same as our custom fade delay in dialtone-globals.less\n        duration: 180,\n        interactive: false,\n        trigger: 'manual',\n        hideOnClick: false,\n        // disable tooltip from displaying on touch devices\n        touch: false,\n        onMount: this.onMount,\n        showOnCreate: this.internalShow,\n        appendTo: this.resolveAppendTo(),\n        popperOptions: getPopperOptions({\n          hasHideModifierEnabled: true,\n        }),\n      };\n    },\n\n    addExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor?.addEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor?.addEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n\n    removeExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor?.removeEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor?.removeEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../../components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div data-qa=\"dt-tooltip-container\">\n    <!-- disabling as the below events are for capturing events from interactive\n         elements within the span rather than on the span itself -->\n    <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n    <span\n      v-if=\"!externalAnchor && !externalAnchorElement\"\n      ref=\"anchor\"\n      :class=\"anchorClass\"\n      data-qa=\"dt-tooltip-anchor\"\n      @focusin=\"onEnterAnchor\"\n      @focusout=\"onLeaveAnchor\"\n      @mouseenter=\"onEnterAnchor\"\n      @mouseleave=\"onLeaveAnchor\"\n      @keydown.esc=\"onLeaveAnchor\"\n    >\n      <!-- @slot Slot for the anchor element -->\n      <slot\n        name=\"anchor\"\n      />\n    </span>\n    <div\n      :id=\"id\"\n      ref=\"content\"\n      data-qa=\"dt-tooltip\"\n      :class=\"[\n        'd-tooltip',\n        {\n          [ TOOLTIP_KIND_MODIFIERS.inverted ]: inverted,\n        },\n        contentClass,\n      ]\"\n      v-bind=\"modeAttrs\"\n    >\n      <!-- In case when transitionend event doesn't work correct (for ex. tooltip component with custom trigger) -->\n      <!-- after-leave event can be used instead of transitionend -->\n      <!-- @slot Slot for the content, defaults to message prop -->\n      <slot>\n        {{ message }}\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  TOOLTIP_KIND_MODIFIERS,\n  TOOLTIP_DIRECTIONS,\n  TOOLTIP_STICKY_VALUES,\n  TOOLTIP_DELAY_MS,\n} from './TooltipConstants.js';\nimport {\n  POPOVER_APPEND_TO_VALUES,\n} from '../Popover/PopoverConstants';\nimport { flushPromises, getUniqueString, hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\nimport { HTML_ELEMENT_TYPE } from '@/common/constants';\nimport {\n  createTippy,\n  getAnchor,\n  getPopperOptions,\n} from '@/components/Popover/TippyUtils';\nimport ModeMixin from '@/common/mixins/mode';\n\n/**\n * A tooltip is a floating label that briefly explains an action, function, or an element.\n * Its content is exclusively text and shouldn't be vital information for users.\n * If richer media is desired, consider using a popover instead.\n * @see https://dialtone.dialpad.com/components/tooltip.html\n */\nexport default {\n  name: 'DtTooltip',\n\n  mixins: [ModeMixin],\n\n  props: {\n    /**\n     * The id of the tooltip\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\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     * if defined, otherwise it will automatically position to a new location\n     * as it sees best fit. See\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: () => ['auto'],\n    },\n\n    /**\n     * @deprecated Use contentMode=\"invert\"\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     *  Displaces the tooltip from its reference element\n     *  by the specified number of pixels. See\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, 12],\n    },\n\n    /**\n     * The direction the popover displays relative to the anchor. See\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     */\n    placement: {\n      type: String,\n      default: 'top',\n      validator (placement) {\n        return TOOLTIP_DIRECTIONS.includes(placement);\n      },\n    },\n\n    /**\n     * If the tooltip 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. See\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: true,\n      validator: (sticky) => {\n        return TOOLTIP_STICKY_VALUES.includes(sticky);\n      },\n    },\n\n    /**\n     * Sets the element to which the tooltip is going to append to.\n     * 'body' appends to the nearest ancestor <dialog> element when inside one\n     * (keeping the tooltip in the browser's top layer), or to the nearest body otherwise.\n     * To always append to body regardless of dialog context, pass document.body as an HTMLElement.\n     * This prop is not reactive, must be set on initial render.\n     * @values 'body', 'parent', 'root', HTMLElement,\n     */\n    appendTo: {\n      type: [HTML_ELEMENT_TYPE, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * Additional css classes for the tooltip content element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the anchor wrapper element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    anchorClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * A provided message for the tooltip content\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls whether hover/focus causes the tooltip to appear.\n     * Cannot be combined with the open prop. open value will be ignored.\n     * by default this is true, if you override with false, the tooltip will never show up.\n     */\n    enabled: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.\n     * If you set this value, the default mouseover behavior will be disabled and you can control it as you need.\n     * @values null, true, false\n     */\n    open: {\n      type: [Boolean, null],\n      default: null,\n    },\n\n    /**\n     * Whether the tooltip should have a transition effect (fade).\n     */\n    transition: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the tooltip will have a delay when being focused or moused over.\n     * @values true, false\n     */\n    delay: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Set a custom theme on the tooltip. See https://atomiks.github.io/tippyjs/v6/themes/\n     */\n    theme: {\n      type: String,\n      default: null,\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     * @deprecated Use externalAnchorElement instead for Shadow DOM compatibility.\n     */\n    externalAnchor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * External anchor element reference. Use this instead of externalAnchor when\n     * the anchor may be inside a Shadow DOM, as querySelector cannot pierce shadow boundaries.\n     */\n    externalAnchorElement: {\n      type: HTML_ELEMENT_TYPE,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when tooltip is shown or hidden\n     *\n     * @event shown\n     * @type {Boolean}\n     */\n    'shown',\n\n    /**\n     * Sync open value\n     *\n     * @event update:open\n     */\n    'update:open',\n  ],\n\n  data () {\n    return {\n      TOOLTIP_KIND_MODIFIERS,\n      hasSlotContent,\n      tip: null,\n\n      inTimer: null,\n\n      // Internal state for whether the tooltip is shown. Changing the prop\n      // will update this.\n      internalShow: false,\n\n      // this is where the placement currently is, this can be different than\n      // the placement prop when there is not enough available room for the tip\n      // to display and it uses a fallback placement.\n      currentPlacement: this.placement,\n    };\n  },\n\n  computed: {\n\n    tippyProps () {\n      return {\n        offset: this.offset,\n        delay: this.delay ? TOOLTIP_DELAY_MS : false,\n        placement: this.placement,\n        sticky: this.sticky,\n        theme: this.inverted ? 'inverted' : this.theme,\n        animation: this.transition ? 'fade' : false,\n        // onShown only triggers when transition is truthy\n        onShown: (tooltipInstance) => this.onShow(tooltipInstance, 'onShown'),\n        // onShown will always be called, but it will be called before the animation is complete\n        onShow: (tooltipInstance) => this.onShow(tooltipInstance, 'onShow'),\n        onHidden: this.onHide,\n\n        popperOptions: getPopperOptions({\n          fallbackPlacements: this.fallbackPlacements,\n          hasHideModifierEnabled: true,\n          onChangePlacement: this.onChangePlacement,\n        }),\n      };\n    },\n\n    anchor () {\n      if (this.externalAnchorElement) return this.externalAnchorElement;\n      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : getAnchor(this.$refs.anchor);\n    },\n  },\n\n  watch: {\n\n    tippyProps: 'setProps',\n\n    // tippyProps only tracks the offset/fallbackPlacements array references, so in-place\n    // mutations (e.g. offset[1] = 8) need their own deep watchers to trigger setProps.\n    // Reference replacements are already handled by the tippyProps watcher above; skip\n    // those here (newValue === oldValue only when the array was mutated in place) to\n    // avoid calling setProps twice for the same change.\n    offset: {\n      deep: true,\n      handler (newValue, oldValue) {\n        if (newValue === oldValue) this.setProps();\n      },\n    },\n\n    fallbackPlacements: {\n      deep: true,\n      handler (newValue, oldValue) {\n        if (newValue === oldValue) this.setProps();\n      },\n    },\n\n    open: {\n      handler: function (open) {\n        if (open !== null && this.enabled) {\n          this.internalShow = open;\n        }\n      },\n\n      immediate: true,\n    },\n\n    internalShow (value) {\n      if (!this.tip || !this.anchor) return;\n\n      if (value) {\n        this.setProps();\n        this.tip.show();\n      } else {\n        this.tip.hide();\n      }\n    },\n\n    sticky (sticky) {\n      this.tip.setProps({\n        sticky,\n      });\n    },\n  },\n\n  async mounted () {\n    if (!this.enabled && this.open != null) {\n      console.warn('Tooltip: You cannot use both the enabled and open props at the same time.');\n      console.warn('The open prop will be ignored.');\n    }\n\n    this.tip = createTippy(this.anchor, this.initOptions());\n    if (this.externalAnchor || this.externalAnchorElement) {\n      await flushPromises();\n      this.addExternalAnchorEventListeners();\n    }\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n  },\n\n  beforeUnmount () {\n    (this.externalAnchor || this.externalAnchorElement) && this.removeExternalAnchorEventListeners();\n\n    if (this.anchor?._tippy) {\n      this.tip?.destroy();\n    }\n  },\n\n  methods: {\n    getModeReferenceEl () {\n      return this.anchor;\n    },\n\n    calculateAnchorZindex () {\n      // if a modal is currently active render at modal-element z-index, otherwise at tooltip z-index\n      if (returnFirstEl(this.$el).getRootNode()\n        .querySelector('.d-modal[aria-hidden=\"false\"], .d-modal--transparent[aria-hidden=\"false\"], .d-modal[open], .d-modal--transparent[open]') ||\n        // Special case because we don't have any dialtone drawer component yet. Render at 651 when\n        // anchor of popover is within a drawer.\n        returnFirstEl(this.$el).closest('.d-zi-drawer')) {\n        return 651;\n      } else {\n        return 400;\n      }\n    },\n\n    hasVisibleFocus () {\n      return this.anchor.matches(':focus-visible');\n    },\n\n    onEnterAnchor (e) {\n      if (!this.enabled) return;\n      if (this.delay && this.inTimer === null) {\n        this.inTimer = setTimeout(() => {\n          this.triggerShow(e);\n        }, TOOLTIP_DELAY_MS);\n      } else {\n        this.triggerShow(e);\n      }\n    },\n\n    triggerShow (e) {\n      if (e.type === 'focusin') {\n        // only show tooltips on visible focus when triggered via focus.\n        // when the user is using the mouse they only want tooltips to display\n        // on mouseover.\n        //\n        // Example: anchor of a popover is a button with tooltip.\n        // closing it with the mouse would trigger the tooltip to display as\n        // the anchor is focused on close. Not what we want.\n        if (this.open === null && this.hasVisibleFocus()) {\n          this.internalShow = true;\n        }\n      } else {\n        if (this.open === null) this.internalShow = true;\n      }\n    },\n\n    onLeaveAnchor (e) {\n      if (e.type === 'keydown' && e.code !== 'Escape') return;\n\n      clearTimeout(this.inTimer);\n      this.inTimer = null;\n      this.triggerHide();\n    },\n\n    triggerHide () {\n      if (this.open === null) this.internalShow = false;\n    },\n\n    onChangePlacement (placement) {\n      this.currentPlacement = placement;\n    },\n\n    onHide () {\n      this.tip?.unmount();\n      this.$emit('shown', false);\n      if (this.open !== null) {\n        this.$emit('update:open', false);\n      }\n    },\n\n    onShow (tooltipInstance, callingMethod) {\n      if (!this.tooltipHasContent(tooltipInstance)) {\n        return false;\n      }\n      if (this.transition && callingMethod === 'onShow') {\n        return;\n      }\n      this.$emit('shown', true);\n      if (this.open !== null) {\n        this.$emit('update:open', true);\n      }\n    },\n\n    resolveAppendTo () {\n      // When inside a native <dialog>, append there to stay in the browser's top layer.\n      if (this.appendTo === 'body') {\n        return this.anchor?.closest('dialog') ?? this.anchor?.getRootNode()?.querySelector('body');\n      }\n      return this.appendTo;\n    },\n\n    setProps () {\n      if (!this.tip || !this.tip.setProps || !this.anchor) return;\n\n      if (this.tip && this.tip.setProps) {\n        this.tip.setProps({\n          ...this.tippyProps,\n          // these need to be set here rather than in tippyProps because they are non-reactive\n          appendTo: this.resolveAppendTo(),\n          zIndex: this.calculateAnchorZindex(),\n        });\n      }\n    },\n\n    onMount () {\n      this.setProps();\n    },\n\n    tooltipHasContent (tooltipInstance) {\n      // don't show tooltip when no content\n      if (tooltipInstance.props.content.textContent.trim().length === 0) {\n        return false;\n      }\n      return true;\n    },\n\n    // set initial options here. If any of the options need to dynamically change, they should be put in\n    // tippyProps instead.\n    initOptions () {\n      const template = this.$refs.content;\n      return {\n        content: template,\n        arrow: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"7\"><path d=\"M 14.5,7 8,0 1.5,7 Z\"/></svg>',\n        // transition duration - same as our custom fade delay in dialtone-globals.less\n        duration: 180,\n        interactive: false,\n        trigger: 'manual',\n        hideOnClick: false,\n        // disable tooltip from displaying on touch devices\n        touch: false,\n        onMount: this.onMount,\n        showOnCreate: this.internalShow,\n        appendTo: this.resolveAppendTo(),\n        popperOptions: getPopperOptions({\n          hasHideModifierEnabled: true,\n        }),\n      };\n    },\n\n    addExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor?.addEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor?.addEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n\n    removeExternalAnchorEventListeners () {\n      ['focusin', 'mouseenter'].forEach(listener => {\n        this.anchor?.removeEventListener(listener, (event) => this.onEnterAnchor(event));\n      });\n      ['focusout', 'mouseleave', 'keydown'].forEach(listener => {\n        this.anchor?.removeEventListener(listener, (event) => this.onLeaveAnchor(event));\n      });\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.225.0-next.9",
+  "version": "3.225.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
@@ -46,8 +46,8 @@
     "overlayscrollbars": "2.10.0",
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
-    "@dialpad/dialtone-emojis": "1.2.6-next.1",
-    "@dialpad/dialtone-icons": "4.57.0-next.3"
+    "@dialpad/dialtone-icons": "4.58.0",
+    "@dialpad/dialtone-emojis": "1.3.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "10.3.0",
@@ -61,12 +61,12 @@
     "react": "19.2.4",
     "storybook": "10.3.0",
     "vue": "^3.3.4",
-    "@dialpad/dialtone-css": "8.81.0-next.17",
+    "@dialpad/dialtone-css": "8.81.0",
     "@dialpad/generator-dialtone": "0.1.0"
   },
   "peerDependencies": {
     "vue": ">=3.2",
-    "@dialpad/dialtone-css": "^8.81.0-next.17"
+    "@dialpad/dialtone-css": "^8.81.0"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"

package/dist/MarkdownRenderer-D5XWsyQk.cjs

@@ -1,31 +0,0 @@
-require(`./chunk-Bmb41Sf3.cjs`);let e=require(`@tiptap/core`),t=require(`@tiptap/pm/model`);function n(t,n,r){let i=t.attrs;return i?n.filter(e=>e.type===(typeof t.type==`string`?t.type:t.type.name)?r?e.attribute.rendered:!0:!1).map(e=>e.attribute.renderHTML&&e.attribute.renderHTML(i)||{[e.name]:e.name in i?i[e.name]:e.attribute.default}).reduce((t,n)=>(0,e.mergeAttributes)(t,n),{}):{}}function r(e,t){return n(e,t,!0)}function i(t,n,i,a){let o=(0,e.getExtensionField)(n,`renderHTML`,{name:n.name,options:n.options,storage:n.storage,parent:n.parent});return o?[n.name,({node:e,children:a})=>{try{return t(o({node:e,HTMLAttributes:r(e,i)}))(a)}catch(e){throw Error(`[tiptap error]: Node ${n.name} cannot be rendered, it's "renderToHTML" method threw an error: ${e.message}`,{cause:e})}}]:a?.unhandledNode?[n.name,a.unhandledNode]:[n.name,()=>{throw Error(`[tiptap error]: Node ${n.name} cannot be rendered, it is missing a "renderToHTML" method, please implement it or override the corresponding "nodeMapping" method to have a custom rendering`)}]}function a(t,n,i,a){let o=(0,e.getExtensionField)(n,`renderHTML`,{name:n.name,options:n.options,storage:n.storage,parent:n.parent});return o?[n.name,({mark:e,children:a})=>{try{return t(o({mark:e,HTMLAttributes:r(e,i)}))(a)}catch(e){throw Error(`[tiptap error]: Mark ${n.name} cannot be rendered, it's "renderToHTML" method threw an error: ${e.message}`,{cause:e})}}]:a?.unhandledMark?[n.name,a.unhandledMark]:[n.name,()=>{throw Error(`Node ${n.name} cannot be rendered, it is missing a "renderToHTML" method`)}]}function o({renderer:n,domOutputSpecToElement:r,mapDefinedTypes:o,content:s,extensions:c,options:l}){c=(0,e.resolveExtensions)(c);let u=(0,e.getAttributesFromExtensions)(c),{nodeExtensions:d,markExtensions:f}=(0,e.splitExtensions)(c);return s instanceof t.Node||(s=t.Node.fromJSON((0,e.getSchemaByResolvedExtensions)(c),s)),n({...l,nodeMapping:{...Object.fromEntries(d.filter(e=>e.name in o?!1:l?.nodeMapping?!(e.name in l.nodeMapping):!0).map(e=>i(r,e,u,l))),...o,...l?.nodeMapping},markMapping:{...Object.fromEntries(f.filter(e=>l?.markMapping?!(e.name in l.markMapping):!0).map(e=>a(r,e,u,l))),...l?.markMapping}})({content:s})}function s(e,{nodeMapping:t,markMapping:n,unhandledNode:r,unhandledMark:i}){return function a({content:o,parent:s}){let c=typeof o.type==`string`?o.type:o.type.name,l=t[c]??r;if(!l)throw Error(`missing handler for node type ${c}`);let u=e({component:l,props:{node:o,parent:s,renderElement:a,get children(){let e=[];return o.content&&o.content.forEach(t=>{e.push(a({content:t,parent:o}))}),e}}});return o.marks?o.marks.reduce((t,r)=>{let a=typeof r.type==`string`?r.type:r.type.name,c=n[a]??i;if(!c)throw Error(`missing handler for mark type ${a}`);return e({component:c,props:{mark:r,parent:s,node:o,children:t}})},u):u}}function c(e){return s(e=>e.component(e.props),e)}function l(e){let t=Object.entries(e||{}).map(([e,t])=>`${e.split(` `).at(-1)}=${JSON.stringify(t)}`).join(` `);return t?` ${t}`:``}function u(e){return[].concat(e||``).filter(Boolean).join(``)}var d=new Set([`iframe`,`script`,`style`,`title`,`textarea`,`div`,`span`,`a`,`button`]);function f(e){if(typeof e==`string`)return()=>e;if(typeof e==`object`&&`length`in e){let[t,n,r,...i]=e,a=t,o=a.split(` `);if(o.length>1&&(a=`${o[1]} xmlns="${o[0]}"`),n===void 0)return()=>`<${a}/>`;if(n===0)return e=>`<${a}>${u(e)}</${a}>`;if(typeof n==`object`)return Array.isArray(n)?r===void 0||r===0?e=>`<${a}>${f(n)(e)}</${a}>`:e=>`<${a}>${f(n)(e)}${[r].concat(i).map(t=>f(t)(e))}</${a}>`:r===void 0?d.has(a)?()=>`<${a}${l(n)}></${a}>`:()=>`<${a}${l(n)}/>`:r===0?e=>`<${a}${l(n)}>${u(e)}</${a}>`:e=>`<${a}${l(n)}>${[r].concat(i).map(t=>f(t)(e)).join(``)}</${a}>`}throw Error("[tiptap error]: Unsupported DomOutputSpec type, check the `renderHTML` method output or implement a node mapping",{cause:e})}function p({content:e,extensions:t,options:n}){return o({renderer:c,domOutputSpecToElement:f,mapDefinedTypes:{doc:({children:e})=>u(e),text:({node:e})=>e.text??``},content:e,extensions:t,options:n})}function m({content:e,extensions:t,options:n}){return p({content:e,extensions:t,options:{...n,nodeMapping:{bulletList({children:e}){return`
-${u(e)}`},orderedList({children:e}){return`
-${u(e)}`},listItem({node:e,children:t,parent:n}){if(n?.type.name===`bulletList`)return`- ${u(t).trim()}
-`;if(n?.type.name===`orderedList`){let r=n.attrs.start||1;return n.forEach((t,n,i)=>{e===t&&(r=i+1)}),`${r}. ${u(t).trim()}
-`}return u(t)},paragraph({children:e}){return`
-${u(e)}
-`},heading({node:e,children:t}){let n=e.attrs.level;return`${Array(n).fill(`#`).join(``)} ${t}
-`},codeBlock({node:e,children:t}){return`
-\`\`\`${e.attrs.language}
-${u(t)}
-\`\`\`
-`},blockquote({children:e}){return`
-${u(e).trim().split(`
-`).map(e=>`> ${e}`).join(`
-`)}`},image({node:e}){return`![${e.attrs.alt}](${e.attrs.src})`},hardBreak(){return`
-`},horizontalRule(){return`
----
-`},table({children:e,node:t}){if(!Array.isArray(e))return`
-${u(e)}
-`;let n=t.children[0].childCount;return`
-${u(e[0])}| ${Array(n).fill(`---`).join(` | `)} |
-${u(e.slice(1))}
-`},tableRow({children:e}){return Array.isArray(e)?`| ${e.join(` | `)} |
-`:`${u(e)}
-`},tableHeader({children:e}){return u(e).trim()},tableCell({children:e}){return u(e).trim()},...n?.nodeMapping},markMapping:{bold({children:e}){return`**${u(e)}**`},italic({children:e,node:t}){let n=!1;return t?.marks.some(e=>e.type.name===`bold`)&&(n=!0),n?`*${u(e)}*`:`_${u(e)}_`},code({children:e}){return`\`${u(e)}\``},strike({children:e}){return`~~${u(e)}~~`},underline({children:e}){return`<u>${u(e)}</u>`},subscript({children:e}){return`<sub>${u(e)}</sub>`},superscript({children:e}){return`<sup>${u(e)}</sup>`},link({mark:e,children:t}){return`[${u(t)}](${e.attrs.href})`},highlight({children:e}){return`==${u(e)}==`},...n?.markMapping}}})}var h=e=>Array.isArray(e)?e.join(``):e||``,g=(e,t,n)=>{let r=e.trim();return r?`${e.slice(0,e.length-e.trimStart().length)}${t}${r}${n}${e.slice(e.trimEnd().length)}`:e};function _(e,t){return m({extensions:t,content:e,options:{nodeMapping:{blockquote({children:e}){return h(e).trim().split(`
-`).map(e=>e?`> ${e}`:`>`).join(`
-`)+`
-`},codeBlock({node:e,children:t}){return`\`\`\`${e.attrs?.language||``}\n${h(t)}\n\`\`\`\n`},mention({node:e}){return`<!-- @mention: {"id": "${e.attrs?.id||``}", "contactKey": "${e.attrs?.contactKey||``}", "name": "${e.attrs?.name||``}"} -->`},channel({node:e}){return`<!-- @channel: {"id": "${e.attrs?.id||``}", "channelKey": "${e.attrs?.channelKey||``}", "name": "${e.attrs?.name||``}", "locked": "${String(e.attrs?.locked??``)}"} -->`},"slash-commands"({node:e}){return`/${e.attrs?.command||``}`},emoji({node:e}){return e.attrs?.code||``},variable({node:e}){return`{{${e.attrs?.id||``}=${e.attrs?.altText||``}}}`}},markMapping:{bold({children:e}){return g(h(e),`**`,`**`)},italic({children:e}){return g(h(e),`*`,`*`)},strike({children:e}){return g(h(e),`~~`,`~~`)},code({children:e}){return g(h(e),"`","`")},link({mark:e,children:t}){let n=h(t),r=e.attrs?.href||``,i=n.trim();return`${n.slice(0,n.length-n.trimStart().length)}[${i}](${r})${n.slice(n.trimEnd().length)}`},underline({children:e}){return h(e)}}}}).replace(/\n{3,}/g,`
-
-`).replace(/^\n+|\n+$/g,``)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
-//# sourceMappingURL=MarkdownRenderer-D5XWsyQk.cjs.map

package/dist/MarkdownRenderer-D5XWsyQk.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarkdownRenderer-D5XWsyQk.cjs","names":["Node"],"sources":["../../../node_modules/.pnpm/@tiptap+static-renderer@3.19.0_@tiptap+core@3.19.0_@tiptap+pm@3.19.0__@tiptap+pm@3.19.0_9606d4b01b88c88c850636a0b274a958/node_modules/@tiptap/static-renderer/dist/pm/markdown/index.js","../components/RichTextEditor/MarkdownRenderer.js"],"sourcesContent":["// src/pm/extensionRenderer.ts\nimport {\n  getAttributesFromExtensions,\n  getExtensionField,\n  getSchemaByResolvedExtensions,\n  resolveExtensions,\n  splitExtensions\n} from \"@tiptap/core\";\nimport { Node } from \"@tiptap/pm/model\";\n\n// src/helpers.ts\nimport { mergeAttributes } from \"@tiptap/core\";\nfunction getAttributes(nodeOrMark, extensionAttributes, onlyRenderedAttributes) {\n  const nodeOrMarkAttributes = nodeOrMark.attrs;\n  if (!nodeOrMarkAttributes) {\n    return {};\n  }\n  return extensionAttributes.filter((item) => {\n    if (item.type !== (typeof nodeOrMark.type === \"string\" ? nodeOrMark.type : nodeOrMark.type.name)) {\n      return false;\n    }\n    if (onlyRenderedAttributes) {\n      return item.attribute.rendered;\n    }\n    return true;\n  }).map((item) => {\n    if (!item.attribute.renderHTML) {\n      return {\n        [item.name]: item.name in nodeOrMarkAttributes ? nodeOrMarkAttributes[item.name] : item.attribute.default\n      };\n    }\n    return item.attribute.renderHTML(nodeOrMarkAttributes) || {\n      [item.name]: item.name in nodeOrMarkAttributes ? nodeOrMarkAttributes[item.name] : item.attribute.default\n    };\n  }).reduce((attributes, attribute) => mergeAttributes(attributes, attribute), {});\n}\nfunction getHTMLAttributes(nodeOrMark, extensionAttributes) {\n  return getAttributes(nodeOrMark, extensionAttributes, true);\n}\n\n// src/pm/extensionRenderer.ts\nfunction mapNodeExtensionToReactNode(domOutputSpecToElement, extension, extensionAttributes, options) {\n  const context = {\n    name: extension.name,\n    options: extension.options,\n    storage: extension.storage,\n    parent: extension.parent\n  };\n  const renderToHTML = getExtensionField(extension, \"renderHTML\", context);\n  if (!renderToHTML) {\n    if (options == null ? void 0 : options.unhandledNode) {\n      return [extension.name, options.unhandledNode];\n    }\n    return [\n      extension.name,\n      () => {\n        throw new Error(\n          `[tiptap error]: Node ${extension.name} cannot be rendered, it is missing a \"renderToHTML\" method, please implement it or override the corresponding \"nodeMapping\" method to have a custom rendering`\n        );\n      }\n    ];\n  }\n  return [\n    extension.name,\n    ({ node, children }) => {\n      try {\n        return domOutputSpecToElement(\n          renderToHTML({\n            node,\n            HTMLAttributes: getHTMLAttributes(node, extensionAttributes)\n          })\n        )(children);\n      } catch (e) {\n        throw new Error(\n          `[tiptap error]: Node ${extension.name} cannot be rendered, it's \"renderToHTML\" method threw an error: ${e.message}`,\n          { cause: e }\n        );\n      }\n    }\n  ];\n}\nfunction mapMarkExtensionToReactNode(domOutputSpecToElement, extension, extensionAttributes, options) {\n  const context = {\n    name: extension.name,\n    options: extension.options,\n    storage: extension.storage,\n    parent: extension.parent\n  };\n  const renderToHTML = getExtensionField(extension, \"renderHTML\", context);\n  if (!renderToHTML) {\n    if (options == null ? void 0 : options.unhandledMark) {\n      return [extension.name, options.unhandledMark];\n    }\n    return [\n      extension.name,\n      () => {\n        throw new Error(`Node ${extension.name} cannot be rendered, it is missing a \"renderToHTML\" method`);\n      }\n    ];\n  }\n  return [\n    extension.name,\n    ({ mark, children }) => {\n      try {\n        return domOutputSpecToElement(\n          renderToHTML({\n            mark,\n            HTMLAttributes: getHTMLAttributes(mark, extensionAttributes)\n          })\n        )(children);\n      } catch (e) {\n        throw new Error(\n          `[tiptap error]: Mark ${extension.name} cannot be rendered, it's \"renderToHTML\" method threw an error: ${e.message}`,\n          { cause: e }\n        );\n      }\n    }\n  ];\n}\nfunction renderToElement({\n  renderer,\n  domOutputSpecToElement,\n  mapDefinedTypes,\n  content,\n  extensions,\n  options\n}) {\n  extensions = resolveExtensions(extensions);\n  const extensionAttributes = getAttributesFromExtensions(extensions);\n  const { nodeExtensions, markExtensions } = splitExtensions(extensions);\n  if (!(content instanceof Node)) {\n    content = Node.fromJSON(getSchemaByResolvedExtensions(extensions), content);\n  }\n  return renderer({\n    ...options,\n    nodeMapping: {\n      ...Object.fromEntries(\n        nodeExtensions.filter((e) => {\n          if (e.name in mapDefinedTypes) {\n            return false;\n          }\n          if (options == null ? void 0 : options.nodeMapping) {\n            return !(e.name in options.nodeMapping);\n          }\n          return true;\n        }).map(\n          (nodeExtension) => mapNodeExtensionToReactNode(domOutputSpecToElement, nodeExtension, extensionAttributes, options)\n        )\n      ),\n      ...mapDefinedTypes,\n      ...options == null ? void 0 : options.nodeMapping\n    },\n    markMapping: {\n      ...Object.fromEntries(\n        markExtensions.filter((e) => {\n          if (options == null ? void 0 : options.markMapping) {\n            return !(e.name in options.markMapping);\n          }\n          return true;\n        }).map((mark) => mapMarkExtensionToReactNode(domOutputSpecToElement, mark, extensionAttributes, options))\n      ),\n      ...options == null ? void 0 : options.markMapping\n    }\n  })({ content });\n}\n\n// src/json/renderer.ts\nfunction TiptapStaticRenderer(renderComponent, {\n  nodeMapping,\n  markMapping,\n  unhandledNode,\n  unhandledMark\n}) {\n  return function renderContent({\n    content,\n    parent\n  }) {\n    var _a;\n    const nodeType = typeof content.type === \"string\" ? content.type : content.type.name;\n    const NodeHandler = (_a = nodeMapping[nodeType]) != null ? _a : unhandledNode;\n    if (!NodeHandler) {\n      throw new Error(`missing handler for node type ${nodeType}`);\n    }\n    const nodeContent = renderComponent({\n      component: NodeHandler,\n      props: {\n        node: content,\n        parent,\n        renderElement: renderContent,\n        // Lazily compute the children to avoid unnecessary recursion\n        get children() {\n          const children = [];\n          if (content.content) {\n            content.content.forEach((child) => {\n              children.push(\n                renderContent({\n                  content: child,\n                  parent: content\n                })\n              );\n            });\n          }\n          return children;\n        }\n      }\n    });\n    const markedContent = content.marks ? content.marks.reduce((acc, mark) => {\n      var _a2;\n      const markType = typeof mark.type === \"string\" ? mark.type : mark.type.name;\n      const MarkHandler = (_a2 = markMapping[markType]) != null ? _a2 : unhandledMark;\n      if (!MarkHandler) {\n        throw new Error(`missing handler for mark type ${markType}`);\n      }\n      return renderComponent({\n        component: MarkHandler,\n        props: {\n          mark,\n          parent,\n          node: content,\n          children: acc\n        }\n      });\n    }, nodeContent) : nodeContent;\n    return markedContent;\n  };\n}\n\n// src/json/html-string/string.ts\nfunction renderJSONContentToString(options) {\n  return TiptapStaticRenderer((ctx) => {\n    return ctx.component(ctx.props);\n  }, options);\n}\nfunction serializeAttrsToHTMLString(attrs) {\n  const output = Object.entries(attrs || {}).map(([key, value]) => `${key.split(\" \").at(-1)}=${JSON.stringify(value)}`).join(\" \");\n  return output ? ` ${output}` : \"\";\n}\nfunction serializeChildrenToHTMLString(children) {\n  return [].concat(children || \"\").filter(Boolean).join(\"\");\n}\n\n// src/pm/html-string/html-string.ts\nvar NON_SELF_CLOSING_TAGS = /* @__PURE__ */ new Set([\"iframe\", \"script\", \"style\", \"title\", \"textarea\", \"div\", \"span\", \"a\", \"button\"]);\nfunction domOutputSpecToHTMLString(content) {\n  if (typeof content === \"string\") {\n    return () => content;\n  }\n  if (typeof content === \"object\" && \"length\" in content) {\n    const [_tag, attrs, children, ...rest] = content;\n    let tag = _tag;\n    const parts = tag.split(\" \");\n    if (parts.length > 1) {\n      tag = `${parts[1]} xmlns=\"${parts[0]}\"`;\n    }\n    if (attrs === void 0) {\n      return () => `<${tag}/>`;\n    }\n    if (attrs === 0) {\n      return (child) => `<${tag}>${serializeChildrenToHTMLString(child)}</${tag}>`;\n    }\n    if (typeof attrs === \"object\") {\n      if (Array.isArray(attrs)) {\n        if (children === void 0) {\n          return (child) => `<${tag}>${domOutputSpecToHTMLString(attrs)(child)}</${tag}>`;\n        }\n        if (children === 0) {\n          return (child) => `<${tag}>${domOutputSpecToHTMLString(attrs)(child)}</${tag}>`;\n        }\n        return (child) => `<${tag}>${domOutputSpecToHTMLString(attrs)(child)}${[children].concat(rest).map((a) => domOutputSpecToHTMLString(a)(child))}</${tag}>`;\n      }\n      if (children === void 0) {\n        if (NON_SELF_CLOSING_TAGS.has(tag)) {\n          return () => `<${tag}${serializeAttrsToHTMLString(attrs)}></${tag}>`;\n        }\n        return () => `<${tag}${serializeAttrsToHTMLString(attrs)}/>`;\n      }\n      if (children === 0) {\n        return (child) => `<${tag}${serializeAttrsToHTMLString(attrs)}>${serializeChildrenToHTMLString(child)}</${tag}>`;\n      }\n      return (child) => `<${tag}${serializeAttrsToHTMLString(attrs)}>${[children].concat(rest).map((a) => domOutputSpecToHTMLString(a)(child)).join(\"\")}</${tag}>`;\n    }\n  }\n  throw new Error(\n    \"[tiptap error]: Unsupported DomOutputSpec type, check the `renderHTML` method output or implement a node mapping\",\n    {\n      cause: content\n    }\n  );\n}\nfunction renderToHTMLString({\n  content,\n  extensions,\n  options\n}) {\n  return renderToElement({\n    renderer: renderJSONContentToString,\n    domOutputSpecToElement: domOutputSpecToHTMLString,\n    mapDefinedTypes: {\n      // Map a doc node to concatenated children\n      doc: ({ children }) => serializeChildrenToHTMLString(children),\n      // Map a text node to its text content\n      text: ({ node }) => {\n        var _a;\n        return (_a = node.text) != null ? _a : \"\";\n      }\n    },\n    content,\n    extensions,\n    options\n  });\n}\n\n// src/pm/markdown/markdown.ts\nfunction renderToMarkdown({\n  content,\n  extensions,\n  options\n}) {\n  return renderToHTMLString({\n    content,\n    extensions,\n    options: {\n      ...options,\n      nodeMapping: {\n        bulletList({ children }) {\n          return `\n${serializeChildrenToHTMLString(children)}`;\n        },\n        orderedList({ children }) {\n          return `\n${serializeChildrenToHTMLString(children)}`;\n        },\n        listItem({ node, children, parent }) {\n          if ((parent == null ? void 0 : parent.type.name) === \"bulletList\") {\n            return `- ${serializeChildrenToHTMLString(children).trim()}\n`;\n          }\n          if ((parent == null ? void 0 : parent.type.name) === \"orderedList\") {\n            let number = parent.attrs.start || 1;\n            parent.forEach((parentChild, _offset, index) => {\n              if (node === parentChild) {\n                number = index + 1;\n              }\n            });\n            return `${number}. ${serializeChildrenToHTMLString(children).trim()}\n`;\n          }\n          return serializeChildrenToHTMLString(children);\n        },\n        paragraph({ children }) {\n          return `\n${serializeChildrenToHTMLString(children)}\n`;\n        },\n        heading({ node, children }) {\n          const level = node.attrs.level;\n          return `${new Array(level).fill(\"#\").join(\"\")} ${children}\n`;\n        },\n        codeBlock({ node, children }) {\n          return `\n\\`\\`\\`${node.attrs.language}\n${serializeChildrenToHTMLString(children)}\n\\`\\`\\`\n`;\n        },\n        blockquote({ children }) {\n          return `\n${serializeChildrenToHTMLString(children).trim().split(\"\\n\").map((a) => `> ${a}`).join(\"\\n\")}`;\n        },\n        image({ node }) {\n          return `![${node.attrs.alt}](${node.attrs.src})`;\n        },\n        hardBreak() {\n          return \"\\n\";\n        },\n        horizontalRule() {\n          return \"\\n---\\n\";\n        },\n        table({ children, node }) {\n          if (!Array.isArray(children)) {\n            return `\n${serializeChildrenToHTMLString(children)}\n`;\n          }\n          const columnCount = node.children[0].childCount;\n          return `\n${serializeChildrenToHTMLString(children[0])}| ${new Array(columnCount).fill(\"---\").join(\" | \")} |\n${serializeChildrenToHTMLString(children.slice(1))}\n`;\n        },\n        tableRow({ children }) {\n          if (Array.isArray(children)) {\n            return `| ${children.join(\" | \")} |\n`;\n          }\n          return `${serializeChildrenToHTMLString(children)}\n`;\n        },\n        tableHeader({ children }) {\n          return serializeChildrenToHTMLString(children).trim();\n        },\n        tableCell({ children }) {\n          return serializeChildrenToHTMLString(children).trim();\n        },\n        ...options == null ? void 0 : options.nodeMapping\n      },\n      markMapping: {\n        bold({ children }) {\n          return `**${serializeChildrenToHTMLString(children)}**`;\n        },\n        italic({ children, node }) {\n          let isBoldToo = false;\n          if (node == null ? void 0 : node.marks.some((m) => m.type.name === \"bold\")) {\n            isBoldToo = true;\n          }\n          if (isBoldToo) {\n            return `*${serializeChildrenToHTMLString(children)}*`;\n          }\n          return `_${serializeChildrenToHTMLString(children)}_`;\n        },\n        code({ children }) {\n          return `\\`${serializeChildrenToHTMLString(children)}\\``;\n        },\n        strike({ children }) {\n          return `~~${serializeChildrenToHTMLString(children)}~~`;\n        },\n        underline({ children }) {\n          return `<u>${serializeChildrenToHTMLString(children)}</u>`;\n        },\n        subscript({ children }) {\n          return `<sub>${serializeChildrenToHTMLString(children)}</sub>`;\n        },\n        superscript({ children }) {\n          return `<sup>${serializeChildrenToHTMLString(children)}</sup>`;\n        },\n        link({ mark, children }) {\n          return `[${serializeChildrenToHTMLString(children)}](${mark.attrs.href})`;\n        },\n        highlight({ children }) {\n          return `==${serializeChildrenToHTMLString(children)}==`;\n        },\n        ...options == null ? void 0 : options.markMapping\n      }\n    }\n  });\n}\nexport {\n  mapMarkExtensionToReactNode,\n  mapNodeExtensionToReactNode,\n  renderToElement,\n  renderToMarkdown\n};\n//# sourceMappingURL=index.js.map","import { renderToMarkdown } from '@tiptap/static-renderer/pm/markdown';\n\n// The pm/markdown renderer passes children as string[] (one entry per child node),\n// not as a pre-joined string. Normalize to a string before processing.\nconst joinChildren = (children) => Array.isArray(children) ? children.join('') : (children || '');\n\n// Move leading/trailing spaces outside mark delimiters so parsers like CommonMark\n// don't reject them (e.g. \"** bold **\" → \" **bold** \").\nconst wrapMark = (text, open, close) => {\n  const trimmed = text.trim();\n  if (!trimmed) return text;\n  const leading = text.slice(0, text.length - text.trimStart().length);\n  const trailing = text.slice(text.trimEnd().length);\n  return `${leading}${open}${trimmed}${close}${trailing}`;\n};\n\n/**\n * Renders a TipTap/ProseMirror JSON document to a markdown string.\n *\n * Uses @tiptap/static-renderer with custom mappings to preserve the output\n * format of the legacy jsonToMarkdownConverter, including Dialtone-specific\n * node types (mention, channel, emoji, variable, slash-commands).\n *\n * @param {import('@tiptap/core').JSONContent} jsonContent - TipTap JSON document\n * @param {import('@tiptap/core').Extensions} extensions - Active editor extensions\n * @returns {string}\n */\nexport function renderEditorToMarkdown (jsonContent, extensions) {\n  const output = renderToMarkdown({\n    extensions,\n    content: jsonContent,\n    options: {\n      nodeMapping: {\n        // Override blockquote: built-in omits trailing newline (causes lazy continuation).\n        // Since we replace the built-in entirely, we must add the '> ' prefix ourselves.\n        blockquote ({ children }) {\n          const text = joinChildren(children).trim();\n          const quoted = text\n            .split('\\n')\n            .map(line => line ? `> ${line}` : '>')\n            .join('\\n');\n          return quoted + '\\n';\n        },\n\n        // Override codeBlock: built-in passes null language through literally\n        codeBlock ({ node, children }) {\n          const lang = node.attrs?.language || '';\n          return `\\`\\`\\`${lang}\\n${joinChildren(children)}\\n\\`\\`\\`\\n`;\n        },\n\n        // Custom Dialtone node types\n        mention ({ node }) {\n          const id = node.attrs?.id || '';\n          const contactKey = node.attrs?.contactKey || '';\n          const name = node.attrs?.name || '';\n          return `<!-- @mention: {\"id\": \"${id}\", \"contactKey\": \"${contactKey}\", \"name\": \"${name}\"} -->`;\n        },\n\n        channel ({ node }) {\n          const id = node.attrs?.id || '';\n          const channelKey = node.attrs?.channelKey || '';\n          const name = node.attrs?.name || '';\n          const locked = String(node.attrs?.locked ?? '');\n          return `<!-- @channel: {\"id\": \"${id}\", \"channelKey\": \"${channelKey}\", \"name\": \"${name}\", \"locked\": \"${locked}\"} -->`;\n        },\n\n        'slash-commands' ({ node }) {\n          return `/${node.attrs?.command || ''}`;\n        },\n\n        emoji ({ node }) {\n          return node.attrs?.code || '';\n        },\n\n        variable ({ node }) {\n          const id = node.attrs?.id || '';\n          const altText = node.attrs?.altText || '';\n          return `{{${id}=${altText}}}`;\n        },\n      },\n\n      markMapping: {\n        bold ({ children }) {\n          return wrapMark(joinChildren(children), '**', '**');\n        },\n\n        // Override italic: use * instead of built-in _ and fix boundary spaces\n        italic ({ children }) {\n          return wrapMark(joinChildren(children), '*', '*');\n        },\n\n        strike ({ children }) {\n          return wrapMark(joinChildren(children), '~~', '~~');\n        },\n\n        code ({ children }) {\n          return wrapMark(joinChildren(children), '`', '`');\n        },\n\n        link ({ mark, children }) {\n          const text = joinChildren(children);\n          const href = mark.attrs?.href || '';\n          const trimmed = text.trim();\n          const leading = text.slice(0, text.length - text.trimStart().length);\n          const trailing = text.slice(text.trimEnd().length);\n          return `${leading}[${trimmed}](${href})${trailing}`;\n        },\n\n        // Override underline: pass-through (no markdown equivalent, matches legacy no-op)\n        underline ({ children }) {\n          return joinChildren(children);\n        },\n      },\n    },\n  });\n  // Collapse 3+ consecutive newlines to 2 (CommonMark ignores extra blank\n  // lines between blocks), and strip the leading newline that the built-in\n  // paragraph renderer always prepends to the first node.\n  return output.replace(/\\n{3,}/g, '\\n\\n').replace(/^\\n+|\\n+$/g, '');\n}\n"],"x_google_ignoreList":[0],"mappings":"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"}