@ethlete/components 0.1.0-next.13 → 0.1.0-next.14

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.1.0-next.14
+
+### Minor Changes
+
+- [#3002](https://github.com/ethlete-io/ethdk/pull/3002) [`6bf6d5c`](https://github.com/ethlete-io/ethdk/commit/6bf6d5cd11ed546b412abb93f518a60b4e09f857) Thanks [@github-actions](https://github.com/apps/github-actions)! - Add heading options to rich text editor toolbar
+
 ## 0.1.0-next.13
 
 ### Minor Changes

package/fesm2022/ethlete-components.mjs

@@ -1959,6 +1959,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 const INPUT_IMPORTS = [InputComponent, InputDirective];
 
+const HEADING_SELECTOR = 'h1, h2, h3, h4, h5, h6';
 const richTextEditorDomFactory = () => {
     const renderer = injectRenderer();
     const doc = inject(DOCUMENT);
@@ -2366,6 +2367,7 @@ const richTextEditorDomFactory = () => {
             return null;
         }
         const node = resolveStartNode(editable.range);
+        const headingEl = closestWithin(node, HEADING_SELECTOR);
         return {
             bold: !!closestWithin(node, 'strong'),
             italic: !!closestWithin(node, 'em'),
@@ -2373,6 +2375,7 @@ const richTextEditorDomFactory = () => {
             unorderedList: !!closestWithin(node, 'ul'),
             orderedList: !!closestWithin(node, 'ol'),
             link: !!closestWithin(node, 'a'),
+            heading: headingEl ? Number(headingEl.tagName[1]) : null,
         };
     };
     // wrapInline's surroundContents fallback can leave behind an untouched sibling with the same
@@ -2544,6 +2547,70 @@ const richTextEditorDomFactory = () => {
         selectNodeContents(list);
         el.normalize();
     };
+    // Re-tag a block-level element in place, carrying its children (including any inline marks)
+    // into the new element. Used to turn a paragraph into a heading and back.
+    const replaceBlockTag = (block, tag) => {
+        const replacement = renderer.createElement(tag);
+        while (block.firstChild) {
+            renderer.appendChild(replacement, block.firstChild);
+        }
+        replaceWith(block, [replacement]);
+        return replacement;
+    };
+    const toggleHeading = (tag) => {
+        const editable = getSelection();
+        const el = root();
+        if (!el || !editable) {
+            return;
+        }
+        const blocks = blocksInRange(editable.range);
+        // An empty editor has no block to convert — start a fresh heading with an empty line box so
+        // the caret has somewhere to land, mirroring toggleList's empty-editor branch.
+        if (blocks.length === 0) {
+            const heading = renderer.createElement(tag);
+            renderer.appendChild(heading, renderer.createElement('br'));
+            renderer.appendChild(el, heading);
+            collapseInto(heading, 0);
+            return;
+        }
+        const produced = [];
+        blocks.forEach((block) => {
+            // A heading cannot contain list items, so leave lists untouched — the heading button is a
+            // no-op over a selected list rather than producing invalid markup.
+            if (block instanceof HTMLElement && (block.tagName === 'UL' || block.tagName === 'OL')) {
+                produced.push(block);
+                return;
+            }
+            if (block instanceof HTMLElement && block.matches(HEADING_SELECTOR)) {
+                // Same level toggles back to a paragraph; a different level re-levels the heading.
+                produced.push(replaceBlockTag(block, block.tagName.toLowerCase() === tag ? 'p' : tag));
+                return;
+            }
+            if (block instanceof HTMLElement) {
+                produced.push(replaceBlockTag(block, tag));
+                return;
+            }
+            // A bare text node (or <br>) sitting directly under the root has no wrapping block — move it
+            // into a fresh heading in the same position.
+            const heading = renderer.createElement(tag);
+            const ref = block.nextSibling;
+            renderer.removeChild(el, block);
+            renderer.appendChild(heading, block);
+            renderer.insertBefore(el, heading, ref);
+            produced.push(heading);
+        });
+        const first = produced[0];
+        const last = produced[produced.length - 1];
+        if (first && last) {
+            if (first === last) {
+                selectNodeContents(first);
+            }
+            else {
+                selectAcross(first, last);
+            }
+        }
+        el.normalize();
+    };
     const applyLink = (href) => {
         const editable = getSelection();
         if (!editable) {
@@ -2627,6 +2694,7 @@ const richTextEditorDomFactory = () => {
         markStates,
         toggleInline,
         toggleList,
+        toggleHeading,
         applyLink,
         removeLink,
         insertToken,
@@ -2690,6 +2758,8 @@ class RichTextEditorDirective {
         ...(ngDevMode ? [{ debugName: "orderedListActive" }] : /* istanbul ignore next */ []));
         this.linkActive = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "linkActive" }] : /* istanbul ignore next */ []));
+        this.headingLevel = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []));
         /** @internal */
         this.lastEmittedMarkdown = null;
         this.formField?.registerControl(this);
