@dialpad/dialtone-vue 3.208.0 → 3.210.0-next.2

package/dist/lib/text/text-constants.js

@@ -0,0 +1,69 @@
+import t from "./text-tone-tokens.js";
+const e = {
+  headline: "d-text-headline",
+  body: "d-text-body",
+  label: "d-text-label",
+  code: "d-text-code"
+}, d = {
+  headline: ["3xl", "2xl", "xl", "lg", "md", "sm", "xs"],
+  body: ["lg", "md", "sm", "xs"],
+  label: ["lg", "md", "sm", "xs"],
+  code: ["lg", "md", "sm", "xs"]
+}, l = ["3xl", "2xl", "xl"], x = {
+  start: "d-text--align-start",
+  center: "d-text--align-center",
+  end: "d-text--align-end",
+  justify: "d-text--align-justify"
+}, n = "d-fc-", T = "d-text--numeric", a = "d-truncate", o = "d-text--clamp", E = {
+  wrap: "d-text--wrap-wrap",
+  nowrap: "d-text--wrap-nowrap",
+  balance: "d-text--wrap-balance",
+  pretty: "d-text--wrap-pretty"
+}, s = {
+  start: "d-text--trim-start",
+  end: "d-text--trim-end",
+  both: "d-text--trim-both"
+}, _ = {
+  bold: "d-text--fw-bold",
+  semibold: "d-text--fw-semibold",
+  medium: "d-text--fw-medium",
+  normal: "d-text--fw-normal"
+}, r = {
+  100: "d-text--lh-100",
+  200: "d-text--lh-200",
+  300: "d-text--lh-300",
+  400: "d-text--lh-400",
+  500: "d-text--lh-500",
+  600: "d-text--lh-600"
+}, I = {
+  TEXT_KIND_MODIFIERS: e,
+  TEXT_SIZE_MODIFIERS: d,
+  TEXT_HEADLINE_ONLY_SIZES: l,
+  TEXT_TONE_TOKENS: t,
+  TEXT_ALIGN_MODIFIERS: x,
+  TEXT_TONE_PREFIX: n,
+  TEXT_NUMERIC_CLASS: T,
+  TEXT_TRUNCATE_CLASS: a,
+  TEXT_LINE_CLAMP_CLASS: o,
+  TEXT_WRAP_MODIFIERS: E,
+  TEXT_BOX_TRIM_MODIFIERS: s,
+  TEXT_STRENGTH_MODIFIERS: _,
+  TEXT_DENSITY_MODIFIERS: r
+};
+export {
+  x as TEXT_ALIGN_MODIFIERS,
+  s as TEXT_BOX_TRIM_MODIFIERS,
+  r as TEXT_DENSITY_MODIFIERS,
+  l as TEXT_HEADLINE_ONLY_SIZES,
+  e as TEXT_KIND_MODIFIERS,
+  o as TEXT_LINE_CLAMP_CLASS,
+  T as TEXT_NUMERIC_CLASS,
+  d as TEXT_SIZE_MODIFIERS,
+  _ as TEXT_STRENGTH_MODIFIERS,
+  n as TEXT_TONE_PREFIX,
+  t as TEXT_TONE_TOKENS,
+  a as TEXT_TRUNCATE_CLASS,
+  E as TEXT_WRAP_MODIFIERS,
+  I as default
+};
+//# sourceMappingURL=text-constants.js.map

package/dist/lib/text/text-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-constants.js","sources":["../../../components/text/text_constants.js"],"sourcesContent":["export const TEXT_KIND_MODIFIERS = {\n  headline: 'd-text-headline',\n  body: 'd-text-body',\n  label: 'd-text-label',\n  code: 'd-text-code',\n};\n\nexport const TEXT_SIZE_MODIFIERS = {\n  headline: ['3xl', '2xl', 'xl', 'lg', 'md', 'sm', 'xs'],\n  body: ['lg', 'md', 'sm', 'xs'],\n  label: ['lg', 'md', 'sm', 'xs'],\n  code: ['lg', 'md', 'sm', 'xs'],\n};\n\n// Sizes that are only valid for headline kind - using these with other kinds throws an error\nexport const TEXT_HEADLINE_ONLY_SIZES = ['3xl', '2xl', 'xl'];\n\nimport TEXT_TONE_TOKENS from './text_tone_tokens.js';\nexport { TEXT_TONE_TOKENS };\n\nexport const TEXT_ALIGN_MODIFIERS = {\n  start: 'd-text--align-start',\n  center: 'd-text--align-center',\n  end: 'd-text--align-end',\n  justify: 'd-text--align-justify',\n};\n\nexport const TEXT_TONE_PREFIX = 'd-fc-';\n\nexport const TEXT_NUMERIC_CLASS = 'd-text--numeric';\nexport const TEXT_TRUNCATE_CLASS = 'd-truncate';\nexport const TEXT_LINE_CLAMP_CLASS = 'd-text--clamp';\n\nexport const TEXT_WRAP_MODIFIERS = {\n  wrap: 'd-text--wrap-wrap',\n  nowrap: 'd-text--wrap-nowrap',\n  balance: 'd-text--wrap-balance',\n  pretty: 'd-text--wrap-pretty',\n};\n\nexport const TEXT_BOX_TRIM_MODIFIERS = {\n  start: 'd-text--trim-start',\n  end: 'd-text--trim-end',\n  both: 'd-text--trim-both',\n};\n\nexport const TEXT_STRENGTH_MODIFIERS = {\n  bold: 'd-text--fw-bold',\n  semibold: 'd-text--fw-semibold',\n  medium: 'd-text--fw-medium',\n  normal: 'd-text--fw-normal',\n};\n\nexport const TEXT_DENSITY_MODIFIERS = {\n  100: 'd-text--lh-100',\n  200: 'd-text--lh-200',\n  300: 'd-text--lh-300',\n  400: 'd-text--lh-400',\n  500: 'd-text--lh-500',\n  600: 'd-text--lh-600',\n};\n\nexport default {\n  TEXT_KIND_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_TONE_TOKENS,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_PREFIX,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n};\n"],"names":["TEXT_KIND_MODIFIERS","TEXT_SIZE_MODIFIERS","TEXT_HEADLINE_ONLY_SIZES","TEXT_ALIGN_MODIFIERS","TEXT_TONE_PREFIX","TEXT_NUMERIC_CLASS","TEXT_TRUNCATE_CLASS","TEXT_LINE_CLAMP_CLASS","TEXT_WRAP_MODIFIERS","TEXT_BOX_TRIM_MODIFIERS","TEXT_STRENGTH_MODIFIERS","TEXT_DENSITY_MODIFIERS","text_constants","TEXT_TONE_TOKENS"],"mappings":";AAAY,MAACA,IAAsB;AAAA,EACjC,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACR,GAEaC,IAAsB;AAAA,EACjC,UAAU,CAAC,OAAO,OAAO,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,EACrD,MAAM,CAAC,MAAM,MAAM,MAAM,IAAI;AAAA,EAC7B,OAAO,CAAC,MAAM,MAAM,MAAM,IAAI;AAAA,EAC9B,MAAM,CAAC,MAAM,MAAM,MAAM,IAAI;AAC/B,GAGaC,IAA2B,CAAC,OAAO,OAAO,IAAI,GAK9CC,IAAuB;AAAA,EAClC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AACX,GAEaC,IAAmB,SAEnBC,IAAqB,mBACrBC,IAAsB,cACtBC,IAAwB,iBAExBC,IAAsB;AAAA,EACjC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACV,GAEaC,IAA0B;AAAA,EACrC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,MAAM;AACR,GAEaC,IAA0B;AAAA,EACrC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAAyB;AAAA,EACpC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAEAC,IAAe;AAAA,EACb,qBAAAZ;AAAA,EACA,qBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,kBAAAW;AAAA,EACA,sBAAAV;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,wBAAAC;AACF;"}

package/dist/lib/text/text-tone-tokens.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["critical","critical-inverted","critical-strong","critical-strong-inverted","current","disabled","disabled-inverted","muted","muted-inverted","neutral-black","neutral-white","placeholder","placeholder-inverted","primary","primary-inverted","secondary","secondary-inverted","success","success-inverted","success-strong","success-strong-inverted","tertiary","tertiary-inverted","transparent","unset","warning","warning-inverted"];exports.default=e;
+//# sourceMappingURL=text-tone-tokens.cjs.map

package/dist/lib/text/text-tone-tokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-tone-tokens.cjs","sources":["../../../components/text/text_tone_tokens.js"],"sourcesContent":["// This file is auto-generated by scripts/update-text-tone-tokens.cjs\n// Do not edit this file directly.\n\nexport default [\n  'critical',\n  'critical-inverted',\n  'critical-strong',\n  'critical-strong-inverted',\n  'current',\n  'disabled',\n  'disabled-inverted',\n  'muted',\n  'muted-inverted',\n  'neutral-black',\n  'neutral-white',\n  'placeholder',\n  'placeholder-inverted',\n  'primary',\n  'primary-inverted',\n  'secondary',\n  'secondary-inverted',\n  'success',\n  'success-inverted',\n  'success-strong',\n  'success-strong-inverted',\n  'tertiary',\n  'tertiary-inverted',\n  'transparent',\n  'unset',\n  'warning',\n  'warning-inverted',\n];\n"],"names":["TEXT_TONE_TOKENS"],"mappings":"4GAGA,MAAAA,EAAe,CACb,WACA,oBACA,kBACA,2BACA,UACA,WACA,oBACA,QACA,iBACA,gBACA,gBACA,cACA,uBACA,UACA,mBACA,YACA,qBACA,UACA,mBACA,iBACA,0BACA,WACA,oBACA,cACA,QACA,UACA,kBACF"}

