@dialpad/dialtone-vue 2.37.1 → 2.37.2

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 (8) hide show
  1. package/dist/component-documentation.json +1 -1
  2. package/dist/dialtone-vue.common.js +246 -906
  3. package/dist/dialtone-vue.umd.js +246 -906
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/dist/emoji.common.js +29 -25
  6. package/dist/emoji.umd.js +29 -25
  7. package/dist/emoji.umd.min.js +1 -1
  8. package/package.json +1 -1
package/dist/emoji.common.js CHANGED
@@ -523,7 +523,7 @@ __webpack_require__.r(__webpack_exports__);
523
523
  __webpack_require__.d(__webpack_exports__, {
524
524
  "DtEmoji": () => (/* reexport */ emoji),
525
525
  "DtEmojiTextWrapper": () => (/* reexport */ emoji_text_wrapper),
526
- "EMOJI_SIZES": () => (/* reexport */ EMOJI_SIZES),
526
+ "EMOJI_SIZES": () => (/* reexport */ emoji_constants_namespaceObject.EMOJI_SIZES),
527
527
  "codeToEmojiData": () => (/* reexport */ codeToEmojiData),
528
528
  "customEmojiAssetUrl": () => (/* reexport */ customEmojiAssetUrl),
529
529
  "defaultEmojiAssetUrl": () => (/* reexport */ defaultEmojiAssetUrl),
@@ -547,6 +547,10 @@ __webpack_require__.d(__webpack_exports__, {
547
547
  "validateCustomEmojiJson": () => (/* reexport */ validateCustomEmojiJson)
548
548
  });
549
549
 
550
+ // NAMESPACE OBJECT: ./components/emoji/emoji_constants.js
551
+ var emoji_constants_namespaceObject = {};
552
+ __webpack_require__.r(emoji_constants_namespaceObject);
553
+
550
554
  ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
551
555
  /* eslint-disable no-var */
552
556
  // This file is imported into lib/wc client bundles.
@@ -758,25 +762,24 @@ function findEmojis(textContent) {
758
762
  const emojis = matches.length ? matches.map(match => match[0]) : [];
759
763
  return new Set(emojis);
760
764
  }
761
- ;// 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=a9cdd478&
762
- 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 && _vm.showSkeleton),expression:"imgLoading && showSkeleton"}],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)}
765
+ ;// 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=147e0534&
766
+ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.emojiSize},[_c('dt-skeleton',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgLoading && _vm.showSkeleton),expression:"imgLoading && showSkeleton"}],class:_vm.emojiSize,attrs:{"offset":0,"shape-option":{ shape: 'square', contentClass: _vm.emojiSize, size: 'auto' }}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.imgLoading),expression:"!imgLoading"}],ref:"emojiImg",class:['d-icon', _vm.emojiSize, _vm.imgClass],attrs:{"aria-label":_vm.emojiLabel,"alt":_vm.emojiAlt,"title":_vm.emojiLabel,"src":_vm.emojiSrc},on:{"load":_vm.imageLoaded,"error":_vm.imageErrored}})],1)}
763
767
  var staticRenderFns = []
764
768
 
765
769
 
