@dialpad/dialtone-vue 2.19.1-alpha.4 → 2.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +3 -3
  2. package/dist/component-documentation.json +1 -1
  3. package/dist/emoji.common.js +10 -14
  4. package/dist/emoji.umd.js +10 -14
  5. package/dist/emoji.umd.min.js +1 -1
  6. package/package.json +1 -1
package/dist/emoji.common.js CHANGED
@@ -615,7 +615,7 @@ function setCustomEmojiJson(json) {
615
615
  * Validate custom emoji json
616
616
  */
617
617
 
618
- async function validateCustomEmojiJson(json) {
618
+ function validateCustomEmojiJson(json) {
619
619
  const customEmojiProps = ['extension', 'custom'];
620
620
  const customEmojiRequiredProps = ['name', 'category', 'shortname', 'extension', 'custom'];
621
621
  /**
@@ -723,7 +723,7 @@ function stringToUnicode(str) {
723
723
  return result;
724
724
  } // Takes in a code (which could be unicode or shortcode) and returns the emoji data for it.
725
725
 
726
- async function codeToEmojiData(code) {
726
+ function codeToEmojiData(code) {
727
727
  if (code.startsWith(':') && code.endsWith(':')) {
728
728
  return shortcodeToEmojiData(code);
729
729
  } else {
@@ -753,8 +753,8 @@ function findEmojis(textContent) {
753
753
  const emojis = matches.length ? matches.map(match => match[0]) : [];
754
754
  return new Set(emojis);
755
755
  }
756
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/emoji/emoji.vue?vue&type=template&id=4d39ec63&
757
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.skeletonSizeClass},[_c('dt-skeleton',{directives:[{name:"show",rawName:"v-show",value:(_vm.emojiDataLoading || _vm.imgLoading),expression:"emojiDataLoading || imgLoading"}],class:_vm.skeletonSizeClass,attrs:{"offset":0,"shape-option":{ shape: 'square', contentClass: _vm.skeletonSizeClass, size: 'auto' }}}),(!_vm.emojiDataLoading)?_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.imgLoading),expression:"!imgLoading"}],ref:"emojiImg",class:[_vm.size, _vm.imgClass],attrs:{"aria-label":_vm.emojiLabel,"alt":_vm.emojiAlt,"title":_vm.emojiLabel,"src":_vm.emojiSrc},on:{"load":_vm.imageLoaded,"error":_vm.imageErrored}}):_vm._e()],1)}
756
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/emoji/emoji.vue?vue&type=template&id=263332ba&
757
+ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.skeletonSizeClass},[_c('dt-skeleton',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgLoading),expression:"imgLoading"}],class:_vm.skeletonSizeClass,attrs:{"offset":0,"shape-option":{ shape: 'square', contentClass: _vm.skeletonSizeClass, size: 'auto' }}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.imgLoading),expression:"!imgLoading"}],ref:"emojiImg",class:[_vm.size, _vm.imgClass],attrs:{"aria-label":_vm.emojiLabel,"alt":_vm.emojiAlt,"title":_vm.emojiLabel,"src":_vm.emojiSrc},on:{"load":_vm.imageLoaded,"error":_vm.imageErrored}})],1)}
758
758
  var staticRenderFns = []
759
759
 
760
760
 
@@ -1609,7 +1609,6 @@ var skeleton_component = normalizeComponent(
1609
1609
  //
1610
1610
  //
1611
1611
  //
1612
- //
1613
1612
 
1614
1613
 
1615
1614
 
@@ -1653,7 +1652,7 @@ var skeleton_component = normalizeComponent(
1653
1652
  * Will be read out on a screenreader for this emoji. You must use this prop if you want your emoji to be i18n
1654
1653
  * Compatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will
1655
1654
  * be set to the english description of the emoji. You can retrieve the description for an emoji yourself via the
1656
- * getEmojiJson() function
1655
+ * getEmojiData() function
1657
1656
  */
1658
1657
  ariaLabel: {
1659
1658
  type: String,
@@ -1664,8 +1663,7 @@ var skeleton_component = normalizeComponent(
1664
1663
  data() {
1665
1664
  return {
1666
1665
  emojiData: null,
1667
- imgLoading: false,
1668
- emojiDataLoading: false
1666
+ imgLoading: false
1669
1667
  };
1670
1668
  },
1671
1669
 
@@ -1716,10 +1714,8 @@ var skeleton_component = normalizeComponent(
1716
1714
  },
1717
1715
  watch: {
1718
1716
  code: {
1719
- handler: async function () {
1720
- this.emojiDataLoading = true;
1721
- await this.getEmojiData();
1722
- this.emojiDataLoading = false;
1717
+ handler: function () {
1718
+ this.getEmojiData();
1723
1719
  },
1724
1720
  immediate: true
1725
1721
  },
@@ -1730,8 +1726,8 @@ var skeleton_component = normalizeComponent(
1730
1726
  }
1731
1727
  },
1732
1728
  methods: {
1733
- async getEmojiData() {
1734
- this.emojiData = await codeToEmojiData(this.code);
1729
+ getEmojiData() {
1730
+ this.emojiData = codeToEmojiData(this.code);
1735
1731
  },
1736
1732
 
1737
1733
  imageLoaded() {
package/dist/emoji.umd.js CHANGED
@@ -625,7 +625,7 @@ function setCustomEmojiJson(json) {
625
625
  * Validate custom emoji json
626
626
  */
627
627
 
628
- async function validateCustomEmojiJson(json) {
628
+ function validateCustomEmojiJson(json) {
629
629
  const customEmojiProps = ['extension', 'custom'];
630
630
  const customEmojiRequiredProps = ['name', 'category', 'shortname', 'extension', 'custom'];
631
631
  /**
@@ -733,7 +733,7 @@ function stringToUnicode(str) {
733
733
  return result;
734
734
  } // Takes in a code (which could be unicode or shortcode) and returns the emoji data for it.
735
735
 
736
- async function codeToEmojiData(code) {
736
+ function codeToEmojiData(code) {
737
737
  if (code.startsWith(':') && code.endsWith(':')) {
738
738
  return shortcodeToEmojiData(code);
739
739
  } else {
@@ -763,8 +763,8 @@ function findEmojis(textContent) {
763
763
  const emojis = matches.length ? matches.map(match => match[0]) : [];
764
764
  return new Set(emojis);
765
765
  }
766
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/emoji/emoji.vue?vue&type=template&id=4d39ec63&
767
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.skeletonSizeClass},[_c('dt-skeleton',{directives:[{name:"show",rawName:"v-show",value:(_vm.emojiDataLoading || _vm.imgLoading),expression:"emojiDataLoading || imgLoading"}],class:_vm.skeletonSizeClass,attrs:{"offset":0,"shape-option":{ shape: 'square', contentClass: _vm.skeletonSizeClass, size: 'auto' }}}),(!_vm.emojiDataLoading)?_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.imgLoading),expression:"!imgLoading"}],ref:"emojiImg",class:[_vm.size, _vm.imgClass],attrs:{"aria-label":_vm.emojiLabel,"alt":_vm.emojiAlt,"title":_vm.emojiLabel,"src":_vm.emojiSrc},on:{"load":_vm.imageLoaded,"error":_vm.imageErrored}}):_vm._e()],1)}
766
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/emoji/emoji.vue?vue&type=template&id=263332ba&
767
+ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.skeletonSizeClass},[_c('dt-skeleton',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgLoading),expression:"imgLoading"}],class:_vm.skeletonSizeClass,attrs:{"offset":0,"shape-option":{ shape: 'square', contentClass: _vm.skeletonSizeClass, size: 'auto' }}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.imgLoading),expression:"!imgLoading"}],ref:"emojiImg",class:[_vm.size, _vm.imgClass],attrs:{"aria-label":_vm.emojiLabel,"alt":_vm.emojiAlt,"title":_vm.emojiLabel,"src":_vm.emojiSrc},on:{"load":_vm.imageLoaded,"error":_vm.imageErrored}})],1)}
768
768
  var staticRenderFns = []
769
769
 
770
770
 
@@ -1619,7 +1619,6 @@ var skeleton_component = normalizeComponent(
1619
1619
  //
1620
1620
  //
1621
1621
  //
1622
- //
1623
1622
 
1624
1623
 
1625
1624
 
@@ -1663,7 +1662,7 @@ var skeleton_component = normalizeComponent(
1663
1662
  * Will be read out on a screenreader for this emoji. You must use this prop if you want your emoji to be i18n
1664
1663
  * Compatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will
1665
1664
  * be set to the english description of the emoji. You can retrieve the description for an emoji yourself via the
1666
- * getEmojiJson() function
1665
+ * getEmojiData() function
1667
1666
  */
1668
1667
  ariaLabel: {
1669
1668
  type: String,
@@ -1674,8 +1673,7 @@ var skeleton_component = normalizeComponent(
1674
1673
  data() {
1675
1674
  return {
1676
1675
  emojiData: null,
1677
- imgLoading: false,
1678
- emojiDataLoading: false
1676
+ imgLoading: false
1679
1677
  };
1680
1678
  },
1681
1679
 
@@ -1726,10 +1724,8 @@ var skeleton_component = normalizeComponent(
1726
1724
  },
1727
1725
  watch: {
1728
1726
  code: {
1729
- handler: async function () {
1730
- this.emojiDataLoading = true;
1731
- await this.getEmojiData();
1732
- this.emojiDataLoading = false;
1727
+ handler: function () {
1728
+ this.getEmojiData();
1733
1729
  },
1734
1730
  immediate: true
1735
1731
  },
@@ -1740,8 +1736,8 @@ var skeleton_component = normalizeComponent(
1740
1736
  }
1741
1737
  },
1742
1738
  methods: {
1743
- async getEmojiData() {
1744
- this.emojiData = await codeToEmojiData(this.code);
1739
+ getEmojiData() {
1740
+ this.emojiData = codeToEmojiData(this.code);
1745
1741
  },
1746
1742
 
1747
1743
  imageLoaded() {