@breadstone/mosaik-elements-foundation 0.0.224 → 0.0.226

package/Controls/Components/Grouping/Message/Themes/MessageElement.Memphis.js

@@ -0,0 +1,311 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function messageElementMemphisStyle() {
+    return css `
+:host {
+  --message-background-color: var(--memphis-scheme-background);
+  --message-border-color: var(--memphis-scheme-contrast);
+  --message-border-radius: var(--memphis-layout-radius);
+  --message-border-style: solid;
+  --message-border-width: var(--memphis-layout-thickness);
+  --message-font-family: var(--memphis-font-family);
+  --message-font-letter-spacing: var(--memphis-typography-body1-letter-spacing);
+  --message-font-line-height: var(--memphis-typography-body1-line-height);
+  --message-font-size: var(--memphis-typography-body1-font-size);
+  --message-font-text-decoration: var(--memphis-typography-body1-text-decoration);
+  --message-font-text-transform: var(--memphis-typography-body1-text-transform);
+  --message-font-weight: var(--memphis-typography-body1-font-weight);
+  --message-foreground-color: var(--memphis-scheme-foreground);
+  --message-gap: var(--memphis-layout-space);
+  --message-padding-bottom: var(--memphis-layout-space);
+  --message-padding-left: calc(var(--memphis-layout-space) * 2);
+  --message-padding-right: calc(var(--memphis-layout-space) * 2);
+  --message-padding-top: calc(var(--memphis-layout-space) * 2);
+  --message-shadow-blur: var(--memphis-elevation-semilight-blur-0);
+  --message-shadow-color: var(--memphis-elevation-semilight-color-0);
+  --message-shadow-offset-x: var(--memphis-elevation-semilight-offset-x-0);
+  --message-shadow-offset-y: var(--memphis-elevation-semilight-offset-y-0);
+  --message-shadow-spread: var(--memphis-elevation-semilight-spread-0);
+  --message-transition-duration: .2s;
+  --message-transition-mode: ease;
+  --message-transition-property: all;
+  --message-translate: none;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  font-family: var(--message-font-family);
+  font-size: var(--message-font-size);
+  font-weight: var(--message-font-weight);
+  background-color: var(--message-background-color);
+  color: var(--message-foreground-color);
+  border-color: var(--message-border-color);
+  border-width: var(--message-border-width);
+  border-style: var(--message-border-style);
+  border-radius: calc(var(--message-border-radius) / 2);
+  transition-duration: var(--message-transition-duration);
+  transition-timing-function: var(--message-transition-mode);
+  transition-property: var(--message-transition-property);
+  padding-top: var(--message-padding-top);
+  padding-left: var(--message-padding-left);
+  padding-bottom: var(--message-padding-bottom);
+  padding-right: var(--message-padding-right);
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+
+:host [part="root"] {
+  box-sizing: inherit;
+  gap: var(--message-gap);
+  flex-direction: row;
+  max-width: 100%;
+  display: flex;
+  position: relative;
+}
+
+:host [part="root"]:before {
+  content: "";
+  top: calc(var(--message-padding-top) * -1);
+  left: calc(var(--message-padding-left) * -1);
+  bottom: calc(var(--message-padding-bottom) * -1);
+  width: calc(var(--message-gap) / 2);
+  background-color: var(--message-border-color);
+  border-radius: var(--message-border-radius);
+  position: absolute;
+}
+
+:host [part="root"] [part="icon"] {
+  color: inherit;
+  flex-shrink: 0;
+}
+
+:host [part="root"] [part="text"] {
+  gap: calc(var(--message-gap) / 2);
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: flex-start;
+  display: flex;
+}
+
+:host [part="root"] [part="text"] [part="header"], :host [part="root"] [part="text"] [part="content"] {
+  color: inherit;
+}
+
+:host [part="root"] [part="close"] {
+  flex-shrink: 0;
+  align-self: flex-start;
+}
+
+:host([fit="width"]) {
+  width: 100%;
+}
+
+:host([fit="height"]) {
+  height: 100%;
+}
+
+:host([fit="both"]) {
+  width: 100%;
+  height: 100%;
+}
+
+:host([appearance="outline"]) {
+  --message-background-color: var(--memphis-scheme-background);
+  --message-foreground-color: var(--memphis-scheme-foreground);
+  --message-border-color: var(--memphis-scheme-highlight);
+  --message-border-width: var(--memphis-layout-thickness);
+  --message-border-style: solid;
+}
+
+:host([appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-primary-500);
+  --message-border-color: var(--memphis-color-primary-500);
+}
+
+:host([appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-secondary-500);
+  --message-border-color: var(--memphis-color-secondary-500);
+}
+
+:host([appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-info-500);
+  --message-border-color: var(--memphis-color-info-500);
+}
+
+:host([appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-warning-500);
+  --message-border-color: var(--memphis-color-warning-500);
+}
+
+:host([appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-danger-500);
+  --message-border-color: var(--memphis-color-danger-500);
+}
+
+:host([appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-success-500);
+  --message-border-color: var(--memphis-color-success-500);
+}
+
+:host([appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-neutral-500);
+  --message-border-color: var(--memphis-color-neutral-500);
+}
+
+:host([appearance="soft"]) {
+  --message-background-color: var(--memphis-scheme-highlight);
+  --message-foreground-color: var(--memphis-scheme-foreground);
+  --message-border-width: 0;
+}
+
+:host([appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-primary-100);
+  --message-foreground-color: var(--memphis-color-primary-500);
+}
+
+:host([appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-secondary-100);
+  --message-foreground-color: var(--memphis-color-secondary-500);
+}
+
+:host([appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-info-100);
+  --message-foreground-color: var(--memphis-color-info-500);
+}
+
+:host([appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-warning-100);
+  --message-foreground-color: var(--memphis-color-warning-500);
+}
+
+:host([appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-danger-100);
+  --message-foreground-color: var(--memphis-color-danger-500);
+}
+
+:host([appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-success-100);
+  --message-foreground-color: var(--memphis-color-success-500);
+}
+
+:host([appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-neutral-100);
+  --message-foreground-color: var(--memphis-color-neutral-500);
+}
+
+:host([appearance="plain"]) {
+  --message-background-color: var(--memphis-scheme-background);
+  --message-foreground-color: var(--memphis-scheme-foreground);
+  --message-border-width: 0;
+}
+
+:host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-primary-500);
+}
+
+:host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-secondary-500);
+}
+
+:host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-info-500);
+}
+
+:host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-warning-500);
+}
+
+:host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-danger-500);
+}
+
+:host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-success-500);
+}
+
+:host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
+  --message-foreground-color: var(--memphis-color-neutral-500);
+}
+
+:host([appearance="solid"]) {
+  --message-background-color: var(--memphis-scheme-highlight);
+  --message-foreground-color: var(--memphis-scheme-foreground);
+  --message-border-width: 0;
+}
+
+:host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-primary-500);
+  --message-foreground-color: var(--memphis-color-primary-0);
+}
+
+:host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-secondary-500);
+  --message-foreground-color: var(--memphis-color-secondary-0);
+}
+
+:host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-info-500);
+  --message-foreground-color: var(--memphis-color-info-0);
+}
+
+:host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-warning-500);
+  --message-foreground-color: var(--memphis-color-warning-0);
+}
+
+:host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-danger-500);
+  --message-foreground-color: var(--memphis-color-danger-0);
+}
+
+:host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-success-500);
+  --message-foreground-color: var(--memphis-color-success-0);
+}
+
+:host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
+  --message-background-color: var(--memphis-color-neutral-500);
+  --message-foreground-color: var(--memphis-color-neutral-0);
+}
+
+    `;
+}
+//# sourceMappingURL=MessageElement.Memphis.js.map