766
- ;// CONCATENATED MODULE: ./components/emoji/emoji_constants.js
767
- const EMOJI_SIZES = {
768
- SIZE_14: 'd-svg--size14',
769
- SIZE_16: 'd-svg--size16',
770
- SIZE_18: 'd-svg--size18',
771
- SIZE_20: 'd-svg--size20',
772
- SIZE_24: 'd-svg--size24',
773
- SIZE_32: 'd-svg--size32',
774
- SIZE_48: 'd-svg--size48',
775
- SIZE_64: 'd-svg--size64',
776
- SIZE_100p: 'd-svg--size100p'
770
+ ;// CONCATENATED MODULE: ./components/icon/icon_constants.js
771
+ const ICON_SIZE_MODIFIERS = {
772
+ 100: 'd-icon--size-100',
773
+ 200: 'd-icon--size-200',
774
+ 300: 'd-icon--size-300',
775
+ 400: 'd-icon--size-400',
776
+ 500: 'd-icon--size-500',
777
+ 600: 'd-icon--size-600',
778
+ 700: 'd-icon--size-700',
779
+ 800: 'd-icon--size-800'
777
780
  };
778
- /* harmony default export */ const emoji_constants = ({
779
- EMOJI_SIZES
781
+ /* harmony default export */ const icon_constants = ({
782
+ ICON_SIZE_MODIFIERS
780
783
  });
781
784
  ;// 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/skeleton/skeleton.vue?vue&type=template&id=47dbc65e&
782
785
  var skeletonvue_type_template_id_47dbc65e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"aria-busy":"true","role":"status","aria-label":_vm.ariaLabel}},[(_vm.listItemOption)?_c('dt-skeleton-list-item',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-list-item',_vm.listItemOption === true ? {} : _vm.listItemOption,false)):(_vm.shapeOption)?_c('dt-skeleton-shape',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-shape',_vm.shapeOption === true ? {} : _vm.shapeOption,false)):(_vm.paragraphOption)?_c('dt-skeleton-paragraph',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-paragraph',_vm.paragraphOption === true ? {} : _vm.paragraphOption,false)):_c('dt-skeleton-text',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-text',_vm.textOption || {},false))],1)}
@@ -1843,15 +1846,14 @@ var skeleton_component = normalizeComponent(
1843
1846
  },
1844
1847
 
1845
1848
  /**
1846
- * The size of the emoji. Can be any of the svg size utility classes from
1847
- * <a href="https://dialpad.design/utilities/svg/size" target="_blank"> Dialpad SVG Size</a>
1848
- * @values d-svg--size14, d-svg--size16, d-svg--size18, d-svg--size20
1849
- * d-svg--size24, d-svg--size32, d-svg--size48, d-svg--size64, d-svg--size100p
1849
+ * The size of the emoji. Can be any of the icon size utility classes from
1850
+ * <a href="https://dialpad.design/components/icon.html" target="_blank"> Dialpad Icon Size</a>
1851
+ * @values 100, 200, 300, 400, 500, 600, 700, 800
1850
1852
  */
1851
1853
  size: {
1852
1854
  type: String,
1853
- default: EMOJI_SIZES.SIZE_20,
1854
- validator: t => Object.values(EMOJI_SIZES).includes(t)
1855
+ default: '500',
1856
+ validator: t => Object.keys(ICON_SIZE_MODIFIERS).includes(t)
1855
1857
  },
1856
1858
 
1857
1859
  /**
@@ -1909,7 +1911,7 @@ var skeleton_component = normalizeComponent(
1909
1911
  return customEmojiAssetUrl + this.emojiData.key + this.emojiData.extension;
1910
1912
  }
1911
1913
 
1912
- if (['d-svg--size14', 'd-svg--size16'].includes(this.size)) {
1914
+ if (['100', '200'].includes(this.size)) {
1913
1915
  return emojiImageUrlSmall + this.emojiData.key + emojiFileExtensionSmall;
1914
1916
  } else {
1915
1917
  return emojiImageUrlLarge + this.emojiData.key + emojiFileExtensionLarge;
@@ -1932,8 +1934,8 @@ var skeleton_component = normalizeComponent(
1932
1934
  return this.ariaLabel ? this.ariaLabel : this.emojiData.name;
1933
1935
  },
1934
1936
 
1935
- skeletonSizeClass() {
1936
- return this.size === 'd-svg--size100p' ? ['d-h100p', 'd-w100p'] : this.size;
1937
+ emojiSize() {
1938
+ return ICON_SIZE_MODIFIERS[this.size];
1937
1939
  }
1938
1940
 
1939
1941
  },
@@ -1987,6 +1989,8 @@ var emoji_component = normalizeComponent(
1987
1989
  )
1988
1990
 
1989
1991
  /* harmony default export */ const emoji = (emoji_component.exports);
