@dialpad/dialtone/dist/vue3/lib/message-input/message-input-link.cjs.map

Dialpad's Dialtone design system monorepo

{"version":3,"file":"message-input-link.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtPopover","DtInput","DtButton","DtStack","DtIconLink2","DtRecipeMessageInputButton","DialtoneLocalization","value","linkText","linkInput","_hoisted_1","_createBlock","_component_dt_popover","$data","_cache","$event","_ctx","_createVNode","_component_dt_recipe_message_input_button","$options","$props","_component_dt_icon_link2","_component_dt_stack","_withCtx","_createElementVNode","_toDisplayString","_component_dt_input","_withModifiers","_withKeys","_component_dt_button","_createTextVNode"],"mappings":"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"}