@dialpad/dialtone 9.110.1-beta.2 → 9.110.2

package/dist/vue2/components/emoji_picker/emoji_picker_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji_picker_constants.js","sources":["../../../components/emoji_picker/emoji_picker_constants.js"],"sourcesContent":["export const CDN_URL = 'https://static.dialpadcdn.com/joypixels/png/unicode/32/';\nexport const EMOJIS_PER_ROW = 9;\nexport const EMOJI_PICKER_SKIN_TONE_MODIFIERS = {\n  DEFAULT: 'Default',\n  LIGHT: 'Light',\n  MEDIUM_LIGHT: 'MediumLight',\n  MEDIUM: 'Medium',\n  MEDIUM_DARK: 'MediumDark',\n  DARK: 'Dark',\n};\n\nexport const EMOJI_PICKER_CATEGORIES = {\n  MOST_RECENTLY_USED: 'Most recently used',\n  SMILEYS_AND_PEOPLE: 'Smileys and people',\n  NATURE: 'Nature',\n  FOOD: 'Food',\n  ACTIVITY: 'Activity',\n  TRAVEL: 'Travel',\n  OBJECTS: 'Objects',\n  SYMBOLS: 'Symbols',\n  FLAGS: 'Flags',\n};\n\nexport default {\n  EMOJI_PICKER_SKIN_TONE_MODIFIERS,\n  EMOJI_PICKER_CATEGORIES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,UAAU;AACX,MAAC,iBAAiB;AAClB,MAAC,mCAAmC;AAAA,EAC9C,SAAS;AAAA,EACT,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,MAAM;AACR;AAEY,MAAC,0BAA0B;AAAA,EACrC,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;"}

package/dist/vue2/components/emoji_picker/modules/emoji_description.vue.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const emoji_picker_constants = require("../emoji_picker_constants.cjs");
+const _pluginVue2_normalizer = require("../../../_virtual/_plugin-vue2_normalizer.cjs");
+const _sfc_main = {
+  name: "EmojiDescription",
+  props: {
+    /**
+     * Emoji data
+     * @type {Object}
+     * @default null
+     */
+    emoji: {
+      type: Object,
+      default: () => null
+    }
+  },
+  data() {
+    return {
+      CDN_URL: emoji_picker_constants.CDN_URL
+    };
+  }
+};
+var _sfc_render = function render() {
+  var _a;
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "d-emoji-picker__data" }, [_vm.emoji ? _c("img", { staticClass: "d-icon d-icon--size-500", attrs: { "alt": _vm.emoji.name, "aria-label": _vm.emoji.name, "title": _vm.emoji.name, "src": `${_vm.CDN_URL + _vm.emoji.unicode_character}.png` } }) : _vm._e(), _c("div", [_vm._v(_vm._s((_a = _vm.emoji) == null ? void 0 : _a.name))])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const EmojiDescription = __component__.exports;
+exports.default = EmojiDescription;
+//# sourceMappingURL=emoji_description.vue.cjs.map

package/dist/vue2/components/emoji_picker/modules/emoji_description.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji_description.vue.cjs","sources":["../../../../components/emoji_picker/modules/emoji_description.vue"],"sourcesContent":["<template>\n  <div class=\"d-emoji-picker__data\">\n    <img\n      v-if=\"emoji\"\n      class=\"d-icon d-icon--size-500\"\n      :alt=\"emoji.name\"\n      :aria-label=\"emoji.name\"\n      :title=\"emoji.name\"\n      :src=\"`${CDN_URL + emoji.unicode_character}.png`\"\n    >\n    <div>{{ emoji?.name }}</div>\n  </div>\n</template>\n\n<script>\nimport { CDN_URL } from '@/components/emoji_picker/emoji_picker_constants';\n\nexport default {\n  name: 'EmojiDescription',\n\n  props: {\n    /**\n     * Emoji data\n     * @type {Object}\n     * @default null\n     */\n    emoji: {\n      type: Object,\n      default: () => null,\n    },\n  },\n\n  data () {\n    return {\n      CDN_URL,\n    };\n  },\n};\n</script>\n"],"names":["CDN_URL"],"mappings":";;;;AAiBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,SAAAA,uBAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;"}

package/dist/vue2/components/emoji_picker/modules/emoji_description.vue.js

