@magmonium/one 0.4.49 → 0.4.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmonium/one",
-  "version": "0.4.49",
+  "version": "0.4.51",
   "description": "Magmonium One — Angular design-system primitives for mm Apps",
   "author": "magmonium",
   "license": "MIT",

package/types/magmonium-one.d.ts

@@ -1349,6 +1349,13 @@ export declare function getUniqueId(): string;
  * Used for wallet backgrounds and other items where visual consistency is needed.
  */
 export declare function stringToColor(str: string): string;
+export declare const escapeHtml: (text: string) => string;
+/**
+ * Render MiniMark's inline rules only — bold, italic, strike, links — for text
+ * that already sits inside a block of its own, such as a heading. No `<p>`, no
+ * block syntax: a `#` or `-` stays literal, and line breaks fold into spaces.
+ */
+export declare function miniMarkInlineToHtml(source?: string): string;
 /**
  * Render MiniMark source text to an HTML string.
  */
@@ -4389,6 +4396,16 @@ export declare class SectionSearchComponent extends BaseTextInputComponent<Searc
 type BadgeVariant = 'saas' | 'status' | 'minimal' | 'default' | 'primary' | 'danger' | 'chip';
 type BadgePosition = 'static' | 'absolute' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 type BadgeAnimation = 'pulse' | 'shimmer' | 'none';
