@magmonium/one 0.4.30 → 0.4.31

package/fesm2022/magmonium-one-header-DPVnaEOV.mjs

@@ -0,0 +1,380 @@
+import { i as resolveSize, l as TranslateService } from "./magmonium-one-size-converter-B-UubQQ0.mjs";
+import { i as SIZE_CONTEXT, r as IconComponent } from "./magmonium-one-icon-Dso-9RMN.mjs";
+import { t as ButtonComponent } from "./magmonium-one-button-rVNnp6G8.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, input, output } from "@angular/core";
+var HeaderComponent = class HeaderComponent {
+	level = input(3, ...ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []);
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	icon = input(...ngDevMode ? [void 0, { debugName: "icon" }] : /* istanbul ignore next */ []);
+	actionButton = input(...ngDevMode ? [void 0, { debugName: "actionButton" }] : /* istanbul ignore next */ []);
+	actionLabel = input(...ngDevMode ? [void 0, { debugName: "actionLabel" }] : /* istanbul ignore next */ []);
+	noTranslate = input(false, ...ngDevMode ? [{ debugName: "noTranslate" }] : /* istanbul ignore next */ []);
+	params = input(void 0, ...ngDevMode ? [{ debugName: "params" }] : /* istanbul ignore next */ []);
+	actionClick = output();
+	translateService = inject(TranslateService);
+	sizeContext = inject(SIZE_CONTEXT, { optional: true });
+	actionSize = computed(() => resolveSize(this.sizeContext?.size()), ...ngDevMode ? [{ debugName: "actionSize" }] : /* istanbul ignore next */ []);
+	actionConfig = computed(() => {
+		const icon = this.actionButton();
+		if (!icon) return void 0;
+		return {
+			icon,
+			label: this.actionLabel(),
+			iconOnly: true,
+			variant: "ghost"
+		};
+	}, ...ngDevMode ? [{ debugName: "actionConfig" }] : /* istanbul ignore next */ []);
+	text = computed(() => this.noTranslate() ? this.label() ?? "" : this.translateService.translate(this.label(), this.params()), ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: HeaderComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: HeaderComponent,
+		isStandalone: true,
+		selector: "m-header",
+		inputs: {
+			level: {
+				classPropertyName: "level",
+				publicName: "level",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			actionButton: {
+				classPropertyName: "actionButton",
+				publicName: "actionButton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			actionLabel: {
+				classPropertyName: "actionLabel",
+				publicName: "actionLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			noTranslate: {
+				classPropertyName: "noTranslate",
+				publicName: "noTranslate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			params: {
+				classPropertyName: "params",
+				publicName: "params",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { actionClick: "actionClick" },
+		ngImport: i0,
+		template: `
+    @switch (level()) {
+      @case (1) {
+        <h1 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h1>
+      }
+      @case (2) {
+        <h2 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h2>
+      }
+      @case (3) {
+        <h3 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h3>
+      }
+      @case (4) {
+        <h4 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h4>
+      }
+      @case (5) {
+        <h5 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h5>
+      }
+      @case (6) {
+        <h6 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h6>
+      }
+    }
+  `,
+		isInline: true,
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.header__heading{display:flex;flex-direction:row;align-items:center;justify-content:var(--m-header-justify, flex-start);gap:.75rem;margin:0;padding:0;line-height:1.1;font-weight:800;letter-spacing:-.025em;color:var(--m-header-color, var(--m-text));transition:transform .2s cubic-bezier(.4,0,.2,1)}.header__heading:hover{transform:translate(2px)}.header__icon{flex-shrink:0}.header__action{margin-left:auto}.header__action span{display:inline-block;vertical-align:middle}h1.header__heading{font-size:var(--m-header-font-size, 2.25rem);font-weight:300;color:var(--m-text-quaternary);letter-spacing:-.035em;line-height:1.15}h2.header__heading{font-size:var(--m-header-font-size, 1.75rem);font-weight:300;color:var(--m-text-tertiary);letter-spacing:-.03em;line-height:1.2}h3.header__heading{font-size:var(--m-header-font-size, 1.375rem);font-weight:400;color:var(--m-text-secondary);letter-spacing:-.025em}h4.header__heading{font-size:var(--m-header-font-size, 1.125rem);font-weight:500;color:var(--m-text);letter-spacing:-.02em}h5.header__heading{font-size:var(--m-header-font-size, 1rem);font-weight:600;color:var(--m-text);letter-spacing:-.01em}h6.header__heading{font-size:var(--m-header-font-size, .875rem);font-weight:600;color:var(--m-text);letter-spacing:.05em;text-transform:uppercase}\n"],
+		dependencies: [{
+			kind: "component",
+			type: ButtonComponent,
+			selector: "m-button,m-one-button",
+			inputs: [
+				"config",
+				"color",
+				"labelClass",
+				"fullWidth",
+				"nav",
+				"navParams",
+				"href",
+				"disabled",
+				"variant",
+				"name",
+				"baseUrl",
+				"one",
+				"remote",
+				"label",
+				"noTranslate",
+				"params",
+				"noNative",
+				"icon",
+				"isRightIcon",
+				"iconOnly",
+				"stacked",
+				"imgSrc",
+				"nonClickable",
+				"inverted",
+				"isSubmit",
+				"tabindex"
+			],
+			outputs: ["configChange", "clicked"]
+		}, {
+			kind: "component",
+			type: IconComponent,
+			selector: "m-icon, m-one-icon",
+			inputs: [
+				"config",
+				"name",
+				"color",
+				"size",
+				"one",
+				"baseUrl",
+				"remote"
+			],
+			outputs: ["configChange"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: HeaderComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-header",
+			imports: [ButtonComponent, IconComponent],
+			template: `
+    @switch (level()) {
+      @case (1) {
+        <h1 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h1>
+      }
+      @case (2) {
+        <h2 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h2>
+      }
+      @case (3) {
+        <h3 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h3>
+      }
+      @case (4) {
+        <h4 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h4>
+      }
+      @case (5) {
+        <h5 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h5>
+      }
+      @case (6) {
+        <h6 class="header__heading">
+          @if (icon(); as iconName) {
+            <m-icon class="header__icon" [name]="iconName" />
+          }
+          <span>{{ text() }}</span>
+          <ng-content />
+          @if (actionConfig(); as action) {
+            <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
+          }
+        </h6>
+      }
+    }
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.header__heading{display:flex;flex-direction:row;align-items:center;justify-content:var(--m-header-justify, flex-start);gap:.75rem;margin:0;padding:0;line-height:1.1;font-weight:800;letter-spacing:-.025em;color:var(--m-header-color, var(--m-text));transition:transform .2s cubic-bezier(.4,0,.2,1)}.header__heading:hover{transform:translate(2px)}.header__icon{flex-shrink:0}.header__action{margin-left:auto}.header__action span{display:inline-block;vertical-align:middle}h1.header__heading{font-size:var(--m-header-font-size, 2.25rem);font-weight:300;color:var(--m-text-quaternary);letter-spacing:-.035em;line-height:1.15}h2.header__heading{font-size:var(--m-header-font-size, 1.75rem);font-weight:300;color:var(--m-text-tertiary);letter-spacing:-.03em;line-height:1.2}h3.header__heading{font-size:var(--m-header-font-size, 1.375rem);font-weight:400;color:var(--m-text-secondary);letter-spacing:-.025em}h4.header__heading{font-size:var(--m-header-font-size, 1.125rem);font-weight:500;color:var(--m-text);letter-spacing:-.02em}h5.header__heading{font-size:var(--m-header-font-size, 1rem);font-weight:600;color:var(--m-text);letter-spacing:-.01em}h6.header__heading{font-size:var(--m-header-font-size, .875rem);font-weight:600;color:var(--m-text);letter-spacing:.05em;text-transform:uppercase}\n"]
+		}]
+	}],
+	propDecorators: {
+		level: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "level",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
+		actionButton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actionButton",
+				required: false
+			}]
+		}],
+		actionLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actionLabel",
+				required: false
+			}]
+		}],
+		noTranslate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "noTranslate",
+				required: false
+			}]
+		}],
+		params: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "params",
+				required: false
+			}]
+		}],
+		actionClick: [{
+			type: i0.Output,
+			args: ["actionClick"]
+		}]
+	}
+});
+export { HeaderComponent as t };
+
+//# sourceMappingURL=magmonium-one-header-DPVnaEOV.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-header-DPVnaEOV.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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"}