@dialpad/dialtone-vue 2.193.3 → 2.193.4

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 (23) hide show
  1. package/dist/lib/emoji-row/emoji-row-constants.cjs +1 -1
  2. package/dist/lib/emoji-row/emoji-row-constants.cjs.map +1 -1
  3. package/dist/lib/emoji-row/emoji-row-constants.js +1 -0
  4. package/dist/lib/emoji-row/emoji-row-constants.js.map +1 -1
  5. package/dist/lib/emoji-row/emoji-row.cjs +1 -1
  6. package/dist/lib/emoji-row/emoji-row.cjs.map +1 -1
  7. package/dist/lib/emoji-row/emoji-row.js +28 -30
  8. package/dist/lib/emoji-row/emoji-row.js.map +1 -1
  9. package/dist/lib/modal/modal.cjs +1 -1
  10. package/dist/lib/modal/modal.cjs.map +1 -1
  11. package/dist/lib/modal/modal.js +13 -9
  12. package/dist/lib/modal/modal.js.map +1 -1
  13. package/dist/localization/en-US.cjs +1 -11
  14. package/dist/localization/en-US.cjs.map +1 -1
  15. package/dist/localization/en-US.js +1 -11
  16. package/dist/localization/en-US.js.map +1 -1
  17. package/dist/localization/ja-JP.cjs +16 -0
  18. package/dist/localization/ja-JP.cjs.map +1 -1
  19. package/dist/localization/ja-JP.js +16 -0
  20. package/dist/localization/ja-JP.js.map +1 -1
  21. package/dist/types/components/modal/modal.vue.d.ts +3 -2
  22. package/dist/types/recipes/conversation_view/emoji_row/emoji_row_constants.d.ts.map +1 -1
  23. package/package.json +5 -5
package/dist/lib/emoji-row/emoji-row-constants.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["emojiUnicodeOrShortname","isSelected","num"],t={REACTIONS_ATTRIBUTES:e};exports.REACTIONS_ATTRIBUTES=e;exports.default=t;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["emojiUnicodeOrShortname","isSelected","names","num"],t={REACTIONS_ATTRIBUTES:e};exports.REACTIONS_ATTRIBUTES=e;exports.default=t;
2
2
  //# sourceMappingURL=emoji-row-constants.cjs.map
package/dist/lib/emoji-row/emoji-row-constants.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"emoji-row-constants.cjs","sources":["../../../recipes/conversation_view/emoji_row/emoji_row_constants.js"],"sourcesContent":["export const REACTIONS_ATTRIBUTES = [\n 'emojiUnicodeOrShortname',\n 'isSelected',\n 'num',\n];\n\nexport default {\n REACTIONS_ATTRIBUTES,\n};\n"],"names":["REACTIONS_ATTRIBUTES","emoji_row_constants"],"mappings":"4GAAY,MAACA,EAAuB,CAClC,0BACA,aACA,KACF,EAEeC,EAAA,CACb,qBAAAD,CACF"}
1
+ {"version":3,"file":"emoji-row-constants.cjs","sources":["../../../recipes/conversation_view/emoji_row/emoji_row_constants.js"],"sourcesContent":["export const REACTIONS_ATTRIBUTES = [\n 'emojiUnicodeOrShortname',\n 'isSelected',\n 'names',\n 'num',\n];\n\nexport default {\n REACTIONS_ATTRIBUTES,\n};\n"],"names":["REACTIONS_ATTRIBUTES","emoji_row_constants"],"mappings":"4GAAY,MAACA,EAAuB,CAClC,0BACA,aACA,QACA,KACF,EAEeC,EAAA,CACb,qBAAAD,CACF"}
package/dist/lib/emoji-row/emoji-row-constants.js CHANGED
@@ -1,6 +1,7 @@
1
1
  const e = [
2
2
  "emojiUnicodeOrShortname",
3
3
  "isSelected",
4
+ "names",
4
5
  "num"
5
6
  ], o = {
6
7
  REACTIONS_ATTRIBUTES: e
package/dist/lib/emoji-row/emoji-row-constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"emoji-row-constants.js","sources":["../../../recipes/conversation_view/emoji_row/emoji_row_constants.js"],"sourcesContent":["export const REACTIONS_ATTRIBUTES = [\n 'emojiUnicodeOrShortname',\n 'isSelected',\n 'num',\n];\n\nexport default {\n REACTIONS_ATTRIBUTES,\n};\n"],"names":["REACTIONS_ATTRIBUTES","emoji_row_constants"],"mappings":"AAAY,MAACA,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,GAEeC,IAAA;AAAA,EACb,sBAAAD;AACF;"}
1
+ {"version":3,"file":"emoji-row-constants.js","sources":["../../../recipes/conversation_view/emoji_row/emoji_row_constants.js"],"sourcesContent":["export const REACTIONS_ATTRIBUTES = [\n 'emojiUnicodeOrShortname',\n 'isSelected',\n 'names',\n 'num',\n];\n\nexport default {\n REACTIONS_ATTRIBUTES,\n};\n"],"names":["REACTIONS_ATTRIBUTES","emoji_row_constants"],"mappings":"AAAY,MAACA,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEeC,IAAA;AAAA,EACb,sBAAAD;AACF;"}
package/dist/lib/emoji-row/emoji-row.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./emoji-row-constants.cjs"),s=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),a=require("../tooltip/tooltip.cjs"),c=require("../button/button.cjs"),m=require("../emoji/emoji.cjs"),l=require("../emoji-text-wrapper/emoji-text-wrapper.cjs"),_=require("../../common/mixins/localization.cjs"),d={name:"DtRecipeEmojiRow",components:{DtTooltip:a.default,DtButton:c.default,DtEmoji:m.default,DtEmojiTextWrapper:l.default},mixins:[_.default],props:{reactions:{type:Array,default:()=>[],validator:t=>{for(const e of t)if(!n.REACTIONS_ATTRIBUTES.every(i=>e[i]!==void 0))return!1;return!0}}},emits:["emoji-clicked","emoji-hovered"],methods:{emojiClicked(t){this.$emit("emoji-clicked",t.emojiUnicodeOrShortname)},emojiHovered(t,e){this.$emit("emoji-hovered",{reaction:t.emojiUnicodeOrShortname,state:e})},reactionLabel(t){return this.i18n.$t("DIALTONE_EMOJI_ROW_REACTION_LABEL",{reactionCount:t.num,name:t.name||"A person",selected:t.isSelected.toString(),reaction:t.emojiUnicodeOrShortname})}}};var u=function(){var e=this,o=e._self._c;return o("span",{staticClass:"d-recipe-emoji-row"},[e._l(e.reactions,function(i){return o("span",{key:i.unicodeOutput},[o("dt-tooltip",{staticClass:"d-recipe-emoji-row__tooltip",attrs:{"content-class":"d-recipe-emoji-row__tooltip-content",sticky:"popper"},on:{shown:r=>e.emojiHovered(i,r)},scopedSlots:e._u([{key:"anchor",fn:function({attrs:r}){return[o("dt-button",{class:["d-recipe-emoji-row__reaction",i.isSelected?"d-recipe-emoji-row__reaction--selected":""],attrs:{importance:"clear",size:"sm","data-qa":"feed-item-reaction-button","aria-label":e.reactionLabel(i),attrs:r},on:{click:function(v){return e.emojiClicked(i)}}},[o("span",{staticClass:"d-recipe-emoji-row__emoji"},[o("dt-emoji",{attrs:{size:"200",code:i.emojiUnicodeOrShortname}})],1),o("span",{staticClass:"d-recipe-emoji-row__reaction-number"},[e._v(" "+e._s(i.num)+" ")])])]}}],null,!0)},[o("span",{attrs:{"aria-hidden":"true"}},[o("dt-emoji-text-wrapper",{attrs:{size:"200"}},[e._v(" "+e._s(e.reactionLabel(i))+" ")])],1)])],1)}),e._t("picker")],2)},p=[],j=s.n(d,u,p);const f=j.exports;exports.default=f;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./emoji-row-constants.cjs"),s=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),a=require("../tooltip/tooltip.cjs"),c=require("../button/button.cjs"),m=require("../emoji/emoji.cjs"),l=require("../emoji-text-wrapper/emoji-text-wrapper.cjs"),_=require("../../common/mixins/localization.cjs"),d={name:"DtRecipeEmojiRow",components:{DtTooltip:a.default,DtButton:c.default,DtEmoji:m.default,DtEmojiTextWrapper:l.default},mixins:[_.default],props:{reactions:{type:Array,default:()=>[],validator:i=>{for(const e of i)if(!n.REACTIONS_ATTRIBUTES.every(o=>e[o]!==void 0))return!1;return!0}}},emits:["emoji-clicked","emoji-hovered"],methods:{emojiClicked(i){this.$emit("emoji-clicked",i.emojiUnicodeOrShortname)},emojiHovered(i,e){this.$emit("emoji-hovered",{reaction:i.emojiUnicodeOrShortname,state:e})},reactionLabel(i){return this.i18n.$t("DIALTONE_EMOJI_ROW_REACTION_LABEL",{names:i.names,reaction:i.emojiUnicodeOrShortname})}}};var u=function(){var e=this,t=e._self._c;return t("span",{staticClass:"d-recipe-emoji-row"},[e._l(e.reactions,function(o){return t("span",{key:o.unicodeOutput},[t("dt-tooltip",{staticClass:"d-recipe-emoji-row__tooltip",attrs:{"content-class":"d-recipe-emoji-row__tooltip-content",sticky:"popper"},on:{shown:r=>e.emojiHovered(o,r)},scopedSlots:e._u([{key:"anchor",fn:function({attrs:r}){return[t("dt-button",{class:["d-recipe-emoji-row__reaction",o.isSelected?"d-recipe-emoji-row__reaction--selected":""],attrs:{importance:"clear",size:"sm","data-qa":"feed-item-reaction-button","aria-label":e.reactionLabel(o),attrs:r},on:{click:function(v){return e.emojiClicked(o)}}},[t("span",{staticClass:"d-recipe-emoji-row__emoji"},[t("dt-emoji",{attrs:{size:"200",code:o.emojiUnicodeOrShortname}})],1),t("span",{staticClass:"d-recipe-emoji-row__reaction-number"},[e._v(" "+e._s(o.num)+" ")])])]}}],null,!0)},[t("span",{attrs:{"aria-hidden":"true"}},[t("dt-emoji-text-wrapper",{attrs:{size:"200"}},[e._v(" "+e._s(e.reactionLabel(o))+" ")])],1)])],1)}),e._t("picker")],2)},p=[],j=s.n(d,u,p);const f=j.exports;exports.default=f;
2
2
  //# sourceMappingURL=emoji-row.cjs.map
package/dist/lib/emoji-row/emoji-row.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"emoji-row.cjs","sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n <span class=\"d-recipe-emoji-row\">\n <span\n v-for=\"reaction in reactions\"\n :key=\"reaction.unicodeOutput\"\n >\n <dt-tooltip\n class=\"d-recipe-emoji-row__tooltip\"\n content-class=\"d-recipe-emoji-row__tooltip-content\"\n sticky=\"popper\"\n @shown=\"(shown) => emojiHovered(reaction, shown)\"\n >\n <span aria-hidden=\"true\">\n <dt-emoji-text-wrapper size=\"200\">\n {{ reactionLabel(reaction) }}\n </dt-emoji-text-wrapper>\n </span>\n <template #anchor=\"{ attrs }\">\n <dt-button\n importance=\"clear\"\n size=\"sm\"\n data-qa=\"feed-item-reaction-button\"\n :class=\"[\n 'd-recipe-emoji-row__reaction',\n reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n ]\"\n :aria-label=\"reactionLabel(reaction)\"\n :attrs=\"attrs\"\n @click=\"emojiClicked(reaction)\"\n >\n <span class=\"d-recipe-emoji-row__emoji\">\n <dt-emoji\n size=\"200\"\n :code=\"reaction.emojiUnicodeOrShortname\"\n />\n </span>\n <span class=\"d-recipe-emoji-row__reaction-number\">\n {{ reaction.num }}\n </span>\n </dt-button>\n </template>\n </dt-tooltip>\n </span>\n <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n <!-- @slot Slot for emoji picker component, including the anchor. -->\n <slot name=\"picker\" />\n </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmoji } from '@/components/emoji';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DtLocalizationMixin } from '@/common/mixins';\n\nexport default {\n name: 'DtRecipeEmojiRow',\n\n components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n mixins: [DtLocalizationMixin],\n\n props: {\n /**\n * Provide an array of reaction objects to be shown.\n */\n reactions: {\n type: Array,\n default: () => [],\n validator: (reactions) => {\n for (const reaction of reactions) {\n const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined ?? false);\n if (!validInput) return false;\n }\n return true;\n },\n },\n },\n\n emits: [\n 'emoji-clicked',\n 'emoji-hovered',\n ],\n\n methods: {\n emojiClicked (reaction) {\n this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n },\n\n emojiHovered (reaction, state) {\n this.$emit('emoji-hovered', {\n reaction: reaction.emojiUnicodeOrShortname,\n state,\n });\n },\n\n reactionLabel (reaction) {\n return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n reactionCount: reaction.num,\n name: reaction.name || 'A person',\n selected: reaction.isSelected.toString(),\n reaction: reaction.emojiUnicodeOrShortname,\n });\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtTooltip","DtButton","DtEmoji","DtEmojiTextWrapper","DtLocalizationMixin","reactions","reaction","REACTIONS_ATTRIBUTES","attribute","state"],"mappings":"maAyDAA,EAAA,CACA,KAAA,mBAEA,WAAA,CAAA,UAAAC,EAAA,QAAA,SAAAC,UAAAC,QAAAA,EAAAA,QAAAC,mBAAAA,EAAAA,OAAA,EAEA,OAAA,CAAAC,EAAAA,OAAA,EAEA,MAAA,CAIA,UAAA,CACA,KAAA,MACA,QAAA,IAAA,CAAA,EACA,UAAAC,GAAA,CACA,UAAAC,KAAAD,EAEA,GAAA,CADAE,uBAAA,MAAAC,GAAAF,EAAAE,CAAA,IAAA,MAAA,EACA,MAAA,GAEA,MAAA,EACA,CACA,CACA,EAEA,MAAA,CACA,gBACA,eACA,EAEA,QAAA,CACA,aAAAF,EAAA,CACA,KAAA,MAAA,gBAAAA,EAAA,uBAAA,CACA,EAEA,aAAAA,EAAAG,EAAA,CACA,KAAA,MAAA,gBAAA,CACA,SAAAH,EAAA,wBACA,MAAAG,CACA,CAAA,CACA,EAEA,cAAAH,EAAA,CACA,OAAA,KAAA,KAAA,GAAA,oCAAA,CACA,cAAAA,EAAA,IACA,KAAAA,EAAA,MAAA,WACA,SAAAA,EAAA,WAAA,SAAA,EACA,SAAAA,EAAA,uBACA,CAAA,CACA,CACA,CACA"}
1
+ {"version":3,"file":"emoji-row.cjs","sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n <span class=\"d-recipe-emoji-row\">\n <span\n v-for=\"reaction in reactions\"\n :key=\"reaction.unicodeOutput\"\n >\n <dt-tooltip\n class=\"d-recipe-emoji-row__tooltip\"\n content-class=\"d-recipe-emoji-row__tooltip-content\"\n sticky=\"popper\"\n @shown=\"(shown) => emojiHovered(reaction, shown)\"\n >\n <span aria-hidden=\"true\">\n <dt-emoji-text-wrapper size=\"200\">\n {{ reactionLabel(reaction) }}\n </dt-emoji-text-wrapper>\n </span>\n <template #anchor=\"{ attrs }\">\n <dt-button\n importance=\"clear\"\n size=\"sm\"\n data-qa=\"feed-item-reaction-button\"\n :class=\"[\n 'd-recipe-emoji-row__reaction',\n reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n ]\"\n :aria-label=\"reactionLabel(reaction)\"\n :attrs=\"attrs\"\n @click=\"emojiClicked(reaction)\"\n >\n <span class=\"d-recipe-emoji-row__emoji\">\n <dt-emoji\n size=\"200\"\n :code=\"reaction.emojiUnicodeOrShortname\"\n />\n </span>\n <span class=\"d-recipe-emoji-row__reaction-number\">\n {{ reaction.num }}\n </span>\n </dt-button>\n </template>\n </dt-tooltip>\n </span>\n <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n <!-- @slot Slot for emoji picker component, including the anchor. -->\n <slot name=\"picker\" />\n </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmoji } from '@/components/emoji';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DtLocalizationMixin } from '@/common/mixins';\n\nexport default {\n name: 'DtRecipeEmojiRow',\n\n components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n mixins: [DtLocalizationMixin],\n\n props: {\n /**\n * Provide an array of reaction objects to be shown.\n */\n reactions: {\n type: Array,\n default: () => [],\n validator: (reactions) => {\n for (const reaction of reactions) {\n const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined ?? false);\n if (!validInput) return false;\n }\n return true;\n },\n },\n },\n\n emits: [\n 'emoji-clicked',\n 'emoji-hovered',\n ],\n\n methods: {\n emojiClicked (reaction) {\n this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n },\n\n emojiHovered (reaction, state) {\n this.$emit('emoji-hovered', {\n reaction: reaction.emojiUnicodeOrShortname,\n state,\n });\n },\n\n reactionLabel (reaction) {\n return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n names: reaction.names,\n reaction: reaction.emojiUnicodeOrShortname,\n });\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtTooltip","DtButton","DtEmoji","DtEmojiTextWrapper","DtLocalizationMixin","reactions","reaction","REACTIONS_ATTRIBUTES","attribute","state"],"mappings":"maAyDAA,EAAA,CACA,KAAA,mBAEA,WAAA,CAAA,UAAAC,EAAA,QAAA,SAAAC,UAAAC,QAAAA,EAAAA,QAAAC,mBAAAA,EAAAA,OAAA,EAEA,OAAA,CAAAC,EAAAA,OAAA,EAEA,MAAA,CAIA,UAAA,CACA,KAAA,MACA,QAAA,IAAA,CAAA,EACA,UAAAC,GAAA,CACA,UAAAC,KAAAD,EAEA,GAAA,CADAE,uBAAA,MAAAC,GAAAF,EAAAE,CAAA,IAAA,MAAA,EACA,MAAA,GAEA,MAAA,EACA,CACA,CACA,EAEA,MAAA,CACA,gBACA,eACA,EAEA,QAAA,CACA,aAAAF,EAAA,CACA,KAAA,MAAA,gBAAAA,EAAA,uBAAA,CACA,EAEA,aAAAA,EAAAG,EAAA,CACA,KAAA,MAAA,gBAAA,CACA,SAAAH,EAAA,wBACA,MAAAG,CACA,CAAA,CACA,EAEA,cAAAH,EAAA,CACA,OAAA,KAAA,KAAA,GAAA,oCAAA,CACA,MAAAA,EAAA,MACA,SAAAA,EAAA,uBACA,CAAA,CACA,CACA,CACA"}
package/dist/lib/emoji-row/emoji-row.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import { REACTIONS_ATTRIBUTES as n } from "./emoji-row-constants.js";
2
- import { n as s } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
3
- import a from "../tooltip/tooltip.js";
2
+ import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
3
+ import s from "../tooltip/tooltip.js";
4
4
  import m from "../button/button.js";
