@magmonium/one 0.4.63 → 0.4.65

package/package.json

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

package/types/magmonium-one.d.ts

@@ -5605,6 +5605,7 @@ interface RowConfig extends Config {
   paddingY?: boolean;
   maxWidth?: string;
   center?: boolean;
+  fullHeight?: boolean;
 }
 export declare class RowComponent extends ConfigComponent<RowConfig> {
   subFolder: "rows";
@@ -5613,11 +5614,13 @@ export declare class RowComponent extends ConfigComponent<RowConfig> {
   readonly paddingY: import("@angular/core").InputSignal<boolean | undefined>;
   readonly maxWidth: import("@angular/core").InputSignal<string | undefined>;
   readonly center: import("@angular/core").InputSignal<boolean | undefined>;
+  readonly fullHeight: import("@angular/core").InputSignal<boolean | undefined>;
   protected readonly resolvedPadding: import("@angular/core").Signal<boolean>;
   protected readonly resolvedPaddingX: import("@angular/core").Signal<boolean>;
   protected readonly resolvedPaddingY: import("@angular/core").Signal<boolean>;
   protected readonly resolvedMaxWidth: import("@angular/core").Signal<string | undefined>;
   protected readonly resolvedCenter: import("@angular/core").Signal<boolean>;
+  protected readonly resolvedFullHeight: import("@angular/core").Signal<boolean>;
   protected readonly classes: import("@angular/core").Signal<string>;
   private readonly sectionContext;
   protected readonly noBorder: import("@angular/core").Signal<boolean>;
@@ -5648,6 +5651,11 @@ export declare class RowComponent extends ConfigComponent<RowConfig> {
       "required": false;
       "isSignal": true;
     };
+    "fullHeight": {
+      "alias": "fullHeight";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["*"], true, never>;
 }
 type HeaderLevel = 1 | 2 | 3 | 4 | 5 | 6;
@@ -5900,11 +5908,14 @@ export declare class SectionButtonGroupComponent extends ConfigComponent<Section
 export declare class SectionFooterComponent {
   readonly sticky: import("@angular/core").InputSignal<boolean>;
   readonly align: import("@angular/core").InputSignal<"center" | "left" | "right">;
+  readonly maxWidth: import("@angular/core").InputSignal<string | undefined>;
   private readonly scrollSticky;
   protected readonly isSticky: import("@angular/core").Signal<boolean>;
   private readonly sectionContext;
   protected readonly sidepanel: import("@angular/core").Signal<boolean>;
   protected readonly noBorder: import("@angular/core").Signal<boolean>;
+  protected readonly resolvedMaxWidth: import("@angular/core").Signal<string | undefined>;
+  protected readonly boxAlign: import("@angular/core").Signal<"center" | "left" | "right">;
   static ɵfac: i0.ɵɵFactoryDeclaration<SectionFooterComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<SectionFooterComponent, "m-section-footer", never, {
     "sticky": {
@@ -5917,6 +5928,11 @@ export declare class SectionFooterComponent {
       "required": false;
       "isSignal": true;
     };
+    "maxWidth": {
+      "alias": "maxWidth";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["*"], true, never>;
 }
 /**
@@ -7935,6 +7951,7 @@ export declare class TextOutputComponent extends ConfigComponent<TextOutputConfi
   readonly label: import("@angular/core").InputSignal<string | undefined>;
   readonly noTranslate: import("@angular/core").InputSignal<string | boolean | undefined>;
   readonly params: import("@angular/core").InputSignal<Record<string, string> | undefined>;
+  readonly truncate: import("@angular/core").InputSignal<boolean | undefined>;
   readonly resolvedAlign: import("@angular/core").Signal<TextOutputAlign>;
   protected readonly resolvedVariant: import("@angular/core").Signal<TextOutputVariant | undefined>;
   protected readonly resolvedFontWeight: import("@angular/core").Signal<TextOutputFontWeight | undefined>;
@@ -7996,6 +8013,11 @@ export declare class TextOutputComponent extends ConfigComponent<TextOutputConfi
       "required": false;
       "isSignal": true;
     };
+    "truncate": {
+      "alias": "truncate";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "config": "configChange";
     "clicked": "clicked";

package/fesm2022/magmonium-one-text-output-nJBGhbwG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"magmonium-one-text-output-nJBGhbwG.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/text-output/ui/text-output.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  model,\n  output,\n} from '@angular/core';\nimport { TranslateService } from '../../../services/translate';\nimport { ConfigComponent } from '../../../lib/components/config-component';\nimport { Config } from '../../../type/config/config-type';\nimport { LAYOUT_ASSET_FOLDER } from '../../../enum';\nimport { toAttrBool } from '../../../functions/config/attribute-value';\nimport { resolvePallet } from '../../../lib/theme/lib/color-utl';\n\nexport type TextOutputAlign = 'left' | 'right' | 'center';\n\n// Variants are roles, not styles: each one says what the text is doing on the\n// page, and the Section it sits in decides how big that role renders. Every\n// size below is therefore an `em` multiple of the inherited Section font-size\n// — a `lead` in a compact Section stays proportionally a lead — which is the\n// one rule the plain (undefined) variant keeps by inheriting outright.\n//\n// - `lead`     opening paragraph that introduces the block under it\n// - `big`      one-line statement — a number, a verdict, a headline that is\n//              not a SectionHeader\n// - `bold`     emphasis at body size, for the line that must be read first\n// - `footer`   annotation under the thing it describes — a field's validation\n//              message, a caption, a disclaimer; 0.75 of body, body colour\n// - `footnote` aside the reader may skip — source, legal line, small print;\n//              0.6 of body, body colour\n// - `link`       text that goes somewhere on click — an affordance rather than\n//                a size, so it is the one role that stays inline, takes focus,\n//                and emits `clicked`\n// - `link-small` the same affordance for a link that trails the content it\n//                belongs to rather than carrying a line of its own — a \"see\n//                all\", an \"edit\" beside a field; body size like `link`\nexport type TextOutputVariant =\n  | 'lead'\n  | 'big'\n  | 'bold'\n  | 'footer'\n  | 'footnote'\n  | 'link'\n  | 'link-small';\n\n// Weight tokens of the type scale. Applied after the variant, so it overrides\n// the weight a role implies (`lead` light, `big` semibold, `bold` bold).\nexport type TextOutputFontWeight =\n  | 'light'\n  | 'normal'\n  | 'medium'\n  | 'semibold'\n  | 'bold';\n\nexport interface TextOutputConfig extends Config {\n  label?: string;\n  noTranslate?: boolean;\n  align?: TextOutputAlign;\n  variant?: TextOutputVariant;\n  color?: string;\n  fontWeight?: TextOutputFontWeight;\n}\n\n@Component({\n  selector: 'm-text-output',\n  imports: [],\n  template: `\n    <div\n      class=\"m-text-output\"\n      [style.color]=\"resolvedColorPallet().color\"\n      [innerHTML]=\"html()\"\n    ></div>\n  `,\n  styleUrl: './text-output.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'm-text-output-host',\n    '[class.is-design-mode]': 'isDesignMode',\n    '[class.align-left]': 'resolvedAlign() === \"left\"',\n    '[class.align-right]': 'resolvedAlign() === \"right\"',\n    '[class.align-center]': 'resolvedAlign() === \"center\"',\n    '[class.variant-lead]': 'resolvedVariant() === \"lead\"',\n    '[class.variant-big]': 'resolvedVariant() === \"big\"',\n    '[class.variant-bold]': 'resolvedVariant() === \"bold\"',\n    '[class.variant-footer]': 'resolvedVariant() === \"footer\"',\n    '[class.variant-footnote]': 'resolvedVariant() === \"footnote\"',\n    '[class.variant-link]': 'resolvedVariant() === \"link\"',\n    '[class.variant-link-small]': 'resolvedVariant() === \"link-small\"',\n    '[class.weight-light]': 'resolvedFontWeight() === \"light\"',\n    '[class.weight-normal]': 'resolvedFontWeight() === \"normal\"',\n    '[class.weight-medium]': 'resolvedFontWeight() === \"medium\"',\n    '[class.weight-semibold]': 'resolvedFontWeight() === \"semibold\"',\n    '[class.weight-bold]': 'resolvedFontWeight() === \"bold\"',\n    '[class.has-color]': '!!(color() ?? config()?.color)',\n    // Only a link is reachable and announced as one. Every other variant is a\n    // size, and a focus stop on plain text is a tab stop that does nothing.\n    '[attr.role]': 'isLink() ? \"link\" : null',\n    '[attr.tabindex]': 'isLink() ? 0 : null',\n    '(click)': 'onClick()',\n    '(keydown.enter)': 'onClick()',\n    '[style.--m-text-output-color]': 'resolvedColorPallet().color',\n    '[style.--m-text-output-color-contrast]': 'resolvedColorPallet().contrastColor',\n    '[style.--m-text-output-color-opposite]': 'resolvedColorPallet().oppositeColor',\n  },\n})\nexport class TextOutputComponent extends ConfigComponent<TextOutputConfig> {\n  override subFolder = LAYOUT_ASSET_FOLDER.text_output;\n  override config = model<Partial<TextOutputConfig>>();\n  private readonly translateService = inject(TranslateService);\n\n  readonly align = input<TextOutputAlign | undefined>(undefined);\n  readonly variant = input<TextOutputVariant | undefined>(undefined);\n  // A theme colour key (`error`, `warning`, `success`, …) or a raw CSS colour,\n  // resolved the same way an Icon's or a Logo's is so a token follows the\n  // active theme instead of freezing one theme's hex into a template.\n  readonly color = input<string | undefined>(undefined);\n  readonly fontWeight = input<TextOutputFontWeight | undefined>(undefined);\n  // `label` is the text itself, so a one-off TextOutput needs no asset behind\n  // it (ADR 0010). MiniMark is a single string whatever it renders to, which\n  // is what lets it ride on the tag at all.\n  readonly label = input<string | undefined>(undefined);\n  readonly noTranslate = input<boolean | string | undefined>(undefined);\n  // Values for the message's `<name>` / `<$name>` placeholders. An input and\n  // deliberately not a TextOutputConfig key: an asset is resolved by name and\n  // shared across every Control that names it, and these differ per render\n  // (ADR 0020). The query-string form (`min_length?len=6`) still works and\n  // still loses to this on a shared placeholder, that being the precedence\n  // TranslateService already had. Bind a named member — an object literal in a\n  // template is refused by `no-inline-config` (ADR 0010).\n  readonly params = input<Record<string, string> | undefined>(undefined);\n\n  readonly resolvedAlign = computed<TextOutputAlign>(\n    () => this.align() ?? this.config()?.align ?? 'left'\n  );\n\n  protected readonly resolvedVariant = computed<TextOutputVariant | undefined>(\n    () => this.variant() ?? this.config()?.variant\n  );\n\n  protected readonly resolvedFontWeight = computed<\n    TextOutputFontWeight | undefined\n  >(() => this.fontWeight() ?? this.config()?.fontWeight);\n\n  // Both link roles are the same affordance, so both take the focus stop, the\n  // `role=\"link\"` and the `clicked` output; only their size differs.\n  protected readonly isLink = computed(() => {\n    const variant = this.resolvedVariant();\n    return variant === 'link' || variant === 'link-small';\n  });\n\n  /**\n   * Fired by a `link` variant and by nothing else. A text that is not a link\n   * draws no affordance and takes no focus, so a click on it is a click on\n   * prose — emitting there would be a control only a mouse could find.\n   *\n   * Where the link goes to a route instead, the caller attaches `routerLink`\n   * and binds nothing here: one click means one thing.\n   */\n  readonly clicked = output<void>();\n\n  protected onClick(): void {\n    if (this.isLink()) this.clicked.emit();\n  }\n\n  protected readonly resolvedColorPallet = computed(() =>\n    resolvePallet(\n      this.color() ?? this.config()?.color ?? this.defaultColor,\n      this.themeStore.color()\n    )\n  );\n\n  protected override resolveComponentOverrides(): Partial<TextOutputConfig> {\n    const overrides: Partial<TextOutputConfig> = {};\n    const align = this.align();\n    if (align !== undefined) overrides.align = align;\n    const label = this.label();\n    if (label !== undefined) overrides.label = label;\n    const noTranslate = toAttrBool(this.noTranslate());\n    if (noTranslate !== undefined) overrides.noTranslate = noTranslate;\n    const variant = this.variant();\n    if (variant !== undefined) overrides.variant = variant;\n    const color = this.color();\n    if (color !== undefined) overrides.color = color;\n    const fontWeight = this.fontWeight();\n    if (fontWeight !== undefined) overrides.fontWeight = fontWeight;\n    return overrides;\n  }\n\n  protected readonly resolvedLabel = computed(() => this.config()?.label);\n  protected readonly shouldTranslate = computed(\n    () => !this.config()?.noTranslate\n  );\n  protected readonly html = computed(() => {\n    const label = this.resolvedLabel();\n    return this.shouldTranslate()\n      ? this.translateService.translateToHtml(label, this.params())\n      : this.translateService.toSafeHtml(label);\n  });\n}\n"],"mappings":"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"}