@@ -0,0 +1,37 @@
+import { CDN_URL } from "../emoji_picker_constants.js";
+import normalizeComponent from "../../../_virtual/_plugin-vue2_normalizer.js";
+const _sfc_main = {
+  name: "EmojiDescription",
+  props: {
+    /**
+     * Emoji data
+     * @type {Object}
+     * @default null
+     */
+    emoji: {
+      type: Object,
+      default: () => null
+    }
+  },
+  data() {
+    return {
+      CDN_URL
+    };
+  }
+};
+var _sfc_render = function render() {
+  var _a;
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "d-emoji-picker__data" }, [_vm.emoji ? _c("img", { staticClass: "d-icon d-icon--size-500", attrs: { "alt": _vm.emoji.name, "aria-label": _vm.emoji.name, "title": _vm.emoji.name, "src": `${_vm.CDN_URL + _vm.emoji.unicode_character}.png` } }) : _vm._e(), _c("div", [_vm._v(_vm._s((_a = _vm.emoji) == null ? void 0 : _a.name))])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const EmojiDescription = __component__.exports;
+export {
+  EmojiDescription as default
+};
+//# sourceMappingURL=emoji_description.vue.js.map

package/dist/vue2/components/emoji_picker/modules/emoji_description.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji_description.vue.js","sources":["../../../../components/emoji_picker/modules/emoji_description.vue"],"sourcesContent":["<template>\n  <div class=\"d-emoji-picker__data\">\n    <img\n      v-if=\"emoji\"\n      class=\"d-icon d-icon--size-500\"\n      :alt=\"emoji.name\"\n      :aria-label=\"emoji.name\"\n      :title=\"emoji.name\"\n      :src=\"`${CDN_URL + emoji.unicode_character}.png`\"\n    >\n    <div>{{ emoji?.name }}</div>\n  </div>\n</template>\n\n<script>\nimport { CDN_URL } from '@/components/emoji_picker/emoji_picker_constants';\n\nexport default {\n  name: 'EmojiDescription',\n\n  props: {\n    /**\n     * Emoji data\n     * @type {Object}\n     * @default null\n     */\n    emoji: {\n      type: Object,\n      default: () => null,\n    },\n  },\n\n  data () {\n    return {\n      CDN_URL,\n    };\n  },\n};\n</script>\n"],"names":[],"mappings":";;AAiBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;"}

package/dist/vue2/components/emoji_picker/modules/emoji_search.vue.cjs

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue2 = require("@dialpad/dialtone-icons/vue2");
+const _pluginVue2_normalizer = require("../../../_virtual/_plugin-vue2_normalizer.cjs");
+const input = require("../../input/input.vue.cjs");
+const button = require("../../button/button.vue.cjs");
+const _sfc_main = {
+  name: "EmojiSearch",
+  components: {
+    DtInput: input.default,
+    DtIconSearch: vue2.DtIconSearch,
+    DtIconClose: vue2.DtIconClose,
+    DtButton: button.default
+  },
+  props: {
+    searchPlaceholderLabel: {
+      type: String,
+      required: true
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  mounted() {
+    this.focusSearchInput();
+  },
+  methods: {
+    updateModelValue(value) {
+      this.$emit("update:model-value", value);
+    },
+    focusEmojiSelector() {
+      this.$emit("focus-emoji-selector");
+    },
+    focusTabset() {
+      this.$emit("focus-tabset");
+    },
+    selectFirstEmoji() {
+      this.$emit("select-first-emoji");
+    },
+    clearSearch() {
+      this.$emit("update:model-value", "");
+      this.focusSearchInput();
+    },
+    focusSearchInput() {
+      this.$refs.searchInputRef.focus();
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "d-emoji-picker__search d-emoji-picker__alignment" }, [_c("dt-input", { ref: "searchInputRef", attrs: { "id": "searchInput", "placeholder": _vm.searchPlaceholderLabel, "value": _vm.modelValue }, on: { "input": _vm.updateModelValue, "keydown": [function($event) {
+    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])) return null;
+    return _vm.focusTabset.apply(null, arguments);
+  }, function($event) {
+    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"])) return null;
+    $event.preventDefault();
+    return _vm.focusEmojiSelector.apply(null, arguments);
+  }, function($event) {
+    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+    return _vm.selectFirstEmoji.apply(null, arguments);
+  }] }, scopedSlots: _vm._u([{ key: "leftIcon", fn: function() {
+    return [_c("dt-icon-search", { attrs: { "size": "200" } })];
+  }, proxy: true }, _vm.modelValue.length > 0 ? { key: "rightIcon", fn: function() {
+    return [_c("dt-button", { staticClass: "d-emoji-picker__search-x-button", attrs: { "importance": "clear", "size": "xs", "circle": "", "kind": "muted" }, on: { "click": _vm.clearSearch }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+      return [_c("dt-icon-close", { attrs: { "size": "200" } })];
+    }, proxy: true }], null, false, 4156074325) })];
+  }, proxy: true } : null], null, true) })], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const EmojiSearch = __component__.exports;
+exports.default = EmojiSearch;
+//# sourceMappingURL=emoji_search.vue.cjs.map