package/dist/lib/text/text-tone-tokens.js

@@ -0,0 +1,33 @@
+const e = [
+  "critical",
+  "critical-inverted",
+  "critical-strong",
+  "critical-strong-inverted",
+  "current",
+  "disabled",
+  "disabled-inverted",
+  "muted",
+  "muted-inverted",
+  "neutral-black",
+  "neutral-white",
+  "placeholder",
+  "placeholder-inverted",
+  "primary",
+  "primary-inverted",
+  "secondary",
+  "secondary-inverted",
+  "success",
+  "success-inverted",
+  "success-strong",
+  "success-strong-inverted",
+  "tertiary",
+  "tertiary-inverted",
+  "transparent",
+  "unset",
+  "warning",
+  "warning-inverted"
+];
+export {
+  e as default
+};
+//# sourceMappingURL=text-tone-tokens.js.map

package/dist/lib/text/text-tone-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-tone-tokens.js","sources":["../../../components/text/text_tone_tokens.js"],"sourcesContent":["// This file is auto-generated by scripts/update-text-tone-tokens.cjs\n// Do not edit this file directly.\n\nexport default [\n  'critical',\n  'critical-inverted',\n  'critical-strong',\n  'critical-strong-inverted',\n  'current',\n  'disabled',\n  'disabled-inverted',\n  'muted',\n  'muted-inverted',\n  'neutral-black',\n  'neutral-white',\n  'placeholder',\n  'placeholder-inverted',\n  'primary',\n  'primary-inverted',\n  'secondary',\n  'secondary-inverted',\n  'success',\n  'success-inverted',\n  'success-strong',\n  'success-strong-inverted',\n  'tertiary',\n  'tertiary-inverted',\n  'transparent',\n  'unset',\n  'warning',\n  'warning-inverted',\n];\n"],"names":["TEXT_TONE_TOKENS"],"mappings":"AAGA,MAAAA,IAAe;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/lib/text/text.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./text-constants.cjs"),l=require("vue"),c=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),T=require("./text-tone-tokens.cjs"),o="md",f=["h1","h2","h3","h4","h5","h6"];let u=!1;const p=()=>{u=!1},_={compatConfig:{MODE:3},name:"DtText",props:{as:{type:String,default:"span"},kind:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_KIND_MODIFIERS,t)},size:{type:String,default:null},tone:{type:String,default:null},align:{type:String,default:null},truncate:{type:Boolean,default:!1},maxLines:{type:Number,default:null,validator:t=>t===null||Number.isInteger(t)&&t>0},numeric:{type:Boolean,default:!1},wrap:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_WRAP_MODIFIERS,t)},textBoxTrim:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_BOX_TRIM_MODIFIERS,t)},strength:{type:String,default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_STRENGTH_MODIFIERS,t)},density:{type:[String,Number],default:null,validator:t=>t===null||Object.prototype.hasOwnProperty.call(e.TEXT_DENSITY_MODIFIERS,t)}},computed:{textClasses(){const t=["d-text"],s=this.getVariantClass();s&&t.push(s);const n=this.getAlignClass();n&&t.push(n);const i=this.getToneClass();i&&t.push(i),this.truncate&&t.push(e.TEXT_TRUNCATE_CLASS),this.numeric&&t.push(e.TEXT_NUMERIC_CLASS),this.maxLines&&t.push(e.TEXT_LINE_CLAMP_CLASS);const a=this.getWrapClass();a&&t.push(a);const r=this.getTextBoxTrimClass();r&&t.push(r);const d=this.getStrengthClass();d&&t.push(d);const h=this.getDensityClass();return h&&t.push(h),t},textStyles(){if(this.maxLines)return{"--dt-text-line-clamp":this.maxLines}}},mounted(){!u&&this.kind==="headline"&&!f.includes(this.as)&&(console.info('[DtText] kind="headline" is used without a semantic heading element. Consider using as="h1|h2|h3|h4|h5|h6" for better accessibility.'),u=!0)},methods:{getVariantClass(){if(!this.kind)return this.size&&console.warn('[DtText] size prop has no effect without kind. Set kind="headline|body|label|code".'),null;if(!Object.prototype.hasOwnProperty.call(e.TEXT_KIND_MODIFIERS,this.kind))return console.warn(`[DtText] Unsupported kind "${this.kind}".`),null;const t=e.TEXT_SIZE_MODIFIERS[this.kind]||[],s=this.size||o;let n=s;if(!t.includes(s)){if(e.TEXT_HEADLINE_ONLY_SIZES.includes(s))throw new Error(`[DtText] size="${s}" is only valid for kind="headline". Cannot use with kind="${this.kind}".`);const i=t.includes(o)?o:t[0];i&&(n=i),console.warn(`[DtText] size="${s}" is not valid for kind="${this.kind}". Using "${n}" instead.`)}return n?`${e.TEXT_KIND_MODIFIERS[this.kind]}--${n}`:null},getModifierClass(t,s,n){if(t==null)return null;const i=s[t];return i||(console.warn(`[DtText] Unsupported ${n} "${t}".`),null)},getAlignClass(){return this.getModifierClass(this.align,e.TEXT_ALIGN_MODIFIERS,"align")},getToneClass(){return this.tone?T.default.includes(this.tone)?`${e.TEXT_TONE_PREFIX}${this.tone}`:(console.warn(`[DtText] Unsupported tone "${this.tone}".`),null):null},getWrapClass(){return this.getModifierClass(this.wrap,e.TEXT_WRAP_MODIFIERS,"wrap")},getTextBoxTrimClass(){return this.getModifierClass(this.textBoxTrim,e.TEXT_BOX_TRIM_MODIFIERS,"textBoxTrim")},getStrengthClass(){return this.getModifierClass(this.strength,e.TEXT_STRENGTH_MODIFIERS,"strength")},getDensityClass(){return this.getModifierClass(this.density,e.TEXT_DENSITY_MODIFIERS,"density")}}};function E(t,s,n,i,a,r){return l.openBlock(),l.createBlock(l.resolveDynamicComponent(n.as),{"data-qa":"dt-text",class:l.normalizeClass(r.textClasses),style:l.normalizeStyle(r.textStyles)},{default:l.withCtx(()=>[l.renderSlot(t.$slots,"default")]),_:3},8,["class","style"])}const S=c._(_,[["render",E]]);exports.default=S;exports.resetHeadlineSemanticInfoFlag=p;
+//# sourceMappingURL=text.cjs.map