5
5
  import c from "../emoji/emoji.js";
6
6
  import p from "../emoji-text-wrapper/emoji-text-wrapper.js";
7
7
  import d from "../../common/mixins/localization.js";
8
- const l = {
8
+ const _ = {
9
9
  name: "DtRecipeEmojiRow",
10
- components: { DtTooltip: a, DtButton: m, DtEmoji: c, DtEmojiTextWrapper: p },
10
+ components: { DtTooltip: s, DtButton: m, DtEmoji: c, DtEmojiTextWrapper: p },
11
11
  mixins: [d],
12
12
  props: {
13
13
  /**
@@ -16,9 +16,9 @@ const l = {
16
16
  reactions: {
17
17
  type: Array,
18
18
  default: () => [],
19
- validator: (t) => {
20
- for (const e of t)
21
- if (!n.every((i) => e[i] !== void 0)) return !1;
19
+ validator: (i) => {
20
+ for (const e of i)
21
+ if (!n.every((o) => e[o] !== void 0)) return !1;
22
22
  return !0;
23
23
  }
24
24
  }
@@ -28,44 +28,42 @@ const l = {
28
28
  "emoji-hovered"
29
29
  ],
30
30
  methods: {
31
- emojiClicked(t) {
32
- this.$emit("emoji-clicked", t.emojiUnicodeOrShortname);
31
+ emojiClicked(i) {
32
+ this.$emit("emoji-clicked", i.emojiUnicodeOrShortname);
33
33
  },
34
- emojiHovered(t, e) {
34
+ emojiHovered(i, e) {
35
35
  this.$emit("emoji-hovered", {
36
- reaction: t.emojiUnicodeOrShortname,
36
+ reaction: i.emojiUnicodeOrShortname,
37
37
  state: e
38
38
  });
39
39
  },
40
- reactionLabel(t) {
40
+ reactionLabel(i) {
41
41
  return this.i18n.$t("DIALTONE_EMOJI_ROW_REACTION_LABEL", {
42
- reactionCount: t.num,
43
- name: t.name || "A person",
44
- selected: t.isSelected.toString(),
45
- reaction: t.emojiUnicodeOrShortname
42
+ names: i.names,
43
+ reaction: i.emojiUnicodeOrShortname
46
44
  });
47
45
  }
48
46
  }
49
47
  };
50
- var _ = function() {
51
- var e = this, o = e._self._c;
52
- return o("span", { staticClass: "d-recipe-emoji-row" }, [e._l(e.reactions, function(i) {
53
- return o("span", { key: i.unicodeOutput }, [o("dt-tooltip", { staticClass: "d-recipe-emoji-row__tooltip", attrs: { "content-class": "d-recipe-emoji-row__tooltip-content", sticky: "popper" }, on: { shown: (r) => e.emojiHovered(i, r) }, scopedSlots: e._u([{ key: "anchor", fn: function({ attrs: r }) {
54
- return [o("dt-button", { class: [
48
+ var l = function() {
49
+ var e = this, t = e._self._c;
50
+ return t("span", { staticClass: "d-recipe-emoji-row" }, [e._l(e.reactions, function(o) {
51
+ return t("span", { key: o.unicodeOutput }, [t("dt-tooltip", { staticClass: "d-recipe-emoji-row__tooltip", attrs: { "content-class": "d-recipe-emoji-row__tooltip-content", sticky: "popper" }, on: { shown: (r) => e.emojiHovered(o, r) }, scopedSlots: e._u([{ key: "anchor", fn: function({ attrs: r }) {
52
+ return [t("dt-button", { class: [
55
53
  "d-recipe-emoji-row__reaction",
56
- i.isSelected ? "d-recipe-emoji-row__reaction--selected" : ""
57
- ], attrs: { importance: "clear", size: "sm", "data-qa": "feed-item-reaction-button", "aria-label": e.reactionLabel(i), attrs: r }, on: { click: function(f) {
58
- return e.emojiClicked(i);
59
- } } }, [o("span", { staticClass: "d-recipe-emoji-row__emoji" }, [o("dt-emoji", { attrs: { size: "200", code: i.emojiUnicodeOrShortname } })], 1), o("span", { staticClass: "d-recipe-emoji-row__reaction-number" }, [e._v(" " + e._s(i.num) + " ")])])];
60
- } }], null, !0) }, [o("span", { attrs: { "aria-hidden": "true" } }, [o("dt-emoji-text-wrapper", { attrs: { size: "200" } }, [e._v(" " + e._s(e.reactionLabel(i)) + " ")])], 1)])], 1);
54
+ o.isSelected ? "d-recipe-emoji-row__reaction--selected" : ""
55
+ ], attrs: { importance: "clear", size: "sm", "data-qa": "feed-item-reaction-button", "aria-label": e.reactionLabel(o), attrs: r }, on: { click: function(f) {
56
+ return e.emojiClicked(o);
57
+ } } }, [t("span", { staticClass: "d-recipe-emoji-row__emoji" }, [t("dt-emoji", { attrs: { size: "200", code: o.emojiUnicodeOrShortname } })], 1), t("span", { staticClass: "d-recipe-emoji-row__reaction-number" }, [e._v(" " + e._s(o.num) + " ")])])];
58
+ } }], null, !0) }, [t("span", { attrs: { "aria-hidden": "true" } }, [t("dt-emoji-text-wrapper", { attrs: { size: "200" } }, [e._v(" " + e._s(e.reactionLabel(o)) + " ")])], 1)])], 1);
61
59
  }), e._t("picker")], 2);
62
- }, u = [], j = /* @__PURE__ */ s(
63
- l,
60
+ }, u = [], j = /* @__PURE__ */ a(
64
61
  _,
62
+ l,
65
63
  u
66
64
  );
67
- const E = j.exports;
65
+ const S = j.exports;
68
66
  export {
69
- E as default
67
+ S as default
70
68
  };
71
69
  //# sourceMappingURL=emoji-row.js.map
package/dist/lib/emoji-row/emoji-row.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"emoji-row.js","sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n <span class=\"d-recipe-emoji-row\">\n <span\n v-for=\"reaction in reactions\"\n :key=\"reaction.unicodeOutput\"\n >\n <dt-tooltip\n class=\"d-recipe-emoji-row__tooltip\"\n content-class=\"d-recipe-emoji-row__tooltip-content\"\n sticky=\"popper\"\n @shown=\"(shown) => emojiHovered(reaction, shown)\"\n >\n <span aria-hidden=\"true\">\n <dt-emoji-text-wrapper size=\"200\">\n {{ reactionLabel(reaction) }}\n </dt-emoji-text-wrapper>\n </span>\n <template #anchor=\"{ attrs }\">\n <dt-button\n importance=\"clear\"\n size=\"sm\"\n data-qa=\"feed-item-reaction-button\"\n :class=\"[\n 'd-recipe-emoji-row__reaction',\n reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n ]\"\n :aria-label=\"reactionLabel(reaction)\"\n :attrs=\"attrs\"\n @click=\"emojiClicked(reaction)\"\n >\n <span class=\"d-recipe-emoji-row__emoji\">\n <dt-emoji\n size=\"200\"\n :code=\"reaction.emojiUnicodeOrShortname\"\n />\n </span>\n <span class=\"d-recipe-emoji-row__reaction-number\">\n {{ reaction.num }}\n </span>\n </dt-button>\n </template>\n </dt-tooltip>\n </span>\n <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n <!-- @slot Slot for emoji picker component, including the anchor. -->\n <slot name=\"picker\" />\n </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmoji } from '@/components/emoji';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DtLocalizationMixin } from '@/common/mixins';\n\nexport default {\n name: 'DtRecipeEmojiRow',\n\n components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n mixins: [DtLocalizationMixin],\n\n props: {\n /**\n * Provide an array of reaction objects to be shown.\n */\n reactions: {\n type: Array,\n default: () => [],\n validator: (reactions) => {\n for (const reaction of reactions) {\n const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined ?? false);\n if (!validInput) return false;\n }\n return true;\n },\n },\n },\n\n emits: [\n 'emoji-clicked',\n 'emoji-hovered',\n ],\n\n methods: {\n emojiClicked (reaction) {\n this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n },\n\n emojiHovered (reaction, state) {\n this.$emit('emoji-hovered', {\n reaction: reaction.emojiUnicodeOrShortname,\n state,\n });\n },\n\n reactionLabel (reaction) {\n return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n reactionCount: reaction.num,\n name: reaction.name || 'A person',\n selected: reaction.isSelected.toString(),\n reaction: reaction.emojiUnicodeOrShortname,\n });\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtTooltip","DtButton","DtEmoji","DtEmojiTextWrapper","DtLocalizationMixin","reactions","reaction","REACTIONS_ATTRIBUTES","attribute","state"],"mappings":";;;;;;;AAyDA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA,EAAA,WAAAC,GAAA,UAAAC,GAAA,SAAAC,GAAA,oBAAAC,EAAA;AAAA,EAEA,QAAA,CAAAC,CAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA,CAAA;AAAA,MACA,WAAA,CAAAC,MAAA;AACA,mBAAAC,KAAAD;AAEA,cAAA,CADAE,EAAA,MAAA,CAAAC,MAAAF,EAAAE,CAAA,MAAA,MAAA,EACA,QAAA;AAEA,eAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,aAAAF,GAAA;AACA,WAAA,MAAA,iBAAAA,EAAA,uBAAA;AAAA,IACA;AAAA,IAEA,aAAAA,GAAAG,GAAA;AACA,WAAA,MAAA,iBAAA;AAAA,QACA,UAAAH,EAAA;AAAA,QACA,OAAAG;AAAA,MACA,CAAA;AAAA,IACA;AAAA,IAEA,cAAAH,GAAA;AACA,aAAA,KAAA,KAAA,GAAA,qCAAA;AAAA,QACA,eAAAA,EAAA;AAAA,QACA,MAAAA,EAAA,QAAA;AAAA,QACA,UAAAA,EAAA,WAAA,SAAA;AAAA,QACA,UAAAA,EAAA;AAAA,MACA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"emoji-row.js","sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n <span class=\"d-recipe-emoji-row\">\n <span\n v-for=\"reaction in reactions\"\n :key=\"reaction.unicodeOutput\"\n >\n <dt-tooltip\n class=\"d-recipe-emoji-row__tooltip\"\n content-class=\"d-recipe-emoji-row__tooltip-content\"\n sticky=\"popper\"\n @shown=\"(shown) => emojiHovered(reaction, shown)\"\n >\n <span aria-hidden=\"true\">\n <dt-emoji-text-wrapper size=\"200\">\n {{ reactionLabel(reaction) }}\n </dt-emoji-text-wrapper>\n </span>\n <template #anchor=\"{ attrs }\">\n <dt-button\n importance=\"clear\"\n size=\"sm\"\n data-qa=\"feed-item-reaction-button\"\n :class=\"[\n 'd-recipe-emoji-row__reaction',\n reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n ]\"\n :aria-label=\"reactionLabel(reaction)\"\n :attrs=\"attrs\"\n @click=\"emojiClicked(reaction)\"\n >\n <span class=\"d-recipe-emoji-row__emoji\">\n <dt-emoji\n size=\"200\"\n :code=\"reaction.emojiUnicodeOrShortname\"\n />\n </span>\n <span class=\"d-recipe-emoji-row__reaction-number\">\n {{ reaction.num }}\n </span>\n </dt-button>\n </template>\n </dt-tooltip>\n </span>\n <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n <!-- @slot Slot for emoji picker component, including the anchor. -->\n <slot name=\"picker\" />\n </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmoji } from '@/components/emoji';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DtLocalizationMixin } from '@/common/mixins';\n\nexport default {\n name: 'DtRecipeEmojiRow',\n\n components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n mixins: [DtLocalizationMixin],\n\n props: {\n /**\n * Provide an array of reaction objects to be shown.\n */\n reactions: {\n type: Array,\n default: () => [],\n validator: (reactions) => {\n for (const reaction of reactions) {\n const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined ?? false);\n if (!validInput) return false;\n }\n return true;\n },\n },\n },\n\n emits: [\n 'emoji-clicked',\n 'emoji-hovered',\n ],\n\n methods: {\n emojiClicked (reaction) {\n this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n },\n\n emojiHovered (reaction, state) {\n this.$emit('emoji-hovered', {\n reaction: reaction.emojiUnicodeOrShortname,\n state,\n });\n },\n\n reactionLabel (reaction) {\n return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n names: reaction.names,\n reaction: reaction.emojiUnicodeOrShortname,\n });\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtTooltip","DtButton","DtEmoji","DtEmojiTextWrapper","DtLocalizationMixin","reactions","reaction","REACTIONS_ATTRIBUTES","attribute","state"],"mappings":";;;;;;;AAyDA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA,EAAA,WAAAC,GAAA,UAAAC,GAAA,SAAAC,GAAA,oBAAAC,EAAA;AAAA,EAEA,QAAA,CAAAC,CAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA,CAAA;AAAA,MACA,WAAA,CAAAC,MAAA;AACA,mBAAAC,KAAAD;AAEA,cAAA,CADAE,EAAA,MAAA,CAAAC,MAAAF,EAAAE,CAAA,MAAA,MAAA,EACA,QAAA;AAEA,eAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,aAAAF,GAAA;AACA,WAAA,MAAA,iBAAAA,EAAA,uBAAA;AAAA,IACA;AAAA,IAEA,aAAAA,GAAAG,GAAA;AACA,WAAA,MAAA,iBAAA;AAAA,QACA,UAAAH,EAAA;AAAA,QACA,OAAAG;AAAA,MACA,CAAA;AAAA,IACA;AAAA,IAEA,cAAAH,GAAA;AACA,aAAA,KAAA,KAAA,GAAA,qCAAA;AAAA,QACA,OAAAA,EAAA;AAAA,QACA,UAAAA,EAAA;AAAA,MACA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;"}
package/dist/lib/modal/modal.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@dialpad/dialtone-icons/vue2"),n=require("../../common/mixins/modal.cjs"),a=require("./modal-constants.cjs"),l=require("../../common/utils/index.cjs"),o=require("../../common/constants/index.cjs"),r=require("../../shared/sr_only_close_button.cjs"),d=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),c=require("../lazy-show/lazy-show.cjs"),u=require("../button/button.cjs"),_=require("../../common/mixins/localization.cjs"),m=require("../notice/notice-constants.cjs"),h={name:"DtModal",components:{DtLazyShow:c.default,DtButton:u.default,DtIconClose:i.DtIconClose,SrOnlyCloseButton:r.default},mixins:[n.default,_.default],props:{copy:{type:String,default:""},describedById:{type:String,default:""},labelledById:{type:String,default:function(){return l.getUniqueString()}},show:{type:Boolean,default:!1},title:{type:String,default:""},bannerTitle:{type:String,default:""},kind:{type:String,default:"default",validator:e=>Object.keys(a.MODAL_KIND_MODIFIERS).includes(e)},size:{type:String,default:"default",validator:e=>Object.keys(a.MODAL_SIZE_MODIFIERS).includes(e)},modalClass:{type:[String,Object,Array],default:""},dialogClass:{type:[String,Object,Array],default:""},contentClass:{type:[String,Object,Array],default:""},bannerKind:{type:String,default:"warning",validate(e){return m.NOTICE_KINDS.includes(e)}},bannerClass:{type:[String,Object,Array],default:""},hideClose:{type:Boolean,default:!1},closeOnClick:{type:Boolean,default:!0},fixedHeaderFooter:{type:Boolean,default:!0},initialFocusElement:{type:[String,HTMLElement],default:"first",validator:e=>e==="first"||e instanceof HTMLElement||e.startsWith("#")}},emits:["update:show"],data(){return{MODAL_KIND_MODIFIERS:a.MODAL_KIND_MODIFIERS,MODAL_SIZE_MODIFIERS:a.MODAL_SIZE_MODIFIERS,MODAL_BANNER_KINDS:a.MODAL_BANNER_KINDS,EVENT_KEYNAMES:o.EVENT_KEYNAMES}},computed:{modalListeners(){return{...this.$listeners,click:e=>{this.closeOnClick&&(e.target===e.currentTarget&&this.close(),this.$emit("click",e))},keydown:e=>{switch(e.code){case o.EVENT_KEYNAMES.esc:case o.EVENT_KEYNAMES.escape:this.close();break;case o.EVENT_KEYNAMES.tab:this.trapFocus(e);break}this.$emit("keydown",e)},"after-enter":e=>{this.$emit("update:show",!0),e.target===e.currentTarget&&this.setFocusAfterTransition()}}},open(){return`${!this.show}`},hasFooterSlot(){return!!this.$slots.footer},bannerKindClass(){return a.MODAL_BANNER_KINDS[this.bannerKind]},closeButtonTitle(){return this.i18n.$t("DIALTONE_CLOSE_BUTTON")}},watch:{show:{handler(e){var t;e?(this.previousActiveElement=document.activeElement,l.disableRootScrolling(this.$el.getRootNode().host)):(l.enableRootScrolling(this.$el.getRootNode().host),(t=this.previousActiveElement)==null||t.focus(),this.previousActiveElement=null)}}},methods:{close(){this.$emit("update:show",!1)},setFocusAfterTransition(){this.initialFocusElement==="first"?this.focusFirstElement():this.initialFocusElement.startsWith("#")?this.focusElementById(this.initialFocusElement):this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},trapFocus(e){this.show&&this.focusTrappedTabPress(e)}}};var f=function(){var t=this,s=t._self._c;return s("dt-lazy-show",t._g({class:["d-modal",t.MODAL_KIND_MODIFIERS[t.kind],t.MODAL_SIZE_MODIFIERS[t.size],t.modalClass],attrs:{transition:"d-zoom",show:t.show,"data-qa":"dt-modal","aria-hidden":t.open}},t.modalListeners),[t.show&&(t.$slots.banner||t.bannerTitle)?s("div",{class:["d-modal__banner",t.bannerClass,t.bannerKindClass],attrs:{"data-qa":"dt-modal-banner"}},[t._t("banner",function(){return[t._v(" "+t._s(t.bannerTitle)+" ")]})],2):t._e(),s("transition",{attrs:{appear:"",name:"d-modal__dialog"}},[s("div",{directives:[{name:"show",rawName:"v-show",value:t.show,expression:"show"}],class:["d-modal__dialog",{"d-modal__dialog--scrollable":t.fixedHeaderFooter},t.dialogClass],attrs:{role:"dialog","aria-modal":"true","aria-describedby":t.describedById,"aria-labelledby":t.labelledById}},[t.$slots.header?s("div",{staticClass:"d-modal__header",attrs:{id:t.labelledById,"data-qa":"dt-modal-title"}},[t._t("header")],2):s("h2",{staticClass:"d-modal__header",attrs:{id:t.labelledById,"data-qa":"dt-modal-title"}},[t._v(" "+t._s(t.title)+" ")]),t.$slots.default?s("div",{class:["d-modal__content",t.contentClass],attrs:{"data-qa":"dt-modal-copy"}},[t._t("default")],2):s("p",{class:["d-modal__content",t.contentClass],attrs:{"data-qa":"dt-modal-copy"}},[t._v(" "+t._s(t.copy)+" ")]),t.hasFooterSlot?s("footer",{staticClass:"d-modal__footer"},[t._t("footer")],2):t._e(),t.hideClose?s("sr-only-close-button",{on:{close:t.close}}):s("dt-button",{staticClass:"d-modal__close",attrs:{"data-qa":"dt-modal-close-button",circle:"",size:"lg",importance:"clear","aria-label":t.closeButtonTitle,title:t.closeButtonTitle},on:{click:t.close},scopedSlots:t._u([{key:"icon",fn:function(){return[s("dt-icon-close",{attrs:{size:"400"}})]},proxy:!0}])})],1)])],1)},E=[],b=d.n(h,f,E);const p=b.exports;exports.default=p;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@dialpad/dialtone-icons/vue2"),n=require("../../common/mixins/modal.cjs"),a=require("./modal-constants.cjs"),l=require("../../common/utils/index.cjs"),o=require("../../common/constants/index.cjs"),r=require("../../shared/sr_only_close_button.cjs"),d=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),c=require("../lazy-show/lazy-show.cjs"),u=require("../button/button.cjs"),_=require("../../common/mixins/localization.cjs"),m=require("../notice/notice-constants.cjs"),h={name:"DtModal",components:{DtLazyShow:c.default,DtButton:u.default,DtIconClose:i.DtIconClose,SrOnlyCloseButton:r.default},mixins:[n.default,_.default],props:{copy:{type:String,default:""},describedById:{type:String,default:""},labelledById:{type:String,default:function(){return l.getUniqueString()}},show:{type:Boolean,default:!1},title:{type:String,default:""},bannerTitle:{type:String,default:""},kind:{type:String,default:"default",validator:e=>Object.keys(a.MODAL_KIND_MODIFIERS).includes(e)},size:{type:String,default:"default",validator:e=>Object.keys(a.MODAL_SIZE_MODIFIERS).includes(e)},modalClass:{type:[String,Object,Array],default:""},dialogClass:{type:[String,Object,Array],default:""},contentClass:{type:[String,Object,Array],default:""},bannerKind:{type:String,default:"warning",validate(e){return m.NOTICE_KINDS.includes(e)}},bannerClass:{type:[String,Object,Array],default:""},hideClose:{type:Boolean,default:!1},closeOnClick:{type:Boolean,default:!0},fixedHeaderFooter:{type:Boolean,default:!0},initialFocusElement:{type:[String,HTMLElement],default:"first",validator:e=>e==="first"||e instanceof HTMLElement||e.startsWith("#")}},emits:["update:show"],data(){return{MODAL_KIND_MODIFIERS:a.MODAL_KIND_MODIFIERS,MODAL_SIZE_MODIFIERS:a.MODAL_SIZE_MODIFIERS,MODAL_BANNER_KINDS:a.MODAL_BANNER_KINDS,EVENT_KEYNAMES:o.EVENT_KEYNAMES}},computed:{modalListeners(){return{...this.$listeners,click:e=>{this.closeOnClick&&e.target===e.currentTarget?this.close():this.show&&e.target!==e.currentTarget&&this.handleModalClick(e),this.$emit("click",e)},keydown:e=>{switch(e.code){case o.EVENT_KEYNAMES.esc:case o.EVENT_KEYNAMES.escape:this.close();break;case o.EVENT_KEYNAMES.tab:this.trapFocus(e);break}this.$emit("keydown",e)},"after-enter":async()=>{this.$emit("update:show",!0),await this.setFocusAfterTransition()}}},open(){return`${!this.show}`},hasFooterSlot(){return!!this.$slots.footer},bannerKindClass(){return a.MODAL_BANNER_KINDS[this.bannerKind]},closeButtonTitle(){return this.i18n.$t("DIALTONE_CLOSE_BUTTON")}},watch:{show:{handler(e){var t;e?(this.previousActiveElement=document.activeElement,l.disableRootScrolling(this.$el.getRootNode().host)):(l.enableRootScrolling(this.$el.getRootNode().host),(t=this.previousActiveElement)==null||t.focus(),this.previousActiveElement=null)}}},methods:{close(){this.$emit("update:show",!1)},async setFocusAfterTransition(){this.initialFocusElement==="first"?await this.focusFirstElement():this.initialFocusElement.startsWith("#")?await this.focusElementById(this.initialFocusElement):this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},trapFocus(e){this.show&&this.focusTrappedTabPress(e)},handleModalClick(e){const t=e.target,s=this._getFocusableElements();s.length&&!s.includes(t)&&(s.includes(document.activeElement)||this.focusFirstElement())}}};var f=function(){var t=this,s=t._self._c;return s("dt-lazy-show",t._g({class:["d-modal",t.MODAL_KIND_MODIFIERS[t.kind],t.MODAL_SIZE_MODIFIERS[t.size],t.modalClass],attrs:{transition:"d-zoom",show:t.show,"data-qa":"dt-modal","aria-hidden":t.open}},t.modalListeners),[t.show&&(t.$slots.banner||t.bannerTitle)?s("div",{class:["d-modal__banner",t.bannerClass,t.bannerKindClass],attrs:{"data-qa":"dt-modal-banner"}},[t._t("banner",function(){return[t._v(" "+t._s(t.bannerTitle)+" ")]})],2):t._e(),s("transition",{attrs:{appear:"",name:"d-modal__dialog"}},[s("div",{directives:[{name:"show",rawName:"v-show",value:t.show,expression:"show"}],class:["d-modal__dialog",{"d-modal__dialog--scrollable":t.fixedHeaderFooter},t.dialogClass],attrs:{role:"dialog","aria-modal":"true","aria-describedby":t.describedById,"aria-labelledby":t.labelledById}},[t.$slots.header?s("div",{staticClass:"d-modal__header",attrs:{id:t.labelledById,"data-qa":"dt-modal-title"}},[t._t("header")],2):s("h2",{staticClass:"d-modal__header",attrs:{id:t.labelledById,"data-qa":"dt-modal-title"}},[t._v(" "+t._s(t.title)+" ")]),t.$slots.default?s("div",{class:["d-modal__content",t.contentClass],attrs:{"data-qa":"dt-modal-copy"}},[t._t("default")],2):s("p",{class:["d-modal__content",t.contentClass],attrs:{"data-qa":"dt-modal-copy"}},[t._v(" "+t._s(t.copy)+" ")]),t.hasFooterSlot?s("footer",{staticClass:"d-modal__footer"},[t._t("footer")],2):t._e(),t.hideClose?s("sr-only-close-button",{on:{close:t.close}}):s("dt-button",{staticClass:"d-modal__close",attrs:{"data-qa":"dt-modal-close-button",circle:"",size:"lg",importance:"clear","aria-label":t.closeButtonTitle,title:t.closeButtonTitle},on:{click:t.close},scopedSlots:t._u([{key:"icon",fn:function(){return[s("dt-icon-close",{attrs:{size:"400"}})]},proxy:!0}])})],1)])],1)},E=[],b=d.n(h,f,E);const y=b.exports;exports.default=y;
2
2
  //# sourceMappingURL=modal.cjs.map