@@ -2722,6 +2792,7 @@ class RichTextEditorDirective {
         this.unorderedListActive.set(states?.unorderedList ?? false);
         this.orderedListActive.set(states?.orderedList ?? false);
         this.linkActive.set(states?.link ?? false);
+        this.headingLevel.set(states?.heading ?? null);
     }
     toggleBold() {
         this.runCommand(() => this.editorDom.toggleInline('strong'));
@@ -2738,6 +2809,9 @@ class RichTextEditorDirective {
     toggleOrderedList() {
         this.runCommand(() => this.editorDom.toggleList('ol'));
     }
+    toggleHeading(level) {
+        this.runCommand(() => this.editorDom.toggleHeading(`h${level}`));
+    }
     setLink(href) {
         const url = href.trim();
         this.runCommand(() => (url ? this.editorDom.applyLink(url) : this.editorDom.removeLink()));
@@ -2950,6 +3024,36 @@ const GRID_2X2_ICON = {
   `,
 };
 
+// Custom icon.
+const HEADING_1_ICON = {
+    name: 'et-heading-1',
+    data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+      <text x="8" y="12" font-size="11" font-weight="700" text-anchor="middle" fill="currentColor">H1</text>
+    </svg>
+  `,
+};
+
+// Custom icon.
+const HEADING_2_ICON = {
+    name: 'et-heading-2',
+    data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+      <text x="8" y="12" font-size="11" font-weight="700" text-anchor="middle" fill="currentColor">H2</text>
+    </svg>
+  `,
+};
+
+// Custom icon.
+const HEADING_3_ICON = {
+    name: 'et-heading-3',
+    data: `
+    <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+      <text x="8" y="12" font-size="11" font-weight="700" text-anchor="middle" fill="currentColor">H3</text>
+    </svg>
+  `,
+};
+
 const ICON_ERROR_CODES = {
     NO_ICONS_PROVIDED: 1800,
     ICON_NOT_FOUND: 1801,
@@ -3378,13 +3482,13 @@ class RichTextEditorComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RichTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: RichTextEditorComponent, isStandalone: true, selector: "et-rich-text-editor", host: { listeners: { "click": "dir.activate()" }, classAttribute: "et-rich-text-editor" }, providers: [
-            provideIcons(BOLD_ICON, ITALIC_ICON, STRIKETHROUGH_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LINK_ICON),
-        ], viewQueries: [{ propertyName: "editable", first: true, predicate: ["editable"], descendants: true, isSignal: true }], hostDirectives: [{ directive: RichTextEditorDirective, inputs: ["value", "value", "disabled", "disabled", "readonly", "readonly", "hidden", "hidden", "invalid", "invalid", "errors", "errors", "required", "required", "name", "name", "placeholder", "placeholder"], outputs: ["valueChange", "valueChange", "touchedChange", "touchedChange"] }], ngImport: i0, template: "<div class=\"et-rte-toolbar\" role=\"toolbar\" aria-label=\"Text formatting\">\n  <button\n    [pressed]=\"dir.boldActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleBold()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bold\"\n  >\n    <i etIcon=\"et-bold\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.italicActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleItalic()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Italic\"\n  >\n    <i etIcon=\"et-italic\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.strikeActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleStrikethrough()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Strikethrough\"\n  >\n    <i etIcon=\"et-strikethrough\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.unorderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleUnorderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bulleted list\"\n  >\n    <i etIcon=\"et-list-bulleted\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.orderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleOrderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Numbered list\"\n  >\n    <i etIcon=\"et-list-numbered\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.linkActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.promptForLink()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Link\"\n  >\n    <i [allowHardcodedColor]=\"true\" etIcon=\"et-link\"></i>\n  </button>\n</div>\n\n<div\n  #editable\n  [attr.contenteditable]=\"dir.disabled() || dir.readonly() ? 'false' : 'true'\"\n  [attr.tabindex]=\"dir.disabled() ? -1 : 0\"\n  [attr.data-placeholder]=\"dir.placeholder() || null\"\n  [attr.aria-invalid]=\"dir.shouldDisplayError() || null\"\n  [attr.aria-describedby]=\"dir.describedById() || null\"\n  [attr.aria-labelledby]=\"dir.labelId() || null\"\n  [attr.aria-disabled]=\"dir.disabled() || null\"\n  [attr.aria-readonly]=\"dir.readonly() || null\"\n  (input)=\"syncValueFromDom()\"\n  (beforeinput)=\"interceptFormattingCommand($event)\"\n  (keydown)=\"interceptBackspaceKey($event)\"\n  (focus)=\"dir.focused.set(true)\"\n  (blur)=\"dir.focused.set(false); dir.touched.set(true)\"\n  class=\"et-rte-content\"\n  role=\"textbox\"\n  aria-multiline=\"true\"\n></div>\n\n<et-rich-text-editor-floating-toolbar />\n", styles: ["@property --et-rich-text-editor-toolbar-gap{syntax: \"<length>\"; inherits: true; initial-value: 2px;}@property --et-rich-text-editor-toolbar-padding{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-button-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-min-height{syntax: \"<length>\"; inherits: true; initial-value: 96px;}@property --et-rich-text-editor-content-gap{syntax: \"<length>\"; inherits: true; initial-value: 8px;}et-rich-text-editor{display:flex;flex:1;flex-direction:column;min-inline-size:0;color:inherit}et-rich-text-editor .et-rte-toolbar{display:flex;align-items:center;gap:var(--et-rich-text-editor-toolbar-gap);padding:var(--et-rich-text-editor-toolbar-padding);padding-inline:calc(var(--et-form-field-control-padding-inline) - var(--et-rich-text-editor-toolbar-padding));border-block-end:var(--et-form-field-control-border-width, 1px) solid color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-toolbar .et-icon-button{border-radius:var(--et-rich-text-editor-button-radius)}et-rich-text-editor .et-rte-toolbar-divider{inline-size:1px;align-self:stretch;margin-block:4px;margin-inline:2px;background:color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-content{display:block;flex:1;min-inline-size:0;padding-block:var(--et-form-field-control-padding-block);padding-inline:var(--et-form-field-control-padding-inline);min-block-size:var(--et-rich-text-editor-min-height);outline:none;color:inherit;caret-color:var(--et-theme-color-primary-solid, currentColor);overflow-wrap:anywhere}et-rich-text-editor .et-rte-content:empty:before{content:attr(data-placeholder);color:color-mix(in srgb,currentColor 46%,transparent);pointer-events:none}et-rich-text-editor .et-rte-content>:first-child{margin-block-start:0}et-rich-text-editor .et-rte-content>:last-child{margin-block-end:0}et-rich-text-editor .et-rte-content p{margin-block:0}et-rich-text-editor .et-rte-content p+p,et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-start:var(--et-rich-text-editor-content-gap)}et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-end:0;padding-inline-start:1.5em;list-style-position:outside}et-rich-text-editor .et-rte-content ul{list-style-type:disc}et-rich-text-editor .et-rte-content ol{list-style-type:decimal}et-rich-text-editor .et-rte-content li{margin-block:0}et-rich-text-editor .et-rte-content li::marker{color:color-mix(in srgb,currentColor 60%,transparent)}et-rich-text-editor .et-rte-content a{color:var(--et-theme-color-primary-solid, currentColor);text-decoration:underline}\n"], dependencies: [{ kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }, { kind: "component", type: RichTextEditorFloatingToolbarComponent, selector: "et-rich-text-editor-floating-toolbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            provideIcons(BOLD_ICON, ITALIC_ICON, STRIKETHROUGH_ICON, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LINK_ICON),
+        ], viewQueries: [{ propertyName: "editable", first: true, predicate: ["editable"], descendants: true, isSignal: true }], hostDirectives: [{ directive: RichTextEditorDirective, inputs: ["value", "value", "disabled", "disabled", "readonly", "readonly", "hidden", "hidden", "invalid", "invalid", "errors", "errors", "required", "required", "name", "name", "placeholder", "placeholder"], outputs: ["valueChange", "valueChange", "touchedChange", "touchedChange"] }], ngImport: i0, template: "<div class=\"et-rte-toolbar\" role=\"toolbar\" aria-label=\"Text formatting\">\n  <button\n    [pressed]=\"dir.boldActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleBold()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bold\"\n  >\n    <i etIcon=\"et-bold\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.italicActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleItalic()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Italic\"\n  >\n    <i etIcon=\"et-italic\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.strikeActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleStrikethrough()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Strikethrough\"\n  >\n    <i etIcon=\"et-strikethrough\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 1\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(1)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 1\"\n  >\n    <i etIcon=\"et-heading-1\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 2\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(2)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 2\"\n  >\n    <i etIcon=\"et-heading-2\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 3\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(3)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 3\"\n  >\n    <i etIcon=\"et-heading-3\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.unorderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleUnorderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bulleted list\"\n  >\n    <i etIcon=\"et-list-bulleted\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.orderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleOrderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Numbered list\"\n  >\n    <i etIcon=\"et-list-numbered\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.linkActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.promptForLink()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Link\"\n  >\n    <i [allowHardcodedColor]=\"true\" etIcon=\"et-link\"></i>\n  </button>\n</div>\n\n<div\n  #editable\n  [attr.contenteditable]=\"dir.disabled() || dir.readonly() ? 'false' : 'true'\"\n  [attr.tabindex]=\"dir.disabled() ? -1 : 0\"\n  [attr.data-placeholder]=\"dir.placeholder() || null\"\n  [attr.aria-invalid]=\"dir.shouldDisplayError() || null\"\n  [attr.aria-describedby]=\"dir.describedById() || null\"\n  [attr.aria-labelledby]=\"dir.labelId() || null\"\n  [attr.aria-disabled]=\"dir.disabled() || null\"\n  [attr.aria-readonly]=\"dir.readonly() || null\"\n  (input)=\"syncValueFromDom()\"\n  (beforeinput)=\"interceptFormattingCommand($event)\"\n  (keydown)=\"interceptBackspaceKey($event)\"\n  (focus)=\"dir.focused.set(true)\"\n  (blur)=\"dir.focused.set(false); dir.touched.set(true)\"\n  class=\"et-rte-content\"\n  role=\"textbox\"\n  aria-multiline=\"true\"\n></div>\n\n<et-rich-text-editor-floating-toolbar />\n", styles: ["@property --et-rich-text-editor-toolbar-gap{syntax: \"<length>\"; inherits: true; initial-value: 2px;}@property --et-rich-text-editor-toolbar-padding{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-button-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-min-height{syntax: \"<length>\"; inherits: true; initial-value: 96px;}@property --et-rich-text-editor-content-gap{syntax: \"<length>\"; inherits: true; initial-value: 8px;}et-rich-text-editor{display:flex;flex:1;flex-direction:column;min-inline-size:0;color:inherit}et-rich-text-editor .et-rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--et-rich-text-editor-toolbar-gap);padding:var(--et-rich-text-editor-toolbar-padding);padding-inline:calc(var(--et-form-field-control-padding-inline) - var(--et-rich-text-editor-toolbar-padding));border-block-end:var(--et-form-field-control-border-width, 1px) solid color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-toolbar .et-icon-button{border-radius:var(--et-rich-text-editor-button-radius)}et-rich-text-editor .et-rte-toolbar-divider{inline-size:1px;align-self:stretch;margin-block:4px;margin-inline:2px;background:color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-content{display:block;flex:1;min-inline-size:0;padding-block:var(--et-form-field-control-padding-block);padding-inline:var(--et-form-field-control-padding-inline);min-block-size:var(--et-rich-text-editor-min-height);outline:none;color:inherit;caret-color:var(--et-theme-color-primary-solid, currentColor);overflow-wrap:anywhere}et-rich-text-editor .et-rte-content:empty:before{content:attr(data-placeholder);color:color-mix(in srgb,currentColor 46%,transparent);pointer-events:none}et-rich-text-editor .et-rte-content>:first-child{margin-block-start:0}et-rich-text-editor .et-rte-content>:last-child{margin-block-end:0}et-rich-text-editor .et-rte-content p{margin-block:0}et-rich-text-editor .et-rte-content p+p,et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-start:var(--et-rich-text-editor-content-gap)}et-rich-text-editor .et-rte-content h1,et-rich-text-editor .et-rte-content h2,et-rich-text-editor .et-rte-content h3,et-rich-text-editor .et-rte-content h4,et-rich-text-editor .et-rte-content h5,et-rich-text-editor .et-rte-content h6{margin-block:0;font-weight:700;line-height:1.25}et-rich-text-editor .et-rte-content :is(h1,h2,h3,h4,h5,h6)+*,et-rich-text-editor .et-rte-content *+:is(h1,h2,h3,h4,h5,h6){margin-block-start:var(--et-rich-text-editor-content-gap)}et-rich-text-editor .et-rte-content h1{font-size:2.4rem}et-rich-text-editor .et-rte-content h2{font-size:2rem}et-rich-text-editor .et-rte-content h3{font-size:1.6rem}et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-end:0;padding-inline-start:1.5em;list-style-position:outside}et-rich-text-editor .et-rte-content ul{list-style-type:disc}et-rich-text-editor .et-rte-content ol{list-style-type:decimal}et-rich-text-editor .et-rte-content li{margin-block:0}et-rich-text-editor .et-rte-content li::marker{color:color-mix(in srgb,currentColor 60%,transparent)}et-rich-text-editor .et-rte-content a{color:var(--et-theme-color-primary-solid, currentColor);text-decoration:underline}\n"], dependencies: [{ kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }, { kind: "component", type: RichTextEditorFloatingToolbarComponent, selector: "et-rich-text-editor-floating-toolbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RichTextEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-rich-text-editor', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconButtonComponent, IconDirective, RichTextEditorFloatingToolbarComponent], providers: [
-                        provideIcons(BOLD_ICON, ITALIC_ICON, STRIKETHROUGH_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LINK_ICON),
+                        provideIcons(BOLD_ICON, ITALIC_ICON, STRIKETHROUGH_ICON, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LINK_ICON),
                     ], hostDirectives: [
                         {
                             directive: RichTextEditorDirective,
@@ -3394,7 +3498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ], host: {
                         class: 'et-rich-text-editor',
                         '(click)': 'dir.activate()',
-                    }, template: "<div class=\"et-rte-toolbar\" role=\"toolbar\" aria-label=\"Text formatting\">\n  <button\n    [pressed]=\"dir.boldActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleBold()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bold\"\n  >\n    <i etIcon=\"et-bold\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.italicActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleItalic()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Italic\"\n  >\n    <i etIcon=\"et-italic\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.strikeActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleStrikethrough()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Strikethrough\"\n  >\n    <i etIcon=\"et-strikethrough\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.unorderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleUnorderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bulleted list\"\n  >\n    <i etIcon=\"et-list-bulleted\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.orderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleOrderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Numbered list\"\n  >\n    <i etIcon=\"et-list-numbered\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.linkActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.promptForLink()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Link\"\n  >\n    <i [allowHardcodedColor]=\"true\" etIcon=\"et-link\"></i>\n  </button>\n</div>\n\n<div\n  #editable\n  [attr.contenteditable]=\"dir.disabled() || dir.readonly() ? 'false' : 'true'\"\n  [attr.tabindex]=\"dir.disabled() ? -1 : 0\"\n  [attr.data-placeholder]=\"dir.placeholder() || null\"\n  [attr.aria-invalid]=\"dir.shouldDisplayError() || null\"\n  [attr.aria-describedby]=\"dir.describedById() || null\"\n  [attr.aria-labelledby]=\"dir.labelId() || null\"\n  [attr.aria-disabled]=\"dir.disabled() || null\"\n  [attr.aria-readonly]=\"dir.readonly() || null\"\n  (input)=\"syncValueFromDom()\"\n  (beforeinput)=\"interceptFormattingCommand($event)\"\n  (keydown)=\"interceptBackspaceKey($event)\"\n  (focus)=\"dir.focused.set(true)\"\n  (blur)=\"dir.focused.set(false); dir.touched.set(true)\"\n  class=\"et-rte-content\"\n  role=\"textbox\"\n  aria-multiline=\"true\"\n></div>\n\n<et-rich-text-editor-floating-toolbar />\n", styles: ["@property --et-rich-text-editor-toolbar-gap{syntax: \"<length>\"; inherits: true; initial-value: 2px;}@property --et-rich-text-editor-toolbar-padding{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-button-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-min-height{syntax: \"<length>\"; inherits: true; initial-value: 96px;}@property --et-rich-text-editor-content-gap{syntax: \"<length>\"; inherits: true; initial-value: 8px;}et-rich-text-editor{display:flex;flex:1;flex-direction:column;min-inline-size:0;color:inherit}et-rich-text-editor .et-rte-toolbar{display:flex;align-items:center;gap:var(--et-rich-text-editor-toolbar-gap);padding:var(--et-rich-text-editor-toolbar-padding);padding-inline:calc(var(--et-form-field-control-padding-inline) - var(--et-rich-text-editor-toolbar-padding));border-block-end:var(--et-form-field-control-border-width, 1px) solid color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-toolbar .et-icon-button{border-radius:var(--et-rich-text-editor-button-radius)}et-rich-text-editor .et-rte-toolbar-divider{inline-size:1px;align-self:stretch;margin-block:4px;margin-inline:2px;background:color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-content{display:block;flex:1;min-inline-size:0;padding-block:var(--et-form-field-control-padding-block);padding-inline:var(--et-form-field-control-padding-inline);min-block-size:var(--et-rich-text-editor-min-height);outline:none;color:inherit;caret-color:var(--et-theme-color-primary-solid, currentColor);overflow-wrap:anywhere}et-rich-text-editor .et-rte-content:empty:before{content:attr(data-placeholder);color:color-mix(in srgb,currentColor 46%,transparent);pointer-events:none}et-rich-text-editor .et-rte-content>:first-child{margin-block-start:0}et-rich-text-editor .et-rte-content>:last-child{margin-block-end:0}et-rich-text-editor .et-rte-content p{margin-block:0}et-rich-text-editor .et-rte-content p+p,et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-start:var(--et-rich-text-editor-content-gap)}et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-end:0;padding-inline-start:1.5em;list-style-position:outside}et-rich-text-editor .et-rte-content ul{list-style-type:disc}et-rich-text-editor .et-rte-content ol{list-style-type:decimal}et-rich-text-editor .et-rte-content li{margin-block:0}et-rich-text-editor .et-rte-content li::marker{color:color-mix(in srgb,currentColor 60%,transparent)}et-rich-text-editor .et-rte-content a{color:var(--et-theme-color-primary-solid, currentColor);text-decoration:underline}\n"] }]
+                    }, template: "<div class=\"et-rte-toolbar\" role=\"toolbar\" aria-label=\"Text formatting\">\n  <button\n    [pressed]=\"dir.boldActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleBold()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bold\"\n  >\n    <i etIcon=\"et-bold\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.italicActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleItalic()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Italic\"\n  >\n    <i etIcon=\"et-italic\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.strikeActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleStrikethrough()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Strikethrough\"\n  >\n    <i etIcon=\"et-strikethrough\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 1\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(1)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 1\"\n  >\n    <i etIcon=\"et-heading-1\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 2\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(2)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 2\"\n  >\n    <i etIcon=\"et-heading-2\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 3\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(3)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 3\"\n  >\n    <i etIcon=\"et-heading-3\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.unorderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleUnorderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bulleted list\"\n  >\n    <i etIcon=\"et-list-bulleted\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.orderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleOrderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Numbered list\"\n  >\n    <i etIcon=\"et-list-numbered\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.linkActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.promptForLink()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Link\"\n  >\n    <i [allowHardcodedColor]=\"true\" etIcon=\"et-link\"></i>\n  </button>\n</div>\n\n<div\n  #editable\n  [attr.contenteditable]=\"dir.disabled() || dir.readonly() ? 'false' : 'true'\"\n  [attr.tabindex]=\"dir.disabled() ? -1 : 0\"\n  [attr.data-placeholder]=\"dir.placeholder() || null\"\n  [attr.aria-invalid]=\"dir.shouldDisplayError() || null\"\n  [attr.aria-describedby]=\"dir.describedById() || null\"\n  [attr.aria-labelledby]=\"dir.labelId() || null\"\n  [attr.aria-disabled]=\"dir.disabled() || null\"\n  [attr.aria-readonly]=\"dir.readonly() || null\"\n  (input)=\"syncValueFromDom()\"\n  (beforeinput)=\"interceptFormattingCommand($event)\"\n  (keydown)=\"interceptBackspaceKey($event)\"\n  (focus)=\"dir.focused.set(true)\"\n  (blur)=\"dir.focused.set(false); dir.touched.set(true)\"\n  class=\"et-rte-content\"\n  role=\"textbox\"\n  aria-multiline=\"true\"\n></div>\n\n<et-rich-text-editor-floating-toolbar />\n", styles: ["@property --et-rich-text-editor-toolbar-gap{syntax: \"<length>\"; inherits: true; initial-value: 2px;}@property --et-rich-text-editor-toolbar-padding{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-button-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-min-height{syntax: \"<length>\"; inherits: true; initial-value: 96px;}@property --et-rich-text-editor-content-gap{syntax: \"<length>\"; inherits: true; initial-value: 8px;}et-rich-text-editor{display:flex;flex:1;flex-direction:column;min-inline-size:0;color:inherit}et-rich-text-editor .et-rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--et-rich-text-editor-toolbar-gap);padding:var(--et-rich-text-editor-toolbar-padding);padding-inline:calc(var(--et-form-field-control-padding-inline) - var(--et-rich-text-editor-toolbar-padding));border-block-end:var(--et-form-field-control-border-width, 1px) solid color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-toolbar .et-icon-button{border-radius:var(--et-rich-text-editor-button-radius)}et-rich-text-editor .et-rte-toolbar-divider{inline-size:1px;align-self:stretch;margin-block:4px;margin-inline:2px;background:color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-content{display:block;flex:1;min-inline-size:0;padding-block:var(--et-form-field-control-padding-block);padding-inline:var(--et-form-field-control-padding-inline);min-block-size:var(--et-rich-text-editor-min-height);outline:none;color:inherit;caret-color:var(--et-theme-color-primary-solid, currentColor);overflow-wrap:anywhere}et-rich-text-editor .et-rte-content:empty:before{content:attr(data-placeholder);color:color-mix(in srgb,currentColor 46%,transparent);pointer-events:none}et-rich-text-editor .et-rte-content>:first-child{margin-block-start:0}et-rich-text-editor .et-rte-content>:last-child{margin-block-end:0}et-rich-text-editor .et-rte-content p{margin-block:0}et-rich-text-editor .et-rte-content p+p,et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-start:var(--et-rich-text-editor-content-gap)}et-rich-text-editor .et-rte-content h1,et-rich-text-editor .et-rte-content h2,et-rich-text-editor .et-rte-content h3,et-rich-text-editor .et-rte-content h4,et-rich-text-editor .et-rte-content h5,et-rich-text-editor .et-rte-content h6{margin-block:0;font-weight:700;line-height:1.25}et-rich-text-editor .et-rte-content :is(h1,h2,h3,h4,h5,h6)+*,et-rich-text-editor .et-rte-content *+:is(h1,h2,h3,h4,h5,h6){margin-block-start:var(--et-rich-text-editor-content-gap)}et-rich-text-editor .et-rte-content h1{font-size:2.4rem}et-rich-text-editor .et-rte-content h2{font-size:2rem}et-rich-text-editor .et-rte-content h3{font-size:1.6rem}et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-end:0;padding-inline-start:1.5em;list-style-position:outside}et-rich-text-editor .et-rte-content ul{list-style-type:disc}et-rich-text-editor .et-rte-content ol{list-style-type:decimal}et-rich-text-editor .et-rte-content li{margin-block:0}et-rich-text-editor .et-rte-content li::marker{color:color-mix(in srgb,currentColor 60%,transparent)}et-rich-text-editor .et-rte-content a{color:var(--et-theme-color-primary-solid, currentColor);text-decoration:underline}\n"] }]
         }], ctorParameters: () => [], propDecorators: { editable: [{ type: i0.ViewChild, args: ['editable', { isSignal: true }] }] } });
 
 const RICH_TEXT_EDITOR_IMPORTS = [RichTextEditorComponent, RichTextEditorDirective];
@@ -17131,5 +17235,5 @@ const TOOLTIP_IMPORTS = [TooltipDirective, TooltipComponent];
  * Generated bundle index. Do not edit.
  */
 
-export { ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, BOLD_ICON, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BrandLoaderComponent, ButtonComponent, ButtonDirective, ButtonStylesDirective, CHECKBOX_IMPORTS, CHEVRON_ICON, CHOICE_FIELD_IMPORTS, CLIPBOARD_CHECK_ICON, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxOptionComponent, ChoiceFieldComponent, DAILYMOTION_PLAYER_TOKEN, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_PIP_WINDOW_CONFIG, DEFAULT_STREAM_PLAYER_STATE, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DescriptionComponent, FACEBOOK_PLAYER_TOKEN, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, FORM_FIELD_APPEARANCES, FORM_FIELD_CONTROL_TYPES, FORM_FIELD_ERROR_CODES, FORM_FIELD_FILLS, FORM_FIELD_IMPORTS, FORM_FIELD_LABEL_MODES, FORM_FIELD_SIZES, FORM_FIELD_TOKEN, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FocusRingDirective, FormErrorComponent, FormFieldComponent, FormFieldDirective, GRID_2X2_ICON, GRID_ERROR_CODES, GRID_TOKEN, GridComponent, GridDebugComponent, GridDirective, GridDragDirective, GridImports, GridItemComponent, GridItemDefaultActionsComponent, GridItemDirective, GridItemRef, GridItemToolbarComponent, GridResizeDirective, HintComponent, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, ICON_ERROR_CODES, ICON_IMPORTS, INPUT_IMPORTS, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputPrefixDirective, InputSuffixDirective, KICK_PLAYER_TOKEN, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOCK_ICON, LabelDirective, NAV_TABS_TOKEN, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STATUS, NavTabImports, NavTabLinkComponent, NavTabLinkDirective, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CONFIG_CLASS_KEYS, OVERLAY_CONTENT_IMPORTS, OVERLAY_ERROR_CODES, OVERLAY_FOOTER_TOKEN, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHandlerLinkDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PENCIL_ICON, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLUS_ICON, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, RICH_TEXT_EDITOR_IMPORTS, RadioComponent, RadioGroupComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, SCROLLABLE_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SOOP_PLAYER_TOKEN, STREAM_CONSENT_TOKEN, STREAM_PLAYER_COMPONENT_TOKEN, STREAM_PLAYER_ERROR_CONTEXT_TOKEN, STREAM_PLAYER_ERROR_TOKEN, STREAM_PLAYER_PARAMS_TOKEN, STREAM_PLAYER_SLOT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_SLOT_PLAYER_ID_TOKEN, STREAM_USER_CONSENT_PROVIDER_TOKEN, STRIKETHROUGH_ICON, SWITCH_IMPORTS, ScrollableActiveChildDirective, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableErrorCode, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksDirective, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamImports, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_PANEL_TOKEN, TAB_SIZES, TIKTOK_PLAYER_TOKEN, TIMES_ICON, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TRIANGLE_EXCLAMATION_ICON, TWITCH_PLAYER_TOKEN, TabBarDirective, TabBarTriggerDirective, TabBarUnderlineDirective, TabComponent, TabGroupComponent, TabGroupDirective, TabImports, TabLabelDirective, TabPanelDirective, TabTriggerDirective, TextButtonComponent, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, TooltipComponent, TooltipDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_SLOT_TOKEN, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, YoutubePlayerSlotDirective, abortFullscreenAnimation, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, bottomSheetOverlayStrategy, buildAnchoredRuntimePositionStrategy, centeredOverlayStrategy, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, createGridAdapter, createNotificationRef, createOverlayHandler, createOverlayHandlerWithQueryParamLifecycle, createOverlayRef, createOverlayStrategyController, createPipChromeAnimations, createPipChromeState, createStreamConfig, createStreamPlayerSlot, dialogOverlayStrategy, enableDragToDismiss, findNextRelevantHtmlElement, fromGridPosition, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectDialogStrategy, injectDialogStrategyDefaults, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSidebarOverlay, injectStreamConfig, injectStreamConsentConfig, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isHtmlElement, isPointerEvent, isTouchEvent, leftSheetOverlayStrategy, mergeOverlayBreakpointConfigs, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideDialogStrategy, provideDialogStrategyDefaults, provideFormSupport, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideIcons, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideStreamConfig, provideStreamConsentConfig, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTopSheetStrategy, provideTopSheetStrategyDefaults, resolveClosestOverlay, rightSheetOverlayStrategy, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, toGridPosition, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy };
+export { ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, BOLD_ICON, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BrandLoaderComponent, ButtonComponent, ButtonDirective, ButtonStylesDirective, CHECKBOX_IMPORTS, CHEVRON_ICON, CHOICE_FIELD_IMPORTS, CLIPBOARD_CHECK_ICON, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxOptionComponent, ChoiceFieldComponent, DAILYMOTION_PLAYER_TOKEN, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_PIP_WINDOW_CONFIG, DEFAULT_STREAM_PLAYER_STATE, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DescriptionComponent, FACEBOOK_PLAYER_TOKEN, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, FORM_FIELD_APPEARANCES, FORM_FIELD_CONTROL_TYPES, FORM_FIELD_ERROR_CODES, FORM_FIELD_FILLS, FORM_FIELD_IMPORTS, FORM_FIELD_LABEL_MODES, FORM_FIELD_SIZES, FORM_FIELD_TOKEN, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FocusRingDirective, FormErrorComponent, FormFieldComponent, FormFieldDirective, GRID_2X2_ICON, GRID_ERROR_CODES, GRID_TOKEN, GridComponent, GridDebugComponent, GridDirective, GridDragDirective, GridImports, GridItemComponent, GridItemDefaultActionsComponent, GridItemDirective, GridItemRef, GridItemToolbarComponent, GridResizeDirective, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, HintComponent, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, ICON_ERROR_CODES, ICON_IMPORTS, INPUT_IMPORTS, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputPrefixDirective, InputSuffixDirective, KICK_PLAYER_TOKEN, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOCK_ICON, LabelDirective, NAV_TABS_TOKEN, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STATUS, NavTabImports, NavTabLinkComponent, NavTabLinkDirective, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CONFIG_CLASS_KEYS, OVERLAY_CONTENT_IMPORTS, OVERLAY_ERROR_CODES, OVERLAY_FOOTER_TOKEN, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHandlerLinkDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PENCIL_ICON, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLUS_ICON, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, RICH_TEXT_EDITOR_IMPORTS, RadioComponent, RadioGroupComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, SCROLLABLE_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SOOP_PLAYER_TOKEN, STREAM_CONSENT_TOKEN, STREAM_PLAYER_COMPONENT_TOKEN, STREAM_PLAYER_ERROR_CONTEXT_TOKEN, STREAM_PLAYER_ERROR_TOKEN, STREAM_PLAYER_PARAMS_TOKEN, STREAM_PLAYER_SLOT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_SLOT_PLAYER_ID_TOKEN, STREAM_USER_CONSENT_PROVIDER_TOKEN, STRIKETHROUGH_ICON, SWITCH_IMPORTS, ScrollableActiveChildDirective, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableErrorCode, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksDirective, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamImports, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_PANEL_TOKEN, TAB_SIZES, TIKTOK_PLAYER_TOKEN, TIMES_ICON, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TRIANGLE_EXCLAMATION_ICON, TWITCH_PLAYER_TOKEN, TabBarDirective, TabBarTriggerDirective, TabBarUnderlineDirective, TabComponent, TabGroupComponent, TabGroupDirective, TabImports, TabLabelDirective, TabPanelDirective, TabTriggerDirective, TextButtonComponent, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, TooltipComponent, TooltipDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_SLOT_TOKEN, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, YoutubePlayerSlotDirective, abortFullscreenAnimation, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, bottomSheetOverlayStrategy, buildAnchoredRuntimePositionStrategy, centeredOverlayStrategy, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, createGridAdapter, createNotificationRef, createOverlayHandler, createOverlayHandlerWithQueryParamLifecycle, createOverlayRef, createOverlayStrategyController, createPipChromeAnimations, createPipChromeState, createStreamConfig, createStreamPlayerSlot, dialogOverlayStrategy, enableDragToDismiss, findNextRelevantHtmlElement, fromGridPosition, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectDialogStrategy, injectDialogStrategyDefaults, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSidebarOverlay, injectStreamConfig, injectStreamConsentConfig, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isHtmlElement, isPointerEvent, isTouchEvent, leftSheetOverlayStrategy, mergeOverlayBreakpointConfigs, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideDialogStrategy, provideDialogStrategyDefaults, provideFormSupport, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideIcons, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideStreamConfig, provideStreamConsentConfig, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTopSheetStrategy, provideTopSheetStrategyDefaults, resolveClosestOverlay, rightSheetOverlayStrategy, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, toGridPosition, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy };
 //# sourceMappingURL=ethlete-components.mjs.map