package/dist/lib/text/text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.cjs","sources":["../../../components/text/text.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    data-qa=\"dt-text\"\n    :class=\"textClasses\"\n    :style=\"textStyles\"\n  >\n    <!-- @slot Default slot for text content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport {\n  TEXT_KIND_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_PREFIX,\n  TEXT_TONE_TOKENS,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n} from './text_constants';\n\nconst DEFAULT_SIZE = 'md';\nconst SEMANTIC_HEADING_ELEMENTS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\n// Module-level flag to emit info only once per session\nlet hasEmittedHeadlineSemanticInfo = false;\n\n// Exported for testing purposes only\nexport const resetHeadlineSemanticInfoFlag = () => {\n  hasEmittedHeadlineSemanticInfo = false;\n};\n\n/**\n * Dialtone text primitive that applies typography tokens based on semantic props.\n * @see https://dialtone.dialpad.com/components/text.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtText',\n\n  props: {\n    /**\n     * HTML tag or component used for rendering.\n     * @values span, p, h1, h2, h3, h4, h5, h6, label, div, component\n     */\n    as: {\n      type: String,\n      default: 'span',\n    },\n\n    /**\n     * Typography kind mapping to headline/body/label/code token sets.\n     * @values headline, body, label, code\n     */\n    kind: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Size variant within the selected `kind`. Falls back to `md` if unsupported.\n     * Headline supports all sizes; body/label/code support lg, md, sm, xs.\n     * @values 3xl, 2xl, xl, lg, md, sm, xs\n     */\n    size: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Aligns to available foreground color tokens, e.g. `tertiary`, `critical`, etc.\n     */\n    tone: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Logical text alignment. Requires block/inline-block context.\n     * @values start, center, end, justify\n     */\n    align: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Enables single-line truncation (i.e. ellipsis) when true; requires block/inline-block context.\n     */\n    truncate: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Applies multi-line truncation (i.e. clamp) when greater than zero; requires block/inline-block context.\n     */\n    maxLines: {\n      type: Number,\n      default: null,\n      validator: (value) => {\n        return value === null || (Number.isInteger(value) && value > 0);\n      },\n    },\n\n    /**\n     * Renders numeric content with tabular figures.\n     */\n    numeric: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls text wrapping behavior.\n     * @values wrap, nowrap, balance, pretty\n     */\n    wrap: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_WRAP_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Controls text-box-trim (leading space above/below text). Useful for tight component layouts.\n     * @values start, end, both\n     */\n    textBoxTrim: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_BOX_TRIM_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides font-weight. Applies to any kind/size combination.\n     * @values bold, semibold, medium, normal\n     */\n    strength: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_STRENGTH_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides line-height. Applies to any kind/size combination.\n     * @values 100, 200, 300, 400, 500, 600\n     */\n    density: {\n      type: [String, Number],\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_DENSITY_MODIFIERS, value);\n      },\n    },\n  },\n\n  computed: {\n    textClasses () {\n      const classes = ['d-text'];\n      const variantClass = this.getVariantClass();\n      if (variantClass) {\n        classes.push(variantClass);\n      }\n\n      const alignClass = this.getAlignClass();\n      if (alignClass) {\n        classes.push(alignClass);\n      }\n\n      const toneClass = this.getToneClass();\n      if (toneClass) {\n        classes.push(toneClass);\n      }\n\n      if (this.truncate) {\n        classes.push(TEXT_TRUNCATE_CLASS);\n      }\n\n      if (this.numeric) {\n        classes.push(TEXT_NUMERIC_CLASS);\n      }\n\n      if (this.maxLines) {\n        classes.push(TEXT_LINE_CLAMP_CLASS);\n      }\n\n      const wrapClass = this.getWrapClass();\n      if (wrapClass) {\n        classes.push(wrapClass);\n      }\n\n      const textBoxTrimClass = this.getTextBoxTrimClass();\n      if (textBoxTrimClass) {\n        classes.push(textBoxTrimClass);\n      }\n\n      const strengthClass = this.getStrengthClass();\n      if (strengthClass) {\n        classes.push(strengthClass);\n      }\n\n      const densityClass = this.getDensityClass();\n      if (densityClass) {\n        classes.push(densityClass);\n      }\n\n      return classes;\n    },\n\n    textStyles () {\n      if (!this.maxLines) {\n        return undefined;\n      }\n\n      return {\n        '--dt-text-line-clamp': this.maxLines,\n      };\n    },\n  },\n\n  mounted () {\n    // Emit info once per session when headline is used without semantic heading element\n    if (\n      !hasEmittedHeadlineSemanticInfo &&\n      this.kind === 'headline' &&\n      !SEMANTIC_HEADING_ELEMENTS.includes(this.as)\n    ) {\n\n      console.info(\n        '[DtText] kind=\"headline\" is used without a semantic heading element. ' +\n        'Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility.',\n      );\n      hasEmittedHeadlineSemanticInfo = true;\n    }\n  },\n\n  methods: {\n    getVariantClass () {\n      if (!this.kind) {\n        if (this.size) {\n          console.warn('[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\".');\n        }\n        return null;\n      }\n\n      if (!Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, this.kind)) {\n        console.warn(`[DtText] Unsupported kind \"${this.kind}\".`);\n        return null;\n      }\n\n      const allowedSizes = TEXT_SIZE_MODIFIERS[this.kind] || [];\n      const requestedSize = this.size || DEFAULT_SIZE;\n      let resolvedSize = requestedSize;\n\n      if (!allowedSizes.includes(requestedSize)) {\n        // Headline-only sizes (3xl, 2xl, xl) throw an error when used with incompatible kinds\n        if (TEXT_HEADLINE_ONLY_SIZES.includes(requestedSize)) {\n          throw new Error(\n            `[DtText] size=\"${requestedSize}\" is only valid for kind=\"headline\". ` +\n            `Cannot use with kind=\"${this.kind}\".`,\n          );\n        }\n\n        // Universal sizes (lg, md, sm, xs) fall back gracefully with a warning\n        const fallbackSize = allowedSizes.includes(DEFAULT_SIZE) ? DEFAULT_SIZE : allowedSizes[0];\n        if (fallbackSize) {\n          resolvedSize = fallbackSize;\n        }\n        console.warn(`[DtText] size=\"${requestedSize}\" is not valid for kind=\"${this.kind}\". Using \"${resolvedSize}\" instead.`);\n      }\n\n      if (!resolvedSize) {\n        return null;\n      }\n\n      return `${TEXT_KIND_MODIFIERS[this.kind]}--${resolvedSize}`;\n    },\n\n    getModifierClass (value, modifiers, propName) {\n      if (value === null || value === undefined) {\n        return null;\n      }\n\n      const className = modifiers[value];\n      if (!className) {\n        console.warn(`[DtText] Unsupported ${propName} \"${value}\".`);\n        return null;\n      }\n\n      return className;\n    },\n\n    getAlignClass () {\n      return this.getModifierClass(this.align, TEXT_ALIGN_MODIFIERS, 'align');\n    },\n\n    getToneClass () {\n      if (!this.tone) {\n        return null;\n      }\n\n      if (!TEXT_TONE_TOKENS.includes(this.tone)) {\n        console.warn(`[DtText] Unsupported tone \"${this.tone}\".`);\n        return null;\n      }\n\n      return `${TEXT_TONE_PREFIX}${this.tone}`;\n    },\n\n    getWrapClass () {\n      return this.getModifierClass(this.wrap, TEXT_WRAP_MODIFIERS, 'wrap');\n    },\n\n    getTextBoxTrimClass () {\n      return this.getModifierClass(this.textBoxTrim, TEXT_BOX_TRIM_MODIFIERS, 'textBoxTrim');\n    },\n\n    getStrengthClass () {\n      return this.getModifierClass(this.strength, TEXT_STRENGTH_MODIFIERS, 'strength');\n    },\n\n    getDensityClass () {\n      return this.getModifierClass(this.density, TEXT_DENSITY_MODIFIERS, 'density');\n    },\n  },\n};\n</script>\n"],"names":["DEFAULT_SIZE","SEMANTIC_HEADING_ELEMENTS","hasEmittedHeadlineSemanticInfo","resetHeadlineSemanticInfoFlag","_sfc_main","value","TEXT_KIND_MODIFIERS","TEXT_WRAP_MODIFIERS","TEXT_BOX_TRIM_MODIFIERS","TEXT_STRENGTH_MODIFIERS","TEXT_DENSITY_MODIFIERS","classes","variantClass","alignClass","toneClass","TEXT_TRUNCATE_CLASS","TEXT_NUMERIC_CLASS","TEXT_LINE_CLAMP_CLASS","wrapClass","textBoxTrimClass","strengthClass","densityClass","allowedSizes","TEXT_SIZE_MODIFIERS","requestedSize","resolvedSize","TEXT_HEADLINE_ONLY_SIZES","fallbackSize","modifiers","propName","className","TEXT_ALIGN_MODIFIERS","TEXT_TONE_TOKENS","TEXT_TONE_PREFIX","_openBlock","_createBlock","_resolveDynamicComponent","$props","$options","_renderSlot","_ctx"],"mappings":"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"}

package/dist/lib/text/text.js