package/Controls/Components/Grouping/Message/Themes/MessageElement.Memphis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Message/Themes/MessageElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuST,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Text/TextElement.d.ts

@@ -42,9 +42,6 @@ declare const TextElement_base: (abstract new (...args: Array<any>) => import(".
  * @cssprop --text-border-style - Border style for text container
  * @cssprop --text-shadow - Text shadow effect for enhanced visibility
  *
- * @dependency TextFormatter - For advanced text formatting and processing
- * @dependency TextAlignment - For text alignment and layout control
- *
  * @example
  * ```html
  * <!-- Basic text content -->

package/Controls/Components/Primitives/Text/TextElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAe,aAAa,EAAmB,MAAM,8BAA8B,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAQ7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGG;AACH,qBAaa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;IACpC,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,OAAO,CAAsC;IAMrD;;;;OAIG;;IAqBH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAE3C;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAK/C;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,GAAG,IAAI,CAEpC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKxC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,MAAM,GAAG,IAAI,CAEnC;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKvC;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;;;;;;;OAWG;IACH,IACW,SAAS,IAAI,aAAa,CAEpC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,aAAa,EAKxC;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAEvD;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,EAK3D;IAMD;;;;OAIG;IACI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAQ1C;;;;;OAKG;IACI,OAAO,IAAI,MAAM;IA8BxB;;OAEG;IAEH,SAAS,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAQrE;;OAEG;IAEH,SAAS,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI;IAOvF;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI;CAkB3G;AAED;;GAEG;AACH,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}

package/Controls/Components/Primitives/Text/TextElement.js

@@ -10,6 +10,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 import { Disableable } from '../../../Behaviors/Disableable';
 import { TextFormattable } from '../../../Behaviors/TextFormattable';
+import { Themeable } from '../../../Behaviors/Themeable';
 import { Variantable } from '../../../Behaviors/Variantable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
@@ -18,10 +19,9 @@ import { Watch } from '../../../Decorators/WatchDecorator';
 import { TextAlignment } from '../../../Types/TextAlignment';
 import { CustomElement } from '../../Abstracts/CustomElement';
 import { textElementTemplate } from './TextElementTemplate';
+import { textElementCosmopolitanStyle } from './Themes/TextElement.Cosmopolitan';
 import { textElementJoyStyle } from './Themes/TextElement.Joy';
 import { textElementMemphisStyle } from './Themes/TextElement.Memphis';
-import { textElementCosmopolitanStyle } from './Themes/TextElement.Cosmopolitan';
-import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
  * Text - A fundamental typography component for displaying formatted text content with comprehensive styling options.
@@ -62,9 +62,6 @@ import { Themeable } from '../../../Behaviors/Themeable';
  * @cssprop --text-border-style - Border style for text container
  * @cssprop --text-shadow - Text shadow effect for enhanced visibility
  *
- * @dependency TextFormatter - For advanced text formatting and processing
- * @dependency TextAlignment - For text alignment and layout control
- *
  * @example
  * ```html
  * <!-- Basic text content -->

package/Controls/Components/Primitives/Text/TextElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmGG;AAcI,IAAM,WAAW,GAAjB,MAAM,WACT,SAAQ,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAG3E,iBAAiB;IAEA,KAAK,CAAc;IAC5B,SAAS,CAAU;IACnB,KAAK,CAAU;IACf,UAAU,CAAgB;IAC1B,SAAS,CAAgB;IACzB,SAAS,CAAU;IACnB,UAAU,CAAgB;IAC1B,OAAO,CAAsC;IAErD,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG;YACT,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC;QACrC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,aAAa,CAAC;IACzB,CAAC;IAED;;;;OAIG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,IAAW,IAAI,CAAC,KAAgC;QAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAChC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,IAAI,EAAE,CAAC;YAClC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,KAAc;QAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAc;QAC1B,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,IAAW,SAAS,CAAC,KAAoB;QACrC,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,KAAoB;QACpC,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,KAAc;QAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;;;;;;;OAWG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,IAAW,SAAS,CAAC,KAAoB;QACrC,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAA0C;QACxD,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;OAIG;IACI,IAAI,CAAC,KAAuB;QAC/B,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YAC7B,IAAI,CAAC,IAAI,GAAG,uBAAuB,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC;QACjE,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,+BAA+B,CAAC,CAAC;QACnG,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACI,OAAO;QACV,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACvB,OAAO,EAAE,CAAC;QACd,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAC9B,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI;gBAC3E,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YACzC,4CAA4C;YAC5C,MAAM,KAAK,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC9C,IAAI,KAAK,EAAE,CAAC;gBACR,gFAAgF;gBAChF,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3E,CAAC;QACL,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,OAAO,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI;YAC5D,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU;gBAC5B,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,CAAC;IACxD,CAAC;IAED;;OAEG;IAEO,qBAAqB,CAAC,KAAc,EAAE,KAAc;QAC1D,MAAM,EAAE,GAAG,IAAI,CAAC,SAA4B,CAAC;QAE7C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS;YAC7B,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACzB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC9B,CAAC;IAED;;OAEG;IAEO,0BAA0B,CAAC,KAAqB,EAAE,IAAoB;QAC5E,IAAI,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,GAAG,IAAuB,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC/C,CAAC;IACL,CAAC;IAED;;OAEG;IAEO,uBAAuB,CAAC,KAA+B,EAAE,IAA8B;QAC7F,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;YACxD,0BAA0B;YAC1B,MAAM,QAAQ,GAAG,CAAC,qCAAqC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAChF,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACZ,OAAO;YACX,CAAC;YAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,qCAAqC,EAAE,IAAI,CAAC,CAAC;YAElF,OAAO;QACX,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC;CAIJ,CAAA;AA3PG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;uCAG1B;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;2CAGD;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;uCAGD;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;2CAG3B;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;2CAGD;AAqBD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;;;4CAGlC;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;yCAG3B;AAkES;IADT,KAAK,CAAC,MAAM,CAAC;;;;wDAOb;AAMS;IADT,KAAK,CAAC,WAAW,CAAC;;;;6DAMlB;AAMS;IADT,KAAK,CAAC,QAAQ,CAAC;;;;0DAef;AAnTQ,WAAW;IAbvB,SAAS,CAAC;QACP,QAAQ,EAAE,aAAa;QACvB,QAAQ,EAAE,mBAAmB;QAC7B,MAAM,EAAE;YACJ,GAAG,EAAE,mBAAmB;YACxB,OAAO,EAAE,uBAAuB;YAChC,YAAY,EAAE,4BAA4B;SAC7C;QACD,IAAI,EAAE;YACF,IAAI,EAAE,MAAM;SACf;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,WAAW,CAuTvB"}
+{"version":3,"file":"TextElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Text/TextElement.ts"],"names":[],"mappings":"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"}

package/Controls/Types/TextFormatter.d.ts

@@ -17,44 +17,186 @@ export declare namespace TextFormatters {
      */
     const DEFAULT: (value: string) => string;
     /**
-     * This function formats text to HTML by replacing common text formatting patterns with their HTML equivalents.
-     * It supports:
-     * - Italics: _value_
-     * - Bold: *value*
-     * - Strikethrough: ~value~
-     * - Monospace: ```value```
-     * - URLs: Converts HTTP/HTTPS/FTP links to clickable links
-     * - Phone numbers: Converts phone numbers to tel: links
-     * - Emails: Converts email addresses to mailto: links
-     * - New lines to '\<br/>'
+     * Formats a WhatsApp-style rich text into HTML.
+     *
+     * This formatter intentionally targets the **practical WhatsApp message syntax** (as commonly typed),
+     * not full Markdown. It focuses on predictable rendering for chat-/note-like UIs.
+     *
+     * ## Supported syntax
+     *
+     * ### Inline formatting
+     * - Bold:
+     *   - `*text*` → `<strong>text</strong>`
+     * - Italic:
+     *   - `_text_` → `<em>text</em>`
+     * - Underline:
+     *   - `++text++` → `<u>text</u>`
+     * - Double-underline:
+     *   - `+++text+++` → `<u style="text-decoration-style: double;">text</u>`
+     * - Strikethrough:
+     *   - `~text~` → `<del>text</del>`
+     *
+     * ### Code
+     * - Inline code:
+     *   - `` `code` `` → `<code>code</code>`
+     * - Code block (fenced):
+     *   - <code>```multi line```</code> → `<pre><code>...</code></pre>`
+     *   - Code content is HTML-escaped and protected first, so formatting markers inside code are not interpreted.
+     *
+     * ### Block-level syntax (line-based)
+     * - Bulleted list items:
+     *   - `- item` or `* item` at line start
+     *   - Consecutive bullet lines are grouped into a single `<ul>`.
+     * - Numbered list items:
+     *   - `1. item`, `2. item`, ... at line start
+     *   - Consecutive numbered lines are grouped into a single `<ol>`.
+     * - Block quotes:
+     *   - `> quoted text` at line start
+     *   - Consecutive quote lines are grouped into a single `<blockquote>`.
+     *
+     * ### Autolinks
+     * - URLs:
+     *   - `http(s)://...` or `ftp://...` → `<a href="...">...</a>`
+     * - Email addresses:
+     *   - `name@example.com` → `<a href="mailto:name@example.com">...</a>`
+     * - Phone numbers (heuristic):
+     *   - `+49 ...` / `0123 ...` (digits with spaces/hyphens/parentheses) → `<a href="tel:...">...</a>`
+     *
+     * ### New lines
+     * - Normal lines are separated with `<br>`.
+     * - Lists and blockquotes are rendered structurally (no stray `<br>` between `<li>` items).
+     *
+     * ## Parsing rules and limitations
+     * - Code spans/blocks are tokenized **before** any other parsing to prevent accidental formatting inside code.
+     * - URLs/emails/phones are tokenized before emphasis so markers can’t break generated `<a href="...">`.
+     * - This is not a full WhatsApp renderer (edge cases and platform-specific quirks are intentionally out of scope).
+     *
+     * ## Security note
+     * This formatter outputs HTML. If `input` is user-generated and the result is rendered via `innerHTML`,
+     * ensure the output is sanitized/validated according to your app’s security requirements.
      *
      * @public
      */
     const RICHTEXT: TextFormatterFn;
     /**
-     * This function formats text to HTML using a simplified Markdown syntax.
-     * It supports:
-     * - Bold: **value** or __value__
-     * - Italic: *value* or _value_
-     * - Strikethrough: ~~value~~
-     * - Code: `value`
-     * - Image with specified width and height: ![alt text](http://example.com/image.jpg =100x20)
-     * - Image with only width specified: ![alt text](http://example.com/image.jpg =250x)
-     * - Image with only height specified: ![alt text](http://example.com/image.jpg =x250)
-     * - Image: ![alt text](http://example.com/image.jpg)
-     * - URLs: [example](http://example.com)
-     * - Email: <example@example.com>
-     * * - List: * item (unordered list) or 1. item (ordered list)
-     * - Blockquote: > value
-     * - Header: # Header 1 through ###### Header 6
-     * - New lines to <br>
+     * Formats a text into HTML using a **simplified Markdown** syntax.
+     *
+     * This formatter intentionally implements a pragmatic subset of Markdown that is easy to type,
+     * works well in chat-/note-like UIs, and stays predictable. It is **not** a full CommonMark parser.
+     *
+     * ## Supported syntax
+     *
+     * ### Inline formatting
+     * - **Bold**:
+     *   - `**value**` → `<strong>value</strong>`
+     *   - `__value__` → `<strong>value</strong>`
+     * - *Italic*:
+     *   - `*value*` → `<em>value</em>`
+     *   - `_value_` → `<em>value</em>`
+     * - ~~Strikethrough~~:
+     *   - `~~value~~` → `<del>value</del>`
+     * - `Inline code`:
+     *   - `` `value` `` → `<code>value</code>`
+     *
+     * ### Code blocks
+     * - Fenced code blocks:
+     *   - <code>```multi line```</code> → `<pre><code>...</code></pre>`
+     *   - The code content is HTML-escaped (e.g. `<` becomes `&lt;`) so it renders as text.
+     *
+     * ### Links and media
+     * - Links:
+     *   - `[label](https://example.com)` → `<a href="https://example.com">label</a>`
+     * - Email autolinks:
+     *   - `<example@example.com>` → `<a href="mailto:example@example.com">example@example.com</a>`
+     * - Images:
+     *   - `![alt](https://example.com/image.jpg)` → `<img src="..." alt="..."/>`
+     *   - `![alt](https://example.com/image.jpg =100x20)` → `<img ... width="100" height="20"/>`
+     *   - `![alt](https://example.com/image.jpg =250x)` → `<img ... width="250"/>`
+     *   - `![alt](https://example.com/image.jpg =x250)` → `<img ... height="250"/>`
+     *
+     * ### Block-level syntax (line-based)
+     * - Headers:
+     *   - `# H1` through `###### H6` → `<h1>..</h1>` … `<h6>..</h6>`
+     * - Blockquotes:
+     *   - `> value` (multiple consecutive quote lines are grouped into a single `<blockquote>`)
+     * - Lists:
+     *   - Unordered list items:
+     *     - `* item` or `- item` (consecutive items are grouped into one `<ul>`)
+     *   - Ordered list items:
+     *     - `1. item`, `2. item`, ... (consecutive items are grouped into one `<ol>`)
+     *
+     * ### New lines
+     * - Normal text lines are separated by `<br>`.
+     * - New lines inside lists and blockquotes are handled structurally (no stray `<br>` between `<li>` items).
+     *
+     * ## Parsing rules and limitations
+     * - Parsing is intentionally **not** fully CommonMark compliant (delimiter edge-cases, nested emphasis rules, etc.).
+     * - Inline formatting is applied **after** block-level parsing.
+     * - Code spans / code blocks are **protected first**, so Markdown markers inside code are not interpreted.
+     * - URLs inside link/image syntax are restricted to `http(s)://` for simplicity.
+     *
+     * ## Security note
+     * This formatter produces HTML. If `value` is user-generated and you render the result via `innerHTML`,
+     * you **must** ensure the output is safe (e.g. sanitize/encode appropriately) to prevent XSS.
+     *
      * @public
      */
     const MARKDOWN: TextFormatterFn;
     /**
-     * This function looks for BBCode tags such as
-     * [b], [i], [u], [s], [code], [url], [img], [email], [color], [size], [list], [quote], and [*] for list items,
-     * and replaces them with their HTML equivalents. It also handles conversion of new lines to HTML <br> tags.
+     * Formats a text into HTML using a **BBCode-like** syntax.
+     *
+     * This formatter replaces common BBCode tags with their HTML equivalents.
+     * It aims to be practical and predictable for UI rendering (forums/chat-like content),
+     * not to implement every edge-case of every BBCode dialect.
+     *
+     * ## Supported tags
+     *
+     * ### Text formatting
+     * - Bold: `[b]value[/b]` → `<strong>value</strong>`
+     * - Italic: `[i]value[/i]` → `<em>value</em>`
+     * - Underline: `[u]value[/u]` → `<u>value</u>`
+     * - Strikethrough: `[s]value[/s]` → `<del>value</del>`
+     *
+     * ### Code
+     * - Code block: `[code]value[/code]` → `<pre><code>value</code></pre>`
+     *   - The code content is HTML-escaped, so `<` etc. render as text.
+     *   - Code blocks are protected first, so other BBCode tags inside are not interpreted.
+     *
+     * ### Links & media
+     * - URL:
+     *   - `[url=http://example.com]label[/url]` → `<a href="http://example.com">label</a>`
+     *   - `[url]http://example.com[/url]` → `<a href="http://example.com">http://example.com</a>`
+     * - Image:
+     *   - `[img]http://example.com/a.jpg[/img]` → `<img src="..." alt=""/>`
+     *   - `[img width=100 height=20]http://...[/img]` → `<img src="..." width="100" height="20" />`
+     *   - `[img width=250]http://...[/img]` → `<img src="..." width="250" />`
+     *   - `[img height=250]http://...[/img]` → `<img src="..." height="250" />`
+     * - Email:
+     *   - `[email]a@b.com[/email]` → `<a href="mailto:a@b.com">a@b.com</a>`
+     *
+     * ### Styling
+     * - Color:
+     *   - `[color=red]value[/color]` → `<span style="color:red;">value</span>`
+     * - Size:
+     *   - `[size=1]value[/size]` → `<span style="font-size:1em;">value</span>`
+     *     (Value is treated as `em` for simplicity.)
+     *
+     * ### Blocks
+     * - Quote:
+     *   - `[quote]value[/quote]` → `<blockquote>value</blockquote>`
+     * - Lists:
+     *   - `[list][*]a[*]b[/list]` → `<ul><li>a</li><li>b</li></ul>`
+     *   - `[list=1][*]a[*]b[/list]` → `<ol><li>a</li><li>b</li></ol>`
+     *   - Items are recognized via `[*]` (no closing tag required).
+     *
+     * ### New lines
+     * - Remaining new lines are converted to `<br>`.
+     * - New lines inside generated `<ul>/<ol>/<blockquote>/<pre>` are handled structurally
+     *   to avoid invalid markup like `<ul>...<br><li>...</li>...</ul>`.
+     *
+     * ## Security note
+     * This formatter outputs HTML. If the input is user-generated and the output is rendered
+     * via `innerHTML`, sanitize the output HTML to prevent XSS.
      *
      * @public
      */

package/Controls/Types/TextFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextFormatter.d.ts","sourceRoot":"","sources":["../../../src/Controls/Types/TextFormatter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,SAAS,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAErF;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAE5B;;;;OAIG;IACI,MAAM,OAAO,GAAI,OAAO,MAAM,KAAG,MAAe,CAAC;IAExD;;;;;;;;;;;;;OAaG;IACI,MAAM,QAAQ,EAAE,eA0BI,CAAC;IAE5B;;;;;;;;;;;;;;;;;;OAkBG;IACI,MAAM,QAAQ,EAAE,eAoCgB,CAAC;IAExC;;;;;;OAMG;IACI,MAAM,MAAM,EAAE,eAmCkB,CAAC;CAE3C;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAExB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"TextFormatter.d.ts","sourceRoot":"","sources":["../../../src/Controls/Types/TextFormatter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,SAAS,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAErF;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAE5B;;;;OAIG;IACI,MAAM,OAAO,GAAI,OAAO,MAAM,KAAG,MAAe,CAAC;IAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4DG;IACI,MAAM,QAAQ,EAAE,eAwKtB,CAAC;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8DG;IACI,MAAM,QAAQ,EAAE,eAmLtB,CAAC;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyDG;IACI,MAAM,MAAM,EAAE,eA4HpB,CAAC;CAEL;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAExB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CACpB"}