+/**
+ * A count worn as a Badge — the figure, and how to draw it. Narrower than
+ * [BadgeVariant] on purpose: `status` and `minimal` are shapes rather than
+ * pills and have no room for a number, and the remaining three are exactly what
+ * a Button's own `badge` spells.
+ */
+type BadgeCount = {
+  count: number;
+  variant?: 'default' | 'primary' | 'danger';
+};
 type Badge = Config & {
   variant?: BadgeVariant;
   icon?: string;
@@ -5636,6 +5653,29 @@ type Header = Config & {
   icon?: string;
   level?: HeaderLevel;
 };
+export declare class BadgeComponent extends ConfigComponent<Badge> {
+  readonly subFolder = "badges";
+  config: import("@angular/core").ModelSignal<Partial<Badge> | undefined>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected readonly iconConfig: import("@angular/core").Signal<{
+    name: string;
+    color: string;
+  } | undefined>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "m-badge", never, {
+    "config": {
+      "alias": "config";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "config": "configChange";
+  }, never, ["*"], true, never>;
+}
+declare const getBadgeClasses: (config: Badge | undefined) => string;
+export declare const formatBadgeCount: (count: number | undefined, maxCount?: number) => string;
+export declare const shouldShowBadge: (count: number | undefined) => boolean;
+declare const formatCount: (count: number | undefined, maxCount?: number) => string;
 export declare class SectionHeaderComponent {
   readonly sticky: import("@angular/core").InputSignal<boolean>;
   readonly level: import("@angular/core").InputSignal<HeaderLevel>;
@@ -5652,6 +5692,7 @@ export declare class SectionHeaderComponent {
   readonly extraData: import("@angular/core").InputSignal<unknown>;
   readonly align: import("@angular/core").InputSignal<"center" | "left" | "right" | undefined>;
   readonly alignment: import("@angular/core").Signal<"center" | "left" | "right">;
+  readonly badge: import("@angular/core").InputSignal<BadgeCount | undefined>;
   readonly showBack: import("@angular/core").InputSignal<boolean>;
   readonly actionButton: import("@angular/core").InputSignal<string | undefined>;
   readonly actionLabel: import("@angular/core").InputSignal<string | undefined>;
@@ -5673,6 +5714,8 @@ export declare class SectionHeaderComponent {
   protected readonly isSticky: import("@angular/core").Signal<boolean>;
   protected readonly hasMenu: import("@angular/core").Signal<boolean>;
   protected readonly actionConfig: import("@angular/core").Signal<Button | undefined>;
+  protected readonly badgeConfig: import("@angular/core").Signal<Badge | undefined>;
+  protected readonly badgeText: import("@angular/core").Signal<string>;
   protected readonly accordion: import("@angular/core").Signal<import("@magmonium/one").SectionAccordionDirective | null>;
   protected readonly toggleIconName: import("@angular/core").Signal<string | undefined>;
   protected readonly toggleRotates: import("@angular/core").Signal<boolean>;
@@ -5750,6 +5793,11 @@ export declare class SectionHeaderComponent {
       "required": false;
       "isSignal": true;
     };
+    "badge": {
+      "alias": "badge";
+      "required": false;
+      "isSignal": true;
+    };
     "showBack": {
       "alias": "showBack";
       "required": false;
@@ -9624,29 +9672,6 @@ export declare class ComponentStepperComponent {
     "stepChange": "stepChange";
   }, never, never, true, never>;
 }
-export declare class BadgeComponent extends ConfigComponent<Badge> {
-  readonly subFolder = "badges";
-  config: import("@angular/core").ModelSignal<Partial<Badge> | undefined>;
-  protected readonly classes: import("@angular/core").Signal<string>;
-  protected readonly iconConfig: import("@angular/core").Signal<{
-    name: string;
-    color: string;
-  } | undefined>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "m-badge", never, {
-    "config": {
-      "alias": "config";
-      "required": false;
-      "isSignal": true;
-    };
-  }, {
-    "config": "configChange";
-  }, never, ["*"], true, never>;
-}
-declare const getBadgeClasses: (config: Badge | undefined) => string;
-export declare const formatBadgeCount: (count: number | undefined, maxCount?: number) => string;
-export declare const shouldShowBadge: (count: number | undefined) => boolean;
-declare const formatCount: (count: number | undefined, maxCount?: number) => string;
 type CardVariant = 'flat' | 'outlined' | 'glass' | 'beautiful' | 'professional' | 'subtle' | 'no-border' | 'dashboard' | 'roundedBorder' | 'highlighted' | 'line';
 type CardSpacing = 'compact' | 'spacious';
 type CardPadding = 'none' | 'all' | 'x' | 'y' | 'left' | 'right' | 'up' | 'down';
@@ -9817,7 +9842,7 @@ export declare class HeaderComponent {
   private readonly sizeContext;
   protected readonly actionSize: import("@angular/core").Signal<string>;
   protected readonly actionConfig: import("@angular/core").Signal<Button | undefined>;
-  protected readonly text: import("@angular/core").Signal<string>;
+  protected readonly html: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "m-header", never, {
     "level": {
@@ -13284,6 +13309,18 @@ export declare class ConfirmComponent {
   }, {}, never, never, true, never>;
 }
 export declare function provideModalComponents(): EnvironmentProviders;
+/**
+ * A count drawn beside an entry's label, as a Badge — the figure a Nav puts on
+ * itself where something behind it wants counting (GLOSSARY.md NavCountSource).
+ *
+ * The same two keys a Button's `badge` spells, and `variant` is the caller's for
+ * the same reason: what a count *means* — a tally, a warning — is a fact about
+ * the count and not about the badge that draws it.
+ */
+export type NavBadge = {
+  count: number;
+  variant?: 'default' | 'primary' | 'danger';
+};
 export type BreadcrumbTrail = {
   label: string;
   icon?: string;
@@ -13321,6 +13358,12 @@ export type BreadcrumbTrail = {
     color: string | null;
     name: string;
   };
+  /**
+   * The count the Nav this entry names wears, where one is registered for it —
+   * stamped on the header, the trail and the menu rows alike, so one
+   * registration words a Nav the same wherever it is drawn.
+   */
+  badge?: NavBadge;
 };
 export type BreadCrumb = {
   trail?: BreadcrumbTrail[];
@@ -13572,7 +13615,26 @@ interface NavVisibilityConfig {
    */
   navVisibleLoad?: (params: Record<string, string>) => void | Promise<void>;
 }
-type NavWidgetEntry = Type<unknown> | NavWidgetConfig | NavMenuConfig | NavRowsConfig | NavInstanceConfig | NavVisibilityConfig;
+/**
+ * What a Nav registers to answer *how much is behind it*, drawn as a Badge
+ * beside its label (GLOSSARY.md NavCountSource, ADR 0043). Registered under
+ * that Nav's own NavId beside whatever else it registers — the configs are not
+ * exclusive, which is why every guard here tests for its own key rather than
+ * for the absence of another's.
+ */
+interface NavCountConfig {
+  /**
+   * The badge to draw beside the Nav's label, or `undefined` for none — a Nav
+   * with nothing behind it wears no badge rather than one saying nothing.
+   *
+   * A signal rather than a function of the panel's parameters, unlike
+   * `navInstance`: a count is a fact about the Nav itself, and it is worn in
+   * panels this Nav is not the owner of — root's own row for it — where the
+   * parameters the panel is drawn for are somebody else's.
+   */
+  navCount: Signal<NavBadge | undefined>;
+}
+type NavWidgetEntry = Type<unknown> | NavWidgetConfig | NavMenuConfig | NavRowsConfig | NavInstanceConfig | NavCountConfig | NavVisibilityConfig;
 /**
  * Where an app registers its search answer (ADR 0042): the element the host's
  * search panel mounts in place of its groups, with `query` bound, while the
@@ -13605,6 +13667,7 @@ type NavWidgetMap = Partial<Record<NavIdKey, NavWidgetEntry>> & {
 export declare function isNavMenuConfig(entry: NavWidgetEntry): entry is NavMenuConfig;
 export declare function isNavRowsConfig(entry: NavWidgetEntry): entry is NavRowsConfig;
 export declare function isNavInstanceConfig(entry: NavWidgetEntry): entry is NavInstanceConfig;
+export declare function isNavCountConfig(entry: NavWidgetEntry): entry is NavCountConfig;
 export declare function isNavVisibilityConfig(entry: NavWidgetEntry): entry is NavVisibilityConfig;
 /**
  * Multi-provided, and resolved **last-wins**: the library provides its own
@@ -13655,7 +13718,6 @@ export declare class FrameComponent {
       appNavId: string;
       slot: "main" | "side";
     }>;
-    keepPanelOnPathChange: import("@angular/core").Signal<boolean>;
     panelPushed: import("@angular/core").Signal<boolean>;
     navScrolledDown: import("@angular/core").Signal<boolean>;
     remoteWidgets: import("@angular/core").Signal<Record<string, NavWidgetRegistryEntry>>;
@@ -13685,6 +13747,7 @@ export declare class FrameComponent {
     hasMurl: import("@angular/core").Signal<boolean>;
     isNavOpened: import("@angular/core").Signal<boolean>;
     isMNavOpened: import("@angular/core").Signal<boolean>;
+    isSideMenuOpen: import("@angular/core").Signal<boolean>;
     resolvedWidget: import("@angular/core").Signal<(import("@magmonium/one").NavWidgetConfig & {
       ceSelector?: string;
     }) | null>;
@@ -13787,7 +13850,6 @@ export declare class FrameComponent {
       appNavId: string;
       slot: "main" | "side";
     } | undefined;
-    keepPanelOnPathChange: boolean;
     panelPushed: boolean;
     navScrolledDown: boolean;
     remoteWidgets: Record<string, NavWidgetRegistryEntry>;
@@ -13974,7 +14036,10 @@ interface NavState {
   mounts: Record<string, RemoteMount>;
   /** Auxiliary segment names in the URL — which side apps are on screen (ADR 0038). */
   outlets: string[];
-  /** Panel opened by the menu icon with no Murl chosen — see ADR 0013. */
+  /**
+   * Panel held open without a Murl: by the menu icon, or by a navigation made
+   * while it was up. Only the menu toggle clears it — see ADR 0013.
+   */
   navOpenedByUser: boolean;
   /**
    * The Nav a Browse moved the panel onto — up, down or sideways — while the
@@ -13997,12 +14062,6 @@ interface NavState {
     appNavId: string;
     slot: AppSlot;
   } | undefined;
-  /**
-   * Next path settle should keep `navOpenedByUser`. Used by the AppLogo when
-   * the panel is already open — navigate home but leave the menu showing
-   * root's children.
-   */
-  keepPanelOnPathChange: boolean;
   /** Whether this store pushed the history entry the open panel sits on. */
   panelPushed: boolean;
   navScrolledDown: boolean;
@@ -14078,7 +14137,6 @@ export declare const NavStore: import("@angular/core").Type<{
     appNavId: string;
     slot: AppSlot;
   }>;
-  keepPanelOnPathChange: Signal<boolean>;
   panelPushed: Signal<boolean>;
   navScrolledDown: Signal<boolean>;
   remoteWidgets: Signal<Record<string, NavWidgetRegistryEntry>>;
@@ -14108,6 +14166,7 @@ export declare const NavStore: import("@angular/core").Type<{
   hasMurl: Signal<boolean>;
   isNavOpened: Signal<boolean>;
   isMNavOpened: Signal<boolean>;
+  isSideMenuOpen: Signal<boolean>;
   resolvedWidget: Signal<(NavWidgetConfig & {
     ceSelector?: string;
   }) | null>;
@@ -14210,7 +14269,6 @@ export declare const NavStore: import("@angular/core").Type<{
     appNavId: string;
     slot: AppSlot;
   } | undefined;
-  keepPanelOnPathChange: boolean;
   panelPushed: boolean;
   navScrolledDown: boolean;
   remoteWidgets: Record<string, NavWidgetRegistryEntry>;
@@ -14570,7 +14628,6 @@ export declare class NavDetailsComponent {
       appNavId: string;
       slot: "main" | "side";
     }>;
-    keepPanelOnPathChange: import("@angular/core").Signal<boolean>;
     panelPushed: import("@angular/core").Signal<boolean>;
     navScrolledDown: import("@angular/core").Signal<boolean>;
     remoteWidgets: import("@angular/core").Signal<Record<string, NavWidgetRegistryEntry>>;
@@ -14600,6 +14657,7 @@ export declare class NavDetailsComponent {
     hasMurl: import("@angular/core").Signal<boolean>;
     isNavOpened: import("@angular/core").Signal<boolean>;
     isMNavOpened: import("@angular/core").Signal<boolean>;
+    isSideMenuOpen: import("@angular/core").Signal<boolean>;
     resolvedWidget: import("@angular/core").Signal<(import("@magmonium/one").NavWidgetConfig & {
       ceSelector?: string;
     }) | null>;
@@ -14702,7 +14760,6 @@ export declare class NavDetailsComponent {
       appNavId: string;
       slot: "main" | "side";
     } | undefined;
-    keepPanelOnPathChange: boolean;
     panelPushed: boolean;
     navScrolledDown: boolean;
     remoteWidgets: Record<string, NavWidgetRegistryEntry>;
@@ -14783,6 +14840,11 @@ export declare class NavMenuComponent {
   navList: import("@angular/core").Signal<BreadcrumbTrail[] | undefined>;
   /** Looks inside the row's Nav without following it (GLOSSARY.md Browse). */
   browse: (item: BreadcrumbTrail) => void;
+  /**
+   * The `99+` ceiling is the badge's own, the same one a Button reads: a row and
+   * an icon cannot disagree about where a count stops being a number.
+   */
+  protected readonly formatBadgeCount: (count: number, max?: number) => string;
   rows: import("@angular/core").Signal<ListItem[]>;
   static ɵfac: i0.ɵɵFactoryDeclaration<NavMenuComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<NavMenuComponent, "m-nav-menu", never, {
@@ -14831,7 +14893,6 @@ export declare class NavHeaderComponent {
       appNavId: string;
       slot: "main" | "side";
     }>;
-    keepPanelOnPathChange: import("@angular/core").Signal<boolean>;
     panelPushed: import("@angular/core").Signal<boolean>;
     navScrolledDown: import("@angular/core").Signal<boolean>;
     remoteWidgets: import("@angular/core").Signal<Record<string, NavWidgetRegistryEntry>>;
@@ -14861,6 +14922,7 @@ export declare class NavHeaderComponent {
     hasMurl: import("@angular/core").Signal<boolean>;
     isNavOpened: import("@angular/core").Signal<boolean>;
     isMNavOpened: import("@angular/core").Signal<boolean>;
+    isSideMenuOpen: import("@angular/core").Signal<boolean>;
     resolvedWidget: import("@angular/core").Signal<(import("@magmonium/one").NavWidgetConfig & {
       ceSelector?: string;
     }) | null>;
@@ -14963,7 +15025,6 @@ export declare class NavHeaderComponent {
       appNavId: string;
       slot: "main" | "side";
     } | undefined;
-    keepPanelOnPathChange: boolean;
     panelPushed: boolean;
     navScrolledDown: boolean;
     remoteWidgets: Record<string, NavWidgetRegistryEntry>;
@@ -16979,4 +17040,4 @@ export declare const toggleUid: (audience: Audience, uid: string) => Audience;
 export declare const toggleGroup: (audience: Audience, groupId: string) => Audience;
 /** How many Users and Groups an Audience names. */
 export declare const pickCount: (audience: Audience) => number;
-export type { Accordion, AccordionGroup, AccordionVariant, AppCardData, AppCardInputs, AppCardVariant, AppLogoTone, AppLogoVariant, AppManifest, AppTileData, AssetOption, Audience, AudienceLevel, AudienceMember, AudiencePicker, AuthResult, Badge, BadgePosition, BadgeVariant, Button, ButtonGroup, CellChangeEvent, CellClickEvent, ColBreakpoint, ColSpan, ColorPallet, ColumnDef, Comment, CommentItem, Config, ContextMenu, ContextMenuEvent, Cursor, CustomIcon, DragListReorder, Draggable, DraggableState, FileUploadConfig, FileUploadEvent, FilterGroupContext, FilterGroupMember, FilterOption, FilterPanel, FilterPanelIo, FilterRangeMode, FilterSelectionMap, FilterValue, FilterVariant, FilteredTreeGrid, FlatTreeGridRow, FlexAlign, FlexAlignSelf, FlexConfig, FlexDirection, FlexItemConfig, FlexJustify, FlexVariant, GridAlignX, GridAlignY, GroupActionEvent, GroupDropEvent, GroupKind, GroupMenuEvent, Header, HeaderLevel, Icon, KeyValueVariant, LabelSegment, ListConfig, ListContext, ListItem, ListOrientation, ListVariant, MenuItem, MoneySystem, NavInstanceConfig, NavMenuConfig, NavRowsConfig, NavVisibilityConfig, NavVisibleAnswer, NavWidgetConfig, NavWidgetEntry, NavWidgetMap, OverlayWidgetLoader, OverlayWidgetMap, PageChangeEvent, Pagination, PaginationWindow, ResolvedUserTab, RowDropEvent, SearchChangeEvent, SectionAccordion, SectionAccordionGroup, SectionAccordionGroupContext, SectionAccordionRef, SectionButtonGroupConfig, SectionFilterGroupConfig, SectionHero, SectionHeroVariant, SectionTableAlign, SectionTableColumn, SectionTableConfig, SectionTableDataType, SectionTableSort, SectionTableSortDirection, SectionTableVariant, SectionToggleItem, SectionToggleItemContext, SelectionAction, SelectionActionEvent, SelectionChangeEvent, SelectorConfig, SharingClient, SharingGroup, SocketMessage, Sort, SortChange, SortChangeEvent, SortOption, SortOrder, SourceAudience, SpacingInward, SqueezeMode, StatAlign, StatCornerEdge, StatCornerPosition, StatCornerSide, StatSurface, StatVariant, TabGroup, TableConfig, TableFilterCondition, TableFilterDef, TableGroup, TextOrNumberInput, Timeline, TimelineItem, TreeGridCellClickEvent, TreeGridLoadChildrenEvent, TreeGridRow, TreeGridRowSelectEvent, TreeGridToggleEvent, User };
+export type { Accordion, AccordionGroup, AccordionVariant, AppCardData, AppCardInputs, AppCardVariant, AppLogoTone, AppLogoVariant, AppManifest, AppTileData, AssetOption, Audience, AudienceLevel, AudienceMember, AudiencePicker, AuthResult, Badge, BadgeCount, BadgePosition, BadgeVariant, Button, ButtonGroup, CellChangeEvent, CellClickEvent, ColBreakpoint, ColSpan, ColorPallet, ColumnDef, Comment, CommentItem, Config, ContextMenu, ContextMenuEvent, Cursor, CustomIcon, DragListReorder, Draggable, DraggableState, FileUploadConfig, FileUploadEvent, FilterGroupContext, FilterGroupMember, FilterOption, FilterPanel, FilterPanelIo, FilterRangeMode, FilterSelectionMap, FilterValue, FilterVariant, FilteredTreeGrid, FlatTreeGridRow, FlexAlign, FlexAlignSelf, FlexConfig, FlexDirection, FlexItemConfig, FlexJustify, FlexVariant, GridAlignX, GridAlignY, GroupActionEvent, GroupDropEvent, GroupKind, GroupMenuEvent, Header, HeaderLevel, Icon, KeyValueVariant, LabelSegment, ListConfig, ListContext, ListItem, ListOrientation, ListVariant, MenuItem, MoneySystem, NavCountConfig, NavInstanceConfig, NavMenuConfig, NavRowsConfig, NavVisibilityConfig, NavVisibleAnswer, NavWidgetConfig, NavWidgetEntry, NavWidgetMap, OverlayWidgetLoader, OverlayWidgetMap, PageChangeEvent, Pagination, PaginationWindow, ResolvedUserTab, RowDropEvent, SearchChangeEvent, SectionAccordion, SectionAccordionGroup, SectionAccordionGroupContext, SectionAccordionRef, SectionButtonGroupConfig, SectionFilterGroupConfig, SectionHero, SectionHeroVariant, SectionTableAlign, SectionTableColumn, SectionTableConfig, SectionTableDataType, SectionTableSort, SectionTableSortDirection, SectionTableVariant, SectionToggleItem, SectionToggleItemContext, SelectionAction, SelectionActionEvent, SelectionChangeEvent, SelectorConfig, SharingClient, SharingGroup, SocketMessage, Sort, SortChange, SortChangeEvent, SortOption, SortOrder, SourceAudience, SpacingInward, SqueezeMode, StatAlign, StatCornerEdge, StatCornerPosition, StatCornerSide, StatSurface, StatVariant, TabGroup, TableConfig, TableFilterCondition, TableFilterDef, TableGroup, TextOrNumberInput, Timeline, TimelineItem, TreeGridCellClickEvent, TreeGridLoadChildrenEvent, TreeGridRow, TreeGridRowSelectEvent, TreeGridToggleEvent, User };

package/fesm2022/magmonium-one-header-qoXWebFN.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"magmonium-one-header-qoXWebFN.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/header/ui/header.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport { TranslateService } from '../../../services/translate';\nimport { HeaderLevel } from '../type/header';\nimport { ButtonComponent } from '../../button/ui/button';\nimport { IconComponent } from '../../icon';\nimport { Button } from '../../button/type/button';\nimport { SIZE_CONTEXT } from '../../../config/size-context.token';\nimport { resolveSize } from '../../../functions/size/size-converter';\n\n@Component({\n  selector: 'm-header',\n  imports: [ButtonComponent, IconComponent],\n  template: `\n    @switch (level()) {\n      @case (1) {\n        <h1 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span>{{ text() }}</span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h1>\n      }\n      @case (2) {\n        <h2 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span>{{ text() }}</span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h2>\n      }\n      @case (3) {\n        <h3 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span>{{ text() }}</span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h3>\n      }\n      @case (4) {\n        <h4 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span>{{ text() }}</span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h4>\n      }\n      @case (5) {\n        <h5 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span>{{ text() }}</span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h5>\n      }\n      @case (6) {\n        <h6 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span>{{ text() }}</span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h6>\n      }\n    }\n  `,\n  styleUrl: './header.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeaderComponent {\n  readonly level = input<HeaderLevel>(3);\n  readonly label = input<string | undefined>();\n  // Drawn inside the heading rather than beside it. A glyph placed as the\n  // heading's sibling has no line box of its own to centre against — it ends\n  // up centred on whatever column it sits next to, which is how a Canvas\n  // header's icon came to line up with the label slot's drop rect instead of\n  // with the label. Inside, the two share one line box at every level.\n  readonly icon = input<string | undefined>();\n  readonly actionButton = input<string | undefined>();\n  // The action Button's accessible name. It renders icon-only, so the label is\n  // the only thing a screen reader has to go on — without it the button reads\n  // as nothing at all.\n  readonly actionLabel = input<string | undefined>();\n  // The label is authored text rather than a translation key. Needed for text\n  // carrying angle brackets above all: `translate` reads `<...>` as link\n  // markup, so a heading naming a MessageVariable — `<$app>` — resolves to\n  // nothing at all rather than to itself.\n  readonly noTranslate = input<boolean>(false);\n  // A message's [MessageVariable] values, the same record `m-text-output`\n  // takes: a heading naming `<$count>` is a sentence with a datum in it, and\n  // splicing that datum into the key instead would be parsed as a query\n  // string (m-one-ui ADR 0066).\n  readonly params = input<Record<string, string> | undefined>(undefined);\n  readonly actionClick = output<void>();\n\n  private readonly translateService = inject(TranslateService);\n  private readonly sizeContext = inject(SIZE_CONTEXT, { optional: true });\n\n  // The action Button sits inside the heading, whose font-size is the level's\n  // own — 2.25rem at h1 — so `em` inheritance would scale the Button to the\n  // heading rather than to the Section it belongs to. It reads the Size in\n  // force instead, the way Icon does, and lands at the same size as every\n  // other Button on that Section (ADR 0008).\n  protected readonly actionSize = computed(() =>\n    resolveSize(this.sizeContext?.size())\n  );\n\n  protected readonly actionConfig = computed<Button | undefined>(() => {\n    const icon = this.actionButton();\n    if (!icon) return undefined;\n    return {\n      icon,\n      label: this.actionLabel(),\n      iconOnly: true,\n      variant: 'ghost',\n    };\n  });\n\n  // A computed rather than the impure TranslatePipe repeated six times: one\n  // lookup per label change instead of one per change-detection tick, and it\n  // still repaints when the language or an in-memory translation moves.\n  protected readonly text = computed(() =>\n    this.noTranslate()\n      ? (this.label() ?? '')\n      : this.translateService.translate(this.label(), this.params())\n  );\n}\n"],"mappings":"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"}