package/dist/vue2/components/emoji_picker/modules/emoji_search.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji_search.vue.cjs","sources":["../../../../components/emoji_picker/modules/emoji_search.vue"],"sourcesContent":["<template>\n  <div class=\"d-emoji-picker__search d-emoji-picker__alignment\">\n    <dt-input\n      id=\"searchInput\"\n      ref=\"searchInputRef\"\n      :placeholder=\"searchPlaceholderLabel\"\n      :value=\"modelValue\"\n      @input=\"updateModelValue\"\n      @keydown.up=\"focusTabset\"\n      @keydown.down.prevent=\"focusEmojiSelector\"\n      @keydown.enter=\"selectFirstEmoji\"\n    >\n      <template #leftIcon>\n        <dt-icon-search\n          size=\"200\"\n        />\n      </template>\n      <template\n        v-if=\"modelValue.length > 0\"\n        #rightIcon\n      >\n        <dt-button\n          importance=\"clear\"\n          size=\"xs\"\n          class=\"d-emoji-picker__search-x-button\"\n          circle\n          kind=\"muted\"\n          @click=\"clearSearch\"\n        >\n          <template #icon>\n            <dt-icon-close\n              size=\"200\"\n            />\n          </template>\n        </dt-button>\n      </template>\n    </dt-input>\n  </div>\n</template>\n\n<script>\nimport { DtIconSearch, DtIconClose } from '@dialpad/dialtone-icons/vue2';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'EmojiSearch',\n\n  components: {\n    DtInput,\n    DtIconSearch,\n    DtIconClose,\n    DtButton,\n  },\n\n  props: {\n    searchPlaceholderLabel: {\n      type: String,\n      required: true,\n    },\n\n    modelValue: {\n      type: String,\n      default: '',\n    },\n  },\n\n  mounted () {\n    this.focusSearchInput();\n  },\n\n  methods: {\n    updateModelValue (value) {\n      this.$emit('update:model-value', value);\n    },\n\n    focusEmojiSelector () {\n      this.$emit('focus-emoji-selector');\n    },\n\n    focusTabset () {\n      this.$emit('focus-tabset');\n    },\n\n    selectFirstEmoji () {\n      this.$emit('select-first-emoji');\n    },\n\n    clearSearch () {\n      this.$emit('update:model-value', '');\n      this.focusSearchInput();\n    },\n\n    focusSearchInput () {\n      this.$refs.searchInputRef.focus();\n    },\n  },\n};\n</script>\n"],"names":["DtInput","DtIconSearch","DtIconClose","DtButton"],"mappings":";;;;;;AA6CA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,SAAAA,MAAA;AAAA,IACA,cAAAC,KAAA;AAAA,IACA,aAAAC,KAAA;AAAA,IACA,UAAAC,OAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,wBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,SAAA,iBAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,iBAAA,OAAA;AACA,WAAA,MAAA,sBAAA,KAAA;AAAA,IACA;AAAA,IAEA,qBAAA;AACA,WAAA,MAAA,sBAAA;AAAA,IACA;AAAA,IAEA,cAAA;AACA,WAAA,MAAA,cAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AACA,WAAA,MAAA,oBAAA;AAAA,IACA;AAAA,IAEA,cAAA;AACA,WAAA,MAAA,sBAAA,EAAA;AACA,WAAA,iBAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AACA,WAAA,MAAA,eAAA;IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue2/components/emoji_picker/modules/emoji_search.vue.js