@@ -0,0 +1,203 @@
+import { TEXT_DENSITY_MODIFIERS as h, TEXT_STRENGTH_MODIFIERS as c, TEXT_BOX_TRIM_MODIFIERS as f, TEXT_WRAP_MODIFIERS as p, TEXT_TONE_PREFIX as T, TEXT_ALIGN_MODIFIERS as g, TEXT_KIND_MODIFIERS as r, TEXT_SIZE_MODIFIERS as S, TEXT_HEADLINE_ONLY_SIZES as E, TEXT_TRUNCATE_CLASS as C, TEXT_NUMERIC_CLASS as m, TEXT_LINE_CLAMP_CLASS as _ } from "./text-constants.js";
+import { openBlock as y, createBlock as x, resolveDynamicComponent as I, normalizeStyle as D, normalizeClass as O, withCtx as w, renderSlot as k } from "vue";
+import { _ as M } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import N from "./text-tone-tokens.js";
+const a = "md", X = ["h1", "h2", "h3", "h4", "h5", "h6"];
+let o = !1;
+const B = () => {
+  o = !1;
+}, $ = {
+  compatConfig: { MODE: 3 },
+  name: "DtText",
+  props: {
+    /**
+     * HTML tag or component used for rendering.
+     * @values span, p, h1, h2, h3, h4, h5, h6, label, div, component
+     */
+    as: {
+      type: String,
+      default: "span"
+    },
+    /**
+     * Typography kind mapping to headline/body/label/code token sets.
+     * @values headline, body, label, code
+     */
+    kind: {
+      type: String,
+      default: null,
+      validator: (t) => t === null || Object.prototype.hasOwnProperty.call(r, t)
+    },
+    /**
+     * Size variant within the selected `kind`. Falls back to `md` if unsupported.
+     * Headline supports all sizes; body/label/code support lg, md, sm, xs.
+     * @values 3xl, 2xl, xl, lg, md, sm, xs
+     */
+    size: {
+      type: String,
+      default: null
+    },
+    /**
+     * Aligns to available foreground color tokens, e.g. `tertiary`, `critical`, etc.
+     */
+    tone: {
+      type: String,
+      default: null
+    },
+    /**
+     * Logical text alignment. Requires block/inline-block context.
+     * @values start, center, end, justify
+     */
+    align: {
+      type: String,
+      default: null
+    },
+    /**
+     * Enables single-line truncation (i.e. ellipsis) when true; requires block/inline-block context.
+     */
+    truncate: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Applies multi-line truncation (i.e. clamp) when greater than zero; requires block/inline-block context.
+     */
+    maxLines: {
+      type: Number,
+      default: null,
+      validator: (t) => t === null || Number.isInteger(t) && t > 0
+    },
+    /**
+     * Renders numeric content with tabular figures.
+     */
+    numeric: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Controls text wrapping behavior.
+     * @values wrap, nowrap, balance, pretty
+     */
+    wrap: {
+      type: String,
+      default: null,
+      validator: (t) => t === null || Object.prototype.hasOwnProperty.call(p, t)
+    },
+    /**
+     * Controls text-box-trim (leading space above/below text). Useful for tight component layouts.
+     * @values start, end, both
+     */
+    textBoxTrim: {
+      type: String,
+      default: null,
+      validator: (t) => t === null || Object.prototype.hasOwnProperty.call(f, t)
+    },
+    /**
+     * Overrides font-weight. Applies to any kind/size combination.
+     * @values bold, semibold, medium, normal
+     */
+    strength: {
+      type: String,
+      default: null,
+      validator: (t) => t === null || Object.prototype.hasOwnProperty.call(c, t)
+    },
+    /**
+     * Overrides line-height. Applies to any kind/size combination.
+     * @values 100, 200, 300, 400, 500, 600
+     */
+    density: {
+      type: [String, Number],
+      default: null,
+      validator: (t) => t === null || Object.prototype.hasOwnProperty.call(h, t)
+    }
+  },
+  computed: {
+    textClasses() {
+      const t = ["d-text"], e = this.getVariantClass();
+      e && t.push(e);
+      const s = this.getAlignClass();
+      s && t.push(s);
+      const n = this.getToneClass();
+      n && t.push(n), this.truncate && t.push(C), this.numeric && t.push(m), this.maxLines && t.push(_);
+      const l = this.getWrapClass();
+      l && t.push(l);
+      const i = this.getTextBoxTrimClass();
+      i && t.push(i);
+      const u = this.getStrengthClass();
+      u && t.push(u);
+      const d = this.getDensityClass();
+      return d && t.push(d), t;
+    },
+    textStyles() {
+      if (this.maxLines)
+        return {
+          "--dt-text-line-clamp": this.maxLines
+        };
+    }
+  },
+  mounted() {
+    !o && this.kind === "headline" && !X.includes(this.as) && (console.info(
+      '[DtText] kind="headline" is used without a semantic heading element. Consider using as="h1|h2|h3|h4|h5|h6" for better accessibility.'
+    ), o = !0);
+  },
+  methods: {
+    getVariantClass() {
+      if (!this.kind)
+        return this.size && console.warn('[DtText] size prop has no effect without kind. Set kind="headline|body|label|code".'), null;
+      if (!Object.prototype.hasOwnProperty.call(r, this.kind))
+        return console.warn(`[DtText] Unsupported kind "${this.kind}".`), null;
+      const t = S[this.kind] || [], e = this.size || a;
+      let s = e;
+      if (!t.includes(e)) {
+        if (E.includes(e))
+          throw new Error(
+            `[DtText] size="${e}" is only valid for kind="headline". Cannot use with kind="${this.kind}".`
+          );
+        const n = t.includes(a) ? a : t[0];
+        n && (s = n), console.warn(`[DtText] size="${e}" is not valid for kind="${this.kind}". Using "${s}" instead.`);
+      }
+      return s ? `${r[this.kind]}--${s}` : null;
+    },
+    getModifierClass(t, e, s) {
+      if (t == null)
+        return null;
+      const n = e[t];
+      return n || (console.warn(`[DtText] Unsupported ${s} "${t}".`), null);
+    },
+    getAlignClass() {
+      return this.getModifierClass(this.align, g, "align");
+    },
+    getToneClass() {
+      return this.tone ? N.includes(this.tone) ? `${T}${this.tone}` : (console.warn(`[DtText] Unsupported tone "${this.tone}".`), null) : null;
+    },
+    getWrapClass() {
+      return this.getModifierClass(this.wrap, p, "wrap");
+    },
+    getTextBoxTrimClass() {
+      return this.getModifierClass(this.textBoxTrim, f, "textBoxTrim");
+    },
+    getStrengthClass() {
+      return this.getModifierClass(this.strength, c, "strength");
+    },
+    getDensityClass() {
+      return this.getModifierClass(this.density, h, "density");
+    }
+  }
+};
+function b(t, e, s, n, l, i) {
+  return y(), x(I(s.as), {
+    "data-qa": "dt-text",
+    class: O(i.textClasses),
+    style: D(i.textStyles)
+  }, {
+    default: w(() => [
+      k(t.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["class", "style"]);
+}
+const F = /* @__PURE__ */ M($, [["render", b]]);
+export {
+  F as default,
+  B as resetHeadlineSemanticInfoFlag
+};
+//# sourceMappingURL=text.js.map

package/dist/lib/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":["../../../components/text/text.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    data-qa=\"dt-text\"\n    :class=\"textClasses\"\n    :style=\"textStyles\"\n  >\n    <!-- @slot Default slot for text content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport {\n  TEXT_KIND_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_PREFIX,\n  TEXT_TONE_TOKENS,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n} from './text_constants';\n\nconst DEFAULT_SIZE = 'md';\nconst SEMANTIC_HEADING_ELEMENTS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\n// Module-level flag to emit info only once per session\nlet hasEmittedHeadlineSemanticInfo = false;\n\n// Exported for testing purposes only\nexport const resetHeadlineSemanticInfoFlag = () => {\n  hasEmittedHeadlineSemanticInfo = false;\n};\n\n/**\n * Dialtone text primitive that applies typography tokens based on semantic props.\n * @see https://dialtone.dialpad.com/components/text.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtText',\n\n  props: {\n    /**\n     * HTML tag or component used for rendering.\n     * @values span, p, h1, h2, h3, h4, h5, h6, label, div, component\n     */\n    as: {\n      type: String,\n      default: 'span',\n    },\n\n    /**\n     * Typography kind mapping to headline/body/label/code token sets.\n     * @values headline, body, label, code\n     */\n    kind: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Size variant within the selected `kind`. Falls back to `md` if unsupported.\n     * Headline supports all sizes; body/label/code support lg, md, sm, xs.\n     * @values 3xl, 2xl, xl, lg, md, sm, xs\n     */\n    size: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Aligns to available foreground color tokens, e.g. `tertiary`, `critical`, etc.\n     */\n    tone: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Logical text alignment. Requires block/inline-block context.\n     * @values start, center, end, justify\n     */\n    align: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Enables single-line truncation (i.e. ellipsis) when true; requires block/inline-block context.\n     */\n    truncate: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Applies multi-line truncation (i.e. clamp) when greater than zero; requires block/inline-block context.\n     */\n    maxLines: {\n      type: Number,\n      default: null,\n      validator: (value) => {\n        return value === null || (Number.isInteger(value) && value > 0);\n      },\n    },\n\n    /**\n     * Renders numeric content with tabular figures.\n     */\n    numeric: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls text wrapping behavior.\n     * @values wrap, nowrap, balance, pretty\n     */\n    wrap: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_WRAP_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Controls text-box-trim (leading space above/below text). Useful for tight component layouts.\n     * @values start, end, both\n     */\n    textBoxTrim: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_BOX_TRIM_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides font-weight. Applies to any kind/size combination.\n     * @values bold, semibold, medium, normal\n     */\n    strength: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_STRENGTH_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Overrides line-height. Applies to any kind/size combination.\n     * @values 100, 200, 300, 400, 500, 600\n     */\n    density: {\n      type: [String, Number],\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_DENSITY_MODIFIERS, value);\n      },\n    },\n  },\n\n  computed: {\n    textClasses () {\n      const classes = ['d-text'];\n      const variantClass = this.getVariantClass();\n      if (variantClass) {\n        classes.push(variantClass);\n      }\n\n      const alignClass = this.getAlignClass();\n      if (alignClass) {\n        classes.push(alignClass);\n      }\n\n      const toneClass = this.getToneClass();\n      if (toneClass) {\n        classes.push(toneClass);\n      }\n\n      if (this.truncate) {\n        classes.push(TEXT_TRUNCATE_CLASS);\n      }\n\n      if (this.numeric) {\n        classes.push(TEXT_NUMERIC_CLASS);\n      }\n\n      if (this.maxLines) {\n        classes.push(TEXT_LINE_CLAMP_CLASS);\n      }\n\n      const wrapClass = this.getWrapClass();\n      if (wrapClass) {\n        classes.push(wrapClass);\n      }\n\n      const textBoxTrimClass = this.getTextBoxTrimClass();\n      if (textBoxTrimClass) {\n        classes.push(textBoxTrimClass);\n      }\n\n      const strengthClass = this.getStrengthClass();\n      if (strengthClass) {\n        classes.push(strengthClass);\n      }\n\n      const densityClass = this.getDensityClass();\n      if (densityClass) {\n        classes.push(densityClass);\n      }\n\n      return classes;\n    },\n\n    textStyles () {\n      if (!this.maxLines) {\n        return undefined;\n      }\n\n      return {\n        '--dt-text-line-clamp': this.maxLines,\n      };\n    },\n  },\n\n  mounted () {\n    // Emit info once per session when headline is used without semantic heading element\n    if (\n      !hasEmittedHeadlineSemanticInfo &&\n      this.kind === 'headline' &&\n      !SEMANTIC_HEADING_ELEMENTS.includes(this.as)\n    ) {\n\n      console.info(\n        '[DtText] kind=\"headline\" is used without a semantic heading element. ' +\n        'Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility.',\n      );\n      hasEmittedHeadlineSemanticInfo = true;\n    }\n  },\n\n  methods: {\n    getVariantClass () {\n      if (!this.kind) {\n        if (this.size) {\n          console.warn('[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\".');\n        }\n        return null;\n      }\n\n      if (!Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, this.kind)) {\n        console.warn(`[DtText] Unsupported kind \"${this.kind}\".`);\n        return null;\n      }\n\n      const allowedSizes = TEXT_SIZE_MODIFIERS[this.kind] || [];\n      const requestedSize = this.size || DEFAULT_SIZE;\n      let resolvedSize = requestedSize;\n\n      if (!allowedSizes.includes(requestedSize)) {\n        // Headline-only sizes (3xl, 2xl, xl) throw an error when used with incompatible kinds\n        if (TEXT_HEADLINE_ONLY_SIZES.includes(requestedSize)) {\n          throw new Error(\n            `[DtText] size=\"${requestedSize}\" is only valid for kind=\"headline\". ` +\n            `Cannot use with kind=\"${this.kind}\".`,\n          );\n        }\n\n        // Universal sizes (lg, md, sm, xs) fall back gracefully with a warning\n        const fallbackSize = allowedSizes.includes(DEFAULT_SIZE) ? DEFAULT_SIZE : allowedSizes[0];\n        if (fallbackSize) {\n          resolvedSize = fallbackSize;\n        }\n        console.warn(`[DtText] size=\"${requestedSize}\" is not valid for kind=\"${this.kind}\". Using \"${resolvedSize}\" instead.`);\n      }\n\n      if (!resolvedSize) {\n        return null;\n      }\n\n      return `${TEXT_KIND_MODIFIERS[this.kind]}--${resolvedSize}`;\n    },\n\n    getModifierClass (value, modifiers, propName) {\n      if (value === null || value === undefined) {\n        return null;\n      }\n\n      const className = modifiers[value];\n      if (!className) {\n        console.warn(`[DtText] Unsupported ${propName} \"${value}\".`);\n        return null;\n      }\n\n      return className;\n    },\n\n    getAlignClass () {\n      return this.getModifierClass(this.align, TEXT_ALIGN_MODIFIERS, 'align');\n    },\n\n    getToneClass () {\n      if (!this.tone) {\n        return null;\n      }\n\n      if (!TEXT_TONE_TOKENS.includes(this.tone)) {\n        console.warn(`[DtText] Unsupported tone \"${this.tone}\".`);\n        return null;\n      }\n\n      return `${TEXT_TONE_PREFIX}${this.tone}`;\n    },\n\n    getWrapClass () {\n      return this.getModifierClass(this.wrap, TEXT_WRAP_MODIFIERS, 'wrap');\n    },\n\n    getTextBoxTrimClass () {\n      return this.getModifierClass(this.textBoxTrim, TEXT_BOX_TRIM_MODIFIERS, 'textBoxTrim');\n    },\n\n    getStrengthClass () {\n      return this.getModifierClass(this.strength, TEXT_STRENGTH_MODIFIERS, 'strength');\n    },\n\n    getDensityClass () {\n      return this.getModifierClass(this.density, TEXT_DENSITY_MODIFIERS, 'density');\n    },\n  },\n};\n</script>\n"],"names":["DEFAULT_SIZE","SEMANTIC_HEADING_ELEMENTS","hasEmittedHeadlineSemanticInfo","resetHeadlineSemanticInfoFlag","_sfc_main","value","TEXT_KIND_MODIFIERS","TEXT_WRAP_MODIFIERS","TEXT_BOX_TRIM_MODIFIERS","TEXT_STRENGTH_MODIFIERS","TEXT_DENSITY_MODIFIERS","classes","variantClass","alignClass","toneClass","TEXT_TRUNCATE_CLASS","TEXT_NUMERIC_CLASS","TEXT_LINE_CLAMP_CLASS","wrapClass","textBoxTrimClass","strengthClass","densityClass","allowedSizes","TEXT_SIZE_MODIFIERS","requestedSize","resolvedSize","TEXT_HEADLINE_ONLY_SIZES","fallbackSize","modifiers","propName","className","TEXT_ALIGN_MODIFIERS","TEXT_TONE_TOKENS","TEXT_TONE_PREFIX","_openBlock","_createBlock","_resolveDynamicComponent","$props","$options","_renderSlot","_ctx"],"mappings":"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"}

package/dist/lib/top-banner-info/top-banner-info.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./top-banner-info-constants.cjs"),e=require("vue"),t=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),i={compatConfig:{MODE:3},name:"DtRecipeTopBannerInfo",props:{colorCode:{type:String,default:"green300",validator:function(n){return r.COLOR_CODES.includes(n)}}},computed:{bannerInfoClass(){return[{green100:"d-recipe-top-banner-info--success",green300:"d-recipe-top-banner-info--success",red100:"d-recipe-top-banner-info--critical",red200:"d-recipe-top-banner-info--critical",gold100:"d-recipe-top-banner-info--warning",gold200:"d-recipe-top-banner-info--warning",black100:"d-recipe-top-banner-info--info",white:"d-recipe-top-banner-info--primary"}[this.colorCode]]}}},a={class:"d-recipe-top-banner-info__left"},s={class:"d-recipe-top-banner-info__middle","data-qa":"banner-info--middle"},c={class:"d-recipe-top-banner-info__right"};function d(n,p,f,u,_,o){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["d-recipe-top-banner-info",o.bannerInfoClass]),"data-qa":"banner-info"},[e.createElementVNode("div",a,[e.renderSlot(n.$slots,"left")]),e.createElementVNode("div",s,[e.renderSlot(n.$slots,"default")]),e.createElementVNode("div",c,[e.renderSlot(n.$slots,"right")])],2)}const l=t._(i,[["render",d]]);exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./top-banner-info-constants.cjs"),e=require("vue"),t=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),i={compatConfig:{MODE:3},name:"DtRecipeTopBannerInfo",props:{colorCode:{type:String,default:"green300",validator:function(n){return r.COLOR_CODES.includes(n)}}},computed:{bannerInfoClass(){return[{green100:"d-recipe-top-banner-info--success",green300:"d-recipe-top-banner-info--success",red100:"d-recipe-top-banner-info--critical",red200:"d-recipe-top-banner-info--critical",gold100:"d-recipe-top-banner-info--warning",gold200:"d-recipe-top-banner-info--warning",black100:"d-recipe-top-banner-info--info",white:"d-recipe-top-banner-info--primary"}[this.colorCode]]}}},s={class:"d-recipe-top-banner-info__left"},a={class:"d-recipe-top-banner-info__middle","data-qa":"banner-info--middle"},d={class:"d-recipe-top-banner-info__right"};function l(n,p,f,u,b,o){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["d-recipe-top-banner-info",o.bannerInfoClass]),"data-qa":"banner-info"},[e.createElementVNode("div",s,[n.$slots.start?e.renderSlot(n.$slots,"start",{key:0}):e.renderSlot(n.$slots,"left",{key:1})]),e.createElementVNode("div",a,[e.renderSlot(n.$slots,"default")]),e.createElementVNode("div",d,[n.$slots.end?e.renderSlot(n.$slots,"end",{key:0}):e.renderSlot(n.$slots,"right",{key:1})])],2)}const c=t._(i,[["render",l]]);exports.default=c;
 //# sourceMappingURL=top-banner-info.cjs.map

