@dialpad/dialtone-vue 3.220.0-next.4 → 3.220.0

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 './tooltip_constants.js';\nimport {\n  POPOVER_APPEND_TO_VALUES,\n} from '../popover/popover_constants';\nimport { flushPromises, getUniqueString, hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\nimport {\n  createTippy,\n  getAnchor,\n  getPopperOptions,\n} from '@/components/popover/tippy_utils';\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  compatConfig: { MODE: 3 },\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     * auto, auto-start, auto-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' will append to the nearest body (supports shadow DOM).\n     * This prop is not reactive, must be set on initial render.\n     * @values 'body', 'parent', HTMLElement,\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * 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: HTMLElement,\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    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.appendTo === 'body' ? this.anchor?.getRootNode()?.querySelector('body') : this.appendTo,\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        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      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    >\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 './tooltip_constants.js';\nimport {\n  POPOVER_APPEND_TO_VALUES,\n} from '../popover/popover_constants';\nimport { flushPromises, getUniqueString, hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\nimport {\n  createTippy,\n  getAnchor,\n  getPopperOptions,\n} from '@/components/popover/tippy_utils';\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  compatConfig: { MODE: 3 },\n  name: 'DtTooltip',\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     * If true, applies inverted styles to the tooltip\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     * auto, auto-start, auto-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' will append to the nearest body (supports shadow DOM).\n     * This prop is not reactive, must be set on initial render.\n     * @values 'body', 'parent', HTMLElement,\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n\n    /**\n     * 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     * 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 show prop. show 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     * Supports .sync modifier\n     * @values null, true, false\n     */\n    show: {\n      type: Boolean,\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: HTMLElement,\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 show value\n     *\n     * @event update:show\n     */\n    'update:show',\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    show: {\n      handler: function (show) {\n        if (show !== null && this.enabled) {\n          this.internalShow = show;\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.show != null) {\n      console.warn('Tooltip: You cannot use both the enabled and show props at the same time.');\n      console.warn('The show 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    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(\n          `.d-modal[aria-hidden=\"false\"],\n          .d-modal--transparent[aria-hidden=\"false\"],\n          .d-modal:not([aria-hidden]),\n          .d-modal--transparent:not([aria-hidden])`) ||\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.show === null && this.hasVisibleFocus()) {\n          this.internalShow = true;\n        }\n      } else {\n        if (this.show === 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.show === 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.show !== null) {\n        this.$emit('update:show', 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.show !== null) {\n        this.$emit('update:show', true);\n      }\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.appendTo === 'body' ? this.anchor?.getRootNode()?.querySelector('body') : this.appendTo,\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        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-directive/tooltip.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../mode_constants-CzYJW9ua.cjs`),r=require(`../tooltip/tooltip-constants.cjs`),i=require(`../tooltip/tooltip.cjs`);let a=require(`vue`),o=require(`deep-equal`);o=e.t(o);var s={name:`dt-tooltip-directive`,install(e){if(!globalThis.__DtTooltipDirectiveApp){let e=(0,a.createApp)({name:`DtTooltipDirectiveApp`,components:{DtTooltip:i.default},data(){return{tooltips:[]}},mounted(){globalThis.__DtTooltipDirectiveApp=this},methods:{addOrUpdateTooltip(e,t){let n=this.tooltips.findIndex(t=>t.id===e);n===-1?this.tooltips.push({id:e,...t}):this.tooltips.splice(n,1,{id:e,...t})},removeTooltip(e){this.tooltips=this.tooltips.filter(t=>t.id!==e)}},render(){return(0,a.h)(`div`,this.tooltips.map(({id:e,anchorElement:t,...n})=>(0,a.h)(i.default,{key:e,...n,sticky:n.sticky===void 0?!0:n.sticky,delay:n.delay===void 0?process.env.NODE_ENV!==`test`:n.delay,externalAnchorElement:t})))}}),t=document.createElement(`div`);document.body.appendChild(t),e.mount(t)}let s=globalThis.__DtTooltipDirectiveApp;e.directive(`dt-tooltip`,{beforeMount(e,t){c(e,t)},updated(e,t){(0,o.default)(t.value,t.oldValue)||c(e,t)},unmounted(e){s.removeTooltip(e.getAttribute(`data-dt-tooltip-id`))}});function c(e,i){if(i.value===null||i.value===void 0){let t=e.getAttribute(`data-dt-tooltip-id`);t&&s.removeTooltip(t);return}let a=e.getAttribute(`data-dt-tooltip-id`)||t.getUniqueString(),o;if(typeof i.value==`string`)o={message:i.value,placement:i.arg||`top`};else if(typeof i.value==`object`&&i.value!==null)o={placement:i.arg||i.value.placement||`top`,...i.value};else{console.error(`DtTooltipDirective: binding value must be string, object, null or undefined`);return}Object.keys(i.modifiers).forEach(e=>{switch(e){case`inverted`:o.inverted=!0;break;case`no-delay`:o.delay=!1;break;case`no-transition`:o.transition=!1;break;default:n.n.includes(e)?o.contentMode=e:r.TOOLTIP_DIRECTIONS.includes(e)&&(o.placement=e);break}}),o.anchorElement=e,e.setAttribute(`data-dt-tooltip-id`,a),s.addOrUpdateTooltip(a,o)}}};exports.DtTooltipDirective=s,exports.default=s;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../tooltip/tooltip-constants.cjs`),r=require(`../tooltip/tooltip.cjs`);let i=require(`vue`),a=require(`deep-equal`);a=e.t(a);var o={name:`dt-tooltip-directive`,install(e){if(!globalThis.__DtTooltipDirectiveApp){let e=(0,i.createApp)({name:`DtTooltipDirectiveApp`,components:{DtTooltip:r.default},data(){return{tooltips:[]}},mounted(){globalThis.__DtTooltipDirectiveApp=this},methods:{addOrUpdateTooltip(e,t){let n=this.tooltips.findIndex(t=>t.id===e);n===-1?this.tooltips.push({id:e,...t}):this.tooltips.splice(n,1,{id:e,...t})},removeTooltip(e){this.tooltips=this.tooltips.filter(t=>t.id!==e)}},render(){return(0,i.h)(`div`,this.tooltips.map(({id:e,anchorElement:t,...n})=>(0,i.h)(r.default,{key:e,...n,sticky:n.sticky===void 0?!0:n.sticky,delay:n.delay===void 0?process.env.NODE_ENV!==`test`:n.delay,externalAnchorElement:t})))}}),t=document.createElement(`div`);document.body.appendChild(t),e.mount(t)}let o=globalThis.__DtTooltipDirectiveApp;e.directive(`dt-tooltip`,{beforeMount(e,t){s(e,t)},updated(e,t){(0,a.default)(t.value,t.oldValue)||s(e,t)},unmounted(e){o.removeTooltip(e.getAttribute(`data-dt-tooltip-id`))}});function s(e,r){if(r.value===null||r.value===void 0){let t=e.getAttribute(`data-dt-tooltip-id`);t&&o.removeTooltip(t);return}let i=e.getAttribute(`data-dt-tooltip-id`)||t.getUniqueString(),a;if(typeof r.value==`string`)a={message:r.value,placement:r.arg||`top`};else if(typeof r.value==`object`&&r.value!==null)a={placement:r.arg||r.value.placement||`top`,...r.value};else{console.error(`DtTooltipDirective: binding value must be string, object, null or undefined`);return}Object.keys(r.modifiers).forEach(e=>{switch(e){case`inverted`:a.inverted=!0;break;case`no-delay`:a.delay=!1;break;case`no-transition`:a.transition=!1;break;default:n.TOOLTIP_DIRECTIONS.includes(e)&&(a.placement=e);break}}),a.anchorElement=e,e.setAttribute(`data-dt-tooltip-id`,i),o.addOrUpdateTooltip(i,a)}}};exports.DtTooltipDirective=o,exports.default=o;
 //# sourceMappingURL=tooltip.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","names":["DtTooltip","getUniqueString","CONTENT_MODE_VALUES","TOOLTIP_DIRECTIONS"],"sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, h } from 'vue';\nimport deepEqual from 'deep-equal';\nimport { CONTENT_MODE_VALUES } from '@/common/mode_constants';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    const DEFAULT_PLACEMENT = 'top';\n    if (!globalThis.__DtTooltipDirectiveApp) {\n      const DtTooltipDirectiveApp = createApp({\n        name: 'DtTooltipDirectiveApp',\n        components: { DtTooltip },\n        data () {\n          return {\n            tooltips: [],\n          };\n        },\n\n        mounted () {\n          globalThis.__DtTooltipDirectiveApp = this;\n        },\n\n        methods: {\n          addOrUpdateTooltip (id, tooltipConfig) {\n            const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n            if (index !== -1) {\n              // Update existing tooltip\n              this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n            } else {\n              // Add new tooltip\n              this.tooltips.push({ id, ...tooltipConfig });\n            }\n          },\n\n          removeTooltip (id) {\n            this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n          },\n        },\n\n        render () {\n          return h('div',\n            this.tooltips.map(({ id, anchorElement, ...tooltipProps }) => {\n              return h(DtTooltip, {\n                key: id,\n                ...tooltipProps,\n                sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n                /**\n                 * Set the delay to false when running tests only.\n                 */\n                delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n                externalAnchorElement: anchorElement,\n              });\n            }),\n          );\n        },\n      });\n\n      const mountPoint = document.createElement('div');\n      document.body.appendChild(mountPoint);\n      DtTooltipDirectiveApp.mount(mountPoint);\n    }\n\n    const tooltipApp = globalThis.__DtTooltipDirectiveApp;\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        // Use deep equality check to prevent infinite loops when objects are passed\n        if (!deepEqual(binding.value, binding.oldValue)) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      if (binding.value === null || binding.value === undefined) {\n        const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n        if (tooltipId) {\n          tooltipApp.removeTooltip(tooltipId);\n        }\n        return;\n      }\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n      let tooltipConfig;\n      if (typeof binding.value === 'string') {\n        tooltipConfig = {\n          message: binding.value,\n          placement: binding.arg || DEFAULT_PLACEMENT,\n        };\n      } else if (typeof binding.value === 'object' && binding.value !== null) {\n        tooltipConfig = {\n          placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n          ...binding.value,\n        };\n      } else {\n        console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n        return;\n      }\n\n      Object.keys(binding.modifiers).forEach(modifier => {\n        switch (modifier) {\n          case 'inverted':\n            tooltipConfig.inverted = true;\n            break;\n          case 'no-delay':\n            tooltipConfig.delay = false;\n            break;\n          case 'no-transition':\n            tooltipConfig.transition = false;\n            break;\n          default:\n            if (CONTENT_MODE_VALUES.includes(modifier)) {\n              tooltipConfig.contentMode = modifier;\n            } else if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n              tooltipConfig.placement = modifier;\n            }\n            break;\n        }\n      });\n\n      tooltipConfig.anchorElement = anchor;\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n      tooltipApp.addOrUpdateTooltip(tooltipId, tooltipConfig);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"mappings":"4WAMA,IAAa,EAAqB,CAChC,KAAM,uBACN,QAAS,EAAK,CAEZ,GAAI,CAAC,WAAW,wBAAyB,CACvC,IAAM,GAAA,EAAA,EAAA,WAAkC,CACtC,KAAM,wBACN,WAAY,CAAE,UAAA,EAAA,QAAW,CACzB,MAAQ,CACN,MAAO,CACL,SAAU,EAAE,CACb,EAGH,SAAW,CACT,WAAW,wBAA0B,MAGvC,QAAS,CACP,mBAAoB,EAAI,EAAe,CACrC,IAAM,EAAQ,KAAK,SAAS,UAAU,GAAW,EAAQ,KAAO,EAAG,CAC/D,IAAU,GAKZ,KAAK,SAAS,KAAK,CAAE,KAAI,GAAG,EAAe,CAAC,CAH5C,KAAK,SAAS,OAAO,EAAO,EAAG,CAAE,KAAI,GAAG,EAAe,CAAC,EAO5D,cAAe,EAAI,CACjB,KAAK,SAAW,KAAK,SAAS,OAAO,GAAW,EAAQ,KAAO,EAAG,EAErE,CAED,QAAU,CACR,OAAA,EAAA,EAAA,GAAS,MACP,KAAK,SAAS,KAAK,CAAE,KAAI,gBAAe,GAAG,MACzC,EAAA,EAAA,GAASA,EAAAA,QAAW,CAClB,IAAK,EACL,GAAG,EACH,OAAQ,EAAa,SAAW,IAAA,GAAkC,GAAtB,EAAa,OAIzD,MAAO,EAAa,QAAU,IAAA,GAAyB,QAAA,IAAA,WAAkC,OAA/C,EAAa,MACvD,sBAAuB,EACxB,CAAC,CACF,CACH,EAEJ,CAAC,CAEI,EAAa,SAAS,cAAc,MAAM,CAChD,SAAS,KAAK,YAAY,EAAW,CACrC,EAAsB,MAAM,EAAW,CAGzC,IAAM,EAAa,WAAW,wBAE9B,EAAI,UAAU,aAAc,CAC1B,YAAa,EAAQ,EAAS,CAE5B,EAAa,EAAQ,EAAQ,EAE/B,QAAS,EAAQ,EAAS,EAGpB,EAAA,EAAA,SAAW,EAAQ,MAAO,EAAQ,SAAS,EAC7C,EAAa,EAAQ,EAAQ,EAGjC,UAAW,EAAQ,CACjB,EAAW,cAAc,EAAO,aAAa,qBAAqB,CAAC,EAEtE,CAAC,CAEF,SAAS,EAAc,EAAQ,EAAS,CACtC,GAAI,EAAQ,QAAU,MAAQ,EAAQ,QAAU,IAAA,GAAW,CACzD,IAAM,EAAY,EAAO,aAAa,qBAAqB,CACvD,GACF,EAAW,cAAc,EAAU,CAErC,OAEF,IAAM,EAAY,EAAO,aAAa,qBAAqB,EAAIC,EAAAA,iBAAiB,CAE5E,EACJ,GAAI,OAAO,EAAQ,OAAU,SAC3B,EAAgB,CACd,QAAS,EAAQ,MACjB,UAAW,EAAQ,KAAO,MAC3B,SACQ,OAAO,EAAQ,OAAU,UAAY,EAAQ,QAAU,KAChE,EAAgB,CACd,UAAW,EAAQ,KAAO,EAAQ,MAAM,WAAa,MACrD,GAAG,EAAQ,MACZ,KACI,CACL,QAAQ,MAAM,8EAA8E,CAC5F,OAGF,OAAO,KAAK,EAAQ,UAAU,CAAC,QAAQ,GAAY,CACjD,OAAQ,EAAR,CACE,IAAK,WACH,EAAc,SAAW,GACzB,MACF,IAAK,WACH,EAAc,MAAQ,GACtB,MACF,IAAK,gBACH,EAAc,WAAa,GAC3B,MACF,QACMC,EAAAA,EAAoB,SAAS,EAAS,CACxC,EAAc,YAAc,EACnBC,EAAAA,mBAAmB,SAAS,EAAS,GAC9C,EAAc,UAAY,GAE5B,QAEJ,CAEF,EAAc,cAAgB,EAC9B,EAAO,aAAa,qBAAsB,EAAU,CACpD,EAAW,mBAAmB,EAAW,EAAc,GAG5D"}
+{"version":3,"file":"tooltip.cjs","names":["DtTooltip","getUniqueString","TOOLTIP_DIRECTIONS"],"sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, h } from 'vue';\nimport deepEqual from 'deep-equal';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    const DEFAULT_PLACEMENT = 'top';\n    if (!globalThis.__DtTooltipDirectiveApp) {\n      const DtTooltipDirectiveApp = createApp({\n        name: 'DtTooltipDirectiveApp',\n        components: { DtTooltip },\n        data () {\n          return {\n            tooltips: [],\n          };\n        },\n\n        mounted () {\n          globalThis.__DtTooltipDirectiveApp = this;\n        },\n\n        methods: {\n          addOrUpdateTooltip (id, tooltipConfig) {\n            const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n            if (index !== -1) {\n              // Update existing tooltip\n              this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n            } else {\n              // Add new tooltip\n              this.tooltips.push({ id, ...tooltipConfig });\n            }\n          },\n\n          removeTooltip (id) {\n            this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n          },\n        },\n\n        render () {\n          return h('div',\n            this.tooltips.map(({ id, anchorElement, ...tooltipProps }) => {\n              return h(DtTooltip, {\n                key: id,\n                ...tooltipProps,\n                sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n                /**\n                 * Set the delay to false when running tests only.\n                 */\n                delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n                externalAnchorElement: anchorElement,\n              });\n            }),\n          );\n        },\n      });\n\n      const mountPoint = document.createElement('div');\n      document.body.appendChild(mountPoint);\n      DtTooltipDirectiveApp.mount(mountPoint);\n    }\n\n    const tooltipApp = globalThis.__DtTooltipDirectiveApp;\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        // Use deep equality check to prevent infinite loops when objects are passed\n        if (!deepEqual(binding.value, binding.oldValue)) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      if (binding.value === null || binding.value === undefined) {\n        const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n        if (tooltipId) {\n          tooltipApp.removeTooltip(tooltipId);\n        }\n        return;\n      }\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n      let tooltipConfig;\n      if (typeof binding.value === 'string') {\n        tooltipConfig = {\n          message: binding.value,\n          placement: binding.arg || DEFAULT_PLACEMENT,\n        };\n      } else if (typeof binding.value === 'object' && binding.value !== null) {\n        tooltipConfig = {\n          placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n          ...binding.value,\n        };\n      } else {\n        console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n        return;\n      }\n\n      Object.keys(binding.modifiers).forEach(modifier => {\n        switch (modifier) {\n          case 'inverted':\n            tooltipConfig.inverted = true;\n            break;\n          case 'no-delay':\n            tooltipConfig.delay = false;\n            break;\n          case 'no-transition':\n            tooltipConfig.transition = false;\n            break;\n          default:\n            if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n              tooltipConfig.placement = modifier;\n            }\n            break;\n        }\n      });\n\n      tooltipConfig.anchorElement = anchor;\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n      tooltipApp.addOrUpdateTooltip(tooltipId, tooltipConfig);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"mappings":"6TAKA,IAAa,EAAqB,CAChC,KAAM,uBACN,QAAS,EAAK,CAEZ,GAAI,CAAC,WAAW,wBAAyB,CACvC,IAAM,GAAA,EAAA,EAAA,WAAkC,CACtC,KAAM,wBACN,WAAY,CAAE,UAAA,EAAA,QAAW,CACzB,MAAQ,CACN,MAAO,CACL,SAAU,EAAE,CACb,EAGH,SAAW,CACT,WAAW,wBAA0B,MAGvC,QAAS,CACP,mBAAoB,EAAI,EAAe,CACrC,IAAM,EAAQ,KAAK,SAAS,UAAU,GAAW,EAAQ,KAAO,EAAG,CAC/D,IAAU,GAKZ,KAAK,SAAS,KAAK,CAAE,KAAI,GAAG,EAAe,CAAC,CAH5C,KAAK,SAAS,OAAO,EAAO,EAAG,CAAE,KAAI,GAAG,EAAe,CAAC,EAO5D,cAAe,EAAI,CACjB,KAAK,SAAW,KAAK,SAAS,OAAO,GAAW,EAAQ,KAAO,EAAG,EAErE,CAED,QAAU,CACR,OAAA,EAAA,EAAA,GAAS,MACP,KAAK,SAAS,KAAK,CAAE,KAAI,gBAAe,GAAG,MACzC,EAAA,EAAA,GAASA,EAAAA,QAAW,CAClB,IAAK,EACL,GAAG,EACH,OAAQ,EAAa,SAAW,IAAA,GAAkC,GAAtB,EAAa,OAIzD,MAAO,EAAa,QAAU,IAAA,GAAyB,QAAA,IAAA,WAAkC,OAA/C,EAAa,MACvD,sBAAuB,EACxB,CAAC,CACF,CACH,EAEJ,CAAC,CAEI,EAAa,SAAS,cAAc,MAAM,CAChD,SAAS,KAAK,YAAY,EAAW,CACrC,EAAsB,MAAM,EAAW,CAGzC,IAAM,EAAa,WAAW,wBAE9B,EAAI,UAAU,aAAc,CAC1B,YAAa,EAAQ,EAAS,CAE5B,EAAa,EAAQ,EAAQ,EAE/B,QAAS,EAAQ,EAAS,EAGpB,EAAA,EAAA,SAAW,EAAQ,MAAO,EAAQ,SAAS,EAC7C,EAAa,EAAQ,EAAQ,EAGjC,UAAW,EAAQ,CACjB,EAAW,cAAc,EAAO,aAAa,qBAAqB,CAAC,EAEtE,CAAC,CAEF,SAAS,EAAc,EAAQ,EAAS,CACtC,GAAI,EAAQ,QAAU,MAAQ,EAAQ,QAAU,IAAA,GAAW,CACzD,IAAM,EAAY,EAAO,aAAa,qBAAqB,CACvD,GACF,EAAW,cAAc,EAAU,CAErC,OAEF,IAAM,EAAY,EAAO,aAAa,qBAAqB,EAAIC,EAAAA,iBAAiB,CAE5E,EACJ,GAAI,OAAO,EAAQ,OAAU,SAC3B,EAAgB,CACd,QAAS,EAAQ,MACjB,UAAW,EAAQ,KAAO,MAC3B,SACQ,OAAO,EAAQ,OAAU,UAAY,EAAQ,QAAU,KAChE,EAAgB,CACd,UAAW,EAAQ,KAAO,EAAQ,MAAM,WAAa,MACrD,GAAG,EAAQ,MACZ,KACI,CACL,QAAQ,MAAM,8EAA8E,CAC5F,OAGF,OAAO,KAAK,EAAQ,UAAU,CAAC,QAAQ,GAAY,CACjD,OAAQ,EAAR,CACE,IAAK,WACH,EAAc,SAAW,GACzB,MACF,IAAK,WACH,EAAc,MAAQ,GACtB,MACF,IAAK,gBACH,EAAc,WAAa,GAC3B,MACF,QACMC,EAAAA,mBAAmB,SAAS,EAAS,GACvC,EAAc,UAAY,GAE5B,QAEJ,CAEF,EAAc,cAAgB,EAC9B,EAAO,aAAa,qBAAsB,EAAU,CACpD,EAAW,mBAAmB,EAAW,EAAc,GAG5D"}

package/dist/lib/tooltip-directive/tooltip.js

@@ -1,17 +1,16 @@
 import { getUniqueString as e } from "../../common/utils/index.js";
-import { n as t } from "../../mode_constants-tb7TL85q.js";
-import { TOOLTIP_DIRECTIONS as n } from "../tooltip/tooltip-constants.js";
-import r from "../tooltip/tooltip.js";
-import { createApp as i, h as a } from "vue";
-import o from "deep-equal";
+import { TOOLTIP_DIRECTIONS as t } from "../tooltip/tooltip-constants.js";
+import n from "../tooltip/tooltip.js";
+import { createApp as r, h as i } from "vue";
+import a from "deep-equal";
 //#region directives/tooltip_directive/tooltip.js
-var s = {
+var o = {
 	name: "dt-tooltip-directive",
-	install(s) {
+	install(o) {
 		if (!globalThis.__DtTooltipDirectiveApp) {
-			let e = i({
+			let e = r({
 				name: "DtTooltipDirectiveApp",
-				components: { DtTooltip: r },
+				components: { DtTooltip: n },
 				data() {
 					return { tooltips: [] };
 				},
@@ -34,68 +33,68 @@ var s = {
 					}
 				},
 				render() {
-					return a("div", this.tooltips.map(({ id: e, anchorElement: t, ...n }) => a(r, {
+					return i("div", this.tooltips.map(({ id: e, anchorElement: t, ...r }) => i(n, {
 						key: e,
-						...n,
-						sticky: n.sticky === void 0 ? !0 : n.sticky,
-						delay: n.delay === void 0 ? process.env.NODE_ENV !== "test" : n.delay,
+						...r,
+						sticky: r.sticky === void 0 ? !0 : r.sticky,
+						delay: r.delay === void 0 ? process.env.NODE_ENV !== "test" : r.delay,
 						externalAnchorElement: t
 					})));
 				}
 			}), t = document.createElement("div");
 			document.body.appendChild(t), e.mount(t);
 		}
-		let c = globalThis.__DtTooltipDirectiveApp;
-		s.directive("dt-tooltip", {
+		let s = globalThis.__DtTooltipDirectiveApp;
+		o.directive("dt-tooltip", {
 			beforeMount(e, t) {
-				l(e, t);
+				c(e, t);
 			},
 			updated(e, t) {
-				o(t.value, t.oldValue) || l(e, t);
+				a(t.value, t.oldValue) || c(e, t);
 			},
 			unmounted(e) {
-				c.removeTooltip(e.getAttribute("data-dt-tooltip-id"));
+				s.removeTooltip(e.getAttribute("data-dt-tooltip-id"));
 			}
 		});
-		function l(r, i) {
-			if (i.value === null || i.value === void 0) {
-				let e = r.getAttribute("data-dt-tooltip-id");
-				e && c.removeTooltip(e);
+		function c(n, r) {
+			if (r.value === null || r.value === void 0) {
+				let e = n.getAttribute("data-dt-tooltip-id");
+				e && s.removeTooltip(e);
 				return;
 			}
-			let a = r.getAttribute("data-dt-tooltip-id") || e(), o;
-			if (typeof i.value == "string") o = {
-				message: i.value,
-				placement: i.arg || "top"
+			let i = n.getAttribute("data-dt-tooltip-id") || e(), a;
+			if (typeof r.value == "string") a = {
+				message: r.value,
+				placement: r.arg || "top"
 			};
-			else if (typeof i.value == "object" && i.value !== null) o = {
-				placement: i.arg || i.value.placement || "top",
-				...i.value
+			else if (typeof r.value == "object" && r.value !== null) a = {
+				placement: r.arg || r.value.placement || "top",
+				...r.value
 			};
 			else {
 				console.error("DtTooltipDirective: binding value must be string, object, null or undefined");
 				return;
 			}
-			Object.keys(i.modifiers).forEach((e) => {
+			Object.keys(r.modifiers).forEach((e) => {
 				switch (e) {
 					case "inverted":
-						o.inverted = !0;
+						a.inverted = !0;
 						break;
 					case "no-delay":
-						o.delay = !1;
+						a.delay = !1;
 						break;
 					case "no-transition":
-						o.transition = !1;
+						a.transition = !1;
 						break;
 					default:
-						t.includes(e) ? o.contentMode = e : n.includes(e) && (o.placement = e);
+						t.includes(e) && (a.placement = e);
 						break;
 				}
-			}), o.anchorElement = r, r.setAttribute("data-dt-tooltip-id", a), c.addOrUpdateTooltip(a, o);
+			}), a.anchorElement = n, n.setAttribute("data-dt-tooltip-id", i), s.addOrUpdateTooltip(i, a);
 		}
 	}
 };
 //#endregion
-export { s as DtTooltipDirective, s as default };
+export { o as DtTooltipDirective, o as default };
 
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["DtTooltip"],"sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, h } from 'vue';\nimport deepEqual from 'deep-equal';\nimport { CONTENT_MODE_VALUES } from '@/common/mode_constants';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    const DEFAULT_PLACEMENT = 'top';\n    if (!globalThis.__DtTooltipDirectiveApp) {\n      const DtTooltipDirectiveApp = createApp({\n        name: 'DtTooltipDirectiveApp',\n        components: { DtTooltip },\n        data () {\n          return {\n            tooltips: [],\n          };\n        },\n\n        mounted () {\n          globalThis.__DtTooltipDirectiveApp = this;\n        },\n\n        methods: {\n          addOrUpdateTooltip (id, tooltipConfig) {\n            const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n            if (index !== -1) {\n              // Update existing tooltip\n              this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n            } else {\n              // Add new tooltip\n              this.tooltips.push({ id, ...tooltipConfig });\n            }\n          },\n\n          removeTooltip (id) {\n            this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n          },\n        },\n\n        render () {\n          return h('div',\n            this.tooltips.map(({ id, anchorElement, ...tooltipProps }) => {\n              return h(DtTooltip, {\n                key: id,\n                ...tooltipProps,\n                sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n                /**\n                 * Set the delay to false when running tests only.\n                 */\n                delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n                externalAnchorElement: anchorElement,\n              });\n            }),\n          );\n        },\n      });\n\n      const mountPoint = document.createElement('div');\n      document.body.appendChild(mountPoint);\n      DtTooltipDirectiveApp.mount(mountPoint);\n    }\n\n    const tooltipApp = globalThis.__DtTooltipDirectiveApp;\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        // Use deep equality check to prevent infinite loops when objects are passed\n        if (!deepEqual(binding.value, binding.oldValue)) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      if (binding.value === null || binding.value === undefined) {\n        const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n        if (tooltipId) {\n          tooltipApp.removeTooltip(tooltipId);\n        }\n        return;\n      }\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n      let tooltipConfig;\n      if (typeof binding.value === 'string') {\n        tooltipConfig = {\n          message: binding.value,\n          placement: binding.arg || DEFAULT_PLACEMENT,\n        };\n      } else if (typeof binding.value === 'object' && binding.value !== null) {\n        tooltipConfig = {\n          placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n          ...binding.value,\n        };\n      } else {\n        console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n        return;\n      }\n\n      Object.keys(binding.modifiers).forEach(modifier => {\n        switch (modifier) {\n          case 'inverted':\n            tooltipConfig.inverted = true;\n            break;\n          case 'no-delay':\n            tooltipConfig.delay = false;\n            break;\n          case 'no-transition':\n            tooltipConfig.transition = false;\n            break;\n          default:\n            if (CONTENT_MODE_VALUES.includes(modifier)) {\n              tooltipConfig.contentMode = modifier;\n            } else if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n              tooltipConfig.placement = modifier;\n            }\n            break;\n        }\n      });\n\n      tooltipConfig.anchorElement = anchor;\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n      tooltipApp.addOrUpdateTooltip(tooltipId, tooltipConfig);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"mappings":";;;;;;;AAMA,IAAa,IAAqB;CAChC,MAAM;CACN,QAAS,GAAK;AAEZ,MAAI,CAAC,WAAW,yBAAyB;GACvC,IAAM,IAAwB,EAAU;IACtC,MAAM;IACN,YAAY,EAAE,WAAA,GAAW;IACzB,OAAQ;AACN,YAAO,EACL,UAAU,EAAE,EACb;;IAGH,UAAW;AACT,gBAAW,0BAA0B;;IAGvC,SAAS;KACP,mBAAoB,GAAI,GAAe;MACrC,IAAM,IAAQ,KAAK,SAAS,WAAU,MAAW,EAAQ,OAAO,EAAG;AACnE,MAAI,MAAU,KAKZ,KAAK,SAAS,KAAK;OAAE;OAAI,GAAG;OAAe,CAAC,GAH5C,KAAK,SAAS,OAAO,GAAO,GAAG;OAAE;OAAI,GAAG;OAAe,CAAC;;KAO5D,cAAe,GAAI;AACjB,WAAK,WAAW,KAAK,SAAS,QAAO,MAAW,EAAQ,OAAO,EAAG;;KAErE;IAED,SAAU;AACR,YAAO,EAAE,OACP,KAAK,SAAS,KAAK,EAAE,OAAI,kBAAe,GAAG,QAClC,EAAEA,GAAW;MAClB,KAAK;MACL,GAAG;MACH,QAAQ,EAAa,WAAW,KAAA,IAAkC,KAAtB,EAAa;MAIzD,OAAO,EAAa,UAAU,KAAA,IAAyB,QAAA,IAAA,aAAkC,SAA/C,EAAa;MACvD,uBAAuB;MACxB,CAAC,CACF,CACH;;IAEJ,CAAC,EAEI,IAAa,SAAS,cAAc,MAAM;AAEhD,GADA,SAAS,KAAK,YAAY,EAAW,EACrC,EAAsB,MAAM,EAAW;;EAGzC,IAAM,IAAa,WAAW;AAE9B,IAAI,UAAU,cAAc;GAC1B,YAAa,GAAQ,GAAS;AAE5B,MAAa,GAAQ,EAAQ;;GAE/B,QAAS,GAAQ,GAAS;AAGxB,IAAK,EAAU,EAAQ,OAAO,EAAQ,SAAS,IAC7C,EAAa,GAAQ,EAAQ;;GAGjC,UAAW,GAAQ;AACjB,MAAW,cAAc,EAAO,aAAa,qBAAqB,CAAC;;GAEtE,CAAC;EAEF,SAAS,EAAc,GAAQ,GAAS;AACtC,OAAI,EAAQ,UAAU,QAAQ,EAAQ,UAAU,KAAA,GAAW;IACzD,IAAM,IAAY,EAAO,aAAa,qBAAqB;AAC3D,IAAI,KACF,EAAW,cAAc,EAAU;AAErC;;GAEF,IAAM,IAAY,EAAO,aAAa,qBAAqB,IAAI,GAAiB,EAE5E;AACJ,OAAI,OAAO,EAAQ,SAAU,SAC3B,KAAgB;IACd,SAAS,EAAQ;IACjB,WAAW,EAAQ,OAAO;IAC3B;YACQ,OAAO,EAAQ,SAAU,YAAY,EAAQ,UAAU,KAChE,KAAgB;IACd,WAAW,EAAQ,OAAO,EAAQ,MAAM,aAAa;IACrD,GAAG,EAAQ;IACZ;QACI;AACL,YAAQ,MAAM,8EAA8E;AAC5F;;AA0BF,GAvBA,OAAO,KAAK,EAAQ,UAAU,CAAC,SAAQ,MAAY;AACjD,YAAQ,GAAR;KACE,KAAK;AACH,QAAc,WAAW;AACzB;KACF,KAAK;AACH,QAAc,QAAQ;AACtB;KACF,KAAK;AACH,QAAc,aAAa;AAC3B;KACF;AACE,MAAI,EAAoB,SAAS,EAAS,GACxC,EAAc,cAAc,IACnB,EAAmB,SAAS,EAAS,KAC9C,EAAc,YAAY;AAE5B;;KAEJ,EAEF,EAAc,gBAAgB,GAC9B,EAAO,aAAa,sBAAsB,EAAU,EACpD,EAAW,mBAAmB,GAAW,EAAc;;;CAG5D"}
+{"version":3,"file":"tooltip.js","names":["DtTooltip"],"sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, h } from 'vue';\nimport deepEqual from 'deep-equal';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    const DEFAULT_PLACEMENT = 'top';\n    if (!globalThis.__DtTooltipDirectiveApp) {\n      const DtTooltipDirectiveApp = createApp({\n        name: 'DtTooltipDirectiveApp',\n        components: { DtTooltip },\n        data () {\n          return {\n            tooltips: [],\n          };\n        },\n\n        mounted () {\n          globalThis.__DtTooltipDirectiveApp = this;\n        },\n\n        methods: {\n          addOrUpdateTooltip (id, tooltipConfig) {\n            const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n            if (index !== -1) {\n              // Update existing tooltip\n              this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n            } else {\n              // Add new tooltip\n              this.tooltips.push({ id, ...tooltipConfig });\n            }\n          },\n\n          removeTooltip (id) {\n            this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n          },\n        },\n\n        render () {\n          return h('div',\n            this.tooltips.map(({ id, anchorElement, ...tooltipProps }) => {\n              return h(DtTooltip, {\n                key: id,\n                ...tooltipProps,\n                sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n                /**\n                 * Set the delay to false when running tests only.\n                 */\n                delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n                externalAnchorElement: anchorElement,\n              });\n            }),\n          );\n        },\n      });\n\n      const mountPoint = document.createElement('div');\n      document.body.appendChild(mountPoint);\n      DtTooltipDirectiveApp.mount(mountPoint);\n    }\n\n    const tooltipApp = globalThis.__DtTooltipDirectiveApp;\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        // Use deep equality check to prevent infinite loops when objects are passed\n        if (!deepEqual(binding.value, binding.oldValue)) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      if (binding.value === null || binding.value === undefined) {\n        const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n        if (tooltipId) {\n          tooltipApp.removeTooltip(tooltipId);\n        }\n        return;\n      }\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n      let tooltipConfig;\n      if (typeof binding.value === 'string') {\n        tooltipConfig = {\n          message: binding.value,\n          placement: binding.arg || DEFAULT_PLACEMENT,\n        };\n      } else if (typeof binding.value === 'object' && binding.value !== null) {\n        tooltipConfig = {\n          placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n          ...binding.value,\n        };\n      } else {\n        console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n        return;\n      }\n\n      Object.keys(binding.modifiers).forEach(modifier => {\n        switch (modifier) {\n          case 'inverted':\n            tooltipConfig.inverted = true;\n            break;\n          case 'no-delay':\n            tooltipConfig.delay = false;\n            break;\n          case 'no-transition':\n            tooltipConfig.transition = false;\n            break;\n          default:\n            if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n              tooltipConfig.placement = modifier;\n            }\n            break;\n        }\n      });\n\n      tooltipConfig.anchorElement = anchor;\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n      tooltipApp.addOrUpdateTooltip(tooltipId, tooltipConfig);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"mappings":";;;;;;AAKA,IAAa,IAAqB;CAChC,MAAM;CACN,QAAS,GAAK;AAEZ,MAAI,CAAC,WAAW,yBAAyB;GACvC,IAAM,IAAwB,EAAU;IACtC,MAAM;IACN,YAAY,EAAE,WAAA,GAAW;IACzB,OAAQ;AACN,YAAO,EACL,UAAU,EAAE,EACb;;IAGH,UAAW;AACT,gBAAW,0BAA0B;;IAGvC,SAAS;KACP,mBAAoB,GAAI,GAAe;MACrC,IAAM,IAAQ,KAAK,SAAS,WAAU,MAAW,EAAQ,OAAO,EAAG;AACnE,MAAI,MAAU,KAKZ,KAAK,SAAS,KAAK;OAAE;OAAI,GAAG;OAAe,CAAC,GAH5C,KAAK,SAAS,OAAO,GAAO,GAAG;OAAE;OAAI,GAAG;OAAe,CAAC;;KAO5D,cAAe,GAAI;AACjB,WAAK,WAAW,KAAK,SAAS,QAAO,MAAW,EAAQ,OAAO,EAAG;;KAErE;IAED,SAAU;AACR,YAAO,EAAE,OACP,KAAK,SAAS,KAAK,EAAE,OAAI,kBAAe,GAAG,QAClC,EAAEA,GAAW;MAClB,KAAK;MACL,GAAG;MACH,QAAQ,EAAa,WAAW,KAAA,IAAkC,KAAtB,EAAa;MAIzD,OAAO,EAAa,UAAU,KAAA,IAAyB,QAAA,IAAA,aAAkC,SAA/C,EAAa;MACvD,uBAAuB;MACxB,CAAC,CACF,CACH;;IAEJ,CAAC,EAEI,IAAa,SAAS,cAAc,MAAM;AAEhD,GADA,SAAS,KAAK,YAAY,EAAW,EACrC,EAAsB,MAAM,EAAW;;EAGzC,IAAM,IAAa,WAAW;AAE9B,IAAI,UAAU,cAAc;GAC1B,YAAa,GAAQ,GAAS;AAE5B,MAAa,GAAQ,EAAQ;;GAE/B,QAAS,GAAQ,GAAS;AAGxB,IAAK,EAAU,EAAQ,OAAO,EAAQ,SAAS,IAC7C,EAAa,GAAQ,EAAQ;;GAGjC,UAAW,GAAQ;AACjB,MAAW,cAAc,EAAO,aAAa,qBAAqB,CAAC;;GAEtE,CAAC;EAEF,SAAS,EAAc,GAAQ,GAAS;AACtC,OAAI,EAAQ,UAAU,QAAQ,EAAQ,UAAU,KAAA,GAAW;IACzD,IAAM,IAAY,EAAO,aAAa,qBAAqB;AAC3D,IAAI,KACF,EAAW,cAAc,EAAU;AAErC;;GAEF,IAAM,IAAY,EAAO,aAAa,qBAAqB,IAAI,GAAiB,EAE5E;AACJ,OAAI,OAAO,EAAQ,SAAU,SAC3B,KAAgB;IACd,SAAS,EAAQ;IACjB,WAAW,EAAQ,OAAO;IAC3B;YACQ,OAAO,EAAQ,SAAU,YAAY,EAAQ,UAAU,KAChE,KAAgB;IACd,WAAW,EAAQ,OAAO,EAAQ,MAAM,aAAa;IACrD,GAAG,EAAQ;IACZ;QACI;AACL,YAAQ,MAAM,8EAA8E;AAC5F;;AAwBF,GArBA,OAAO,KAAK,EAAQ,UAAU,CAAC,SAAQ,MAAY;AACjD,YAAQ,GAAR;KACE,KAAK;AACH,QAAc,WAAW;AACzB;KACF,KAAK;AACH,QAAc,QAAQ;AACtB;KACF,KAAK;AACH,QAAc,aAAa;AAC3B;KACF;AACE,MAAI,EAAmB,SAAS,EAAS,KACvC,EAAc,YAAY;AAE5B;;KAEJ,EAEF,EAAc,gBAAgB,GAC9B,EAAO,aAAa,sBAAsB,EAAU,EACpD,EAAW,mBAAmB,GAAW,EAAc;;;CAG5D"}

package/dist/lib/top-banner-info/top-banner-info.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./top-banner-info-constants.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtRecipeTopBannerInfo`,props:{colorCode:{type:String,default:`green300`,validator:function(e){return t.COLOR_CODES.includes(e)}}},computed:{bannerInfoClass(){return[{green100:`d-recipe-top-banner-info--positive`,green300:`d-recipe-top-banner-info--positive`,red100:`d-recipe-top-banner-info--critical`,red200:`d-recipe-top-banner-info--critical`,gold100:`d-recipe-top-banner-info--warning`,gold200:`d-recipe-top-banner-info--warning`,black100:`d-recipe-top-banner-info--info`,white:`d-recipe-top-banner-info--primary`}[this.colorCode]]}}},i={class:`d-recipe-top-banner-info__left`},a={class:`d-recipe-top-banner-info__middle`,"data-qa":`banner-info--middle`},o={class:`d-recipe-top-banner-info__right`};function s(e,t,r,s,c,l){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`d-recipe-top-banner-info`,l.bannerInfoClass]),"data-qa":`banner-info`},[(0,n.createElementVNode)(`div`,i,[e.$slots.start?(0,n.renderSlot)(e.$slots,`start`,{key:0}):(0,n.renderSlot)(e.$slots,`left`,{key:1})]),(0,n.createElementVNode)(`div`,a,[(0,n.renderSlot)(e.$slots,`default`)]),(0,n.createElementVNode)(`div`,o,[e.$slots.end?(0,n.renderSlot)(e.$slots,`end`,{key:0}):(0,n.renderSlot)(e.$slots,`right`,{key:1})])],2)}var c=e.t(r,[[`render`,s]]);exports.default=c;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./top-banner-info-constants.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtRecipeTopBannerInfo`,props:{colorCode:{type:String,default:`green300`,validator:function(e){return t.COLOR_CODES.includes(e)}}},computed:{bannerInfoClass(){return[{green100:`d-recipe-top-banner-info--success`,green300:`d-recipe-top-banner-info--success`,red100:`d-recipe-top-banner-info--critical`,red200:`d-recipe-top-banner-info--critical`,gold100:`d-recipe-top-banner-info--warning`,gold200:`d-recipe-top-banner-info--warning`,black100:`d-recipe-top-banner-info--info`,white:`d-recipe-top-banner-info--primary`}[this.colorCode]]}}},i={class:`d-recipe-top-banner-info__left`},a={class:`d-recipe-top-banner-info__middle`,"data-qa":`banner-info--middle`},o={class:`d-recipe-top-banner-info__right`};function s(e,t,r,s,c,l){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`d-recipe-top-banner-info`,l.bannerInfoClass]),"data-qa":`banner-info`},[(0,n.createElementVNode)(`div`,i,[(0,n.renderSlot)(e.$slots,`left`)]),(0,n.createElementVNode)(`div`,a,[(0,n.renderSlot)(e.$slots,`default`)]),(0,n.createElementVNode)(`div`,o,[(0,n.renderSlot)(e.$slots,`right`)])],2)}var c=e.t(r,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=top-banner-info.cjs.map

package/dist/lib/top-banner-info/top-banner-info.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"top-banner-info.cjs","names":[],"sources":["../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"d-recipe-top-banner-info__left\">\n      <!-- @slot Slot for start content -->\n      <slot\n        v-if=\"$slots.start\"\n        name=\"start\"\n      />\n      <!-- @slot @deprecated Use start -->\n      <slot\n        v-else\n        name=\"left\"\n      />\n    </div>\n\n    <div\n      class=\"d-recipe-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"d-recipe-top-banner-info__right\">\n      <!-- @slot Slot for end content -->\n      <slot\n        v-if=\"$slots.end\"\n        name=\"end\"\n      />\n      <!-- @slot @deprecated Use end -->\n      <slot\n        v-else\n        name=\"right\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green100: 'd-recipe-top-banner-info--positive',\n        green300: 'd-recipe-top-banner-info--positive',\n        red100: 'd-recipe-top-banner-info--critical',\n        red200: 'd-recipe-top-banner-info--critical',\n        gold100: 'd-recipe-top-banner-info--warning',\n        gold200: 'd-recipe-top-banner-info--warning',\n        black100: 'd-recipe-top-banner-info--info',\n        white: 'd-recipe-top-banner-info--primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n"],"mappings":"qQA4CA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,wBAEN,MAAO,CAIL,UAAW,CACT,KAAM,OACN,QAAS,WACT,UAAW,SAAU,EAAM,CACzB,OAAO,EAAA,YAAY,SAAS,EAAK,EAEpC,CACF,CAED,SAAU,CACR,iBAAmB,CAajB,MAAO,CAZU,CAGf,SAAU,qCACV,SAAU,qCACV,OAAQ,qCACR,OAAQ,qCACR,QAAS,oCACT,QAAS,oCACT,SAAU,iCACV,MAAO,oCACR,CACgB,KAAK,WAAW,EAEpC,CACF,IAxEQ,MAAM,iCAAgC,IAczC,MAAM,mCACN,UAAQ,0BAKL,MAAM,kCAAiC,0EAYxC,MAAA,CApCJ,OAAA,EAAA,EAAA,gBAAK,CAAC,2BACE,EAAA,gBAAe,CAAA,CACvB,UAAQ,yCAaF,MAXN,EAWM,CARI,EAAA,OAAO,OAAA,EAAA,EAAA,YAEb,EAAA,OAAA,QAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,YAKA,EAAA,OAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAAA,CAAA,0BAQE,MALN,EAKM,EAAA,EAAA,EAAA,YADI,EAAA,OAAA,UAAA,CAAA,CAAA,0BAcJ,MAXN,EAWM,CARI,EAAA,OAAO,KAAA,EAAA,EAAA,YAEb,EAAA,OAAA,MAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,YAKA,EAAA,OAAA,QAAA,CAAA,IAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"top-banner-info.cjs","names":[],"sources":["../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"d-recipe-top-banner-info__left\">\n      <slot name=\"left\" />\n    </div>\n\n    <div\n      class=\"d-recipe-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"d-recipe-top-banner-info__right\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green100: 'd-recipe-top-banner-info--success',\n        green300: 'd-recipe-top-banner-info--success',\n        red100: 'd-recipe-top-banner-info--critical',\n        red200: 'd-recipe-top-banner-info--critical',\n        gold100: 'd-recipe-top-banner-info--warning',\n        gold200: 'd-recipe-top-banner-info--warning',\n        black100: 'd-recipe-top-banner-info--info',\n        white: 'd-recipe-top-banner-info--primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n"],"mappings":"qQA0BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,wBAEN,MAAO,CAIL,UAAW,CACT,KAAM,OACN,QAAS,WACT,UAAW,SAAU,EAAM,CACzB,OAAO,EAAA,YAAY,SAAS,EAAK,EAEpC,CACF,CAED,SAAU,CACR,iBAAmB,CAajB,MAAO,CAZU,CAGf,SAAU,oCACV,SAAU,oCACV,OAAQ,qCACR,OAAQ,qCACR,QAAS,oCACT,QAAS,oCACT,SAAU,iCACV,MAAO,oCACR,CACgB,KAAK,WAAW,EAEpC,CACF,IAtDQ,MAAM,iCAAgC,IAKzC,MAAM,mCACN,UAAQ,0BAKL,MAAM,kCAAiC,0EAGxC,MAAA,CAlBJ,OAAA,EAAA,EAAA,gBAAK,CAAC,2BACE,EAAA,gBAAe,CAAA,CACvB,UAAQ,yCAIF,MAFN,EAEM,EAAA,EAAA,EAAA,YADgB,EAAA,OAAA,OAAA,CAAA,CAAA,0BAQhB,MALN,EAKM,EAAA,EAAA,EAAA,YADI,EAAA,OAAA,UAAA,CAAA,CAAA,0BAKJ,MAFN,EAEM,EAAA,EAAA,EAAA,YADiB,EAAA,OAAA,QAAA,CAAA,CAAA"}

package/dist/lib/top-banner-info/top-banner-info.js

@@ -14,8 +14,8 @@ var s = {
 	} },
 	computed: { bannerInfoClass() {
 		return [{
-			green100: "d-recipe-top-banner-info--positive",
-			green300: "d-recipe-top-banner-info--positive",
+			green100: "d-recipe-top-banner-info--success",
+			green300: "d-recipe-top-banner-info--success",
 			red100: "d-recipe-top-banner-info--critical",
 			red200: "d-recipe-top-banner-info--critical",
 			gold100: "d-recipe-top-banner-info--warning",
@@ -33,9 +33,9 @@ function d(e, t, s, d, f, p) {
 		class: i(["d-recipe-top-banner-info", p.bannerInfoClass]),
 		"data-qa": "banner-info"
 	}, [
-		r("div", c, [e.$slots.start ? o(e.$slots, "start", { key: 0 }) : o(e.$slots, "left", { key: 1 })]),
+		r("div", c, [o(e.$slots, "left")]),
 		r("div", l, [o(e.$slots, "default")]),
-		r("div", u, [e.$slots.end ? o(e.$slots, "end", { key: 0 }) : o(e.$slots, "right", { key: 1 })])
+		r("div", u, [o(e.$slots, "right")])
 	], 2);
 }
 var f = /* @__PURE__ */ e(s, [["render", d]]);

package/dist/lib/top-banner-info/top-banner-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-banner-info.js","names":[],"sources":["../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"d-recipe-top-banner-info__left\">\n      <!-- @slot Slot for start content -->\n      <slot\n        v-if=\"$slots.start\"\n        name=\"start\"\n      />\n      <!-- @slot @deprecated Use start -->\n      <slot\n        v-else\n        name=\"left\"\n      />\n    </div>\n\n    <div\n      class=\"d-recipe-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"d-recipe-top-banner-info__right\">\n      <!-- @slot Slot for end content -->\n      <slot\n        v-if=\"$slots.end\"\n        name=\"end\"\n      />\n      <!-- @slot @deprecated Use end -->\n      <slot\n        v-else\n        name=\"right\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green100: 'd-recipe-top-banner-info--positive',\n        green300: 'd-recipe-top-banner-info--positive',\n        red100: 'd-recipe-top-banner-info--critical',\n        red200: 'd-recipe-top-banner-info--critical',\n        gold100: 'd-recipe-top-banner-info--warning',\n        gold200: 'd-recipe-top-banner-info--warning',\n        black100: 'd-recipe-top-banner-info--info',\n        white: 'd-recipe-top-banner-info--primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n"],"mappings":";;;;AA4CA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO,EAIL,WAAW;EACT,MAAM;EACN,SAAS;EACT,WAAW,SAAU,GAAM;AACzB,UAAO,EAAY,SAAS,EAAK;;EAEpC,EACF;CAED,UAAU,EACR,kBAAmB;AAajB,SAAO,CAZU;GAGf,UAAU;GACV,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,SAAS;GACT,SAAS;GACT,UAAU;GACV,OAAO;GACR,CACgB,KAAK,WAAW;IAEpC;CACF,QAxEQ,OAAM,kCAAgC;CAczC,OAAM;CACN,WAAQ;SAKL,OAAM,mCAAiC;;aAzB9C,EAqCM,OAAA;EApCJ,OAAK,EAAA,CAAC,4BACE,EAAA,gBAAe,CAAA;EACvB,WAAQ;;EAER,EAWM,OAXN,GAWM,CARI,EAAA,OAAO,QADf,EAGE,EAAA,QAAA,SAAA,EAAA,KAAA,GAAA,CAAA,GAEF,EAGE,EAAA,QAAA,QAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA;EAGJ,EAKM,OALN,GAKM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;EAGV,EAWM,OAXN,GAWM,CARI,EAAA,OAAO,MADf,EAGE,EAAA,QAAA,OAAA,EAAA,KAAA,GAAA,CAAA,GAEF,EAGE,EAAA,QAAA,SAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"top-banner-info.js","names":[],"sources":["../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"d-recipe-top-banner-info__left\">\n      <slot name=\"left\" />\n    </div>\n\n    <div\n      class=\"d-recipe-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"d-recipe-top-banner-info__right\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green100: 'd-recipe-top-banner-info--success',\n        green300: 'd-recipe-top-banner-info--success',\n        red100: 'd-recipe-top-banner-info--critical',\n        red200: 'd-recipe-top-banner-info--critical',\n        gold100: 'd-recipe-top-banner-info--warning',\n        gold200: 'd-recipe-top-banner-info--warning',\n        black100: 'd-recipe-top-banner-info--info',\n        white: 'd-recipe-top-banner-info--primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n"],"mappings":";;;;AA0BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO,EAIL,WAAW;EACT,MAAM;EACN,SAAS;EACT,WAAW,SAAU,GAAM;AACzB,UAAO,EAAY,SAAS,EAAK;;EAEpC,EACF;CAED,UAAU,EACR,kBAAmB;AAajB,SAAO,CAZU;GAGf,UAAU;GACV,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,SAAS;GACT,SAAS;GACT,UAAU;GACV,OAAO;GACR,CACgB,KAAK,WAAW;IAEpC;CACF,QAtDQ,OAAM,kCAAgC;CAKzC,OAAM;CACN,WAAQ;SAKL,OAAM,mCAAiC;;aAhB9C,EAmBM,OAAA;EAlBJ,OAAK,EAAA,CAAC,4BACE,EAAA,gBAAe,CAAA;EACvB,WAAQ;;EAER,EAEM,OAFN,GAEM,CADJ,EAAoB,EAAA,QAAA,OAAA,CAAA,CAAA;EAGtB,EAKM,OALN,GAKM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;EAGV,EAEM,OAFN,GAEM,CADJ,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA"}

package/dist/lib/unread-pill/unread-pill.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../../localization/index.cjs`),n=require(`./unread-pill-constants.cjs`);let r=require(`vue`),i=require(`@dialpad/dialtone-icons/vue`);var a={compatConfig:{MODE:3},name:`DtRecipeUnreadPill`,components:{DtIconArrowUp:i.DtIconArrowUp,DtIconArrowDown:i.DtIconArrowDown},props:{kind:{type:String,required:!0,validator:e=>n.UNREAD_PILL_KINDS.includes(e)},direction:{type:String,required:!0,validator:e=>n.UNREAD_PILL_DIRECTIONS.includes(e)}},emits:[`click`],data(){return{i18n:new t.DialtoneLocalization}},computed:{text(){return this.kind===`mentions`?this.i18n.$t(`DIALTONE_UNREAD_PILL_MENTIONS_TEXT`):this.i18n.$t(`DIALTONE_UNREAD_PILL_MESSAGES_TEXT`)},unreadChipListeners(){return{click:e=>this.$emit(`click`,e)}}}},o={"data-qa":`dt-recipe-leftbar-unread-pill__label`};function s(e,t,n,i,a,s){let c=(0,r.resolveComponent)(`dt-icon-arrow-up`),l=(0,r.resolveComponent)(`dt-icon-arrow-down`);return(0,r.openBlock)(),(0,r.createElementBlock)(`button`,(0,r.mergeProps)({class:[`d-recipe-leftbar-unread-pill`,`d-recipe-leftbar-unread-pill-${n.kind}`],type:`button`,"data-qa":`dt-recipe-leftbar-unread-pill`},(0,r.toHandlers)(s.unreadChipListeners,!0)),[n.direction===`up`?((0,r.openBlock)(),(0,r.createBlock)(c,{key:0,size:`300`})):((0,r.openBlock)(),(0,r.createBlock)(l,{key:1,size:`300`})),(0,r.createElementVNode)(`span`,o,[(0,r.renderSlot)(e.$slots,`default`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(s.text),1)])])],16)}var c=e.t(a,[[`render`,s]]);exports.default=c;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../../localization/index.cjs`),n=require(`./unread-pill-constants.cjs`);let r=require(`vue`),i=require(`@dialpad/dialtone-icons/vue3`);var a={compatConfig:{MODE:3},name:`DtRecipeUnreadPill`,components:{DtIconArrowUp:i.DtIconArrowUp,DtIconArrowDown:i.DtIconArrowDown},props:{kind:{type:String,required:!0,validator:e=>n.UNREAD_PILL_KINDS.includes(e)},direction:{type:String,required:!0,validator:e=>n.UNREAD_PILL_DIRECTIONS.includes(e)}},emits:[`click`],data(){return{i18n:new t.DialtoneLocalization}},computed:{text(){return this.kind===`mentions`?this.i18n.$t(`DIALTONE_UNREAD_PILL_MENTIONS_TEXT`):this.i18n.$t(`DIALTONE_UNREAD_PILL_MESSAGES_TEXT`)},unreadChipListeners(){return{click:e=>this.$emit(`click`,e)}}}},o={"data-qa":`dt-recipe-leftbar-unread-pill__label`};function s(e,t,n,i,a,s){let c=(0,r.resolveComponent)(`dt-icon-arrow-up`),l=(0,r.resolveComponent)(`dt-icon-arrow-down`);return(0,r.openBlock)(),(0,r.createElementBlock)(`button`,(0,r.mergeProps)({class:[`d-recipe-leftbar-unread-pill`,`d-recipe-leftbar-unread-pill-${n.kind}`],type:`button`,"data-qa":`dt-recipe-leftbar-unread-pill`},(0,r.toHandlers)(s.unreadChipListeners,!0)),[n.direction===`up`?((0,r.openBlock)(),(0,r.createBlock)(c,{key:0,size:`300`})):((0,r.openBlock)(),(0,r.createBlock)(l,{key:1,size:`300`})),(0,r.createElementVNode)(`span`,o,[(0,r.renderSlot)(e.$slots,`default`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(s.text),1)])])],16)}var c=e.t(a,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=unread-pill.cjs.map

package/dist/lib/unread-pill/unread-pill.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"unread-pill.cjs","names":[],"sources":["../../../recipes/leftbar/unread_pill/unread_pill.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"['d-recipe-leftbar-unread-pill', `d-recipe-leftbar-unread-pill-${kind}`]\"\n    type=\"button\"\n    data-qa=\"dt-recipe-leftbar-unread-pill\"\n    v-on=\"unreadChipListeners\"\n  >\n    <dt-icon-arrow-up\n      v-if=\"direction === 'up'\"\n      size=\"300\"\n    />\n    <dt-icon-arrow-down\n      v-else\n      size=\"300\"\n    />\n    <span data-qa=\"dt-recipe-leftbar-unread-pill__label\">\n      <slot>\n        {{ text }}\n      </slot>\n    </span>\n  </button>\n</template>\n\n<script>\nimport { DtIconArrowUp, DtIconArrowDown } from '@dialpad/dialtone-icons/vue';\nimport { UNREAD_PILL_DIRECTIONS, UNREAD_PILL_KINDS } from './unread_pill_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeUnreadPill',\n\n  components: {\n    DtIconArrowUp,\n    DtIconArrowDown,\n  },\n\n  props: {\n    /**\n     * The kind of unread pill which determines the styling\n     * @values 'mentions', 'messages'\n     **/\n    kind: {\n      type: String,\n      required: true,\n      validator: (kind) => UNREAD_PILL_KINDS.includes(kind),\n    },\n\n    /**\n     * The direction of the arrow icon\n     * @values 'up', 'down'\n     **/\n    direction: {\n      type: String,\n      required: true,\n      validator: (dir) => UNREAD_PILL_DIRECTIONS.includes(dir),\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    text () {\n      return this.kind === 'mentions'\n        ? this.i18n.$t('DIALTONE_UNREAD_PILL_MENTIONS_TEXT')\n        : this.i18n.$t('DIALTONE_UNREAD_PILL_MESSAGES_TEXT');\n    },\n\n    unreadChipListeners () {\n      return {\n        click: event => this.$emit('click', event),\n      };\n    },\n  },\n};\n</script>\n"],"mappings":"oVA4BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,qBAEN,WAAY,CACV,cAAA,EAAA,cACA,gBAAA,EAAA,gBACD,CAED,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,SAAU,GACV,UAAY,GAAS,EAAA,kBAAkB,SAAS,EAAK,CACtD,CAMD,UAAW,CACT,KAAM,OACN,SAAU,GACV,UAAY,GAAQ,EAAA,uBAAuB,SAAS,EAAI,CACzD,CACF,CAED,MAAO,CAOL,QACD,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,MAAQ,CACN,OAAO,KAAK,OAAS,WACjB,KAAK,KAAK,GAAG,qCAAoC,CACjD,KAAK,KAAK,GAAG,qCAAqC,EAGxD,qBAAuB,CACrB,MAAO,CACL,MAAO,GAAS,KAAK,MAAM,QAAS,EAAM,CAC3C,EAEJ,CACF,IAzES,UAAQ,uCAAsC,0KAK7C,UAAA,EAAA,EAAA,YAAA,CAlBN,MAAK,CAAA,+BAAA,gCAAmE,EAAA,OAAI,CAC7E,KAAK,SACL,UAAQ,kDACkB,EAApB,oBAAmB,GAAA,CAAA,CAAA,CAGjB,EAAA,YAAS,OAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAEf,EAAA,OADA,KAAK,8CAKL,EAAA,OADA,KAAK,kCAMA,OAJP,EAIO,EAAA,EAAA,EAAA,YADE,EAAA,OAAA,UAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,KAAI,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA"}
+{"version":3,"file":"unread-pill.cjs","names":[],"sources":["../../../recipes/leftbar/unread_pill/unread_pill.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"['d-recipe-leftbar-unread-pill', `d-recipe-leftbar-unread-pill-${kind}`]\"\n    type=\"button\"\n    data-qa=\"dt-recipe-leftbar-unread-pill\"\n    v-on=\"unreadChipListeners\"\n  >\n    <dt-icon-arrow-up\n      v-if=\"direction === 'up'\"\n      size=\"300\"\n    />\n    <dt-icon-arrow-down\n      v-else\n      size=\"300\"\n    />\n    <span data-qa=\"dt-recipe-leftbar-unread-pill__label\">\n      <slot>\n        {{ text }}\n      </slot>\n    </span>\n  </button>\n</template>\n\n<script>\nimport { DtIconArrowUp, DtIconArrowDown } from '@dialpad/dialtone-icons/vue3';\nimport { UNREAD_PILL_DIRECTIONS, UNREAD_PILL_KINDS } from './unread_pill_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeUnreadPill',\n\n  components: {\n    DtIconArrowUp,\n    DtIconArrowDown,\n  },\n\n  props: {\n    /**\n     * The kind of unread pill which determines the styling\n     * @values 'mentions', 'messages'\n     **/\n    kind: {\n      type: String,\n      required: true,\n      validator: (kind) => UNREAD_PILL_KINDS.includes(kind),\n    },\n\n    /**\n     * The direction of the arrow icon\n     * @values 'up', 'down'\n     **/\n    direction: {\n      type: String,\n      required: true,\n      validator: (dir) => UNREAD_PILL_DIRECTIONS.includes(dir),\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    text () {\n      return this.kind === 'mentions'\n        ? this.i18n.$t('DIALTONE_UNREAD_PILL_MENTIONS_TEXT')\n        : this.i18n.$t('DIALTONE_UNREAD_PILL_MESSAGES_TEXT');\n    },\n\n    unreadChipListeners () {\n      return {\n        click: event => this.$emit('click', event),\n      };\n    },\n  },\n};\n</script>\n"],"mappings":"qVA4BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,qBAEN,WAAY,CACV,cAAA,EAAA,cACA,gBAAA,EAAA,gBACD,CAED,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,SAAU,GACV,UAAY,GAAS,EAAA,kBAAkB,SAAS,EAAK,CACtD,CAMD,UAAW,CACT,KAAM,OACN,SAAU,GACV,UAAY,GAAQ,EAAA,uBAAuB,SAAS,EAAI,CACzD,CACF,CAED,MAAO,CAOL,QACD,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,MAAQ,CACN,OAAO,KAAK,OAAS,WACjB,KAAK,KAAK,GAAG,qCAAoC,CACjD,KAAK,KAAK,GAAG,qCAAqC,EAGxD,qBAAuB,CACrB,MAAO,CACL,MAAO,GAAS,KAAK,MAAM,QAAS,EAAM,CAC3C,EAEJ,CACF,IAzES,UAAQ,uCAAsC,0KAK7C,UAAA,EAAA,EAAA,YAAA,CAlBN,MAAK,CAAA,+BAAA,gCAAmE,EAAA,OAAI,CAC7E,KAAK,SACL,UAAQ,kDACkB,EAApB,oBAAmB,GAAA,CAAA,CAAA,CAGjB,EAAA,YAAS,OAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAEf,EAAA,OADA,KAAK,8CAKL,EAAA,OADA,KAAK,kCAMA,OAJP,EAIO,EAAA,EAAA,EAAA,YADE,EAAA,OAAA,UAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,KAAI,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA"}

package/dist/lib/unread-pill/unread-pill.js

@@ -2,7 +2,7 @@ import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { DialtoneLocalization as t } from "../../localization/index.js";
 import { UNREAD_PILL_DIRECTIONS as n, UNREAD_PILL_KINDS as r } from "./unread-pill-constants.js";
 import { createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, mergeProps as c, openBlock as l, renderSlot as u, resolveComponent as d, toDisplayString as f, toHandlers as p } from "vue";
-import { DtIconArrowDown as m, DtIconArrowUp as h } from "@dialpad/dialtone-icons/vue";
+import { DtIconArrowDown as m, DtIconArrowUp as h } from "@dialpad/dialtone-icons/vue3";
 //#region recipes/leftbar/unread_pill/unread_pill.vue
 var g = {
 	compatConfig: { MODE: 3 },

package/dist/lib/unread-pill/unread-pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"unread-pill.js","names":[],"sources":["../../../recipes/leftbar/unread_pill/unread_pill.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"['d-recipe-leftbar-unread-pill', `d-recipe-leftbar-unread-pill-${kind}`]\"\n    type=\"button\"\n    data-qa=\"dt-recipe-leftbar-unread-pill\"\n    v-on=\"unreadChipListeners\"\n  >\n    <dt-icon-arrow-up\n      v-if=\"direction === 'up'\"\n      size=\"300\"\n    />\n    <dt-icon-arrow-down\n      v-else\n      size=\"300\"\n    />\n    <span data-qa=\"dt-recipe-leftbar-unread-pill__label\">\n      <slot>\n        {{ text }}\n      </slot>\n    </span>\n  </button>\n</template>\n\n<script>\nimport { DtIconArrowUp, DtIconArrowDown } from '@dialpad/dialtone-icons/vue';\nimport { UNREAD_PILL_DIRECTIONS, UNREAD_PILL_KINDS } from './unread_pill_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeUnreadPill',\n\n  components: {\n    DtIconArrowUp,\n    DtIconArrowDown,\n  },\n\n  props: {\n    /**\n     * The kind of unread pill which determines the styling\n     * @values 'mentions', 'messages'\n     **/\n    kind: {\n      type: String,\n      required: true,\n      validator: (kind) => UNREAD_PILL_KINDS.includes(kind),\n    },\n\n    /**\n     * The direction of the arrow icon\n     * @values 'up', 'down'\n     **/\n    direction: {\n      type: String,\n      required: true,\n      validator: (dir) => UNREAD_PILL_DIRECTIONS.includes(dir),\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    text () {\n      return this.kind === 'mentions'\n        ? this.i18n.$t('DIALTONE_UNREAD_PILL_MENTIONS_TEXT')\n        : this.i18n.$t('DIALTONE_UNREAD_PILL_MESSAGES_TEXT');\n    },\n\n    unreadChipListeners () {\n      return {\n        click: event => this.$emit('click', event),\n      };\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;AA4BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV;EACA;EACD;CAED,OAAO;EAKL,MAAM;GACJ,MAAM;GACN,UAAU;GACV,YAAY,MAAS,EAAkB,SAAS,EAAK;GACtD;EAMD,WAAW;GACT,MAAM;GACN,UAAU;GACV,YAAY,MAAQ,EAAuB,SAAS,EAAI;GACzD;EACF;CAED,OAAO,CAOL,QACD;CAED,OAAQ;AACN,SAAO,EACL,MAAM,IAAI,GAAsB,EACjC;;CAGH,UAAU;EACR,OAAQ;AACN,UAAO,KAAK,SAAS,aACjB,KAAK,KAAK,GAAG,qCAAoC,GACjD,KAAK,KAAK,GAAG,qCAAqC;;EAGxD,sBAAuB;AACrB,UAAO,EACL,QAAO,MAAS,KAAK,MAAM,SAAS,EAAM,EAC3C;;EAEJ;CACF,QAzES,WAAQ,wCAAsC;;;aAdtD,EAmBS,UAnBT,EAmBS;EAlBN,OAAK,CAAA,gCAAA,gCAAmE,EAAA,OAAI;EAC7E,MAAK;EACL,WAAQ;IACR,EAA0B,EAApB,qBAAmB,GAAA,CAAA,EAAA,CAGjB,EAAA,cAAS,QAAA,GAAA,EADjB,EAGE,GAAA;;EADA,MAAK;aAEP,EAGE,GAAA;;EADA,MAAK;MAEP,EAIO,QAJP,GAIO,CAHL,EAEO,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"unread-pill.js","names":[],"sources":["../../../recipes/leftbar/unread_pill/unread_pill.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"['d-recipe-leftbar-unread-pill', `d-recipe-leftbar-unread-pill-${kind}`]\"\n    type=\"button\"\n    data-qa=\"dt-recipe-leftbar-unread-pill\"\n    v-on=\"unreadChipListeners\"\n  >\n    <dt-icon-arrow-up\n      v-if=\"direction === 'up'\"\n      size=\"300\"\n    />\n    <dt-icon-arrow-down\n      v-else\n      size=\"300\"\n    />\n    <span data-qa=\"dt-recipe-leftbar-unread-pill__label\">\n      <slot>\n        {{ text }}\n      </slot>\n    </span>\n  </button>\n</template>\n\n<script>\nimport { DtIconArrowUp, DtIconArrowDown } from '@dialpad/dialtone-icons/vue3';\nimport { UNREAD_PILL_DIRECTIONS, UNREAD_PILL_KINDS } from './unread_pill_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeUnreadPill',\n\n  components: {\n    DtIconArrowUp,\n    DtIconArrowDown,\n  },\n\n  props: {\n    /**\n     * The kind of unread pill which determines the styling\n     * @values 'mentions', 'messages'\n     **/\n    kind: {\n      type: String,\n      required: true,\n      validator: (kind) => UNREAD_PILL_KINDS.includes(kind),\n    },\n\n    /**\n     * The direction of the arrow icon\n     * @values 'up', 'down'\n     **/\n    direction: {\n      type: String,\n      required: true,\n      validator: (dir) => UNREAD_PILL_DIRECTIONS.includes(dir),\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    text () {\n      return this.kind === 'mentions'\n        ? this.i18n.$t('DIALTONE_UNREAD_PILL_MENTIONS_TEXT')\n        : this.i18n.$t('DIALTONE_UNREAD_PILL_MESSAGES_TEXT');\n    },\n\n    unreadChipListeners () {\n      return {\n        click: event => this.$emit('click', event),\n      };\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;AA4BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV;EACA;EACD;CAED,OAAO;EAKL,MAAM;GACJ,MAAM;GACN,UAAU;GACV,YAAY,MAAS,EAAkB,SAAS,EAAK;GACtD;EAMD,WAAW;GACT,MAAM;GACN,UAAU;GACV,YAAY,MAAQ,EAAuB,SAAS,EAAI;GACzD;EACF;CAED,OAAO,CAOL,QACD;CAED,OAAQ;AACN,SAAO,EACL,MAAM,IAAI,GAAsB,EACjC;;CAGH,UAAU;EACR,OAAQ;AACN,UAAO,KAAK,SAAS,aACjB,KAAK,KAAK,GAAG,qCAAoC,GACjD,KAAK,KAAK,GAAG,qCAAqC;;EAGxD,sBAAuB;AACrB,UAAO,EACL,QAAO,MAAS,KAAK,MAAM,SAAS,EAAM,EAC3C;;EAEJ;CACF,QAzES,WAAQ,wCAAsC;;;aAdtD,EAmBS,UAnBT,EAmBS;EAlBN,OAAK,CAAA,gCAAA,gCAAmE,EAAA,OAAI;EAC7E,MAAK;EACL,WAAQ;IACR,EAA0B,EAApB,qBAAmB,GAAA,CAAA,EAAA,CAGjB,EAAA,cAAS,QAAA,GAAA,EADjB,EAGE,GAAA;;EADA,MAAK;aAEP,EAGE,GAAA;;EADA,MAAK;MAEP,EAIO,QAJP,GAIO,CAHL,EAEO,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA"}

package/dist/lib/validation-messages/validation-messages.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/validators/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtValidationMessages`,props:{id:{type:String,default(){return t.getUniqueString()}},validationMessages:{type:Array,default:()=>[],validator:t=>e.validationMessageValidator(t)},showMessages:{type:Boolean,default:!0}},computed:{isFilteredValidationMessagesEmpty(){return this.filteredValidationMessages.length===0},filteredValidationMessages(){return t.filterFormattedMessages(this.validationMessages)},validationState(){return t.getValidationState(this.validationMessages)}},methods:{getMessageKey(e,t){return`validation-message-${e}-${t}-${this.id}`},messageTypeClass(e){return{critical:`base-input__message--critical d-validation-message--critical`,warning:`base-input__message--warning d-validation-message--warning`,positive:`base-input__message--positive d-validation-message--positive`}[e]}}},a={key:0,class:`base-input__messages d-validation-message__container`,"data-qa":`validation-messages-container`},o=[`innerHTML`];function s(e,t,n,i,s,c){return n.showMessages&&!c.isFilteredValidationMessagesEmpty?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(c.filteredValidationMessages,({message:e,type:t},n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:c.getMessageKey(t,n),role:`status`,"aria-live":`polite`,"data-qa":`validation-message`,class:(0,r.normalizeClass)([`base-input__message`,`d-validation-message`,c.messageTypeClass(t)])},[(0,r.createElementVNode)(`p`,{innerHTML:e},null,8,o)],2))),128))])):(0,r.createCommentVNode)(``,!0)}var c=n.t(i,[[`render`,s]]);exports.default=c;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/validators/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtValidationMessages`,props:{id:{type:String,default(){return t.getUniqueString()}},validationMessages:{type:Array,default:()=>[],validator:t=>e.validationMessageValidator(t)},showMessages:{type:Boolean,default:!0}},computed:{isFilteredValidationMessagesEmpty(){return this.filteredValidationMessages.length===0},filteredValidationMessages(){return t.filterFormattedMessages(this.validationMessages)},validationState(){return t.getValidationState(this.validationMessages)}},methods:{getMessageKey(e,t){return`validation-message-${e}-${t}-${this.id}`},messageTypeClass(e){return{error:`base-input__message--error d-validation-message--error`,warning:`base-input__message--warning d-validation-message--warning`,success:`base-input__message--success d-validation-message--success`}[e]}}},a={key:0,class:`base-input__messages d-validation-message__container`,"data-qa":`validation-messages-container`},o=[`innerHTML`];function s(e,t,n,i,s,c){return n.showMessages&&!c.isFilteredValidationMessagesEmpty?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(c.filteredValidationMessages,({message:e,type:t},n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:c.getMessageKey(t,n),role:`status`,"aria-live":`polite`,"data-qa":`validation-message`,class:(0,r.normalizeClass)([`base-input__message`,`d-validation-message`,c.messageTypeClass(t)])},[(0,r.createElementVNode)(`p`,{innerHTML:e},null,8,o)],2))),128))])):(0,r.createCommentVNode)(``,!0)}var c=n.t(i,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=validation-messages.cjs.map

package/dist/lib/validation-messages/validation-messages.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"validation-messages.cjs","names":[],"sources":["../../../components/validation_messages/validation_messages.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"showMessages && !isFilteredValidationMessagesEmpty\"\n    class=\"base-input__messages d-validation-message__container\"\n    data-qa=\"validation-messages-container\"\n  >\n    <div\n      v-for=\"({ message, type }, index) in filteredValidationMessages\"\n      :key=\"getMessageKey(type, index)\"\n      role=\"status\"\n      aria-live=\"polite\"\n      data-qa=\"validation-message\"\n      :class=\"[\n        'base-input__message',\n        'd-validation-message',\n        messageTypeClass(type),\n      ]\"\n    >\n      <p v-html=\"message\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  filterFormattedMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * Validation messages are used to convey information to the user about the current state of the input element.\n * These messages can have a critical, warning or positive type.\n * @see https://dialtone.dialpad.com/components/validation_messages.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtValidationMessages',\n\n  props: {\n    /**\n     * The id of the validation message\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * Array of validation messages. Each message has the following structure:\n     * `{ message: \"Some informative message\", type: \"critical|warning|positive\"}`\n     */\n    validationMessages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show Validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    isFilteredValidationMessagesEmpty () {\n      return this.filteredValidationMessages.length === 0;\n    },\n\n    filteredValidationMessages () {\n      return filterFormattedMessages(this.validationMessages);\n    },\n\n    validationState () {\n      return getValidationState(this.validationMessages);\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `validation-message-${type}-${index}-${this.id}`;\n    },\n\n    messageTypeClass (type) {\n      const messageTypesClasses = {\n        critical: 'base-input__message--critical d-validation-message--critical',\n        warning: 'base-input__message--warning d-validation-message--warning',\n        positive: 'base-input__message--positive d-validation-message--positive',\n      };\n\n      return messageTypesClasses[type];\n    },\n  },\n};\n</script>\n"],"mappings":"iTAoCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,uBAEN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CACT,OAAO,EAAA,iBAAiB,EAE3B,CAMD,mBAAoB,CAClB,KAAM,MACN,YAAe,EAAE,CACjB,UAAW,GAAY,EAAA,2BAA2B,EAAS,CAC5D,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CACF,CAED,SAAU,CACR,mCAAqC,CACnC,OAAO,KAAK,2BAA2B,SAAW,GAGpD,4BAA8B,CAC5B,OAAO,EAAA,wBAAwB,KAAK,mBAAmB,EAGzD,iBAAmB,CACjB,OAAO,EAAA,mBAAmB,KAAK,mBAAmB,EAErD,CAED,QAAS,CACP,cAAe,EAAM,EAAO,CAC1B,MAAO,sBAAsB,EAAK,GAAG,EAAM,GAAG,KAAK,MAGrD,iBAAkB,EAAM,CAOtB,MAN4B,CAC1B,SAAU,+DACV,QAAS,6DACT,SAAU,+DACX,CAE0B,IAE9B,CACF,UAjGG,MAAM,uDACN,UAAQ,gFAFF,EAAA,cAAY,CAAK,EAAA,oCAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAkBnB,MAnBN,EAmBM,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBADE,EAAA,SAAA,MAAA,EAAA,EAAA,YAZiC,EAAA,4BAA0B,CAArD,UAAS,QAAQ,gDAYvB,MAAA,CAXH,IAAK,EAAA,cAAc,EAAM,EAAK,CAC/B,KAAK,SACL,YAAU,SACV,UAAQ,qBACP,OAAA,EAAA,EAAA,gBAAK,8CAA2E,EAAA,iBAAiB,EAAI,8BAMhF,IAAA,CAAnB,UAAQ,EAAO,CAAA,KAAA,EAAA,EAAA,CAAA,CAAA,EAAA"}
+{"version":3,"file":"validation-messages.cjs","names":[],"sources":["../../../components/validation_messages/validation_messages.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"showMessages && !isFilteredValidationMessagesEmpty\"\n    class=\"base-input__messages d-validation-message__container\"\n    data-qa=\"validation-messages-container\"\n  >\n    <div\n      v-for=\"({ message, type }, index) in filteredValidationMessages\"\n      :key=\"getMessageKey(type, index)\"\n      role=\"status\"\n      aria-live=\"polite\"\n      data-qa=\"validation-message\"\n      :class=\"[\n        'base-input__message',\n        'd-validation-message',\n        messageTypeClass(type),\n      ]\"\n    >\n      <p v-html=\"message\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  filterFormattedMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * Validation messages are used to convey information to the user about the current state of the input element.\n * These messages can have an error, warning or success type.\n * @see https://dialtone.dialpad.com/components/validation_messages.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtValidationMessages',\n\n  props: {\n    /**\n     * The id of the validation message\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * Array of validation messages. Each message has the following structure:\n     * `{ message: \"Some informative message\", type: \"error|warning|success\"}`\n     */\n    validationMessages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show Validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    isFilteredValidationMessagesEmpty () {\n      return this.filteredValidationMessages.length === 0;\n    },\n\n    filteredValidationMessages () {\n      return filterFormattedMessages(this.validationMessages);\n    },\n\n    validationState () {\n      return getValidationState(this.validationMessages);\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `validation-message-${type}-${index}-${this.id}`;\n    },\n\n    messageTypeClass (type) {\n      const messageTypesClasses = {\n        error: 'base-input__message--error d-validation-message--error',\n        warning: 'base-input__message--warning d-validation-message--warning',\n        success: 'base-input__message--success d-validation-message--success',\n      };\n\n      return messageTypesClasses[type];\n    },\n  },\n};\n</script>\n"],"mappings":"iTAoCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,uBAEN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CACT,OAAO,EAAA,iBAAiB,EAE3B,CAMD,mBAAoB,CAClB,KAAM,MACN,YAAe,EAAE,CACjB,UAAW,GAAY,EAAA,2BAA2B,EAAS,CAC5D,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CACF,CAED,SAAU,CACR,mCAAqC,CACnC,OAAO,KAAK,2BAA2B,SAAW,GAGpD,4BAA8B,CAC5B,OAAO,EAAA,wBAAwB,KAAK,mBAAmB,EAGzD,iBAAmB,CACjB,OAAO,EAAA,mBAAmB,KAAK,mBAAmB,EAErD,CAED,QAAS,CACP,cAAe,EAAM,EAAO,CAC1B,MAAO,sBAAsB,EAAK,GAAG,EAAM,GAAG,KAAK,MAGrD,iBAAkB,EAAM,CAOtB,MAN4B,CAC1B,MAAO,yDACP,QAAS,6DACT,QAAS,6DACV,CAE0B,IAE9B,CACF,UAjGG,MAAM,uDACN,UAAQ,gFAFF,EAAA,cAAY,CAAK,EAAA,oCAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAkBnB,MAnBN,EAmBM,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBADE,EAAA,SAAA,MAAA,EAAA,EAAA,YAZiC,EAAA,4BAA0B,CAArD,UAAS,QAAQ,gDAYvB,MAAA,CAXH,IAAK,EAAA,cAAc,EAAM,EAAK,CAC/B,KAAK,SACL,YAAU,SACV,UAAQ,qBACP,OAAA,EAAA,EAAA,gBAAK,8CAA2E,EAAA,iBAAiB,EAAI,8BAMhF,IAAA,CAAnB,UAAQ,EAAO,CAAA,KAAA,EAAA,EAAA,CAAA,CAAA,EAAA"}

package/dist/lib/validation-messages/validation-messages.js

@@ -40,9 +40,9 @@ var f = {
 		},
 		messageTypeClass(e) {
 			return {
-				critical: "base-input__message--critical d-validation-message--critical",
+				error: "base-input__message--error d-validation-message--error",
 				warning: "base-input__message--warning d-validation-message--warning",
-				positive: "base-input__message--positive d-validation-message--positive"
+				success: "base-input__message--success d-validation-message--success"
 			}[e];
 		}
 	}

package/dist/lib/validation-messages/validation-messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"validation-messages.js","names":[],"sources":["../../../components/validation_messages/validation_messages.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"showMessages && !isFilteredValidationMessagesEmpty\"\n    class=\"base-input__messages d-validation-message__container\"\n    data-qa=\"validation-messages-container\"\n  >\n    <div\n      v-for=\"({ message, type }, index) in filteredValidationMessages\"\n      :key=\"getMessageKey(type, index)\"\n      role=\"status\"\n      aria-live=\"polite\"\n      data-qa=\"validation-message\"\n      :class=\"[\n        'base-input__message',\n        'd-validation-message',\n        messageTypeClass(type),\n      ]\"\n    >\n      <p v-html=\"message\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  filterFormattedMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * Validation messages are used to convey information to the user about the current state of the input element.\n * These messages can have a critical, warning or positive type.\n * @see https://dialtone.dialpad.com/components/validation_messages.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtValidationMessages',\n\n  props: {\n    /**\n     * The id of the validation message\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * Array of validation messages. Each message has the following structure:\n     * `{ message: \"Some informative message\", type: \"critical|warning|positive\"}`\n     */\n    validationMessages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show Validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    isFilteredValidationMessagesEmpty () {\n      return this.filteredValidationMessages.length === 0;\n    },\n\n    filteredValidationMessages () {\n      return filterFormattedMessages(this.validationMessages);\n    },\n\n    validationState () {\n      return getValidationState(this.validationMessages);\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `validation-message-${type}-${index}-${this.id}`;\n    },\n\n    messageTypeClass (type) {\n      const messageTypesClasses = {\n        critical: 'base-input__message--critical d-validation-message--critical',\n        warning: 'base-input__message--warning d-validation-message--warning',\n        positive: 'base-input__message--positive d-validation-message--positive',\n      };\n\n      return messageTypesClasses[type];\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AAoCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AACT,WAAO,GAAiB;;GAE3B;EAMD,oBAAoB;GAClB,MAAM;GACN,eAAe,EAAE;GACjB,YAAW,MAAY,EAA2B,EAAS;GAC5D;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EACF;CAED,UAAU;EACR,oCAAqC;AACnC,UAAO,KAAK,2BAA2B,WAAW;;EAGpD,6BAA8B;AAC5B,UAAO,EAAwB,KAAK,mBAAmB;;EAGzD,kBAAmB;AACjB,UAAO,EAAmB,KAAK,mBAAmB;;EAErD;CAED,SAAS;EACP,cAAe,GAAM,GAAO;AAC1B,UAAO,sBAAsB,EAAK,GAAG,EAAM,GAAG,KAAK;;EAGrD,iBAAkB,GAAM;AAOtB,UAN4B;IAC1B,UAAU;IACV,SAAS;IACT,UAAU;IACX,CAE0B;;EAE9B;CACF;;CAjGG,OAAM;CACN,WAAQ;;;QAFF,EAAA,gBAAY,CAAK,EAAA,qCAAA,GAAA,EADzB,EAmBM,OAnBN,GAmBM,EAAA,EAAA,GAAA,EAdJ,EAaM,GAAA,MAAA,EAZiC,EAAA,6BAA0B,EAArD,YAAS,WAAQ,YAD7B,EAaM,OAAA;EAXH,KAAK,EAAA,cAAc,GAAM,EAAK;EAC/B,MAAK;EACL,aAAU;EACV,WAAQ;EACP,OAAK,EAAA;;;GAA2E,EAAA,iBAAiB,EAAI;;KAMtG,EAAsB,KAAA,EAAnB,WAAQ,GAAO,EAAA,MAAA,GAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"validation-messages.js","names":[],"sources":["../../../components/validation_messages/validation_messages.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"showMessages && !isFilteredValidationMessagesEmpty\"\n    class=\"base-input__messages d-validation-message__container\"\n    data-qa=\"validation-messages-container\"\n  >\n    <div\n      v-for=\"({ message, type }, index) in filteredValidationMessages\"\n      :key=\"getMessageKey(type, index)\"\n      role=\"status\"\n      aria-live=\"polite\"\n      data-qa=\"validation-message\"\n      :class=\"[\n        'base-input__message',\n        'd-validation-message',\n        messageTypeClass(type),\n      ]\"\n    >\n      <p v-html=\"message\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  filterFormattedMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * Validation messages are used to convey information to the user about the current state of the input element.\n * These messages can have an error, warning or success type.\n * @see https://dialtone.dialpad.com/components/validation_messages.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtValidationMessages',\n\n  props: {\n    /**\n     * The id of the validation message\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * Array of validation messages. Each message has the following structure:\n     * `{ message: \"Some informative message\", type: \"error|warning|success\"}`\n     */\n    validationMessages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show Validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    isFilteredValidationMessagesEmpty () {\n      return this.filteredValidationMessages.length === 0;\n    },\n\n    filteredValidationMessages () {\n      return filterFormattedMessages(this.validationMessages);\n    },\n\n    validationState () {\n      return getValidationState(this.validationMessages);\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `validation-message-${type}-${index}-${this.id}`;\n    },\n\n    messageTypeClass (type) {\n      const messageTypesClasses = {\n        error: 'base-input__message--error d-validation-message--error',\n        warning: 'base-input__message--warning d-validation-message--warning',\n        success: 'base-input__message--success d-validation-message--success',\n      };\n\n      return messageTypesClasses[type];\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AAoCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AACT,WAAO,GAAiB;;GAE3B;EAMD,oBAAoB;GAClB,MAAM;GACN,eAAe,EAAE;GACjB,YAAW,MAAY,EAA2B,EAAS;GAC5D;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EACF;CAED,UAAU;EACR,oCAAqC;AACnC,UAAO,KAAK,2BAA2B,WAAW;;EAGpD,6BAA8B;AAC5B,UAAO,EAAwB,KAAK,mBAAmB;;EAGzD,kBAAmB;AACjB,UAAO,EAAmB,KAAK,mBAAmB;;EAErD;CAED,SAAS;EACP,cAAe,GAAM,GAAO;AAC1B,UAAO,sBAAsB,EAAK,GAAG,EAAM,GAAG,KAAK;;EAGrD,iBAAkB,GAAM;AAOtB,UAN4B;IAC1B,OAAO;IACP,SAAS;IACT,SAAS;IACV,CAE0B;;EAE9B;CACF;;CAjGG,OAAM;CACN,WAAQ;;;QAFF,EAAA,gBAAY,CAAK,EAAA,qCAAA,GAAA,EADzB,EAmBM,OAnBN,GAmBM,EAAA,EAAA,GAAA,EAdJ,EAaM,GAAA,MAAA,EAZiC,EAAA,6BAA0B,EAArD,YAAS,WAAQ,YAD7B,EAaM,OAAA;EAXH,KAAK,EAAA,cAAc,GAAM,EAAK;EAC/B,MAAK;EACL,aAAU;EACV,WAAQ;EACP,OAAK,EAAA;;;GAA2E,EAAA,iBAAiB,EAAI;;KAMtG,EAAsB,KAAA,EAAnB,WAAQ,GAAO,EAAA,MAAA,GAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/localization/en-US.cjs

@@ -91,11 +91,6 @@ DIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = Custom
 
 DIALTONE_FEED_ITEM_PILL_ARIA_LABEL = Click to expand
 
-DIALTONE_FILTER_PILL_CLEAR_BUTTON_LABEL = Clear filter
-DIALTONE_FILTER_PILL_CANCEL_BUTTON_LABEL = Cancel
-DIALTONE_FILTER_PILL_APPLY_BUTTON_LABEL = Apply
-DIALTONE_FILTER_PILL_READ_ONLY_TOOLTIP = Read-only filter
-
 DIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = Active voice chat
 DIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = Call
 DIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = Do not disturb

package/dist/localization/en-US.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.cjs","names":[],"sources":["../../localization/en-US.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = Click to close\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = breadcrumbs\\nDIALTONE_LOADING = loading\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n  { $unreadCount ->\\n  [0] No unread messages\\n  [1] 1 unread message\\n  *[other] {$unreadCount} unread messages\\n        }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n  { $unreadCount ->\\n  [0] No unread mentions\\n  [1] 1 unread mention\\n  *[other] {$unreadCount} unread mentions\\n        }\\nDIALTONE_TYPING_TEXT = Typing\\n\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = Click to open\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = Uploading\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = Previous\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = Next\\n\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = Open dropdown\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = Open popover\\n\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = Open menu\\n\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = Previous month\\nDIALTONE_DATEPICKER_NEXT_MONTH = Next month\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = Previous year\\nDIALTONE_DATEPICKER_NEXT_YEAR = Next year\\nDIALTONE_DATEPICKER_SELECT_DAY = Select day\\nDIALTONE_DATEPICKER_CHANGE_TO = Change to\\n\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n  .title = Confirm\\n  .aria-label = Confirm set link\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n  .title = Remove\\n  .aria-label = Remove link\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n  .title = Cancel\\n  .aria-label = Cancel set link\\n\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = Template\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = Bold\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = Italics\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = Underline\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = Strike\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = Align Left\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = Align Center\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = Align Right\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = Align Justify\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = Bullet List\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = Ordered List\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = Quote\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = Code\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = Image\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = Link\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n  .title = Add Link\\n  .aria-label = Input field to add link\\n\\nDIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL = Font\\nDIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER = Search font\\nDIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL = Font Size\\nDIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL = Text Color\\n\\nDIALTONE_EMOJI_ROW_REACTION_LABEL =\\n  { $personCount ->\\n  *[other] reacted with { $reaction }\\n  [one] reacted with { $reaction }\\n    }\\n\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = Add emoji\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = No results\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = Search results\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = Search...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = Change default skin tone\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = Most recently used\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = Smileys and people\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = Nature\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = Food\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = Activity\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = Travel\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = Objects\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = Symbols\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = Flags\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = Custom\\n\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = Click to expand\\n\\nDIALTONE_FILTER_PILL_CLEAR_BUTTON_LABEL = Clear filter\\nDIALTONE_FILTER_PILL_CANCEL_BUTTON_LABEL = Cancel\\nDIALTONE_FILTER_PILL_APPLY_BUTTON_LABEL = Apply\\nDIALTONE_FILTER_PILL_READ_ONLY_TOOLTIP = Read-only filter\\n\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = Active voice chat\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = Call\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = Do not disturb\\n\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n  { $count ->\\n  [1] 1 user\\n  *[other] {$count} users\\n        }\\n\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = Open menu\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = prompt menu node\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = prompt collect node\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = prompt play node\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = go to expert node\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = branch node\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = go to node\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = assign node\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = customer data node\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = transfer node\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = hangup node\\n\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = Send\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = Attach Image\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = Select Emoji\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n  .aria-label = Toggle bold on selected text\\n  .tooltip-text = Bold\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n  .aria-label = Toggle italic on selected text\\n  .tooltip-text = Italic\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n  .aria-label = Toggle strikethrough on selected text\\n  .tooltip-text = Strikethrough\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n  .aria-label = Create or edit bullet list on selected text\\n  .tooltip-text = Bullet list\\nDIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =\\n  .aria-label = Create or edit ordered list on selected text\\n  .tooltip-text = Ordered list\\nDIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =\\n  .aria-label = Create or edit block quote on selected text\\n  .tooltip-text = Block quote\\nDIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =\\n  .aria-label = Create or edit code on selected text\\n  .tooltip-text = Code\\nDIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =\\n  .aria-label = Create or edit code block on selected text\\n  .tooltip-text = Code block\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n  .aria-label = Create or edit link on selected text\\n  .tooltip-text = Link\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = Add a link\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = Text to display (optional)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = Link\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = e.g. https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = Remove\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = Done\\n\\nDIALTONE_EDITOR_VARIABLE_BUTTON_LABEL = Variable\\nDIALTONE_EDITOR_VARIABLE_LABEL = Alternate text\\nDIALTONE_EDITOR_VARIABLE_VALIDATE_DESCRIPTION = Used when the variable data isn’t available.\\nDIALTONE_EDITOR_VARIABLE_VALIDATE_MESSAGE = Max 100 characters allowed.\\nDIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER = Search variable\\n\\nDIALTONE_PAGINATION_FIRST_PAGE = First page\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = Previous page\\nDIALTONE_PAGINATION_NEXT_PAGE = Next page\\nDIALTONE_PAGINATION_LAST_PAGE = Last page\\nDIALTONE_PAGINATION_PAGE_NUMBER = Page number {$page}\\n\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = Edit\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = Open link\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = Remove\\n\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = Settings\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = Update\\n\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = Unread mentions\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = Unread messages\\n\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = English\\nSTORYBOOK_LANGUAGE_CHINESE = Chinese\\nSTORYBOOK_LANGUAGE_DUTCH = Dutch\\nSTORYBOOK_LANGUAGE_FRENCH = French\\nSTORYBOOK_LANGUAGE_GERMAN = German\\nSTORYBOOK_LANGUAGE_ITALIAN = Italian\\nSTORYBOOK_LANGUAGE_JAPANESE = Japanese\\nSTORYBOOK_LANGUAGE_PORTUGUESE = Portuguese\\nSTORYBOOK_LANGUAGE_RUSSIAN = Russian\\nSTORYBOOK_LANGUAGE_SPANISH = Spanish\\nSTORYBOOK_SET_LANGUAGE = Set language\\nSTORYBOOK_YOU = You\\nSTORYBOOK_REACTION_NAMES_2 = Olivia Chen, Benjamin Carter, Sophia Rodriguez, William Kim & Isabella Garcia\\nSTORYBOOK_REACTION_NAMES_3 = Olivia Chen & { STORYBOOK_YOU }\\n\""],"mappings":"+FAAA,IAAA,EAAe"}
+{"version":3,"file":"en-US.cjs","names":[],"sources":["../../localization/en-US.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = Click to close\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = breadcrumbs\\nDIALTONE_LOADING = loading\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n  { $unreadCount ->\\n  [0] No unread messages\\n  [1] 1 unread message\\n  *[other] {$unreadCount} unread messages\\n        }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n  { $unreadCount ->\\n  [0] No unread mentions\\n  [1] 1 unread mention\\n  *[other] {$unreadCount} unread mentions\\n        }\\nDIALTONE_TYPING_TEXT = Typing\\n\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = Click to open\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = Uploading\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = Previous\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = Next\\n\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = Open dropdown\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = Open popover\\n\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = Open menu\\n\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = Previous month\\nDIALTONE_DATEPICKER_NEXT_MONTH = Next month\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = Previous year\\nDIALTONE_DATEPICKER_NEXT_YEAR = Next year\\nDIALTONE_DATEPICKER_SELECT_DAY = Select day\\nDIALTONE_DATEPICKER_CHANGE_TO = Change to\\n\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n  .title = Confirm\\n  .aria-label = Confirm set link\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n  .title = Remove\\n  .aria-label = Remove link\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n  .title = Cancel\\n  .aria-label = Cancel set link\\n\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = Template\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = Bold\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = Italics\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = Underline\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = Strike\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = Align Left\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = Align Center\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = Align Right\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = Align Justify\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = Bullet List\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = Ordered List\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = Quote\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = Code\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = Image\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = Link\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n  .title = Add Link\\n  .aria-label = Input field to add link\\n\\nDIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL = Font\\nDIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER = Search font\\nDIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL = Font Size\\nDIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL = Text Color\\n\\nDIALTONE_EMOJI_ROW_REACTION_LABEL =\\n  { $personCount ->\\n  *[other] reacted with { $reaction }\\n  [one] reacted with { $reaction }\\n    }\\n\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = Add emoji\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = No results\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = Search results\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = Search...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = Change default skin tone\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = Most recently used\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = Smileys and people\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = Nature\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = Food\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = Activity\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = Travel\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = Objects\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = Symbols\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = Flags\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = Custom\\n\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = Click to expand\\n\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = Active voice chat\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = Call\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = Do not disturb\\n\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n  { $count ->\\n  [1] 1 user\\n  *[other] {$count} users\\n        }\\n\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = Open menu\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = prompt menu node\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = prompt collect node\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = prompt play node\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = go to expert node\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = branch node\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = go to node\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = assign node\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = customer data node\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = transfer node\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = hangup node\\n\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = Send\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = Attach Image\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = Select Emoji\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n  .aria-label = Toggle bold on selected text\\n  .tooltip-text = Bold\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n  .aria-label = Toggle italic on selected text\\n  .tooltip-text = Italic\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n  .aria-label = Toggle strikethrough on selected text\\n  .tooltip-text = Strikethrough\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n  .aria-label = Create or edit bullet list on selected text\\n  .tooltip-text = Bullet list\\nDIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =\\n  .aria-label = Create or edit ordered list on selected text\\n  .tooltip-text = Ordered list\\nDIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =\\n  .aria-label = Create or edit block quote on selected text\\n  .tooltip-text = Block quote\\nDIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =\\n  .aria-label = Create or edit code on selected text\\n  .tooltip-text = Code\\nDIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =\\n  .aria-label = Create or edit code block on selected text\\n  .tooltip-text = Code block\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n  .aria-label = Create or edit link on selected text\\n  .tooltip-text = Link\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = Add a link\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = Text to display (optional)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = Link\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = e.g. https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = Remove\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = Done\\n\\nDIALTONE_EDITOR_VARIABLE_BUTTON_LABEL = Variable\\nDIALTONE_EDITOR_VARIABLE_LABEL = Alternate text\\nDIALTONE_EDITOR_VARIABLE_VALIDATE_DESCRIPTION = Used when the variable data isn’t available.\\nDIALTONE_EDITOR_VARIABLE_VALIDATE_MESSAGE = Max 100 characters allowed.\\nDIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER = Search variable\\n\\nDIALTONE_PAGINATION_FIRST_PAGE = First page\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = Previous page\\nDIALTONE_PAGINATION_NEXT_PAGE = Next page\\nDIALTONE_PAGINATION_LAST_PAGE = Last page\\nDIALTONE_PAGINATION_PAGE_NUMBER = Page number {$page}\\n\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = Edit\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = Open link\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = Remove\\n\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = Settings\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = Update\\n\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = Unread mentions\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = Unread messages\\n\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = English\\nSTORYBOOK_LANGUAGE_CHINESE = Chinese\\nSTORYBOOK_LANGUAGE_DUTCH = Dutch\\nSTORYBOOK_LANGUAGE_FRENCH = French\\nSTORYBOOK_LANGUAGE_GERMAN = German\\nSTORYBOOK_LANGUAGE_ITALIAN = Italian\\nSTORYBOOK_LANGUAGE_JAPANESE = Japanese\\nSTORYBOOK_LANGUAGE_PORTUGUESE = Portuguese\\nSTORYBOOK_LANGUAGE_RUSSIAN = Russian\\nSTORYBOOK_LANGUAGE_SPANISH = Spanish\\nSTORYBOOK_SET_LANGUAGE = Set language\\nSTORYBOOK_YOU = You\\nSTORYBOOK_REACTION_NAMES_2 = Olivia Chen, Benjamin Carter, Sophia Rodriguez, William Kim & Isabella Garcia\\nSTORYBOOK_REACTION_NAMES_3 = Olivia Chen & { STORYBOOK_YOU }\\n\""],"mappings":"+FAAA,IAAA,EAAe"}