@webitel/ui-sdk 2.1.15 → 2.1.16

package/dist/ui-sdk.umd.js

@@ -2218,6 +2218,76 @@ if ($defineProperty) {
 }
 
 
+/***/ }),
+
+/***/ 6485:
+/***/ (function(module) {
+
+/*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
+/* global DOMException */
+
+module.exports = clipboardCopy
+
+function makeError () {
+  return new DOMException('The request is not allowed', 'NotAllowedError')
+}
+
+async function copyClipboardApi (text) {
+  // Use the Async Clipboard API when available. Requires a secure browsing
+  // context (i.e. HTTPS)
+  if (!navigator.clipboard) {
+    throw makeError()
+  }
+  return navigator.clipboard.writeText(text)
+}
+
+async function copyExecCommand (text) {
+  // Put the text to copy into a <span>
+  const span = document.createElement('span')
+  span.textContent = text
+
+  // Preserve consecutive spaces and newlines
+  span.style.whiteSpace = 'pre'
+  span.style.webkitUserSelect = 'auto'
+  span.style.userSelect = 'all'
+
+  // Add the <span> to the page
+  document.body.appendChild(span)
+
+  // Make a selection object representing the range of text selected by the user
+  const selection = window.getSelection()
+  const range = window.document.createRange()
+  selection.removeAllRanges()
+  range.selectNode(span)
+  selection.addRange(range)
+
+  // Copy text to the clipboard
+  let success = false
+  try {
+    success = window.document.execCommand('copy')
+  } finally {
+    // Cleanup
+    selection.removeAllRanges()
+    window.document.body.removeChild(span)
+  }
+
+  if (!success) throw makeError()
+}
+
+async function clipboardCopy (text) {
+  try {
+    await copyClipboardApi(text)
+  } catch (err) {
+    // ...Otherwise, use document.execCommand() fallback
+    try {
+      await copyExecCommand(text)
+    } catch (err2) {
+      throw (err2 || err || makeError())
+    }
+  }
+}
+
+
 /***/ }),
 
 /***/ 5108:
@@ -22998,6 +23068,121 @@ var wt_hint_component = componentNormalizer_normalizeComponent(
 )
 
 /* harmony default export */ var wt_hint = (wt_hint_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/molecules/wt-copy-action/wt-copy-action.vue?vue&type=template&id=56abdfcf&scoped=true&
+var wt_copy_actionvue_type_template_id_56abdfcf_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('wt-tooltip',{staticClass:"wt-copy-action",scopedSlots:_vm._u([{key:"activator",fn:function(){return [_c('wt-icon-btn',_vm._b({staticClass:"copy-action",attrs:{"icon":_vm.copied ? 'done' : 'copy'},on:{"click":_vm.copy}},'wt-icon-btn',_vm.$attrs,false))]},proxy:true}])},[_vm._v(" "+_vm._s(_vm.copied ? _vm.copiedTooltip : _vm.copyTooltip)+" ")])}
+var wt_copy_actionvue_type_template_id_56abdfcf_scoped_true_staticRenderFns = []
+
+
+// EXTERNAL MODULE: ./node_modules/clipboard-copy/index.js
+var clipboard_copy = __webpack_require__(6485);
+var clipboard_copy_default = /*#__PURE__*/__webpack_require__.n(clipboard_copy);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/molecules/wt-copy-action/wt-copy-action.vue?vue&type=script&lang=js&
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var copiedIdTimeout = null;
+/* harmony default export */ var wt_copy_actionvue_type_script_lang_js_ = ({
+  name: 'wt-copy-action',
+  data: function data() {
+    return {
+      copied: false
+    };
+  },
+  props: {
+    value: {
+      type: String
+    },
+    tooltips: {
+      type: Object,
+      default: function _default() {
+        return {
+          copy: '',
+          copied: ''
+        };
+      }
+    }
+  },
+  computed: {
+    copyTooltip: function copyTooltip() {
+      return this.tooltips.copy || this.$t('webitelUI.copyAction.copy');
+    },
+    copiedTooltip: function copiedTooltip() {
+      return this.tooltips.copied || this.$t('webitelUI.copyAction.copied');
+    }
+  },
+  methods: {
+    copy: function copy() {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                _context.next = 3;
+                return clipboard_copy_default()(_this.value);
+
+              case 3:
+                _this.copied = _this.value;
+                if (copiedIdTimeout) window.clearTimeout(copiedIdTimeout);
+                copiedIdTimeout = setTimeout(function () {
+                  _this.copied = null;
+                }, 1500);
+                _context.next = 11;
+                break;
+
+              case 8:
+                _context.prev = 8;
+                _context.t0 = _context["catch"](0);
+                throw _context.t0;
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[0, 8]]);
+      }))();
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/molecules/wt-copy-action/wt-copy-action.vue?vue&type=script&lang=js&
+ /* harmony default export */ var wt_copy_action_wt_copy_actionvue_type_script_lang_js_ = (wt_copy_actionvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./src/components/molecules/wt-copy-action/wt-copy-action.vue
+
+
+
+
+
+/* normalize component */
+;
+var wt_copy_action_component = componentNormalizer_normalizeComponent(
+  wt_copy_action_wt_copy_actionvue_type_script_lang_js_,
+  wt_copy_actionvue_type_template_id_56abdfcf_scoped_true_render,
+  wt_copy_actionvue_type_template_id_56abdfcf_scoped_true_staticRenderFns,
+  false,
+  null,
+  "56abdfcf",
+  null
+  
+)
+
+/* harmony default export */ var wt_copy_action = (wt_copy_action_component.exports);
 ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/organisms/wt-app-header/wt-app-header.vue?vue&type=template&id=747a7a52&scoped=true&
 var wt_app_headervue_type_template_id_747a7a52_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:"wt-app-header"},[_vm._t("default")],2)}
 var wt_app_headervue_type_template_id_747a7a52_scoped_true_staticRenderFns = []
@@ -25272,6 +25457,7 @@ var wt_table_column_select_component = componentNormalizer_normalizeComponent(
 
 
 
+
 
 
 var Components = {
@@ -25323,7 +25509,8 @@ var Components = {
   WtTableActions: wt_table_actions,
   WtTableColumnSelect: wt_table_column_select,
   WtButtonSelect: wt_button_select,
-  WtContextMenu: wt_context_menu
+  WtContextMenu: wt_context_menu,
+  WtCopyAction: wt_copy_action
 };
 Object.keys(Components).forEach(function (name) {
   external_commonjs_vue_commonjs2_vue_root_Vue_default().component(name, Components[name]);