package/dist/lib/top-banner-info/top-banner-info.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"top-banner-info.cjs","sources":["../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"d-recipe-top-banner-info__left\">\n      <slot name=\"left\" />\n    </div>\n\n    <div\n      class=\"d-recipe-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"d-recipe-top-banner-info__right\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green100: 'd-recipe-top-banner-info--success',\n        green300: 'd-recipe-top-banner-info--success',\n        red100: 'd-recipe-top-banner-info--critical',\n        red200: 'd-recipe-top-banner-info--critical',\n        gold100: 'd-recipe-top-banner-info--warning',\n        gold200: 'd-recipe-top-banner-info--warning',\n        black100: 'd-recipe-top-banner-info--info',\n        white: 'd-recipe-top-banner-info--primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","kind","COLOR_CODES","_hoisted_1","_hoisted_3","_createElementBlock","_normalizeClass","$options","_createElementVNode","_renderSlot","_ctx","_hoisted_2"],"mappings":"0OA0BKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,wBAEN,MAAO,CAIL,UAAW,CACT,KAAM,OACN,QAAS,WACT,UAAW,SAAUC,EAAM,CACzB,OAAOC,EAAAA,YAAY,SAASD,CAAI,CAClC,IAIJ,SAAU,CACR,iBAAmB,CAajB,MAAO,CAZU,CAGf,SAAU,oCACV,SAAU,oCACV,OAAQ,qCACR,OAAQ,qCACR,QAAS,oCACT,QAAS,oCACT,SAAU,iCACV,MAAO,qCAEQ,KAAK,SAAS,CAAC,CAClC,EAEJ,EAtDSE,EAAA,CAAA,MAAM,gCAAgC,KAKzC,MAAM,mCACN,UAAQ,uBAKLC,EAAA,CAAA,MAAM,iCAAiC,+CAhB9CC,EAAAA,mBAmBM,MAAA,CAlBJ,MAAKC,EAAAA,eAAA,CAAC,2BACEC,EAAA,eAAe,CAAA,EACvB,UAAQ,gBAERC,EAAAA,mBAEM,MAFNL,EAEM,CADJM,aAAoBC,EAAA,OAAA,MAAA,IAGtBF,EAAAA,mBAKM,MALNG,EAKM,CADJF,aAAQC,EAAA,OAAA,SAAA,IAGVF,EAAAA,mBAEM,MAFNJ,EAEM,CADJK,aAAqBC,EAAA,OAAA,OAAA"}
+{"version":3,"file":"top-banner-info.cjs","sources":["../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"d-recipe-top-banner-info__left\">\n      <!-- @slot Slot for start content -->\n      <slot\n        v-if=\"$slots.start\"\n        name=\"start\"\n      />\n      <!-- @slot @deprecated Use start -->\n      <slot\n        v-else\n        name=\"left\"\n      />\n    </div>\n\n    <div\n      class=\"d-recipe-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"d-recipe-top-banner-info__right\">\n      <!-- @slot Slot for end content -->\n      <slot\n        v-if=\"$slots.end\"\n        name=\"end\"\n      />\n      <!-- @slot @deprecated Use end -->\n      <slot\n        v-else\n        name=\"right\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green100: 'd-recipe-top-banner-info--success',\n        green300: 'd-recipe-top-banner-info--success',\n        red100: 'd-recipe-top-banner-info--critical',\n        red200: 'd-recipe-top-banner-info--critical',\n        gold100: 'd-recipe-top-banner-info--warning',\n        gold200: 'd-recipe-top-banner-info--warning',\n        black100: 'd-recipe-top-banner-info--info',\n        white: 'd-recipe-top-banner-info--primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","kind","COLOR_CODES","_hoisted_1","_hoisted_3","_createElementBlock","_normalizeClass","$options","_createElementVNode","_ctx","_renderSlot","_hoisted_2"],"mappings":"0OA4CKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,wBAEN,MAAO,CAIL,UAAW,CACT,KAAM,OACN,QAAS,WACT,UAAW,SAAUC,EAAM,CACzB,OAAOC,EAAAA,YAAY,SAASD,CAAI,CAClC,IAIJ,SAAU,CACR,iBAAmB,CAajB,MAAO,CAZU,CAGf,SAAU,oCACV,SAAU,oCACV,OAAQ,qCACR,OAAQ,qCACR,QAAS,oCACT,QAAS,oCACT,SAAU,iCACV,MAAO,qCAEQ,KAAK,SAAS,CAAC,CAClC,EAEJ,EAxESE,EAAA,CAAA,MAAM,gCAAgC,KAczC,MAAM,mCACN,UAAQ,uBAKLC,EAAA,CAAA,MAAM,iCAAiC,+CAzB9CC,EAAAA,mBAqCM,MAAA,CApCJ,MAAKC,EAAAA,eAAA,CAAC,2BACEC,EAAA,eAAe,CAAA,EACvB,UAAQ,gBAERC,EAAAA,mBAWM,MAXNL,EAWM,CARIM,EAAA,OAAO,MADfC,EAAAA,WAGED,EAAA,OAAA,QAAA,CAAA,IAAA,CAAA,CAAA,EAEFC,EAAAA,WAGED,EAAA,OAAA,OAAA,CAAA,IAAA,CAAA,CAAA,IAGJD,EAAAA,mBAKM,MALNG,EAKM,CADJD,aAAQD,EAAA,OAAA,SAAA,IAGVD,EAAAA,mBAWM,MAXNJ,EAWM,CARIK,EAAA,OAAO,IADfC,EAAAA,WAGED,EAAA,OAAA,MAAA,CAAA,IAAA,CAAA,CAAA,EAEFC,EAAAA,WAGED,EAAA,OAAA,QAAA,CAAA,IAAA,CAAA,CAAA"}

package/dist/lib/top-banner-info/top-banner-info.js

@@ -1,7 +1,7 @@
-import { COLOR_CODES as i } from "./top-banner-info-constants.js";
-import { openBlock as t, createElementBlock as a, normalizeClass as s, createElementVNode as n, renderSlot as o } from "vue";
-import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const d = {
+import { COLOR_CODES as t } from "./top-banner-info-constants.js";
+import { openBlock as i, createElementBlock as s, normalizeClass as a, createElementVNode as o, renderSlot as n } from "vue";
+import { _ as d } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const c = {
   compatConfig: { MODE: 3 },
   name: "DtRecipeTopBannerInfo",
   props: {
@@ -12,7 +12,7 @@ const d = {
       type: String,
       default: "green300",
       validator: function(e) {
-        return i.includes(e);
+        return t.includes(e);
       }
     }
   },
@@ -36,24 +36,24 @@ const d = {
   class: "d-recipe-top-banner-info__middle",
   "data-qa": "banner-info--middle"
 }, f = { class: "d-recipe-top-banner-info__right" };
-function _(e, b, m, g, u, r) {
-  return t(), a("div", {
-    class: s(["d-recipe-top-banner-info", r.bannerInfoClass]),
+function b(e, _, m, g, u, r) {
+  return i(), s("div", {
+    class: a(["d-recipe-top-banner-info", r.bannerInfoClass]),
     "data-qa": "banner-info"
   }, [
-    n("div", p, [
-      o(e.$slots, "left")
+    o("div", p, [
+      e.$slots.start ? n(e.$slots, "start", { key: 0 }) : n(e.$slots, "left", { key: 1 })
     ]),
-    n("div", l, [
-      o(e.$slots, "default")
+    o("div", l, [
+      n(e.$slots, "default")
     ]),
-    n("div", f, [
-      o(e.$slots, "right")
+    o("div", f, [
+      e.$slots.end ? n(e.$slots, "end", { key: 0 }) : n(e.$slots, "right", { key: 1 })
     ])
   ], 2);
 }
-const v = /* @__PURE__ */ c(d, [["render", _]]);
+const k = /* @__PURE__ */ d(c, [["render", b]]);
 export {
-  v as default
+  k as default
 };
 //# sourceMappingURL=top-banner-info.js.map

package/dist/lib/top-banner-info/top-banner-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-banner-info.js","sources":["../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"d-recipe-top-banner-info__left\">\n      <slot name=\"left\" />\n    </div>\n\n    <div\n      class=\"d-recipe-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"d-recipe-top-banner-info__right\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green100: 'd-recipe-top-banner-info--success',\n        green300: 'd-recipe-top-banner-info--success',\n        red100: 'd-recipe-top-banner-info--critical',\n        red200: 'd-recipe-top-banner-info--critical',\n        gold100: 'd-recipe-top-banner-info--warning',\n        gold200: 'd-recipe-top-banner-info--warning',\n        black100: 'd-recipe-top-banner-info--info',\n        white: 'd-recipe-top-banner-info--primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","kind","COLOR_CODES","_hoisted_1","_hoisted_3","_createElementBlock","_normalizeClass","$options","_createElementVNode","_renderSlot","_ctx","_hoisted_2"],"mappings":";;;AA0BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,SAAUC,GAAM;AACzB,eAAOC,EAAY,SAASD,CAAI;AAAA,MAClC;AAAA;;EAIJ,UAAU;AAAA,IACR,kBAAmB;AAajB,aAAO,CAZU;AAAA;AAAA;AAAA,QAGf,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,QAEQ,KAAK,SAAS,CAAC;AAAA,IAClC;AAAA;AAEJ,GAtDSE,IAAA,EAAA,OAAM,iCAAgC;EAKzC,OAAM;AAAA,EACN,WAAQ;GAKLC,IAAA,EAAA,OAAM,kCAAiC;;cAhB9CC,EAmBM,OAAA;AAAA,IAlBJ,OAAKC,EAAA,CAAC,4BACEC,EAAA,eAAe,CAAA;AAAA,IACvB,WAAQ;AAAA;IAERC,EAEM,OAFNL,GAEM;AAAA,MADJM,EAAoBC,EAAA,QAAA,MAAA;AAAA;IAGtBF,EAKM,OALNG,GAKM;AAAA,MADJF,EAAQC,EAAA,QAAA,SAAA;AAAA;IAGVF,EAEM,OAFNJ,GAEM;AAAA,MADJK,EAAqBC,EAAA,QAAA,OAAA;AAAA;;;;"}
+{"version":3,"file":"top-banner-info.js","sources":["../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"d-recipe-top-banner-info__left\">\n      <!-- @slot Slot for start content -->\n      <slot\n        v-if=\"$slots.start\"\n        name=\"start\"\n      />\n      <!-- @slot @deprecated Use start -->\n      <slot\n        v-else\n        name=\"left\"\n      />\n    </div>\n\n    <div\n      class=\"d-recipe-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"d-recipe-top-banner-info__right\">\n      <!-- @slot Slot for end content -->\n      <slot\n        v-if=\"$slots.end\"\n        name=\"end\"\n      />\n      <!-- @slot @deprecated Use end -->\n      <slot\n        v-else\n        name=\"right\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green100: 'd-recipe-top-banner-info--success',\n        green300: 'd-recipe-top-banner-info--success',\n        red100: 'd-recipe-top-banner-info--critical',\n        red200: 'd-recipe-top-banner-info--critical',\n        gold100: 'd-recipe-top-banner-info--warning',\n        gold200: 'd-recipe-top-banner-info--warning',\n        black100: 'd-recipe-top-banner-info--info',\n        white: 'd-recipe-top-banner-info--primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","kind","COLOR_CODES","_hoisted_1","_hoisted_3","_createElementBlock","_normalizeClass","$options","_createElementVNode","_ctx","_renderSlot","_hoisted_2"],"mappings":";;;AA4CA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,SAAUC,GAAM;AACzB,eAAOC,EAAY,SAASD,CAAI;AAAA,MAClC;AAAA;;EAIJ,UAAU;AAAA,IACR,kBAAmB;AAajB,aAAO,CAZU;AAAA;AAAA;AAAA,QAGf,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,QAEQ,KAAK,SAAS,CAAC;AAAA,IAClC;AAAA;AAEJ,GAxESE,IAAA,EAAA,OAAM,iCAAgC;EAczC,OAAM;AAAA,EACN,WAAQ;GAKLC,IAAA,EAAA,OAAM,kCAAiC;;cAzB9CC,EAqCM,OAAA;AAAA,IApCJ,OAAKC,EAAA,CAAC,4BACEC,EAAA,eAAe,CAAA;AAAA,IACvB,WAAQ;AAAA;IAERC,EAWM,OAXNL,GAWM;AAAA,MARIM,EAAA,OAAO,QADfC,EAGED,EAAA,QAAA,SAAA,EAAA,KAAA,EAAA,CAAA,IAEFC,EAGED,EAAA,QAAA,QAAA,EAAA,KAAA,EAAA,CAAA;AAAA;IAGJD,EAKM,OALNG,GAKM;AAAA,MADJD,EAAQD,EAAA,QAAA,SAAA;AAAA;IAGVD,EAWM,OAXNJ,GAWM;AAAA,MARIK,EAAA,OAAO,MADfC,EAGED,EAAA,QAAA,OAAA,EAAA,KAAA,EAAA,CAAA,IAEFC,EAGED,EAAA,QAAA,SAAA,EAAA,KAAA,EAAA,CAAA;AAAA;;;;"}

package/dist/localization/de-DE.cjs

@@ -55,6 +55,10 @@ DIALTONE_EDITOR_LINK_BUTTON_LABEL = Link
 DIALTONE_EDITOR_ADD_LINK_BUTTON =
     .title = Link hinzufügen
     .aria-label = Eingabefeld zum Hinzufügen eines Links
+DIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL = Schriftart
+DIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER = Schriftart suchen
+DIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL = Schriftgröße
+DIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL = Textfarbe
 DIALTONE_EMOJI_ROW_REACTION_LABEL =
     { $personCount ->
         [one] reagierte mit { $reaction }

package/dist/localization/de-DE.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"de-DE.cjs","sources":["../../localization/de-DE.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = Zum Schließen klicken\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = Brotkrumen\\nDIALTONE_LOADING = Lädt ...\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n    { $unreadCount ->\\n        [0] Keine ungelesenen Nachrichten\\n        [1] 1 ungelesene Nachricht\\n       *[other] { $unreadCount } ungelesene Nachrichten\\n    }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n    { $unreadCount ->\\n        [0] Keine ungelesenen Erwähnungen\\n        [1] 1 ungelesene Erwähnung\\n       *[other] { $unreadCount } ungelesene Erwähnungen\\n    }\\nDIALTONE_TYPING_TEXT = schreibt\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = Zum Öffnen klicken\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = Wird hochgeladen\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = Vorherig\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = Weiter\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = Dropdown-Menü öffnen\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = Popover öffnen\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = Menü öffnen\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = Vorheriger Monat\\nDIALTONE_DATEPICKER_NEXT_MONTH = nächsten Monat\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = Vorheriges Jahr\\nDIALTONE_DATEPICKER_NEXT_YEAR = nächstes Jahr\\nDIALTONE_DATEPICKER_SELECT_DAY = Tag auswählen\\nDIALTONE_DATEPICKER_CHANGE_TO = Wechseln zu\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n    .title = Bestätigen\\n    .aria-label = Set-Link bestätigen\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n    .title = Entfernen\\n    .aria-label = Link entfernen\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n    .title = ABBRECHEN\\n    .aria-label = Set-Link abbrechen\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = Vorlage\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = Fett\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = Kursiv\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = Unterstreichen\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = Durchstreichen\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = Linksbündig ausrichten\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = Zentrieren\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = Rechtsbündig ausrichten\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = Blocksatz ausrichten\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = Stichpunktliste\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = Geordnete Liste\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = Zitat\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = Code\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = Bild\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = Link\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n    .title = Link hinzufügen\\n    .aria-label = Eingabefeld zum Hinzufügen eines Links\\nDIALTONE_EMOJI_ROW_REACTION_LABEL =\\n    { $personCount ->\\n        [one] reagierte mit { $reaction }\\n       *[other] reagierten mit { $reaction }\\n    }\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = Emoji hinzufügen\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = Keine Ergebnisse\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = Suchergebnisse\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = Suchen ...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = Standardhautton verändern\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = Zuletzt verwendet\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = Smileys und Menschen\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = Natur\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = Essen\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = Aktivität\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = Reisen\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = Objekte\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = Symbole\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = Flaggen\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = Benutzerdefiniert\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = Zum Vergrößern klicken\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = Aktiver Sprachchat\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = Anruf\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = Bitte nicht stören\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n    { $count ->\\n        [1] 1 Benutzer\\n       *[other] { $count } Benutzer\\n    }\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = Menü öffnen\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = Prompt-Menü-Knoten\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = Prompterfassung-Knoten\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = Promptwiedergabe-Knoten\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = Zum Expertenknoten wechseln\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = Verzweigungsknoten\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = Zu Knoten gehen\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = Knoten zuweisen\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = Kundendaten-Knoten\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = Transferknoten\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = Hangup-Knoten\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = Senden\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = Bild anhängen\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = Emoji auswählen\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = ABBRECHEN\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n    .aria-label = Ausgewählten Text auf fett umschalten\\n    .tooltip-text = Fett\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n    .aria-label = Ausgewählten Text auf kursiv umschalten\\n    .tooltip-text = Kursiv\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n    .aria-label = Durchstreichen des ausgewählten Textes umschalten\\n    .tooltip-text = Durchstreichen\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n    .aria-label = Stichpunktlisten für ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Stichpunktliste\\nDIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =\\n    .aria-label = Geordnete Liste für ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Geordnete Liste\\nDIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =\\n    .aria-label = Blockzitat im ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Blockzitat\\nDIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =\\n    .aria-label = Code für ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Code\\nDIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =\\n    .aria-label = Codeblock für ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Codeblock\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n    .aria-label = Link im ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Link\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = Link hinzufügen\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = Anzuzeigender Text (optional)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = Link\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = z. B. https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = Entfernen\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = ABBRECHEN\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = Fertig\\nDIALTONE_EDITOR_VARIABLE_BUTTON_LABEL = Variable\\nDIALTONE_EDITOR_VARIABLE_LABEL = Alternativer Text\\nDIALTONE_EDITOR_VARIABLE_VALIDATE_DESCRIPTION = Wird verwendet, wenn die Variablendaten nicht verfügbar sind.\\nDIALTONE_EDITOR_VARIABLE_VALIDATE_MESSAGE = Maximal 100 Zeichen erlaubt.\\nDIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER = Suchvariable\\nDIALTONE_PAGINATION_FIRST_PAGE = Erste Seite\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = Vorherige Seite\\nDIALTONE_PAGINATION_NEXT_PAGE = Nächste Seite\\nDIALTONE_PAGINATION_LAST_PAGE = Letzte Seite\\nDIALTONE_PAGINATION_PAGE_NUMBER = Seitenzahl { $page }\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = Bearbeiten\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = Link öffnen\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = Entfernen\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = Einstellungen\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = Update\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = Ungelesene Erwähnungen\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = Ungelesene Nachrichten\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = Englisch\\nSTORYBOOK_LANGUAGE_CHINESE = Chinesisch\\nSTORYBOOK_LANGUAGE_DUTCH = Niederländisch\\nSTORYBOOK_LANGUAGE_FRENCH = Französisch\\nSTORYBOOK_LANGUAGE_GERMAN = Deutsch\\nSTORYBOOK_LANGUAGE_ITALIAN = Italienisch\\nSTORYBOOK_LANGUAGE_JAPANESE = Japanisch\\nSTORYBOOK_LANGUAGE_PORTUGUESE = Portugiesisch\\nSTORYBOOK_LANGUAGE_RUSSIAN = Russisch\\nSTORYBOOK_LANGUAGE_SPANISH = Spanisch\\nSTORYBOOK_SET_LANGUAGE = Sprache festlegen\\nSTORYBOOK_YOU = Sie selbst\\nSTORYBOOK_REACTION_NAMES_2 = Olivia Chen, Benjamin Carter, Sophia Rodriguez, William Kim & Isabella Garcia\\nSTORYBOOK_REACTION_NAMES_3 = Olivia Chen & { STORYBOOK_YOU }\\n\""],"names":["deDE"],"mappings":"4GAAA,MAAAA,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"de-DE.cjs","sources":["../../localization/de-DE.ftl?raw"],"sourcesContent":["export default \"# Dialtone\\nDIALTONE_CLOSE_BUTTON = Zum Schließen klicken\\nDIALTONE_BREADCRUMBS_ARIA_LABEL = Brotkrumen\\nDIALTONE_LOADING = Lädt ...\\nDIALTONE_UNREAD_MESSAGE_COUNT_TEXT =\\n    { $unreadCount ->\\n        [0] Keine ungelesenen Nachrichten\\n        [1] 1 ungelesene Nachricht\\n       *[other] { $unreadCount } ungelesene Nachrichten\\n    }\\nDIALTONE_UNREAD_MENTION_COUNT_TEXT =\\n    { $unreadCount ->\\n        [0] Keine ungelesenen Erwähnungen\\n        [1] 1 ungelesene Erwähnung\\n       *[other] { $unreadCount } ungelesene Erwähnungen\\n    }\\nDIALTONE_TYPING_TEXT = schreibt\\nDIALTONE_ATTACHMENT_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL = Zum Öffnen klicken\\nDIALTONE_ATTACHMENT_CAROUSEL_PROGRESS_BAR_ARIA_LABEL = Wird hochgeladen\\nDIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL = Vorherig\\nDIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL = Weiter\\nDIALTONE_CALLBAR_BUTTON_WITH_DROPDOWN_ARROW_BUTTON_ARIA_LABEL = Dropdown-Menü öffnen\\nDIALTONE_CALLBAR_BUTTON_WITH_POPOVER_ARROW_BUTTON_ARIA_LABEL = Popover öffnen\\nDIALTONE_CONTACT_CENTERS_ROW_MENU_BUTTON_LABEL = Menü öffnen\\nDIALTONE_DATEPICKER_PREVIOUS_MONTH = Vorheriger Monat\\nDIALTONE_DATEPICKER_NEXT_MONTH = nächsten Monat\\nDIALTONE_DATEPICKER_PREVIOUS_YEAR = Vorheriges Jahr\\nDIALTONE_DATEPICKER_NEXT_YEAR = nächstes Jahr\\nDIALTONE_DATEPICKER_SELECT_DAY = Tag auswählen\\nDIALTONE_DATEPICKER_CHANGE_TO = Wechseln zu\\nDIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON =\\n    .title = Bestätigen\\n    .aria-label = Set-Link bestätigen\\nDIALTONE_EDITOR_REMOVE_LINK_BUTTON =\\n    .title = Entfernen\\n    .aria-label = Link entfernen\\nDIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON =\\n    .title = ABBRECHEN\\n    .aria-label = Set-Link abbrechen\\nDIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL = Vorlage\\nDIALTONE_EDITOR_BOLD_BUTTON_LABEL = Fett\\nDIALTONE_EDITOR_ITALICS_BUTTON_LABEL = Kursiv\\nDIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL = Unterstreichen\\nDIALTONE_EDITOR_STRIKE_BUTTON_LABEL = Durchstreichen\\nDIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL = Linksbündig ausrichten\\nDIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL = Zentrieren\\nDIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL = Rechtsbündig ausrichten\\nDIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL = Blocksatz ausrichten\\nDIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL = Stichpunktliste\\nDIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL = Geordnete Liste\\nDIALTONE_EDITOR_QUOTE_BUTTON_LABEL = Zitat\\nDIALTONE_EDITOR_CODE_BUTTON_LABEL = Code\\nDIALTONE_EDITOR_IMAGE_BUTTON_LABEL = Bild\\nDIALTONE_EDITOR_LINK_BUTTON_LABEL = Link\\nDIALTONE_EDITOR_ADD_LINK_BUTTON =\\n    .title = Link hinzufügen\\n    .aria-label = Eingabefeld zum Hinzufügen eines Links\\nDIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL = Schriftart\\nDIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER = Schriftart suchen\\nDIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL = Schriftgröße\\nDIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL = Textfarbe\\nDIALTONE_EMOJI_ROW_REACTION_LABEL =\\n    { $personCount ->\\n        [one] reagierte mit { $reaction }\\n       *[other] reagierten mit { $reaction }\\n    }\\nDIALTONE_EMOJI_PICKER_ADD_EMOJI_LABEL = Emoji hinzufügen\\nDIALTONE_EMOJI_PICKER_SEARCH_NO_RESULTS_LABEL = Keine Ergebnisse\\nDIALTONE_EMOJI_PICKER_SEARCH_RESULTS_LABEL = Suchergebnisse\\nDIALTONE_EMOJI_PICKER_SEARCH_PLACEHOLDER_LABEL = Suchen ...\\nDIALTONE_EMOJI_PICKER_SKIN_SELECTOR_BUTTON_TOOLTIP_LABEL = Standardhautton verändern\\nDIALTONE_EMOJI_PICKER_TABSET_RECENTLY_USED_LABEL = Zuletzt verwendet\\nDIALTONE_EMOJI_PICKER_TABSET_SMILEYS_AND_PEOPLE_LABEL = Smileys und Menschen\\nDIALTONE_EMOJI_PICKER_TABSET_NATURE_LABEL = Natur\\nDIALTONE_EMOJI_PICKER_TABSET_FOOD_LABEL = Essen\\nDIALTONE_EMOJI_PICKER_TABSET_ACTIVITY_LABEL = Aktivität\\nDIALTONE_EMOJI_PICKER_TABSET_TRAVEL_LABEL = Reisen\\nDIALTONE_EMOJI_PICKER_TABSET_OBJECTS_LABEL = Objekte\\nDIALTONE_EMOJI_PICKER_TABSET_SYMBOLS_LABEL = Symbole\\nDIALTONE_EMOJI_PICKER_TABSET_FLAGS_LABEL = Flaggen\\nDIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = Benutzerdefiniert\\nDIALTONE_FEED_ITEM_PILL_ARIA_LABEL = Zum Vergrößern klicken\\nDIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = Aktiver Sprachchat\\nDIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = Anruf\\nDIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = Bitte nicht stören\\nDIALTONE_GROUP_ROW_GROUP_COUNT_TEXT =\\n    { $count ->\\n        [1] 1 Benutzer\\n       *[other] { $count } Benutzer\\n    }\\nDIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL = Menü öffnen\\nDIALTONE_IVR_NODE_PROMPTMENU_ARIA_LABEL = Prompt-Menü-Knoten\\nDIALTONE_IVR_NODE_PROMPTCOLLECT_ARIA_LABEL = Prompterfassung-Knoten\\nDIALTONE_IVR_NODE_PROMPTPLAY_ARIA_LABEL = Promptwiedergabe-Knoten\\nDIALTONE_IVR_NODE_GOTOEXPERT_ARIA_LABEL = Zum Expertenknoten wechseln\\nDIALTONE_IVR_NODE_BRANCH_ARIA_LABEL = Verzweigungsknoten\\nDIALTONE_IVR_NODE_GOTO_ARIA_LABEL = Zu Knoten gehen\\nDIALTONE_IVR_NODE_ASSIGN_ARIA_LABEL = Knoten zuweisen\\nDIALTONE_IVR_NODE_CUSTOMERDATA_ARIA_LABEL = Kundendaten-Knoten\\nDIALTONE_IVR_NODE_TRANSFER_ARIA_LABEL = Transferknoten\\nDIALTONE_IVR_NODE_HANGUP_ARIA_LABEL = Hangup-Knoten\\nDIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL = Senden\\nDIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL = Bild anhängen\\nDIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL = Emoji auswählen\\nDIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL = ABBRECHEN\\nDIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL =\\n    .aria-label = Ausgewählten Text auf fett umschalten\\n    .tooltip-text = Fett\\nDIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL =\\n    .aria-label = Ausgewählten Text auf kursiv umschalten\\n    .tooltip-text = Kursiv\\nDIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL =\\n    .aria-label = Durchstreichen des ausgewählten Textes umschalten\\n    .tooltip-text = Durchstreichen\\nDIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL =\\n    .aria-label = Stichpunktlisten für ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Stichpunktliste\\nDIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL =\\n    .aria-label = Geordnete Liste für ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Geordnete Liste\\nDIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL =\\n    .aria-label = Blockzitat im ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Blockzitat\\nDIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL =\\n    .aria-label = Code für ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Code\\nDIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL =\\n    .aria-label = Codeblock für ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Codeblock\\nDIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL =\\n    .aria-label = Link im ausgewählten Text erstellen oder bearbeiten\\n    .tooltip-text = Link\\nDIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE = Link hinzufügen\\nDIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL = Anzuzeigender Text (optional)\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL = Link\\nDIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER = z. B. https://www.dialpad.com\\nDIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL = Entfernen\\nDIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL = ABBRECHEN\\nDIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL = Fertig\\nDIALTONE_EDITOR_VARIABLE_BUTTON_LABEL = Variable\\nDIALTONE_EDITOR_VARIABLE_LABEL = Alternativer Text\\nDIALTONE_EDITOR_VARIABLE_VALIDATE_DESCRIPTION = Wird verwendet, wenn die Variablendaten nicht verfügbar sind.\\nDIALTONE_EDITOR_VARIABLE_VALIDATE_MESSAGE = Maximal 100 Zeichen erlaubt.\\nDIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER = Suchvariable\\nDIALTONE_PAGINATION_FIRST_PAGE = Erste Seite\\nDIALTONE_PAGINATION_PREVIOUS_PAGE = Vorherige Seite\\nDIALTONE_PAGINATION_NEXT_PAGE = Nächste Seite\\nDIALTONE_PAGINATION_LAST_PAGE = Letzte Seite\\nDIALTONE_PAGINATION_PAGE_NUMBER = Seitenzahl { $page }\\nDIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL = Bearbeiten\\nDIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL = Link öffnen\\nDIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL = Entfernen\\nDIALTONE_SETTINGS_MENU_DEFAULT_BUTTON_LABEL = Einstellungen\\nDIALTONE_SETTINGS_MENU_UPDATE_BUTTON_LABEL = Update\\nDIALTONE_UNREAD_PILL_MENTIONS_TEXT = Ungelesene Erwähnungen\\nDIALTONE_UNREAD_PILL_MESSAGES_TEXT = Ungelesene Nachrichten\\n# Storybook only\\nSTORYBOOK_LANGUAGE_ENGLISH = Englisch\\nSTORYBOOK_LANGUAGE_CHINESE = Chinesisch\\nSTORYBOOK_LANGUAGE_DUTCH = Niederländisch\\nSTORYBOOK_LANGUAGE_FRENCH = Französisch\\nSTORYBOOK_LANGUAGE_GERMAN = Deutsch\\nSTORYBOOK_LANGUAGE_ITALIAN = Italienisch\\nSTORYBOOK_LANGUAGE_JAPANESE = Japanisch\\nSTORYBOOK_LANGUAGE_PORTUGUESE = Portugiesisch\\nSTORYBOOK_LANGUAGE_RUSSIAN = Russisch\\nSTORYBOOK_LANGUAGE_SPANISH = Spanisch\\nSTORYBOOK_SET_LANGUAGE = Sprache festlegen\\nSTORYBOOK_YOU = Sie selbst\\nSTORYBOOK_REACTION_NAMES_2 = Olivia Chen, Benjamin Carter, Sophia Rodriguez, William Kim & Isabella Garcia\\nSTORYBOOK_REACTION_NAMES_3 = Olivia Chen & { STORYBOOK_YOU }\\n\""],"names":["deDE"],"mappings":"4GAAA,MAAAA,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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/de-DE.js

@@ -55,6 +55,10 @@ DIALTONE_EDITOR_LINK_BUTTON_LABEL = Link
 DIALTONE_EDITOR_ADD_LINK_BUTTON =
     .title = Link hinzufügen
     .aria-label = Eingabefeld zum Hinzufügen eines Links
+DIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL = Schriftart
+DIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER = Schriftart suchen
+DIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL = Schriftgröße
+DIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL = Textfarbe
 DIALTONE_EMOJI_ROW_REACTION_LABEL =
     { $personCount ->
         [one] reagierte mit { $reaction }