package/dist/lib/modal/modal.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.cjs","sources":["../../../components/modal/modal.vue"],"sourcesContent":["<template>\n <dt-lazy-show\n transition=\"d-zoom\"\n :show=\"show\"\n :class=\"[\n 'd-modal',\n MODAL_KIND_MODIFIERS[kind],\n MODAL_SIZE_MODIFIERS[size],\n modalClass,\n ]\"\n data-qa=\"dt-modal\"\n :aria-hidden=\"open\"\n v-on=\"modalListeners\"\n >\n <div\n v-if=\"show && ($slots.banner || bannerTitle)\"\n data-qa=\"dt-modal-banner\"\n :class=\"[\n 'd-modal__banner',\n bannerClass,\n bannerKindClass,\n ]\"\n >\n <!-- @slot Slot for the banner, defaults to bannerTitle prop -->\n <slot name=\"banner\">\n {{ bannerTitle }}\n </slot>\n </div>\n <transition\n appear\n name=\"d-modal__dialog\"\n >\n <div\n v-show=\"show\"\n :class=\"[\n 'd-modal__dialog',\n { 'd-modal__dialog--scrollable': fixedHeaderFooter },\n dialogClass,\n ]\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-describedby=\"describedById\"\n :aria-labelledby=\"labelledById\"\n >\n <div\n v-if=\"$slots.header\"\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n <!-- @slot Slot for dialog header section, taking the place of any \"title\" text prop -->\n <slot name=\"header\" />\n </div>\n <h2\n v-else\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n {{ title }}\n </h2>\n <div\n v-if=\"$slots.default\"\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n <!-- @slot Default slot for dialog body section, taking the place of any \"copy\" text prop -->\n <slot />\n </div>\n <p\n v-else\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n {{ copy }}\n </p>\n <footer\n v-if=\"hasFooterSlot\"\n class=\"d-modal__footer\"\n >\n <!-- @slot Slot for dialog footer content, often containing cancel and confirm buttons. -->\n <slot name=\"footer\" />\n </footer>\n <sr-only-close-button\n v-if=\"hideClose\"\n @close=\"close\"\n />\n <dt-button\n v-else\n class=\"d-modal__close\"\n data-qa=\"dt-modal-close-button\"\n circle\n size=\"lg\"\n importance=\"clear\"\n :aria-label=\"closeButtonTitle\"\n :title=\"closeButtonTitle\"\n @click=\"close\"\n >\n <template #icon>\n <dt-icon-close\n size=\"400\"\n />\n </template>\n </dt-button>\n </div>\n </transition>\n </dt-lazy-show>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue2';\nimport Modal from '@/common/mixins/modal';\nimport {\n MODAL_BANNER_KINDS,\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n} from './modal_constants';\nimport { getUniqueString, disableRootScrolling, enableRootScrolling } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { EVENT_KEYNAMES } from '@/common/constants';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { NOTICE_KINDS } from '@/components/notice';\nimport { DtLocalizationMixin } from '@/common/mixins';\n\n/**\n * Modals focus the user’s attention exclusively on one task or piece of information\n * via a window that sits on top of the page content.\n * @see https://dialtone.dialpad.com/components/modal.html\n */\nexport default {\n name: 'DtModal',\n\n components: {\n DtLazyShow,\n DtButton,\n DtIconClose,\n SrOnlyCloseButton,\n },\n\n mixins: [Modal, DtLocalizationMixin],\n\n props: {\n /**\n * Body text to display as the modal's main content.\n */\n copy: {\n type: String,\n default: '',\n },\n\n /**\n * Id to use for the dialog's aria-describedby.\n * Recommended only if the dialog content itself isn't enough to give full context,\n * as screen readers should recite the dialog contents by default before any aria-description.\n */\n describedById: {\n type: String,\n default: '',\n },\n\n /**\n * Id to use for the dialog's aria-labelledby.\n */\n labelledById: {\n type: String,\n default: function () { return getUniqueString(); },\n },\n\n /**\n * Whether the modal should be shown.\n * Parent component can sync on this value to control the modal's visibility.\n * @values true, false\n */\n show: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Title text to display in the modal header.\n */\n title: {\n type: String,\n default: '',\n },\n\n /**\n * Title text to display in the modal banner.\n */\n bannerTitle: {\n type: String,\n default: '',\n },\n\n /**\n * The theme of the modal. kind - default or danger,\n * @values default, danger\n */\n kind: {\n type: String,\n default: 'default',\n validator: (k) => Object.keys(MODAL_KIND_MODIFIERS).includes(k),\n },\n\n /**\n * The size of the modal. size - default or full,\n * @values default, full\n */\n size: {\n type: String,\n default: 'default',\n validator: (s) => Object.keys(MODAL_SIZE_MODIFIERS).includes(s),\n },\n\n /**\n * Additional class name for the root modal element.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n modalClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Additional class name for the dialog element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n dialogClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Additional class name for the content element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n contentClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Sets the color of the banner.\n * @values base, error, info, success, warning\n */\n bannerKind: {\n type: String,\n default: 'warning',\n validate (kind) {\n return NOTICE_KINDS.includes(kind);\n },\n },\n\n /**\n * Additional class name for the banner element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n bannerClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Hides the close button on the modal\n * @values true, false\n */\n hideClose: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Whether the modal will close when you click outside of the dialog on the overlay.\n * @values true, false\n */\n closeOnClick: {\n type: Boolean,\n default: true,\n },\n\n /**\n * Scrollable modal that allows scroll the modal content keeping the header and footer fixed\n * @values true, false\n */\n fixedHeaderFooter: {\n type: Boolean,\n default: true,\n },\n\n /**\n * The element that is focused when the modal is opened. This can be an\n * HTMLElement within the modal, a string starting with '#' which will\n * find the element by ID. 'first' which will automatically focus\n * the first element, or 'dialog' which will focus the dialog window itself.\n * If the dialog is modal this prop cannot be 'none'.\n */\n initialFocusElement: {\n type: [String, HTMLElement],\n default: 'first',\n validator: initialFocusElement => {\n return initialFocusElement === 'first' ||\n (initialFocusElement instanceof HTMLElement) ||\n initialFocusElement.startsWith('#');\n },\n },\n },\n\n emits: [\n /**\n * The modal will emit a \"false\" boolean value for this event when the user performs a modal-closing action.\n * Parent components can sync on this value to create a 2-way binding to control modal visibility.\n *\n * @event update:show\n * @type {Boolean}\n */\n 'update:show',\n ],\n\n data () {\n return {\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n MODAL_BANNER_KINDS,\n EVENT_KEYNAMES,\n };\n },\n\n computed: {\n modalListeners () {\n return {\n ...this.$listeners,\n\n click: event => {\n if (!this.closeOnClick) return;\n (event.target === event.currentTarget) && this.close();\n this.$emit('click', event);\n },\n\n keydown: event => {\n switch (event.code) {\n case EVENT_KEYNAMES.esc:\n case EVENT_KEYNAMES.escape:\n this.close();\n break;\n case EVENT_KEYNAMES.tab:\n this.trapFocus(event);\n break;\n }\n this.$emit('keydown', event);\n },\n\n 'after-enter': event => {\n this.$emit('update:show', true);\n (event.target === event.currentTarget) && this.setFocusAfterTransition();\n },\n };\n },\n\n open () {\n return `${!this.show}`;\n },\n\n hasFooterSlot () {\n return !!this.$slots.footer;\n },\n\n bannerKindClass () {\n return MODAL_BANNER_KINDS[this.bannerKind];\n },\n\n closeButtonTitle () {\n return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n },\n },\n\n watch: {\n show: {\n handler (isShowing) {\n if (isShowing) {\n // Set a reference to the previously-active element, to which we'll return focus on modal close.\n this.previousActiveElement = document.activeElement;\n disableRootScrolling(this.$el.getRootNode().host);\n } else {\n enableRootScrolling(this.$el.getRootNode().host);\n // Modal is being hidden, so return focus to the previously active element before clearing the reference.\n this.previousActiveElement?.focus();\n this.previousActiveElement = null;\n }\n },\n },\n },\n\n methods: {\n close () {\n this.$emit('update:show', false);\n },\n\n setFocusAfterTransition () {\n if (this.initialFocusElement === 'first') {\n this.focusFirstElement();\n } else if (this.initialFocusElement.startsWith('#')) {\n this.focusElementById(this.initialFocusElement);\n } else if (this.initialFocusElement instanceof HTMLElement) {\n this.initialFocusElement.focus();\n }\n },\n\n trapFocus (e) {\n if (this.show) {\n this.focusTrappedTabPress(e);\n }\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtLazyShow","DtButton","DtIconClose","SrOnlyCloseButton","Modal","DtLocalizationMixin","getUniqueString","k","MODAL_KIND_MODIFIERS","s","MODAL_SIZE_MODIFIERS","kind","NOTICE_KINDS","initialFocusElement","MODAL_BANNER_KINDS","EVENT_KEYNAMES","event","isShowing","disableRootScrolling","enableRootScrolling","_a"],"mappings":"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"}
1
+ {"version":3,"file":"modal.cjs","sources":["../../../components/modal/modal.vue"],"sourcesContent":["<template>\n <dt-lazy-show\n transition=\"d-zoom\"\n :show=\"show\"\n :class=\"[\n 'd-modal',\n MODAL_KIND_MODIFIERS[kind],\n MODAL_SIZE_MODIFIERS[size],\n modalClass,\n ]\"\n data-qa=\"dt-modal\"\n :aria-hidden=\"open\"\n v-on=\"modalListeners\"\n >\n <div\n v-if=\"show && ($slots.banner || bannerTitle)\"\n data-qa=\"dt-modal-banner\"\n :class=\"[\n 'd-modal__banner',\n bannerClass,\n bannerKindClass,\n ]\"\n >\n <!-- @slot Slot for the banner, defaults to bannerTitle prop -->\n <slot name=\"banner\">\n {{ bannerTitle }}\n </slot>\n </div>\n <transition\n appear\n name=\"d-modal__dialog\"\n >\n <div\n v-show=\"show\"\n :class=\"[\n 'd-modal__dialog',\n { 'd-modal__dialog--scrollable': fixedHeaderFooter },\n dialogClass,\n ]\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-describedby=\"describedById\"\n :aria-labelledby=\"labelledById\"\n >\n <div\n v-if=\"$slots.header\"\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n <!-- @slot Slot for dialog header section, taking the place of any \"title\" text prop -->\n <slot name=\"header\" />\n </div>\n <h2\n v-else\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n {{ title }}\n </h2>\n <div\n v-if=\"$slots.default\"\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n <!-- @slot Default slot for dialog body section, taking the place of any \"copy\" text prop -->\n <slot />\n </div>\n <p\n v-else\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n {{ copy }}\n </p>\n <footer\n v-if=\"hasFooterSlot\"\n class=\"d-modal__footer\"\n >\n <!-- @slot Slot for dialog footer content, often containing cancel and confirm buttons. -->\n <slot name=\"footer\" />\n </footer>\n <sr-only-close-button\n v-if=\"hideClose\"\n @close=\"close\"\n />\n <dt-button\n v-else\n class=\"d-modal__close\"\n data-qa=\"dt-modal-close-button\"\n circle\n size=\"lg\"\n importance=\"clear\"\n :aria-label=\"closeButtonTitle\"\n :title=\"closeButtonTitle\"\n @click=\"close\"\n >\n <template #icon>\n <dt-icon-close\n size=\"400\"\n />\n </template>\n </dt-button>\n </div>\n </transition>\n </dt-lazy-show>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue2';\nimport Modal from '@/common/mixins/modal';\nimport {\n MODAL_BANNER_KINDS,\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n} from './modal_constants';\nimport { getUniqueString, disableRootScrolling, enableRootScrolling } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { EVENT_KEYNAMES } from '@/common/constants';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { NOTICE_KINDS } from '@/components/notice';\nimport { DtLocalizationMixin } from '@/common/mixins';\n\n/**\n * Modals focus the user’s attention exclusively on one task or piece of information\n * via a window that sits on top of the page content.\n * @see https://dialtone.dialpad.com/components/modal.html\n */\nexport default {\n name: 'DtModal',\n\n components: {\n DtLazyShow,\n DtButton,\n DtIconClose,\n SrOnlyCloseButton,\n },\n\n mixins: [Modal, DtLocalizationMixin],\n\n props: {\n /**\n * Body text to display as the modal's main content.\n */\n copy: {\n type: String,\n default: '',\n },\n\n /**\n * Id to use for the dialog's aria-describedby.\n * Recommended only if the dialog content itself isn't enough to give full context,\n * as screen readers should recite the dialog contents by default before any aria-description.\n */\n describedById: {\n type: String,\n default: '',\n },\n\n /**\n * Id to use for the dialog's aria-labelledby.\n */\n labelledById: {\n type: String,\n default: function () { return getUniqueString(); },\n },\n\n /**\n * Whether the modal should be shown.\n * Parent component can sync on this value to control the modal's visibility.\n * @values true, false\n */\n show: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Title text to display in the modal header.\n */\n title: {\n type: String,\n default: '',\n },\n\n /**\n * Title text to display in the modal banner.\n */\n bannerTitle: {\n type: String,\n default: '',\n },\n\n /**\n * The theme of the modal. kind - default or danger,\n * @values default, danger\n */\n kind: {\n type: String,\n default: 'default',\n validator: (k) => Object.keys(MODAL_KIND_MODIFIERS).includes(k),\n },\n\n /**\n * The size of the modal. size - default or full,\n * @values default, full\n */\n size: {\n type: String,\n default: 'default',\n validator: (s) => Object.keys(MODAL_SIZE_MODIFIERS).includes(s),\n },\n\n /**\n * Additional class name for the root modal element.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n modalClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Additional class name for the dialog element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n dialogClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Additional class name for the content element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n contentClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Sets the color of the banner.\n * @values base, error, info, success, warning\n */\n bannerKind: {\n type: String,\n default: 'warning',\n validate (kind) {\n return NOTICE_KINDS.includes(kind);\n },\n },\n\n /**\n * Additional class name for the banner element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n bannerClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Hides the close button on the modal\n * @values true, false\n */\n hideClose: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Whether the modal will close when you click outside of the dialog on the overlay.\n * @values true, false\n */\n closeOnClick: {\n type: Boolean,\n default: true,\n },\n\n /**\n * Scrollable modal that allows scroll the modal content keeping the header and footer fixed\n * @values true, false\n */\n fixedHeaderFooter: {\n type: Boolean,\n default: true,\n },\n\n /**\n * The element that is focused when the modal is opened. This can be an\n * HTMLElement within the modal, a string starting with '#' which will\n * find the element by ID. 'first' which will automatically focus\n * the first element, or 'dialog' which will focus the dialog window itself.\n * If the dialog is modal this prop cannot be 'none'.\n */\n initialFocusElement: {\n type: [String, HTMLElement],\n default: 'first',\n validator: initialFocusElement => {\n return initialFocusElement === 'first' ||\n (initialFocusElement instanceof HTMLElement) ||\n initialFocusElement.startsWith('#');\n },\n },\n },\n\n emits: [\n /**\n * The modal will emit a \"false\" boolean value for this event when the user performs a modal-closing action.\n * Parent components can sync on this value to create a 2-way binding to control modal visibility.\n *\n * @event update:show\n * @type {Boolean}\n */\n 'update:show',\n ],\n\n data () {\n return {\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n MODAL_BANNER_KINDS,\n EVENT_KEYNAMES,\n };\n },\n\n computed: {\n modalListeners () {\n return {\n ...this.$listeners,\n\n click: event => {\n // Handle backdrop clicks for closing modal\n if (this.closeOnClick && event.target === event.currentTarget) {\n this.close();\n } else if (this.show && event.target !== event.currentTarget) {\n // Ensure focus stays within modal when clicking inside it\n this.handleModalClick(event);\n }\n\n this.$emit('click', event);\n },\n\n keydown: event => {\n switch (event.code) {\n case EVENT_KEYNAMES.esc:\n case EVENT_KEYNAMES.escape:\n this.close();\n break;\n case EVENT_KEYNAMES.tab:\n this.trapFocus(event);\n break;\n }\n this.$emit('keydown', event);\n },\n\n 'after-enter': async () => {\n this.$emit('update:show', true);\n await this.setFocusAfterTransition();\n },\n };\n },\n\n open () {\n return `${!this.show}`;\n },\n\n hasFooterSlot () {\n return !!this.$slots.footer;\n },\n\n bannerKindClass () {\n return MODAL_BANNER_KINDS[this.bannerKind];\n },\n\n closeButtonTitle () {\n return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n },\n },\n\n watch: {\n show: {\n handler (isShowing) {\n if (isShowing) {\n // Set a reference to the previously-active element, to which we'll return focus on modal close.\n this.previousActiveElement = document.activeElement;\n disableRootScrolling(this.$el.getRootNode().host);\n } else {\n enableRootScrolling(this.$el.getRootNode().host);\n // Modal is being hidden, so return focus to the previously active element before clearing the reference.\n this.previousActiveElement?.focus();\n this.previousActiveElement = null;\n }\n },\n },\n },\n\n methods: {\n close () {\n this.$emit('update:show', false);\n },\n\n async setFocusAfterTransition () {\n if (this.initialFocusElement === 'first') {\n await this.focusFirstElement();\n } else if (this.initialFocusElement.startsWith('#')) {\n await this.focusElementById(this.initialFocusElement);\n } else if (this.initialFocusElement instanceof HTMLElement) {\n this.initialFocusElement.focus();\n }\n },\n\n trapFocus (e) {\n if (this.show) {\n this.focusTrappedTabPress(e);\n }\n },\n\n handleModalClick (event) {\n // Ensure focus stays within modal when clicking inside it\n const clickedElement = event.target;\n const focusableElements = this._getFocusableElements();\n\n // If the clicked element is not focusable, ensure focus stays in modal\n if (focusableElements.length && !focusableElements.includes(clickedElement)) {\n // Check if current active element is still within the modal\n if (!focusableElements.includes(document.activeElement)) {\n this.focusFirstElement();\n }\n }\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtLazyShow","DtButton","DtIconClose","SrOnlyCloseButton","Modal","DtLocalizationMixin","getUniqueString","k","MODAL_KIND_MODIFIERS","s","MODAL_SIZE_MODIFIERS","kind","NOTICE_KINDS","initialFocusElement","MODAL_BANNER_KINDS","EVENT_KEYNAMES","event","isShowing","disableRootScrolling","enableRootScrolling","_a","clickedElement","focusableElements"],"mappings":"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"}
package/dist/lib/modal/modal.js CHANGED
@@ -192,7 +192,7 @@ const b = {
192
192
  return {
193
193
  ...this.$listeners,
194
194
  click: (e) => {
195
- this.closeOnClick && (e.target === e.currentTarget && this.close(), this.$emit("click", e));
195
+ this.closeOnClick && e.target === e.currentTarget ? this.close() : this.show && e.target !== e.currentTarget && this.handleModalClick(e), this.$emit("click", e);
196
196
  },
197
197
  keydown: (e) => {
198
198
  switch (e.code) {
@@ -206,8 +206,8 @@ const b = {
206
206
  }
207
207
  this.$emit("keydown", e);
208
208
  },
209
- "after-enter": (e) => {
210
- this.$emit("update:show", !0), e.target === e.currentTarget && this.setFocusAfterTransition();
209
+ "after-enter": async () => {
210
+ this.$emit("update:show", !0), await this.setFocusAfterTransition();
211
211
  }
212
212
  };
213
213
  },
@@ -236,11 +236,15 @@ const b = {
236
236
  close() {
237
237
  this.$emit("update:show", !1);
238
238
  },
239
- setFocusAfterTransition() {
240
- this.initialFocusElement === "first" ? this.focusFirstElement() : this.initialFocusElement.startsWith("#") ? this.focusElementById(this.initialFocusElement) : this.initialFocusElement instanceof HTMLElement && this.initialFocusElement.focus();
239
+ async setFocusAfterTransition() {
240
+ this.initialFocusElement === "first" ? await this.focusFirstElement() : this.initialFocusElement.startsWith("#") ? await this.focusElementById(this.initialFocusElement) : this.initialFocusElement instanceof HTMLElement && this.initialFocusElement.focus();
241
241
  },
242
242
  trapFocus(e) {
243
243
  this.show && this.focusTrappedTabPress(e);
244
+ },
245
+ handleModalClick(e) {
246
+ const t = e.target, a = this._getFocusableElements();
247
+ a.length && !a.includes(t) && (a.includes(document.activeElement) || this.focusFirstElement());
244
248
  }
245
249
  }
246
250
  };
@@ -270,13 +274,13 @@ var g = function() {
270
274
  ], attrs: { "data-qa": "dt-modal-copy" } }, [t._v(" " + t._s(t.copy) + " ")]), t.hasFooterSlot ? a("footer", { staticClass: "d-modal__footer" }, [t._t("footer")], 2) : t._e(), t.hideClose ? a("sr-only-close-button", { on: { close: t.close } }) : a("dt-button", { staticClass: "d-modal__close", attrs: { "data-qa": "dt-modal-close-button", circle: "", size: "lg", importance: "clear", "aria-label": t.closeButtonTitle, title: t.closeButtonTitle }, on: { click: t.close }, scopedSlots: t._u([{ key: "icon", fn: function() {
271
275
  return [a("dt-icon-close", { attrs: { size: "400" } })];
272
276
  }, proxy: !0 }]) })], 1)])], 1);