1992
+ ;// CONCATENATED MODULE: ./components/emoji/emoji_constants.js
1993
+ /* harmony default export */ const emoji_constants = ({});
1990
1994
  ;// CONCATENATED MODULE: ./components/emoji/index.js
1991
1995
 
1992
1996
 
package/dist/emoji.umd.js CHANGED
@@ -533,7 +533,7 @@ __webpack_require__.r(__webpack_exports__);
533
533
  __webpack_require__.d(__webpack_exports__, {
534
534
  "DtEmoji": () => (/* reexport */ emoji),
535
535
  "DtEmojiTextWrapper": () => (/* reexport */ emoji_text_wrapper),
536
- "EMOJI_SIZES": () => (/* reexport */ EMOJI_SIZES),
536
+ "EMOJI_SIZES": () => (/* reexport */ emoji_constants_namespaceObject.EMOJI_SIZES),
537
537
  "codeToEmojiData": () => (/* reexport */ codeToEmojiData),
538
538
  "customEmojiAssetUrl": () => (/* reexport */ customEmojiAssetUrl),
539
539
  "defaultEmojiAssetUrl": () => (/* reexport */ defaultEmojiAssetUrl),
@@ -557,6 +557,10 @@ __webpack_require__.d(__webpack_exports__, {
557
557
  "validateCustomEmojiJson": () => (/* reexport */ validateCustomEmojiJson)
558
558
  });
559
559
 
560
+ // NAMESPACE OBJECT: ./components/emoji/emoji_constants.js
561
+ var emoji_constants_namespaceObject = {};
562
+ __webpack_require__.r(emoji_constants_namespaceObject);
563
+
560
564
  ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
561
565
  /* eslint-disable no-var */
562
566
  // This file is imported into lib/wc client bundles.
@@ -768,25 +772,24 @@ function findEmojis(textContent) {
768
772
  const emojis = matches.length ? matches.map(match => match[0]) : [];
769
773
  return new Set(emojis);
770
774
  }
771
- ;// 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=a9cdd478&
772
- 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 && _vm.showSkeleton),expression:"imgLoading && showSkeleton"}],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)}
775
+ ;// 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=147e0534&
776
+ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.emojiSize},[_c('dt-skeleton',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgLoading && _vm.showSkeleton),expression:"imgLoading && showSkeleton"}],class:_vm.emojiSize,attrs:{"offset":0,"shape-option":{ shape: 'square', contentClass: _vm.emojiSize, size: 'auto' }}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.imgLoading),expression:"!imgLoading"}],ref:"emojiImg",class:['d-icon', _vm.emojiSize, _vm.imgClass],attrs:{"aria-label":_vm.emojiLabel,"alt":_vm.emojiAlt,"title":_vm.emojiLabel,"src":_vm.emojiSrc},on:{"load":_vm.imageLoaded,"error":_vm.imageErrored}})],1)}
773
777
  var staticRenderFns = []
774
778
 
775
779
 
776
- ;// CONCATENATED MODULE: ./components/emoji/emoji_constants.js
777
- const EMOJI_SIZES = {
778
- SIZE_14: 'd-svg--size14',
779
- SIZE_16: 'd-svg--size16',
780
- SIZE_18: 'd-svg--size18',
781
- SIZE_20: 'd-svg--size20',
782
- SIZE_24: 'd-svg--size24',
783
- SIZE_32: 'd-svg--size32',
784
- SIZE_48: 'd-svg--size48',
785
- SIZE_64: 'd-svg--size64',
786
- SIZE_100p: 'd-svg--size100p'
780
+ ;// CONCATENATED MODULE: ./components/icon/icon_constants.js
781
+ const ICON_SIZE_MODIFIERS = {
782
+ 100: 'd-icon--size-100',
783
+ 200: 'd-icon--size-200',
784
+ 300: 'd-icon--size-300',
785
+ 400: 'd-icon--size-400',
786
+ 500: 'd-icon--size-500',
787
+ 600: 'd-icon--size-600',
788
+ 700: 'd-icon--size-700',
789
+ 800: 'd-icon--size-800'
787
790
  };
788
- /* harmony default export */ const emoji_constants = ({
789
- EMOJI_SIZES
791
+ /* harmony default export */ const icon_constants = ({
792
+ ICON_SIZE_MODIFIERS
790
793
  });
791
794
  ;// 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/skeleton/skeleton.vue?vue&type=template&id=47dbc65e&
792
795
  var skeletonvue_type_template_id_47dbc65e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"aria-busy":"true","role":"status","aria-label":_vm.ariaLabel}},[(_vm.listItemOption)?_c('dt-skeleton-list-item',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-list-item',_vm.listItemOption === true ? {} : _vm.listItemOption,false)):(_vm.shapeOption)?_c('dt-skeleton-shape',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-shape',_vm.shapeOption === true ? {} : _vm.shapeOption,false)):(_vm.paragraphOption)?_c('dt-skeleton-paragraph',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-paragraph',_vm.paragraphOption === true ? {} : _vm.paragraphOption,false)):_c('dt-skeleton-text',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-text',_vm.textOption || {},false))],1)}
