@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    :visually-hidden-close=\"true\"\n    :visually-hidden-close-label=\"linkButtonOptions.visuallyHiddenCloseText\"\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=\"linkButtonOptions.ariaLabel\"\n        :tooltip-text=\"linkButtonOptions.tooltipText\"\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          v-if=\"linkButtonOptions.dialogTitle.length > 0\"\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ linkButtonOptions.dialogTitle }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"linkButtonOptions.textLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"linkButtonOptions.textLabel\"\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=\"linkButtonOptions.linkLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkButtonOptions.linkPlaceholder\"\n          :label=\"linkButtonOptions.linkLabel\"\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=\"linkButtonOptions.removeLabel\"\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            {{ linkButtonOptions.removeLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"linkButtonOptions.cancelLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ linkButtonOptions.cancelLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"linkButtonOptions.confirmLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ linkButtonOptions.confirmLabel }}\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';\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    };\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","value","linkText","linkInput","_createBlock","_component_dt_popover","$data","$props","_cache","$event","_ctx","_createVNode","_component_dt_recipe_message_input_button","_component_dt_icon_link2","_component_dt_stack","_withCtx","_openBlock","_createElementBlock","_hoisted_1","_toDisplayString","_createCommentVNode","_component_dt_input","_withModifiers","_withKeys","_component_dt_button","_createTextVNode"],"mappings":"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"}