@@ -0,0 +1,78 @@
+import { DtIconSearch, DtIconClose } from "@dialpad/dialtone-icons/vue2";
+import normalizeComponent from "../../../_virtual/_plugin-vue2_normalizer.js";
+import DtInput from "../../input/input.vue.js";
+import DtButton from "../../button/button.vue.js";
+const _sfc_main = {
+  name: "EmojiSearch",
+  components: {
+    DtInput,
+    DtIconSearch,
+    DtIconClose,
+    DtButton
+  },
+  props: {
+    searchPlaceholderLabel: {
+      type: String,
+      required: true
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  mounted() {
+    this.focusSearchInput();
+  },
+  methods: {
+    updateModelValue(value) {
+      this.$emit("update:model-value", value);
+    },
+    focusEmojiSelector() {
+      this.$emit("focus-emoji-selector");
+    },
+    focusTabset() {
+      this.$emit("focus-tabset");
+    },
+    selectFirstEmoji() {
+      this.$emit("select-first-emoji");
+    },
+    clearSearch() {
+      this.$emit("update:model-value", "");
+      this.focusSearchInput();
+    },
+    focusSearchInput() {
+      this.$refs.searchInputRef.focus();
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "d-emoji-picker__search d-emoji-picker__alignment" }, [_c("dt-input", { ref: "searchInputRef", attrs: { "id": "searchInput", "placeholder": _vm.searchPlaceholderLabel, "value": _vm.modelValue }, on: { "input": _vm.updateModelValue, "keydown": [function($event) {
+    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])) return null;
+    return _vm.focusTabset.apply(null, arguments);
+  }, function($event) {
+    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"])) return null;
+    $event.preventDefault();
+    return _vm.focusEmojiSelector.apply(null, arguments);
+  }, function($event) {
+    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+    return _vm.selectFirstEmoji.apply(null, arguments);
+  }] }, scopedSlots: _vm._u([{ key: "leftIcon", fn: function() {
+    return [_c("dt-icon-search", { attrs: { "size": "200" } })];
+  }, proxy: true }, _vm.modelValue.length > 0 ? { key: "rightIcon", fn: function() {
+    return [_c("dt-button", { staticClass: "d-emoji-picker__search-x-button", attrs: { "importance": "clear", "size": "xs", "circle": "", "kind": "muted" }, on: { "click": _vm.clearSearch }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+      return [_c("dt-icon-close", { attrs: { "size": "200" } })];
+    }, proxy: true }], null, false, 4156074325) })];
+  }, proxy: true } : null], null, true) })], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const EmojiSearch = __component__.exports;
+export {
+  EmojiSearch as default
+};
+//# sourceMappingURL=emoji_search.vue.js.map

package/dist/vue2/components/emoji_picker/modules/emoji_search.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji_search.vue.js","sources":["../../../../components/emoji_picker/modules/emoji_search.vue"],"sourcesContent":["<template>\n  <div class=\"d-emoji-picker__search d-emoji-picker__alignment\">\n    <dt-input\n      id=\"searchInput\"\n      ref=\"searchInputRef\"\n      :placeholder=\"searchPlaceholderLabel\"\n      :value=\"modelValue\"\n      @input=\"updateModelValue\"\n      @keydown.up=\"focusTabset\"\n      @keydown.down.prevent=\"focusEmojiSelector\"\n      @keydown.enter=\"selectFirstEmoji\"\n    >\n      <template #leftIcon>\n        <dt-icon-search\n          size=\"200\"\n        />\n      </template>\n      <template\n        v-if=\"modelValue.length > 0\"\n        #rightIcon\n      >\n        <dt-button\n          importance=\"clear\"\n          size=\"xs\"\n          class=\"d-emoji-picker__search-x-button\"\n          circle\n          kind=\"muted\"\n          @click=\"clearSearch\"\n        >\n          <template #icon>\n            <dt-icon-close\n              size=\"200\"\n            />\n          </template>\n        </dt-button>\n      </template>\n    </dt-input>\n  </div>\n</template>\n\n<script>\nimport { DtIconSearch, DtIconClose } from '@dialpad/dialtone-icons/vue2';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'EmojiSearch',\n\n  components: {\n    DtInput,\n    DtIconSearch,\n    DtIconClose,\n    DtButton,\n  },\n\n  props: {\n    searchPlaceholderLabel: {\n      type: String,\n      required: true,\n    },\n\n    modelValue: {\n      type: String,\n      default: '',\n    },\n  },\n\n  mounted () {\n    this.focusSearchInput();\n  },\n\n  methods: {\n    updateModelValue (value) {\n      this.$emit('update:model-value', value);\n    },\n\n    focusEmojiSelector () {\n      this.$emit('focus-emoji-selector');\n    },\n\n    focusTabset () {\n      this.$emit('focus-tabset');\n    },\n\n    selectFirstEmoji () {\n      this.$emit('select-first-emoji');\n    },\n\n    clearSearch () {\n      this.$emit('update:model-value', '');\n      this.focusSearchInput();\n    },\n\n    focusSearchInput () {\n      this.$refs.searchInputRef.focus();\n    },\n  },\n};\n</script>\n"],"names":[],"mappings":";;;;AA6CA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,wBAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,SAAA,iBAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,iBAAA,OAAA;AACA,WAAA,MAAA,sBAAA,KAAA;AAAA,IACA;AAAA,IAEA,qBAAA;AACA,WAAA,MAAA,sBAAA;AAAA,IACA;AAAA,IAEA,cAAA;AACA,WAAA,MAAA,cAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AACA,WAAA,MAAA,oBAAA;AAAA,IACA;AAAA,IAEA,cAAA;AACA,WAAA,MAAA,sBAAA,EAAA;AACA,WAAA,iBAAA;AAAA,IACA;AAAA,IAEA,mBAAA;AACA,WAAA,MAAA,eAAA;IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}