@@ -1853,15 +1856,14 @@ var skeleton_component = normalizeComponent(
1853
1856
  },
1854
1857
 
1855
1858
  /**
1856
- * The size of the emoji. Can be any of the svg size utility classes from
1857
- * <a href="https://dialpad.design/utilities/svg/size" target="_blank"> Dialpad SVG Size</a>
1858
- * @values d-svg--size14, d-svg--size16, d-svg--size18, d-svg--size20
1859
- * d-svg--size24, d-svg--size32, d-svg--size48, d-svg--size64, d-svg--size100p
1859
+ * The size of the emoji. Can be any of the icon size utility classes from
1860
+ * <a href="https://dialpad.design/components/icon.html" target="_blank"> Dialpad Icon Size</a>
1861
+ * @values 100, 200, 300, 400, 500, 600, 700, 800
1860
1862
  */
1861
1863
  size: {
1862
1864
  type: String,
1863
- default: EMOJI_SIZES.SIZE_20,
1864
- validator: t => Object.values(EMOJI_SIZES).includes(t)
1865
+ default: '500',
1866
+ validator: t => Object.keys(ICON_SIZE_MODIFIERS).includes(t)
1865
1867
  },
1866
1868
 
1867
1869
  /**
@@ -1919,7 +1921,7 @@ var skeleton_component = normalizeComponent(
1919
1921
  return customEmojiAssetUrl + this.emojiData.key + this.emojiData.extension;
1920
1922
  }
1921
1923
 
1922
- if (['d-svg--size14', 'd-svg--size16'].includes(this.size)) {
1924
+ if (['100', '200'].includes(this.size)) {
1923
1925
  return emojiImageUrlSmall + this.emojiData.key + emojiFileExtensionSmall;
1924
1926
  } else {
1925
1927
  return emojiImageUrlLarge + this.emojiData.key + emojiFileExtensionLarge;
@@ -1942,8 +1944,8 @@ var skeleton_component = normalizeComponent(
1942
1944
  return this.ariaLabel ? this.ariaLabel : this.emojiData.name;
1943
1945
  },
1944
1946
 
1945
- skeletonSizeClass() {
1946
- return this.size === 'd-svg--size100p' ? ['d-h100p', 'd-w100p'] : this.size;
1947
+ emojiSize() {
1948
+ return ICON_SIZE_MODIFIERS[this.size];
1947
1949
  }
1948
1950
 
1949
1951
  },
@@ -1997,6 +1999,8 @@ var emoji_component = normalizeComponent(
1997
1999
  )
1998
2000
 
1999
2001
  /* harmony default export */ const emoji = (emoji_component.exports);
2002
+ ;// CONCATENATED MODULE: ./components/emoji/emoji_constants.js
2003
+ /* harmony default export */ const emoji_constants = ({});
2000
2004
  ;// CONCATENATED MODULE: ./components/emoji/index.js
2001
2005
 
2002
2006