273
- }, S = [], E = /* @__PURE__ */ f(
277
+ }, E = [], S = /* @__PURE__ */ f(
274
278
  b,
275
279
  g,
276
- S
280
+ E
277
281
  );
278
- const k = E.exports;
282
+ const A = S.exports;
279
283
  export {
280
- k as default
284
+ A as default
281
285
  };
282
286
  //# sourceMappingURL=modal.js.map
package/dist/lib/modal/modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.js","sources":["../../../components/modal/modal.vue"],"sourcesContent":["<template>\n <dt-lazy-show\n transition=\"d-zoom\"\n :show=\"show\"\n :class=\"[\n 'd-modal',\n MODAL_KIND_MODIFIERS[kind],\n MODAL_SIZE_MODIFIERS[size],\n modalClass,\n ]\"\n data-qa=\"dt-modal\"\n :aria-hidden=\"open\"\n v-on=\"modalListeners\"\n >\n <div\n v-if=\"show && ($slots.banner || bannerTitle)\"\n data-qa=\"dt-modal-banner\"\n :class=\"[\n 'd-modal__banner',\n bannerClass,\n bannerKindClass,\n ]\"\n >\n <!-- @slot Slot for the banner, defaults to bannerTitle prop -->\n <slot name=\"banner\">\n {{ bannerTitle }}\n </slot>\n </div>\n <transition\n appear\n name=\"d-modal__dialog\"\n >\n <div\n v-show=\"show\"\n :class=\"[\n 'd-modal__dialog',\n { 'd-modal__dialog--scrollable': fixedHeaderFooter },\n dialogClass,\n ]\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-describedby=\"describedById\"\n :aria-labelledby=\"labelledById\"\n >\n <div\n v-if=\"$slots.header\"\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n <!-- @slot Slot for dialog header section, taking the place of any \"title\" text prop -->\n <slot name=\"header\" />\n </div>\n <h2\n v-else\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n {{ title }}\n </h2>\n <div\n v-if=\"$slots.default\"\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n <!-- @slot Default slot for dialog body section, taking the place of any \"copy\" text prop -->\n <slot />\n </div>\n <p\n v-else\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n {{ copy }}\n </p>\n <footer\n v-if=\"hasFooterSlot\"\n class=\"d-modal__footer\"\n >\n <!-- @slot Slot for dialog footer content, often containing cancel and confirm buttons. -->\n <slot name=\"footer\" />\n </footer>\n <sr-only-close-button\n v-if=\"hideClose\"\n @close=\"close\"\n />\n <dt-button\n v-else\n class=\"d-modal__close\"\n data-qa=\"dt-modal-close-button\"\n circle\n size=\"lg\"\n importance=\"clear\"\n :aria-label=\"closeButtonTitle\"\n :title=\"closeButtonTitle\"\n @click=\"close\"\n >\n <template #icon>\n <dt-icon-close\n size=\"400\"\n />\n </template>\n </dt-button>\n </div>\n </transition>\n </dt-lazy-show>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue2';\nimport Modal from '@/common/mixins/modal';\nimport {\n MODAL_BANNER_KINDS,\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n} from './modal_constants';\nimport { getUniqueString, disableRootScrolling, enableRootScrolling } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { EVENT_KEYNAMES } from '@/common/constants';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { NOTICE_KINDS } from '@/components/notice';\nimport { DtLocalizationMixin } from '@/common/mixins';\n\n/**\n * Modals focus the user’s attention exclusively on one task or piece of information\n * via a window that sits on top of the page content.\n * @see https://dialtone.dialpad.com/components/modal.html\n */\nexport default {\n name: 'DtModal',\n\n components: {\n DtLazyShow,\n DtButton,\n DtIconClose,\n SrOnlyCloseButton,\n },\n\n mixins: [Modal, DtLocalizationMixin],\n\n props: {\n /**\n * Body text to display as the modal's main content.\n */\n copy: {\n type: String,\n default: '',\n },\n\n /**\n * Id to use for the dialog's aria-describedby.\n * Recommended only if the dialog content itself isn't enough to give full context,\n * as screen readers should recite the dialog contents by default before any aria-description.\n */\n describedById: {\n type: String,\n default: '',\n },\n\n /**\n * Id to use for the dialog's aria-labelledby.\n */\n labelledById: {\n type: String,\n default: function () { return getUniqueString(); },\n },\n\n /**\n * Whether the modal should be shown.\n * Parent component can sync on this value to control the modal's visibility.\n * @values true, false\n */\n show: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Title text to display in the modal header.\n */\n title: {\n type: String,\n default: '',\n },\n\n /**\n * Title text to display in the modal banner.\n */\n bannerTitle: {\n type: String,\n default: '',\n },\n\n /**\n * The theme of the modal. kind - default or danger,\n * @values default, danger\n */\n kind: {\n type: String,\n default: 'default',\n validator: (k) => Object.keys(MODAL_KIND_MODIFIERS).includes(k),\n },\n\n /**\n * The size of the modal. size - default or full,\n * @values default, full\n */\n size: {\n type: String,\n default: 'default',\n validator: (s) => Object.keys(MODAL_SIZE_MODIFIERS).includes(s),\n },\n\n /**\n * Additional class name for the root modal element.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n modalClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Additional class name for the dialog element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n dialogClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Additional class name for the content element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n contentClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Sets the color of the banner.\n * @values base, error, info, success, warning\n */\n bannerKind: {\n type: String,\n default: 'warning',\n validate (kind) {\n return NOTICE_KINDS.includes(kind);\n },\n },\n\n /**\n * Additional class name for the banner element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n bannerClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Hides the close button on the modal\n * @values true, false\n */\n hideClose: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Whether the modal will close when you click outside of the dialog on the overlay.\n * @values true, false\n */\n closeOnClick: {\n type: Boolean,\n default: true,\n },\n\n /**\n * Scrollable modal that allows scroll the modal content keeping the header and footer fixed\n * @values true, false\n */\n fixedHeaderFooter: {\n type: Boolean,\n default: true,\n },\n\n /**\n * The element that is focused when the modal is opened. This can be an\n * HTMLElement within the modal, a string starting with '#' which will\n * find the element by ID. 'first' which will automatically focus\n * the first element, or 'dialog' which will focus the dialog window itself.\n * If the dialog is modal this prop cannot be 'none'.\n */\n initialFocusElement: {\n type: [String, HTMLElement],\n default: 'first',\n validator: initialFocusElement => {\n return initialFocusElement === 'first' ||\n (initialFocusElement instanceof HTMLElement) ||\n initialFocusElement.startsWith('#');\n },\n },\n },\n\n emits: [\n /**\n * The modal will emit a \"false\" boolean value for this event when the user performs a modal-closing action.\n * Parent components can sync on this value to create a 2-way binding to control modal visibility.\n *\n * @event update:show\n * @type {Boolean}\n */\n 'update:show',\n ],\n\n data () {\n return {\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n MODAL_BANNER_KINDS,\n EVENT_KEYNAMES,\n };\n },\n\n computed: {\n modalListeners () {\n return {\n ...this.$listeners,\n\n click: event => {\n if (!this.closeOnClick) return;\n (event.target === event.currentTarget) && this.close();\n this.$emit('click', event);\n },\n\n keydown: event => {\n switch (event.code) {\n case EVENT_KEYNAMES.esc:\n case EVENT_KEYNAMES.escape:\n this.close();\n break;\n case EVENT_KEYNAMES.tab:\n this.trapFocus(event);\n break;\n }\n this.$emit('keydown', event);\n },\n\n 'after-enter': event => {\n this.$emit('update:show', true);\n (event.target === event.currentTarget) && this.setFocusAfterTransition();\n },\n };\n },\n\n open () {\n return `${!this.show}`;\n },\n\n hasFooterSlot () {\n return !!this.$slots.footer;\n },\n\n bannerKindClass () {\n return MODAL_BANNER_KINDS[this.bannerKind];\n },\n\n closeButtonTitle () {\n return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n },\n },\n\n watch: {\n show: {\n handler (isShowing) {\n if (isShowing) {\n // Set a reference to the previously-active element, to which we'll return focus on modal close.\n this.previousActiveElement = document.activeElement;\n disableRootScrolling(this.$el.getRootNode().host);\n } else {\n enableRootScrolling(this.$el.getRootNode().host);\n // Modal is being hidden, so return focus to the previously active element before clearing the reference.\n this.previousActiveElement?.focus();\n this.previousActiveElement = null;\n }\n },\n },\n },\n\n methods: {\n close () {\n this.$emit('update:show', false);\n },\n\n setFocusAfterTransition () {\n if (this.initialFocusElement === 'first') {\n this.focusFirstElement();\n } else if (this.initialFocusElement.startsWith('#')) {\n this.focusElementById(this.initialFocusElement);\n } else if (this.initialFocusElement instanceof HTMLElement) {\n this.initialFocusElement.focus();\n }\n },\n\n trapFocus (e) {\n if (this.show) {\n this.focusTrappedTabPress(e);\n }\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtLazyShow","DtButton","DtIconClose","SrOnlyCloseButton","Modal","DtLocalizationMixin","getUniqueString","k","MODAL_KIND_MODIFIERS","s","MODAL_SIZE_MODIFIERS","kind","NOTICE_KINDS","initialFocusElement","MODAL_BANNER_KINDS","EVENT_KEYNAMES","event","isShowing","disableRootScrolling","enableRootScrolling","_a"],"mappings":"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"}
1
+ {"version":3,"file":"modal.js","sources":["../../../components/modal/modal.vue"],"sourcesContent":["<template>\n <dt-lazy-show\n transition=\"d-zoom\"\n :show=\"show\"\n :class=\"[\n 'd-modal',\n MODAL_KIND_MODIFIERS[kind],\n MODAL_SIZE_MODIFIERS[size],\n modalClass,\n ]\"\n data-qa=\"dt-modal\"\n :aria-hidden=\"open\"\n v-on=\"modalListeners\"\n >\n <div\n v-if=\"show && ($slots.banner || bannerTitle)\"\n data-qa=\"dt-modal-banner\"\n :class=\"[\n 'd-modal__banner',\n bannerClass,\n bannerKindClass,\n ]\"\n >\n <!-- @slot Slot for the banner, defaults to bannerTitle prop -->\n <slot name=\"banner\">\n {{ bannerTitle }}\n </slot>\n </div>\n <transition\n appear\n name=\"d-modal__dialog\"\n >\n <div\n v-show=\"show\"\n :class=\"[\n 'd-modal__dialog',\n { 'd-modal__dialog--scrollable': fixedHeaderFooter },\n dialogClass,\n ]\"\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-describedby=\"describedById\"\n :aria-labelledby=\"labelledById\"\n >\n <div\n v-if=\"$slots.header\"\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n <!-- @slot Slot for dialog header section, taking the place of any \"title\" text prop -->\n <slot name=\"header\" />\n </div>\n <h2\n v-else\n :id=\"labelledById\"\n class=\"d-modal__header\"\n data-qa=\"dt-modal-title\"\n >\n {{ title }}\n </h2>\n <div\n v-if=\"$slots.default\"\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n <!-- @slot Default slot for dialog body section, taking the place of any \"copy\" text prop -->\n <slot />\n </div>\n <p\n v-else\n :class=\"[\n 'd-modal__content',\n contentClass,\n ]\"\n data-qa=\"dt-modal-copy\"\n >\n {{ copy }}\n </p>\n <footer\n v-if=\"hasFooterSlot\"\n class=\"d-modal__footer\"\n >\n <!-- @slot Slot for dialog footer content, often containing cancel and confirm buttons. -->\n <slot name=\"footer\" />\n </footer>\n <sr-only-close-button\n v-if=\"hideClose\"\n @close=\"close\"\n />\n <dt-button\n v-else\n class=\"d-modal__close\"\n data-qa=\"dt-modal-close-button\"\n circle\n size=\"lg\"\n importance=\"clear\"\n :aria-label=\"closeButtonTitle\"\n :title=\"closeButtonTitle\"\n @click=\"close\"\n >\n <template #icon>\n <dt-icon-close\n size=\"400\"\n />\n </template>\n </dt-button>\n </div>\n </transition>\n </dt-lazy-show>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue2';\nimport Modal from '@/common/mixins/modal';\nimport {\n MODAL_BANNER_KINDS,\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n} from './modal_constants';\nimport { getUniqueString, disableRootScrolling, enableRootScrolling } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { EVENT_KEYNAMES } from '@/common/constants';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\nimport { NOTICE_KINDS } from '@/components/notice';\nimport { DtLocalizationMixin } from '@/common/mixins';\n\n/**\n * Modals focus the user’s attention exclusively on one task or piece of information\n * via a window that sits on top of the page content.\n * @see https://dialtone.dialpad.com/components/modal.html\n */\nexport default {\n name: 'DtModal',\n\n components: {\n DtLazyShow,\n DtButton,\n DtIconClose,\n SrOnlyCloseButton,\n },\n\n mixins: [Modal, DtLocalizationMixin],\n\n props: {\n /**\n * Body text to display as the modal's main content.\n */\n copy: {\n type: String,\n default: '',\n },\n\n /**\n * Id to use for the dialog's aria-describedby.\n * Recommended only if the dialog content itself isn't enough to give full context,\n * as screen readers should recite the dialog contents by default before any aria-description.\n */\n describedById: {\n type: String,\n default: '',\n },\n\n /**\n * Id to use for the dialog's aria-labelledby.\n */\n labelledById: {\n type: String,\n default: function () { return getUniqueString(); },\n },\n\n /**\n * Whether the modal should be shown.\n * Parent component can sync on this value to control the modal's visibility.\n * @values true, false\n */\n show: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Title text to display in the modal header.\n */\n title: {\n type: String,\n default: '',\n },\n\n /**\n * Title text to display in the modal banner.\n */\n bannerTitle: {\n type: String,\n default: '',\n },\n\n /**\n * The theme of the modal. kind - default or danger,\n * @values default, danger\n */\n kind: {\n type: String,\n default: 'default',\n validator: (k) => Object.keys(MODAL_KIND_MODIFIERS).includes(k),\n },\n\n /**\n * The size of the modal. size - default or full,\n * @values default, full\n */\n size: {\n type: String,\n default: 'default',\n validator: (s) => Object.keys(MODAL_SIZE_MODIFIERS).includes(s),\n },\n\n /**\n * Additional class name for the root modal element.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n modalClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Additional class name for the dialog element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n dialogClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Additional class name for the content element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n contentClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Sets the color of the banner.\n * @values base, error, info, success, warning\n */\n bannerKind: {\n type: String,\n default: 'warning',\n validate (kind) {\n return NOTICE_KINDS.includes(kind);\n },\n },\n\n /**\n * Additional class name for the banner element within the modal.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n */\n bannerClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /**\n * Hides the close button on the modal\n * @values true, false\n */\n hideClose: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Whether the modal will close when you click outside of the dialog on the overlay.\n * @values true, false\n */\n closeOnClick: {\n type: Boolean,\n default: true,\n },\n\n /**\n * Scrollable modal that allows scroll the modal content keeping the header and footer fixed\n * @values true, false\n */\n fixedHeaderFooter: {\n type: Boolean,\n default: true,\n },\n\n /**\n * The element that is focused when the modal is opened. This can be an\n * HTMLElement within the modal, a string starting with '#' which will\n * find the element by ID. 'first' which will automatically focus\n * the first element, or 'dialog' which will focus the dialog window itself.\n * If the dialog is modal this prop cannot be 'none'.\n */\n initialFocusElement: {\n type: [String, HTMLElement],\n default: 'first',\n validator: initialFocusElement => {\n return initialFocusElement === 'first' ||\n (initialFocusElement instanceof HTMLElement) ||\n initialFocusElement.startsWith('#');\n },\n },\n },\n\n emits: [\n /**\n * The modal will emit a \"false\" boolean value for this event when the user performs a modal-closing action.\n * Parent components can sync on this value to create a 2-way binding to control modal visibility.\n *\n * @event update:show\n * @type {Boolean}\n */\n 'update:show',\n ],\n\n data () {\n return {\n MODAL_KIND_MODIFIERS,\n MODAL_SIZE_MODIFIERS,\n MODAL_BANNER_KINDS,\n EVENT_KEYNAMES,\n };\n },\n\n computed: {\n modalListeners () {\n return {\n ...this.$listeners,\n\n click: event => {\n // Handle backdrop clicks for closing modal\n if (this.closeOnClick && event.target === event.currentTarget) {\n this.close();\n } else if (this.show && event.target !== event.currentTarget) {\n // Ensure focus stays within modal when clicking inside it\n this.handleModalClick(event);\n }\n\n this.$emit('click', event);\n },\n\n keydown: event => {\n switch (event.code) {\n case EVENT_KEYNAMES.esc:\n case EVENT_KEYNAMES.escape:\n this.close();\n break;\n case EVENT_KEYNAMES.tab:\n this.trapFocus(event);\n break;\n }\n this.$emit('keydown', event);\n },\n\n 'after-enter': async () => {\n this.$emit('update:show', true);\n await this.setFocusAfterTransition();\n },\n };\n },\n\n open () {\n return `${!this.show}`;\n },\n\n hasFooterSlot () {\n return !!this.$slots.footer;\n },\n\n bannerKindClass () {\n return MODAL_BANNER_KINDS[this.bannerKind];\n },\n\n closeButtonTitle () {\n return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n },\n },\n\n watch: {\n show: {\n handler (isShowing) {\n if (isShowing) {\n // Set a reference to the previously-active element, to which we'll return focus on modal close.\n this.previousActiveElement = document.activeElement;\n disableRootScrolling(this.$el.getRootNode().host);\n } else {\n enableRootScrolling(this.$el.getRootNode().host);\n // Modal is being hidden, so return focus to the previously active element before clearing the reference.\n this.previousActiveElement?.focus();\n this.previousActiveElement = null;\n }\n },\n },\n },\n\n methods: {\n close () {\n this.$emit('update:show', false);\n },\n\n async setFocusAfterTransition () {\n if (this.initialFocusElement === 'first') {\n await this.focusFirstElement();\n } else if (this.initialFocusElement.startsWith('#')) {\n await this.focusElementById(this.initialFocusElement);\n } else if (this.initialFocusElement instanceof HTMLElement) {\n this.initialFocusElement.focus();\n }\n },\n\n trapFocus (e) {\n if (this.show) {\n this.focusTrappedTabPress(e);\n }\n },\n\n handleModalClick (event) {\n // Ensure focus stays within modal when clicking inside it\n const clickedElement = event.target;\n const focusableElements = this._getFocusableElements();\n\n // If the clicked element is not focusable, ensure focus stays in modal\n if (focusableElements.length && !focusableElements.includes(clickedElement)) {\n // Check if current active element is still within the modal\n if (!focusableElements.includes(document.activeElement)) {\n this.focusFirstElement();\n }\n }\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtLazyShow","DtButton","DtIconClose","SrOnlyCloseButton","Modal","DtLocalizationMixin","getUniqueString","k","MODAL_KIND_MODIFIERS","s","MODAL_SIZE_MODIFIERS","kind","NOTICE_KINDS","initialFocusElement","MODAL_BANNER_KINDS","EVENT_KEYNAMES","event","isShowing","disableRootScrolling","enableRootScrolling","_a","clickedElement","focusableElements"],"mappings":"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"}
package/dist/localization/en-US.cjs CHANGED
@@ -62,17 +62,7 @@ DIALTONE_EDITOR_ADD_LINK_BUTTON =
62
62
  .title = Add Link
63
63
  .aria-label = Input field to add link
64
64
 
65
- DIALTONE_EMOJI_ROW_REACTION_LABEL =
66
- { $reactionCount ->
67
- *[other] { $selected ->
68
- *[false] { $reactionCount } people reacted with { $reaction }.
69
- [true] { $reactionCount } people including you reacted with { $reaction }.
70
- }
71
- [one] { $selected ->
72
- *[false] { $name } reacted with { $reaction }.
73
- [true] You reacted with { $reaction }.
74
- }
75
- }
65
+ DIALTONE_EMOJI_ROW_REACTION_LABEL = { $names } reacted with { $reaction }
76
66
 
77
67
  DIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = Add emoji
78
68
  DIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = No results
package/dist/localization/en-US.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"en-US.cjs","sources":["../../localization/en-US.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = Click to close\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = breadcrumbs\\nDIALTONE_LOADING = loading\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n { $unreadCount ->\\n [0] No unread messages\\n [1] 1 unread message\\n *[other] {$unreadCount} unread messages\\n }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n { $unreadCount ->\\n [0] No unread mentions\\n [1] 1 unread mention\\n *[other] {$unreadCount} unread mentions\\n }\\nDIALTONE_TYPING_TEXT = Typing\\n\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = Click to open\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = Uploading\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = Previous\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = Next\\n\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = Open dropdown\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = Open popover\\n\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = Open menu\\n\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = Previous month\\nDIALTONE_DATEPICKER_NEXT_MONTH = Next month\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = Previous year\\nDIALTONE_DATEPICKER_NEXT_YEAR = Next year\\nDIALTONE_DATEPICKER_SELECT_DAY = Select day\\nDIALTONE_DATEPICKER_CHANGE_TO = Change to\\n\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n .title = Confirm\\n .aria-label = Confirm set link\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n .title = Remove\\n .aria-label = Remove link\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n .title = Cancel\\n .aria-label = Cancel set link\\n\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = Quick reply\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = Bold\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = Italics\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = Underline\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = Strike\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = Align Left\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = Align Center\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = Align Right\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = Align Justify\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = Bullet List\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = Ordered List\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = Quote\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = Code\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = Image\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = Link\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n .title = Add Link\\n .aria-label = Input field to add link\\n\\nDIALTONE_EMOJI_ROW_REACTION_LABEL =\\n { $reactionCount ->\\n *[other] { $selected ->\\n *[false] { $reactionCount } people reacted with { $reaction }.\\n [true] { $reactionCount } people including you reacted with { $reaction }.\\n }\\n [one] { $selected ->\\n *[false] { $name } reacted with { $reaction }.\\n [true] You reacted with { $reaction }.\\n }\\n }\\n\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = Add emoji\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = No results\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = Search results\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = Search...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = Change default skin tone\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = Most recently used\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = Smileys and people\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = Nature\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = Food\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = Activity\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = Travel\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = Objects\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = Symbols\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = Flags\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = Custom\\n\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = Click to expand\\n\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = Active voice chat\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = Call\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = Do not disturb\\n\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n { $count ->\\n [1] 1 user\\n *[other] {$count} users\\n }\\n\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = Open menu\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = prompt menu node\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = prompt collect node\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = prompt play node\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = go to expert node\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = branch node\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = go to node\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = assign node\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = customer data node\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = transfer node\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = hangup node\\n\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = Send\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = Attach Image\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = Select Emoji\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n .aria-label = Toggle bold on selected text\\n .tooltip-text = Bold\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n .aria-label = Toggle italic on selected text\\n .tooltip-text = Italic\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n .aria-label = Toggle strikethrough on selected text\\n .tooltip-text = Strikethrough\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n .aria-label = Create or edit bullet list on selected text\\n .tooltip-text = Bullet list\\nDIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =\\n .aria-label = Create or edit ordered list on selected text\\n .tooltip-text = Ordered list\\nDIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =\\n .aria-label = Create or edit block quote on selected text\\n .tooltip-text = Block quote\\nDIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =\\n .aria-label = Create or edit code on selected text\\n .tooltip-text = Code\\nDIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =\\n .aria-label = Create or edit code block on selected text\\n .tooltip-text = Code block\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n .aria-label = Create or edit link on selected text\\n .tooltip-text = Link\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = Add a link\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = Text to display (optional)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = Link\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = e.g. https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = Remove\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = Done\\n\\nDIALTONE_PAGINATION_FIRST_PAGE = First page\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = Previous page\\nDIALTONE_PAGINATION_NEXT_PAGE = Next page\\nDIALTONE_PAGINATION_LAST_PAGE = Last page\\nDIALTONE_PAGINATION_PAGE_NUMBER = Page number {$page}\\n\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = Edit\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = Open link\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = Remove\\n\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = Settings\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = Update\\n\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = Unread mentions\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = Unread messages\\n\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = English\\nSTORYBOOK_LANGUAGE_CHINESE = Chinese\\nSTORYBOOK_LANGUAGE_DUTCH = Dutch\\nSTORYBOOK_LANGUAGE_FRENCH = French\\nSTORYBOOK_LANGUAGE_GERMAN = German\\nSTORYBOOK_LANGUAGE_ITALIAN = Italian\\nSTORYBOOK_LANGUAGE_JAPANESE = Japanese\\nSTORYBOOK_LANGUAGE_PORTUGUESE = Portuguese\\nSTORYBOOK_LANGUAGE_RUSSIAN = Russian\\nSTORYBOOK_LANGUAGE_SPANISH = Spanish\\nSTORYBOOK_SET_LANGUAGE = Set language\\n\""],"names":["enUS"],"mappings":"4GAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1
+ {"version":3,"file":"en-US.cjs","sources":["../../localization/en-US.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = Click to close\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = breadcrumbs\\nDIALTONE_LOADING = loading\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n { $unreadCount ->\\n [0] No unread messages\\n [1] 1 unread message\\n *[other] {$unreadCount} unread messages\\n }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n { $unreadCount ->\\n [0] No unread mentions\\n [1] 1 unread mention\\n *[other] {$unreadCount} unread mentions\\n }\\nDIALTONE_TYPING_TEXT = Typing\\n\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = Click to open\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = Uploading\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = Previous\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = Next\\n\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = Open dropdown\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = Open popover\\n\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = Open menu\\n\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = Previous month\\nDIALTONE_DATEPICKER_NEXT_MONTH = Next month\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = Previous year\\nDIALTONE_DATEPICKER_NEXT_YEAR = Next year\\nDIALTONE_DATEPICKER_SELECT_DAY = Select day\\nDIALTONE_DATEPICKER_CHANGE_TO = Change to\\n\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n .title = Confirm\\n .aria-label = Confirm set link\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n .title = Remove\\n .aria-label = Remove link\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n .title = Cancel\\n .aria-label = Cancel set link\\n\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = Quick reply\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = Bold\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = Italics\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = Underline\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = Strike\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = Align Left\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = Align Center\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = Align Right\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = Align Justify\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = Bullet List\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = Ordered List\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = Quote\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = Code\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = Image\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = Link\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n .title = Add Link\\n .aria-label = Input field to add link\\n\\nDIALTONE_EMOJI_ROW_REACTION_LABEL = { $names } reacted with { $reaction }\\n\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = Add emoji\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = No results\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = Search results\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = Search...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = Change default skin tone\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = Most recently used\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = Smileys and people\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = Nature\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = Food\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = Activity\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = Travel\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = Objects\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = Symbols\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = Flags\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = Custom\\n\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = Click to expand\\n\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = Active voice chat\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = Call\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = Do not disturb\\n\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n { $count ->\\n [1] 1 user\\n *[other] {$count} users\\n }\\n\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = Open menu\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = prompt menu node\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = prompt collect node\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = prompt play node\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = go to expert node\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = branch node\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = go to node\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = assign node\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = customer data node\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = transfer node\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = hangup node\\n\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = Send\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = Attach Image\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = Select Emoji\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n .aria-label = Toggle bold on selected text\\n .tooltip-text = Bold\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n .aria-label = Toggle italic on selected text\\n .tooltip-text = Italic\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n .aria-label = Toggle strikethrough on selected text\\n .tooltip-text = Strikethrough\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n .aria-label = Create or edit bullet list on selected text\\n .tooltip-text = Bullet list\\nDIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =\\n .aria-label = Create or edit ordered list on selected text\\n .tooltip-text = Ordered list\\nDIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =\\n .aria-label = Create or edit block quote on selected text\\n .tooltip-text = Block quote\\nDIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =\\n .aria-label = Create or edit code on selected text\\n .tooltip-text = Code\\nDIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =\\n .aria-label = Create or edit code block on selected text\\n .tooltip-text = Code block\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n .aria-label = Create or edit link on selected text\\n .tooltip-text = Link\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = Add a link\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = Text to display (optional)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = Link\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = e.g. https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = Remove\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = Done\\n\\nDIALTONE_PAGINATION_FIRST_PAGE = First page\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = Previous page\\nDIALTONE_PAGINATION_NEXT_PAGE = Next page\\nDIALTONE_PAGINATION_LAST_PAGE = Last page\\nDIALTONE_PAGINATION_PAGE_NUMBER = Page number {$page}\\n\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = Edit\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = Open link\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = Remove\\n\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = Settings\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = Update\\n\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = Unread mentions\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = Unread messages\\n\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = English\\nSTORYBOOK_LANGUAGE_CHINESE = Chinese\\nSTORYBOOK_LANGUAGE_DUTCH = Dutch\\nSTORYBOOK_LANGUAGE_FRENCH = French\\nSTORYBOOK_LANGUAGE_GERMAN = German\\nSTORYBOOK_LANGUAGE_ITALIAN = Italian\\nSTORYBOOK_LANGUAGE_JAPANESE = Japanese\\nSTORYBOOK_LANGUAGE_PORTUGUESE = Portuguese\\nSTORYBOOK_LANGUAGE_RUSSIAN = Russian\\nSTORYBOOK_LANGUAGE_SPANISH = Spanish\\nSTORYBOOK_SET_LANGUAGE = Set language\\n\""],"names":["enUS"],"mappings":"4GAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
package/dist/localization/en-US.js CHANGED
@@ -62,17 +62,7 @@ DIALTONE_EDITOR_ADD_LINK_BUTTON =
62
62
  .title = Add Link
63
63
  .aria-label = Input field to add link
64
64
 
65
- DIALTONE_EMOJI_ROW_REACTION_LABEL =
66
- { $reactionCount ->
67
- *[other] { $selected ->
68
- *[false] { $reactionCount } people reacted with { $reaction }.
69
- [true] { $reactionCount } people including you reacted with { $reaction }.
70
- }
71
- [one] { $selected ->
72
- *[false] { $name } reacted with { $reaction }.
73
- [true] You reacted with { $reaction }.
74
- }
75
- }
65
+ DIALTONE_EMOJI_ROW_REACTION_LABEL = { $names } reacted with { $reaction }
76
66
 
77
67
  DIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = Add emoji
78
68
  DIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = No results
package/dist/localization/en-US.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"en-US.js","sources":["../../localization/en-US.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = Click to close\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = breadcrumbs\\nDIALTONE_LOADING = loading\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n { $unreadCount ->\\n [0] No unread messages\\n [1] 1 unread message\\n *[other] {$unreadCount} unread messages\\n }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n { $unreadCount ->\\n [0] No unread mentions\\n [1] 1 unread mention\\n *[other] {$unreadCount} unread mentions\\n }\\nDIALTONE_TYPING_TEXT = Typing\\n\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = Click to open\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = Uploading\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = Previous\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = Next\\n\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = Open dropdown\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = Open popover\\n\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = Open menu\\n\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = Previous month\\nDIALTONE_DATEPICKER_NEXT_MONTH = Next month\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = Previous year\\nDIALTONE_DATEPICKER_NEXT_YEAR = Next year\\nDIALTONE_DATEPICKER_SELECT_DAY = Select day\\nDIALTONE_DATEPICKER_CHANGE_TO = Change to\\n\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n .title = Confirm\\n .aria-label = Confirm set link\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n .title = Remove\\n .aria-label = Remove link\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n .title = Cancel\\n .aria-label = Cancel set link\\n\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = Quick reply\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = Bold\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = Italics\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = Underline\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = Strike\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = Align Left\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = Align Center\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = Align Right\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = Align Justify\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = Bullet List\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = Ordered List\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = Quote\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = Code\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = Image\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = Link\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n .title = Add Link\\n .aria-label = Input field to add link\\n\\nDIALTONE_EMOJI_ROW_REACTION_LABEL =\\n { $reactionCount ->\\n *[other] { $selected ->\\n *[false] { $reactionCount } people reacted with { $reaction }.\\n [true] { $reactionCount } people including you reacted with { $reaction }.\\n }\\n [one] { $selected ->\\n *[false] { $name } reacted with { $reaction }.\\n [true] You reacted with { $reaction }.\\n }\\n }\\n\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = Add emoji\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = No results\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = Search results\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = Search...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = Change default skin tone\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = Most recently used\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = Smileys and people\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = Nature\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = Food\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = Activity\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = Travel\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = Objects\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = Symbols\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = Flags\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = Custom\\n\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = Click to expand\\n\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = Active voice chat\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = Call\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = Do not disturb\\n\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n { $count ->\\n [1] 1 user\\n *[other] {$count} users\\n }\\n\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = Open menu\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = prompt menu node\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = prompt collect node\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = prompt play node\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = go to expert node\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = branch node\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = go to node\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = assign node\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = customer data node\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = transfer node\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = hangup node\\n\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = Send\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = Attach Image\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = Select Emoji\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n .aria-label = Toggle bold on selected text\\n .tooltip-text = Bold\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n .aria-label = Toggle italic on selected text\\n .tooltip-text = Italic\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n .aria-label = Toggle strikethrough on selected text\\n .tooltip-text = Strikethrough\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n .aria-label = Create or edit bullet list on selected text\\n .tooltip-text = Bullet list\\nDIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =\\n .aria-label = Create or edit ordered list on selected text\\n .tooltip-text = Ordered list\\nDIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =\\n .aria-label = Create or edit block quote on selected text\\n .tooltip-text = Block quote\\nDIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =\\n .aria-label = Create or edit code on selected text\\n .tooltip-text = Code\\nDIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =\\n .aria-label = Create or edit code block on selected text\\n .tooltip-text = Code block\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n .aria-label = Create or edit link on selected text\\n .tooltip-text = Link\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = Add a link\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = Text to display (optional)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = Link\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = e.g. https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = Remove\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = Done\\n\\nDIALTONE_PAGINATION_FIRST_PAGE = First page\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = Previous page\\nDIALTONE_PAGINATION_NEXT_PAGE = Next page\\nDIALTONE_PAGINATION_LAST_PAGE = Last page\\nDIALTONE_PAGINATION_PAGE_NUMBER = Page number {$page}\\n\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = Edit\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = Open link\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = Remove\\n\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = Settings\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = Update\\n\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = Unread mentions\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = Unread messages\\n\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = English\\nSTORYBOOK_LANGUAGE_CHINESE = Chinese\\nSTORYBOOK_LANGUAGE_DUTCH = Dutch\\nSTORYBOOK_LANGUAGE_FRENCH = French\\nSTORYBOOK_LANGUAGE_GERMAN = German\\nSTORYBOOK_LANGUAGE_ITALIAN = Italian\\nSTORYBOOK_LANGUAGE_JAPANESE = Japanese\\nSTORYBOOK_LANGUAGE_PORTUGUESE = Portuguese\\nSTORYBOOK_LANGUAGE_RUSSIAN = Russian\\nSTORYBOOK_LANGUAGE_SPANISH = Spanish\\nSTORYBOOK_SET_LANGUAGE = Set language\\n\""],"names":["enUS"],"mappings":"AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1
+ {"version":3,"file":"en-US.js","sources":["../../localization/en-US.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = Click to close\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = breadcrumbs\\nDIALTONE_LOADING = loading\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n { $unreadCount ->\\n [0] No unread messages\\n [1] 1 unread message\\n *[other] {$unreadCount} unread messages\\n }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n { $unreadCount ->\\n [0] No unread mentions\\n [1] 1 unread mention\\n *[other] {$unreadCount} unread mentions\\n }\\nDIALTONE_TYPING_TEXT = Typing\\n\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = Click to open\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = Uploading\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = Previous\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = Next\\n\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = Open dropdown\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = Open popover\\n\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = Open menu\\n\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = Previous month\\nDIALTONE_DATEPICKER_NEXT_MONTH = Next month\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = Previous year\\nDIALTONE_DATEPICKER_NEXT_YEAR = Next year\\nDIALTONE_DATEPICKER_SELECT_DAY = Select day\\nDIALTONE_DATEPICKER_CHANGE_TO = Change to\\n\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n .title = Confirm\\n .aria-label = Confirm set link\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n .title = Remove\\n .aria-label = Remove link\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n .title = Cancel\\n .aria-label = Cancel set link\\n\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = Quick reply\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = Bold\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = Italics\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = Underline\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = Strike\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = Align Left\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = Align Center\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = Align Right\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = Align Justify\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = Bullet List\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = Ordered List\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = Quote\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = Code\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = Image\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = Link\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n .title = Add Link\\n .aria-label = Input field to add link\\n\\nDIALTONE_EMOJI_ROW_REACTION_LABEL = { $names } reacted with { $reaction }\\n\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = Add emoji\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = No results\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = Search results\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = Search...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = Change default skin tone\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = Most recently used\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = Smileys and people\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = Nature\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = Food\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = Activity\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = Travel\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = Objects\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = Symbols\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = Flags\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = Custom\\n\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = Click to expand\\n\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = Active voice chat\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = Call\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = Do not disturb\\n\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n { $count ->\\n [1] 1 user\\n *[other] {$count} users\\n }\\n\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = Open menu\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = prompt menu node\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = prompt collect node\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = prompt play node\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = go to expert node\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = branch node\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = go to node\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = assign node\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = customer data node\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = transfer node\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = hangup node\\n\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = Send\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = Attach Image\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = Select Emoji\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n .aria-label = Toggle bold on selected text\\n .tooltip-text = Bold\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n .aria-label = Toggle italic on selected text\\n .tooltip-text = Italic\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n .aria-label = Toggle strikethrough on selected text\\n .tooltip-text = Strikethrough\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n .aria-label = Create or edit bullet list on selected text\\n .tooltip-text = Bullet list\\nDIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =\\n .aria-label = Create or edit ordered list on selected text\\n .tooltip-text = Ordered list\\nDIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =\\n .aria-label = Create or edit block quote on selected text\\n .tooltip-text = Block quote\\nDIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =\\n .aria-label = Create or edit code on selected text\\n .tooltip-text = Code\\nDIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =\\n .aria-label = Create or edit code block on selected text\\n .tooltip-text = Code block\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n .aria-label = Create or edit link on selected text\\n .tooltip-text = Link\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = Add a link\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = Text to display (optional)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = Link\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = e.g. https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = Remove\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = Cancel\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = Done\\n\\nDIALTONE_PAGINATION_FIRST_PAGE = First page\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = Previous page\\nDIALTONE_PAGINATION_NEXT_PAGE = Next page\\nDIALTONE_PAGINATION_LAST_PAGE = Last page\\nDIALTONE_PAGINATION_PAGE_NUMBER = Page number {$page}\\n\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = Edit\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = Open link\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = Remove\\n\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = Settings\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = Update\\n\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = Unread mentions\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = Unread messages\\n\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = English\\nSTORYBOOK_LANGUAGE_CHINESE = Chinese\\nSTORYBOOK_LANGUAGE_DUTCH = Dutch\\nSTORYBOOK_LANGUAGE_FRENCH = French\\nSTORYBOOK_LANGUAGE_GERMAN = German\\nSTORYBOOK_LANGUAGE_ITALIAN = Italian\\nSTORYBOOK_LANGUAGE_JAPANESE = Japanese\\nSTORYBOOK_LANGUAGE_PORTUGUESE = Portuguese\\nSTORYBOOK_LANGUAGE_RUSSIAN = Russian\\nSTORYBOOK_LANGUAGE_SPANISH = Spanish\\nSTORYBOOK_SET_LANGUAGE = Set language\\n\""],"names":["enUS"],"mappings":"AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
package/dist/localization/ja-JP.cjs CHANGED
@@ -114,6 +114,18 @@ DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =
114
114
  DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =
115
115
  .aria-label = 選択したテキストの箇条書きを作成・編集
116
116
  .tooltip-text = 箇条書きリスト
117
+ DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =
118
+ .aria-label = 選択したテキストの番号付きリストを作成・編集
119
+ .tooltip-text = 番号付きリスト
120
+ DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =
121
+ .aria-label = 選択したテキストの引用ブロックを作成・編集
122
+ .tooltip-text = 引用ブロック
123
+ DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =
124
+ .aria-label = 選択したテキストのコードを作成・編集
125
+ .tooltip-text = コード
126
+ DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =
127
+ .aria-label = 選択したテキストのコードブロックを作成・編集
128
+ .tooltip-text = コードブロック
117
129
  DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =
118
130
  .aria-label = 選択したテキストのリンクを作成・編集
119
131
  .tooltip-text = リンク
@@ -124,8 +136,11 @@ DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = 例 : https://www.dialpad.com
124
136
  DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = 削除
125
137
  DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = キャンセル
126
138
  DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = 完了
139
+ DIALTONE_PAGINATION_FIRST_PAGE = 最初のページ
127
140
  DIALTONE_PAGINATION_PREVIOUS_PAGE = 前のページ
141
+ DIALTONE_PAGINATION_NEXT_PAGE = 次のページ
128
142
  DIALTONE_PAGINATION_LAST_PAGE = 最後のページ
143
+ DIALTONE_PAGINATION_PAGE_NUMBER = ページ番号 { $page }
129
144
  DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = 編集
130
145
  DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = リンクを開く
131
146
  DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = 削除
@@ -144,5 +159,6 @@ STORYBOOK_LANGUAGE_JAPANESE = 日本語
144
159
  STORYBOOK_LANGUAGE_PORTUGUESE = ポルトガル語
145
160
  STORYBOOK_LANGUAGE_RUSSIAN = ロシア語
146
161
  STORYBOOK_LANGUAGE_SPANISH = スペイン語
162
+ STORYBOOK_SET_LANGUAGE = 言語を設定
147
163
  `;exports.default=_;
148
164
  //# sourceMappingURL=ja-JP.cjs.map
package/dist/localization/ja-JP.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ja-JP.cjs","sources":["../../localization/ja-JP.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = クリックして閉じる\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = ブレッドクラム\\nDIALTONE_LOADING = 読み込んでいます\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n { $unreadCount ->\\n [0] 未読メッセージはありません\\n [1] 1件の未読メッセージ\\n *[other] { $unreadCount }件の未読メッセージ\\n }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n { $unreadCount ->\\n [0] 未読メンションはありません\\n [1] 1件の未読メンション\\n *[other] { $unreadCount }件の未読メンション\\n }\\nDIALTONE_TYPING_TEXT = 入力中\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = クリックして開く\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = アップロードしています...\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = 前へ\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = 次へ\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = ドロップダウンを開く\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = ポップオーバーを開く\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = メニューを開く\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = 前月\\nDIALTONE_DATEPICKER_NEXT_MONTH = 来月\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = 前年\\nDIALTONE_DATEPICKER_NEXT_YEAR = 来年\\nDIALTONE_DATEPICKER_SELECT_DAY = 曜日を選択\\nDIALTONE_DATEPICKER_CHANGE_TO = 次に変更 :\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n .title = 確認\\n .aria-label = 設定リンクを確定\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n .title = 削除\\n .aria-label = リンクを削除\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n .title = キャンセル\\n .aria-label = 設定リンクをキャンセル\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = クイック返信\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = 太字\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = 斜体\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = 下線\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = 取り消し線\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = 左揃え\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = 中央揃え\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = 右揃え\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = 両端揃え\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = 箇条書きリスト\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = 番号付きリスト\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = 引用\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = コード\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = 画像\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = リンク\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n .title = リンクを追加\\n .aria-label = リンクを追加するための入力フィールド\\nDIALTONE_EMOJI_ROW_REACTION_LABEL =\\n { $reactionCount ->\\n *[other]\\n { $selected ->\\n *[false] { $reactionCount }人が { $reaction } で反応しました。\\n [true] 自分を含む{ $reactionCount }人が { $reaction } で反応しました。\\n }\\n }\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = 絵文字を追加\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = 見つかりません\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = 検索結果\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = 検索...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = デフォルトの肌の色を変更\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = 最近使用\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = スマイリー＆人物\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = 自然\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = 食べ物\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = アクティビティ\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = 旅行\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = オブジェクト\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = 記号\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = フラグ\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = カスタム\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = クリックして展開\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = 進行中の音声チャット\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = 発信\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = プライバシーモード\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n { $count ->\\n [1] 1ユーザー\\n *[other] { $count } ユーザー\\n }\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = メニューを開く\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = プロンプトメニューノード\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = プロンプト収集ノード\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = プロンプト再生ノード\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = Expertノードへ移動\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = ブランチノード\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = ノードへ\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = ノードを割り当て\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = 顧客データノード\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = 転送ノード\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = 通話終了ノード\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = 送信\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = 画像を添付\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = 絵文字を選択\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = キャンセル\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n .aria-label = 選択したテキストの太字を切り替え\\n .tooltip-text = 太字\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n .aria-label = 選択したテキストの斜体を切り替え\\n .tooltip-text = 斜体\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n .aria-label = 選択したテキストの取り消し線を切り替え\\n .tooltip-text = 取り消し線\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n .aria-label = 選択したテキストの箇条書きを作成・編集\\n .tooltip-text = 箇条書きリスト\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n .aria-label = 選択したテキストのリンクを作成・編集\\n .tooltip-text = リンク\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = リンクを追加\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = 表示するテキスト (任意)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = リンク\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = 例 : https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = 削除\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = キャンセル\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = 完了\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = 前のページ\\nDIALTONE_PAGINATION_LAST_PAGE = 最後のページ\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = 編集\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = リンクを開く\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = 削除\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = 設定\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = アップデート\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = 未読のメンション\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = 未読メッセージ\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = 英語\\nSTORYBOOK_LANGUAGE_CHINESE = 中国語\\nSTORYBOOK_LANGUAGE_DUTCH = オランダ語\\nSTORYBOOK_LANGUAGE_FRENCH = フランス語\\nSTORYBOOK_LANGUAGE_GERMAN = ドイツ語\\nSTORYBOOK_LANGUAGE_ITALIAN = イタリア語\\nSTORYBOOK_LANGUAGE_JAPANESE = 日本語\\nSTORYBOOK_LANGUAGE_PORTUGUESE = ポルトガル語\\nSTORYBOOK_LANGUAGE_RUSSIAN = ロシア語\\nSTORYBOOK_LANGUAGE_SPANISH = スペイン語\\n\""],"names":["jaJP"],"mappings":"4GAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1
+ {"version":3,"file":"ja-JP.cjs","sources":["../../localization/ja-JP.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = クリックして閉じる\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = ブレッドクラム\\nDIALTONE_LOADING = 読み込んでいます\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n { $unreadCount ->\\n [0] 未読メッセージはありません\\n [1] 1件の未読メッセージ\\n *[other] { $unreadCount }件の未読メッセージ\\n }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n { $unreadCount ->\\n [0] 未読メンションはありません\\n [1] 1件の未読メンション\\n *[other] { $unreadCount }件の未読メンション\\n }\\nDIALTONE_TYPING_TEXT = 入力中\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = クリックして開く\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = アップロードしています...\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = 前へ\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = 次へ\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = ドロップダウンを開く\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = ポップオーバーを開く\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = メニューを開く\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = 前月\\nDIALTONE_DATEPICKER_NEXT_MONTH = 来月\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = 前年\\nDIALTONE_DATEPICKER_NEXT_YEAR = 来年\\nDIALTONE_DATEPICKER_SELECT_DAY = 曜日を選択\\nDIALTONE_DATEPICKER_CHANGE_TO = 次に変更 :\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n .title = 確認\\n .aria-label = 設定リンクを確定\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n .title = 削除\\n .aria-label = リンクを削除\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n .title = キャンセル\\n .aria-label = 設定リンクをキャンセル\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = クイック返信\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = 太字\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = 斜体\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = 下線\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = 取り消し線\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = 左揃え\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = 中央揃え\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = 右揃え\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = 両端揃え\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = 箇条書きリスト\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = 番号付きリスト\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = 引用\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = コード\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = 画像\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = リンク\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n .title = リンクを追加\\n .aria-label = リンクを追加するための入力フィールド\\nDIALTONE_EMOJI_ROW_REACTION_LABEL =\\n { $reactionCount ->\\n *[other]\\n { $selected ->\\n *[false] { $reactionCount }人が { $reaction } で反応しました。\\n [true] 自分を含む{ $reactionCount }人が { $reaction } で反応しました。\\n }\\n }\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = 絵文字を追加\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = 見つかりません\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = 検索結果\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = 検索...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = デフォルトの肌の色を変更\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = 最近使用\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = スマイリー＆人物\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = 自然\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = 食べ物\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = アクティビティ\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = 旅行\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = オブジェクト\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = 記号\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = フラグ\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = カスタム\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = クリックして展開\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = 進行中の音声チャット\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = 発信\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = プライバシーモード\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n { $count ->\\n [1] 1ユーザー\\n *[other] { $count } ユーザー\\n }\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = メニューを開く\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = プロンプトメニューノード\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = プロンプト収集ノード\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = プロンプト再生ノード\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = Expertノードへ移動\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = ブランチノード\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = ノードへ\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = ノードを割り当て\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = 顧客データノード\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = 転送ノード\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = 通話終了ノード\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = 送信\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = 画像を添付\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = 絵文字を選択\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = キャンセル\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n .aria-label = 選択したテキストの太字を切り替え\\n .tooltip-text = 太字\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n .aria-label = 選択したテキストの斜体を切り替え\\n .tooltip-text = 斜体\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n .aria-label = 選択したテキストの取り消し線を切り替え\\n .tooltip-text = 取り消し線\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n .aria-label = 選択したテキストの箇条書きを作成・編集\\n .tooltip-text = 箇条書きリスト\\nDIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =\\n .aria-label = 選択したテキストの番号付きリストを作成・編集\\n .tooltip-text = 番号付きリスト\\nDIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =\\n .aria-label = 選択したテキストの引用ブロックを作成・編集\\n .tooltip-text = 引用ブロック\\nDIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =\\n .aria-label = 選択したテキストのコードを作成・編集\\n .tooltip-text = コード\\nDIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =\\n .aria-label = 選択したテキストのコードブロックを作成・編集\\n .tooltip-text = コードブロック\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n .aria-label = 選択したテキストのリンクを作成・編集\\n .tooltip-text = リンク\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = リンクを追加\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = 表示するテキスト (任意)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = リンク\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = 例 : https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = 削除\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = キャンセル\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = 完了\\nDIALTONE_PAGINATION_FIRST_PAGE = 最初のページ\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = 前のページ\\nDIALTONE_PAGINATION_NEXT_PAGE = 次のページ\\nDIALTONE_PAGINATION_LAST_PAGE = 最後のページ\\nDIALTONE_PAGINATION_PAGE_NUMBER = ページ番号 { $page }\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = 編集\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = リンクを開く\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = 削除\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = 設定\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = アップデート\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = 未読のメンション\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = 未読メッセージ\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = 英語\\nSTORYBOOK_LANGUAGE_CHINESE = 中国語\\nSTORYBOOK_LANGUAGE_DUTCH = オランダ語\\nSTORYBOOK_LANGUAGE_FRENCH = フランス語\\nSTORYBOOK_LANGUAGE_GERMAN = ドイツ語\\nSTORYBOOK_LANGUAGE_ITALIAN = イタリア語\\nSTORYBOOK_LANGUAGE_JAPANESE = 日本語\\nSTORYBOOK_LANGUAGE_PORTUGUESE = ポルトガル語\\nSTORYBOOK_LANGUAGE_RUSSIAN = ロシア語\\nSTORYBOOK_LANGUAGE_SPANISH = スペイン語\\nSTORYBOOK_SET_LANGUAGE = 言語を設定\\n\""],"names":["jaJP"],"mappings":"4GAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
package/dist/localization/ja-JP.js CHANGED
@@ -114,6 +114,18 @@ DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =
114
114
  DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =
115
115
  .aria-label = 選択したテキストの箇条書きを作成・編集
116
116
  .tooltip-text = 箇条書きリスト
117
+ DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =
118
+ .aria-label = 選択したテキストの番号付きリストを作成・編集
119
+ .tooltip-text = 番号付きリスト
120
+ DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =
121
+ .aria-label = 選択したテキストの引用ブロックを作成・編集
122
+ .tooltip-text = 引用ブロック
123
+ DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =
124
+ .aria-label = 選択したテキストのコードを作成・編集
125
+ .tooltip-text = コード
126
+ DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =
127
+ .aria-label = 選択したテキストのコードブロックを作成・編集
128
+ .tooltip-text = コードブロック
117
129
  DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =
118
130
  .aria-label = 選択したテキストのリンクを作成・編集
119
131
  .tooltip-text = リンク
@@ -124,8 +136,11 @@ DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = 例 : https://www.dialpad.com
124
136
  DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = 削除
125
137
  DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = キャンセル
126
138
  DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = 完了
139
+ DIALTONE_PAGINATION_FIRST_PAGE = 最初のページ
127
140
  DIALTONE_PAGINATION_PREVIOUS_PAGE = 前のページ
141
+ DIALTONE_PAGINATION_NEXT_PAGE = 次のページ
128
142
  DIALTONE_PAGINATION_LAST_PAGE = 最後のページ
143
+ DIALTONE_PAGINATION_PAGE_NUMBER = ページ番号 { $page }
129
144
  DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = 編集
130
145
  DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = リンクを開く
131
146
  DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = 削除
@@ -144,6 +159,7 @@ STORYBOOK_LANGUAGE_JAPANESE = 日本語
144
159
  STORYBOOK_LANGUAGE_PORTUGUESE = ポルトガル語
145
160
  STORYBOOK_LANGUAGE_RUSSIAN = ロシア語
146
161
  STORYBOOK_LANGUAGE_SPANISH = スペイン語
162
+ STORYBOOK_SET_LANGUAGE = 言語を設定
147
163
  `;
148
164
  export {
149
165
  _ as default
package/dist/localization/ja-JP.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ja-JP.js","sources":["../../localization/ja-JP.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = クリックして閉じる\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = ブレッドクラム\\nDIALTONE_LOADING = 読み込んでいます\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n { $unreadCount ->\\n [0] 未読メッセージはありません\\n [1] 1件の未読メッセージ\\n *[other] { $unreadCount }件の未読メッセージ\\n }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n { $unreadCount ->\\n [0] 未読メンションはありません\\n [1] 1件の未読メンション\\n *[other] { $unreadCount }件の未読メンション\\n }\\nDIALTONE_TYPING_TEXT = 入力中\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = クリックして開く\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = アップロードしています...\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = 前へ\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = 次へ\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = ドロップダウンを開く\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = ポップオーバーを開く\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = メニューを開く\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = 前月\\nDIALTONE_DATEPICKER_NEXT_MONTH = 来月\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = 前年\\nDIALTONE_DATEPICKER_NEXT_YEAR = 来年\\nDIALTONE_DATEPICKER_SELECT_DAY = 曜日を選択\\nDIALTONE_DATEPICKER_CHANGE_TO = 次に変更 :\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n .title = 確認\\n .aria-label = 設定リンクを確定\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n .title = 削除\\n .aria-label = リンクを削除\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n .title = キャンセル\\n .aria-label = 設定リンクをキャンセル\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = クイック返信\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = 太字\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = 斜体\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = 下線\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = 取り消し線\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = 左揃え\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = 中央揃え\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = 右揃え\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = 両端揃え\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = 箇条書きリスト\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = 番号付きリスト\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = 引用\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = コード\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = 画像\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = リンク\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n .title = リンクを追加\\n .aria-label = リンクを追加するための入力フィールド\\nDIALTONE_EMOJI_ROW_REACTION_LABEL =\\n { $reactionCount ->\\n *[other]\\n { $selected ->\\n *[false] { $reactionCount }人が { $reaction } で反応しました。\\n [true] 自分を含む{ $reactionCount }人が { $reaction } で反応しました。\\n }\\n }\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = 絵文字を追加\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = 見つかりません\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = 検索結果\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = 検索...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = デフォルトの肌の色を変更\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = 最近使用\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = スマイリー＆人物\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = 自然\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = 食べ物\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = アクティビティ\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = 旅行\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = オブジェクト\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = 記号\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = フラグ\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = カスタム\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = クリックして展開\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = 進行中の音声チャット\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = 発信\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = プライバシーモード\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n { $count ->\\n [1] 1ユーザー\\n *[other] { $count } ユーザー\\n }\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = メニューを開く\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = プロンプトメニューノード\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = プロンプト収集ノード\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = プロンプト再生ノード\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = Expertノードへ移動\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = ブランチノード\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = ノードへ\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = ノードを割り当て\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = 顧客データノード\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = 転送ノード\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = 通話終了ノード\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = 送信\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = 画像を添付\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = 絵文字を選択\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = キャンセル\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n .aria-label = 選択したテキストの太字を切り替え\\n .tooltip-text = 太字\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n .aria-label = 選択したテキストの斜体を切り替え\\n .tooltip-text = 斜体\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n .aria-label = 選択したテキストの取り消し線を切り替え\\n .tooltip-text = 取り消し線\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n .aria-label = 選択したテキストの箇条書きを作成・編集\\n .tooltip-text = 箇条書きリスト\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n .aria-label = 選択したテキストのリンクを作成・編集\\n .tooltip-text = リンク\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = リンクを追加\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = 表示するテキスト (任意)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = リンク\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = 例 : https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = 削除\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = キャンセル\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = 完了\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = 前のページ\\nDIALTONE_PAGINATION_LAST_PAGE = 最後のページ\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = 編集\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = リンクを開く\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = 削除\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = 設定\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = アップデート\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = 未読のメンション\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = 未読メッセージ\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = 英語\\nSTORYBOOK_LANGUAGE_CHINESE = 中国語\\nSTORYBOOK_LANGUAGE_DUTCH = オランダ語\\nSTORYBOOK_LANGUAGE_FRENCH = フランス語\\nSTORYBOOK_LANGUAGE_GERMAN = ドイツ語\\nSTORYBOOK_LANGUAGE_ITALIAN = イタリア語\\nSTORYBOOK_LANGUAGE_JAPANESE = 日本語\\nSTORYBOOK_LANGUAGE_PORTUGUESE = ポルトガル語\\nSTORYBOOK_LANGUAGE_RUSSIAN = ロシア語\\nSTORYBOOK_LANGUAGE_SPANISH = スペイン語\\n\""],"names":["jaJP"],"mappings":"AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1
+ {"version":3,"file":"ja-JP.js","sources":["../../localization/ja-JP.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = クリックして閉じる\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = ブレッドクラム\\nDIALTONE_LOADING = 読み込んでいます\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n { $unreadCount ->\\n [0] 未読メッセージはありません\\n [1] 1件の未読メッセージ\\n *[other] { $unreadCount }件の未読メッセージ\\n }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n { $unreadCount ->\\n [0] 未読メンションはありません\\n [1] 1件の未読メンション\\n *[other] { $unreadCount }件の未読メンション\\n }\\nDIALTONE_TYPING_TEXT = 入力中\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = クリックして開く\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = アップロードしています...\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = 前へ\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = 次へ\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = ドロップダウンを開く\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = ポップオーバーを開く\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = メニューを開く\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = 前月\\nDIALTONE_DATEPICKER_NEXT_MONTH = 来月\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = 前年\\nDIALTONE_DATEPICKER_NEXT_YEAR = 来年\\nDIALTONE_DATEPICKER_SELECT_DAY = 曜日を選択\\nDIALTONE_DATEPICKER_CHANGE_TO = 次に変更 :\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n .title = 確認\\n .aria-label = 設定リンクを確定\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n .title = 削除\\n .aria-label = リンクを削除\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n .title = キャンセル\\n .aria-label = 設定リンクをキャンセル\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = クイック返信\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = 太字\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = 斜体\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = 下線\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = 取り消し線\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = 左揃え\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = 中央揃え\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = 右揃え\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = 両端揃え\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = 箇条書きリスト\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = 番号付きリスト\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = 引用\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = コード\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = 画像\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = リンク\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n .title = リンクを追加\\n .aria-label = リンクを追加するための入力フィールド\\nDIALTONE_EMOJI_ROW_REACTION_LABEL =\\n { $reactionCount ->\\n *[other]\\n { $selected ->\\n *[false] { $reactionCount }人が { $reaction } で反応しました。\\n [true] 自分を含む{ $reactionCount }人が { $reaction } で反応しました。\\n }\\n }\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = 絵文字を追加\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = 見つかりません\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = 検索結果\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = 検索...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = デフォルトの肌の色を変更\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = 最近使用\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = スマイリー＆人物\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = 自然\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = 食べ物\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = アクティビティ\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = 旅行\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = オブジェクト\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = 記号\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = フラグ\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = カスタム\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = クリックして展開\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = 進行中の音声チャット\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = 発信\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = プライバシーモード\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n { $count ->\\n [1] 1ユーザー\\n *[other] { $count } ユーザー\\n }\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = メニューを開く\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = プロンプトメニューノード\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = プロンプト収集ノード\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = プロンプト再生ノード\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = Expertノードへ移動\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = ブランチノード\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = ノードへ\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = ノードを割り当て\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = 顧客データノード\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = 転送ノード\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = 通話終了ノード\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = 送信\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = 画像を添付\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = 絵文字を選択\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = キャンセル\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n .aria-label = 選択したテキストの太字を切り替え\\n .tooltip-text = 太字\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n .aria-label = 選択したテキストの斜体を切り替え\\n .tooltip-text = 斜体\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n .aria-label = 選択したテキストの取り消し線を切り替え\\n .tooltip-text = 取り消し線\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n .aria-label = 選択したテキストの箇条書きを作成・編集\\n .tooltip-text = 箇条書きリスト\\nDIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =\\n .aria-label = 選択したテキストの番号付きリストを作成・編集\\n .tooltip-text = 番号付きリスト\\nDIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =\\n .aria-label = 選択したテキストの引用ブロックを作成・編集\\n .tooltip-text = 引用ブロック\\nDIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =\\n .aria-label = 選択したテキストのコードを作成・編集\\n .tooltip-text = コード\\nDIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =\\n .aria-label = 選択したテキストのコードブロックを作成・編集\\n .tooltip-text = コードブロック\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n .aria-label = 選択したテキストのリンクを作成・編集\\n .tooltip-text = リンク\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = リンクを追加\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = 表示するテキスト (任意)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = リンク\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = 例 : https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = 削除\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = キャンセル\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = 完了\\nDIALTONE_PAGINATION_FIRST_PAGE = 最初のページ\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = 前のページ\\nDIALTONE_PAGINATION_NEXT_PAGE = 次のページ\\nDIALTONE_PAGINATION_LAST_PAGE = 最後のページ\\nDIALTONE_PAGINATION_PAGE_NUMBER = ページ番号 { $page }\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = 編集\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = リンクを開く\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = 削除\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = 設定\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = アップデート\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = 未読のメンション\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = 未読メッセージ\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = 英語\\nSTORYBOOK_LANGUAGE_CHINESE = 中国語\\nSTORYBOOK_LANGUAGE_DUTCH = オランダ語\\nSTORYBOOK_LANGUAGE_FRENCH = フランス語\\nSTORYBOOK_LANGUAGE_GERMAN = ドイツ語\\nSTORYBOOK_LANGUAGE_ITALIAN = イタリア語\\nSTORYBOOK_LANGUAGE_JAPANESE = 日本語\\nSTORYBOOK_LANGUAGE_PORTUGUESE = ポルトガル語\\nSTORYBOOK_LANGUAGE_RUSSIAN = ロシア語\\nSTORYBOOK_LANGUAGE_SPANISH = スペイン語\\nSTORYBOOK_SET_LANGUAGE = 言語を設定\\n\""],"names":["jaJP"],"mappings":"AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
package/dist/types/components/modal/modal.vue.d.ts CHANGED
@@ -112,7 +112,7 @@ declare const _default: import('vue').DefineComponent<{
112
112
  modalListeners(): {
113
113
  click: (event: any) => void;
114
114
  keydown: (event: any) => void;
115
- 'after-enter': (event: any) => void;
115
+ 'after-enter': () => Promise<void>;
116
116
  };
117
117
  open(): string;
118
118
  hasFooterSlot(): boolean;
@@ -120,8 +120,9 @@ declare const _default: import('vue').DefineComponent<{
120
120
  closeButtonTitle(): string;
121
121
  }, {
122
122
  close(): void;
123
- setFocusAfterTransition(): void;
123
+ setFocusAfterTransition(): Promise<void>;
124
124
  trapFocus(e: any): void;
125
+ handleModalClick(event: any): void;
125
126
  }, {
126
127
  data(): {
127
128
  i18n: import('../..').DialtoneLocalization;
package/dist/types/recipes/conversation_view/emoji_row/emoji_row_constants.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"emoji_row_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/emoji_row/emoji_row_constants.js"],"names":[],"mappings":"AAAA,4CAIE"}
1
+ {"version":3,"file":"emoji_row_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/emoji_row/emoji_row_constants.js"],"names":[],"mappings":"AAAA,4CAKE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-vue",
3
- "version": "2.193.3",
3
+ "version": "2.193.4",
4
4
  "description": "Vue component library for Dialpad's design system Dialtone",
5
5
  "files": [
6
6
  "dist"
@@ -44,8 +44,8 @@
44
44
  "overlayscrollbars": "2.10.0",
45
45
  "regex-combined-emojis": "1.6.0",
46
46
  "tippy.js": "6.3.7",
47
- "@dialpad/dialtone-icons": "4.41.1",
48
- "@dialpad/dialtone-emojis": "1.2.0"
47
+ "@dialpad/dialtone-emojis": "1.2.1",
48
+ "@dialpad/dialtone-icons": "4.41.2"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@dialpad/i18n-services": "1.3.0",
@@ -58,8 +58,8 @@
58
58
  "react": "17.0.2",
59
59
  "storybook-dark-mode": "^3.0.3",
60
60
  "vue": "^2.7.15",
61
- "@dialpad/generator-dialtone": "0.1.0",
62
- "@dialpad/dialtone-css": "8.60.1"
61
+ "@dialpad/dialtone-css": "8.60.1",
62
+ "@dialpad/generator-dialtone": "0.1.0"
63
63
  },
64
64
  "peerDependencies": {
65
65
  "vue": ">=2.6",