@lifecorner/angular-ui-kit 3.4.1 → 3.5.1

package/fesm2022/lifecorner-angular-ui-kit-provider-button.mjs

@@ -0,0 +1,255 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, input, output } from "@angular/core";
+const GOOGLE_G_LOGO_DATA_URI = "data:image/png;base64,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";
+const DEFAULT_TITLES = { google: {
+	"sign-in": "Sign in with Google",
+	"sign-up": "Sign up with Google",
+	continue: "Continue with Google"
+} };
+const LOGOS = { google: GOOGLE_G_LOGO_DATA_URI };
+var ProviderButtonComponent = class ProviderButtonComponent {
+	provider = input("google", ...ngDevMode ? [{ debugName: "provider" }] : /* istanbul ignore next */ []);
+	text = input("sign-in", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	appearance = input("auto", ...ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	shape = input("pill", ...ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []);
+	fullWidth = input(false, ...ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []);
+	iconOnly = input(false, ...ngDevMode ? [{ debugName: "iconOnly" }] : /* istanbul ignore next */ []);
+	loading = input(false, ...ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	type = input("button", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
+	clicked = output();
+	logoSrc = computed(() => LOGOS[this.provider()], ...ngDevMode ? [{ debugName: "logoSrc" }] : /* istanbul ignore next */ []);
+	title = computed(() => this.label() || DEFAULT_TITLES[this.provider()][this.text()], ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	isDisabled = computed(() => this.disabled() || this.loading(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	classes = computed(() => {
+		const classes = [
+			"lc-provider-button",
+			`lc-provider-button--${this.provider()}`,
+			`lc-provider-button--${this.appearance()}`,
+			`lc-provider-button--${this.size()}`,
+			`lc-provider-button--${this.shape()}`
+		];
+		if (this.fullWidth() && !this.iconOnly()) classes.push("lc-provider-button--full-width");
+		if (this.iconOnly()) classes.push("lc-provider-button--icon-only");
+		if (this.loading()) classes.push("lc-provider-button--loading");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	handleClick() {
+		if (!this.isDisabled()) this.clicked.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ProviderButtonComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: ProviderButtonComponent,
+		isStandalone: true,
+		selector: "lc-provider-button",
+		inputs: {
+			provider: {
+				classPropertyName: "provider",
+				publicName: "provider",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			text: {
+				classPropertyName: "text",
+				publicName: "text",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			appearance: {
+				classPropertyName: "appearance",
+				publicName: "appearance",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			shape: {
+				classPropertyName: "shape",
+				publicName: "shape",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fullWidth: {
+				classPropertyName: "fullWidth",
+				publicName: "fullWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			iconOnly: {
+				classPropertyName: "iconOnly",
+				publicName: "iconOnly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			loading: {
+				classPropertyName: "loading",
+				publicName: "loading",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			type: {
+				classPropertyName: "type",
+				publicName: "type",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { clicked: "clicked" },
+		host: { properties: { "class.lc-provider-button-host--full-width": "fullWidth() && !iconOnly()" } },
+		ngImport: i0,
+		template: "<button\n  [type]=\"type()\"\n  [class]=\"classes()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-label]=\"iconOnly() ? title() : null\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  (click)=\"handleClick()\"\n>\n  <img\n    class=\"lc-provider-button__logo\"\n    [src]=\"logoSrc()\"\n    alt=\"\"\n    width=\"20\"\n    height=\"20\"\n    draggable=\"false\"\n  />\n  @if (!iconOnly()) {\n    <span class=\"lc-provider-button__label\">{{ title() }}</span>\n  }\n  @if (loading() && !iconOnly()) {\n    <span class=\"lc-provider-button__spinner\" aria-hidden=\"true\"></span>\n  }\n</button>\n",
+		styles: [":host{display:inline-block;max-width:100%;vertical-align:middle}:host(.lc-provider-button-host--full-width){display:block;width:100%}.lc-provider-button{--lc-provider-button-bg: #ffffff;--lc-provider-button-fg: #1f1f1f;--lc-provider-button-border: #747775;position:relative;isolation:isolate;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;margin:0;padding:var(--lc-provider-button-padding-block) 12px;min-height:var(--lc-provider-button-height);border:1px solid var(--lc-provider-button-border);background-color:var(--lc-provider-button-bg);color:var(--lc-provider-button-fg);font-family:Google Sans,Roboto,Arial,sans-serif;font-size:.875rem;line-height:1.25rem;font-weight:500;text-align:center;white-space:normal;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lc-provider-button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-provider-button:before{content:\"\";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-color:currentColor;opacity:0;transition:opacity var(--animation-duration-fast, .15s) var(--animation-timing-ease, ease);pointer-events:none}.lc-provider-button:hover:not(:disabled):before{opacity:.08}.lc-provider-button:active:not(:disabled):before{opacity:.12}.lc-provider-button:disabled{cursor:not-allowed;opacity:.5}.lc-provider-button.lc-provider-button--loading:disabled{cursor:progress;opacity:1}.lc-provider-button--md{--lc-provider-button-height: 2.5rem;--lc-provider-button-padding-block: 9px}.lc-provider-button--lg{--lc-provider-button-height: 3.03125rem;--lc-provider-button-padding-block: 13.25px}.lc-provider-button--pill{border-radius:var(--border-radius-full, 9999px)}.lc-provider-button--rectangular{border-radius:4px}.lc-provider-button--full-width{width:100%}.lc-provider-button--icon-only{padding:0;width:var(--lc-provider-button-height);height:var(--lc-provider-button-height)}.lc-provider-button__logo{flex:none;display:block;width:20px;height:20px;pointer-events:none}.lc-provider-button__label{min-width:0;overflow-wrap:anywhere}.lc-provider-button__spinner{flex:none;box-sizing:border-box;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:lc-provider-button-spin 1s linear infinite}@media(prefers-reduced-motion:reduce){.lc-provider-button__spinner{animation-duration:2.5s}}@keyframes lc-provider-button-spin{to{transform:rotate(360deg)}}.lc-provider-button--google.lc-provider-button--light,.lc-provider-button--google.lc-provider-button--auto{--lc-provider-button-bg: #ffffff;--lc-provider-button-fg: #1f1f1f;--lc-provider-button-border: #747775}.lc-provider-button--google.lc-provider-button--dark{--lc-provider-button-bg: #131314;--lc-provider-button-fg: #e3e3e3;--lc-provider-button-border: #8e918f}.lc-provider-button--google.lc-provider-button--neutral{--lc-provider-button-bg: #f2f2f2;--lc-provider-button-fg: #1f1f1f;--lc-provider-button-border: #f2f2f2}:host-context(.dark) .lc-provider-button--google.lc-provider-button--auto,:host-context(:root:not(.light):not(.system)) .lc-provider-button--google.lc-provider-button--auto{--lc-provider-button-bg: #131314;--lc-provider-button-fg: #e3e3e3;--lc-provider-button-border: #8e918f}@media(prefers-color-scheme:dark){:host-context(:root.system:not(.light)) .lc-provider-button--google.lc-provider-button--auto{--lc-provider-button-bg: #131314;--lc-provider-button-fg: #e3e3e3;--lc-provider-button-border: #8e918f}}@media(forced-colors:active){.lc-provider-button{border-color:ButtonText}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ProviderButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-provider-button",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "[class.lc-provider-button-host--full-width]": "fullWidth() && !iconOnly()" },
+			template: "<button\n  [type]=\"type()\"\n  [class]=\"classes()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-label]=\"iconOnly() ? title() : null\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  (click)=\"handleClick()\"\n>\n  <img\n    class=\"lc-provider-button__logo\"\n    [src]=\"logoSrc()\"\n    alt=\"\"\n    width=\"20\"\n    height=\"20\"\n    draggable=\"false\"\n  />\n  @if (!iconOnly()) {\n    <span class=\"lc-provider-button__label\">{{ title() }}</span>\n  }\n  @if (loading() && !iconOnly()) {\n    <span class=\"lc-provider-button__spinner\" aria-hidden=\"true\"></span>\n  }\n</button>\n",
+			styles: [":host{display:inline-block;max-width:100%;vertical-align:middle}:host(.lc-provider-button-host--full-width){display:block;width:100%}.lc-provider-button{--lc-provider-button-bg: #ffffff;--lc-provider-button-fg: #1f1f1f;--lc-provider-button-border: #747775;position:relative;isolation:isolate;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;margin:0;padding:var(--lc-provider-button-padding-block) 12px;min-height:var(--lc-provider-button-height);border:1px solid var(--lc-provider-button-border);background-color:var(--lc-provider-button-bg);color:var(--lc-provider-button-fg);font-family:Google Sans,Roboto,Arial,sans-serif;font-size:.875rem;line-height:1.25rem;font-weight:500;text-align:center;white-space:normal;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lc-provider-button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-provider-button:before{content:\"\";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-color:currentColor;opacity:0;transition:opacity var(--animation-duration-fast, .15s) var(--animation-timing-ease, ease);pointer-events:none}.lc-provider-button:hover:not(:disabled):before{opacity:.08}.lc-provider-button:active:not(:disabled):before{opacity:.12}.lc-provider-button:disabled{cursor:not-allowed;opacity:.5}.lc-provider-button.lc-provider-button--loading:disabled{cursor:progress;opacity:1}.lc-provider-button--md{--lc-provider-button-height: 2.5rem;--lc-provider-button-padding-block: 9px}.lc-provider-button--lg{--lc-provider-button-height: 3.03125rem;--lc-provider-button-padding-block: 13.25px}.lc-provider-button--pill{border-radius:var(--border-radius-full, 9999px)}.lc-provider-button--rectangular{border-radius:4px}.lc-provider-button--full-width{width:100%}.lc-provider-button--icon-only{padding:0;width:var(--lc-provider-button-height);height:var(--lc-provider-button-height)}.lc-provider-button__logo{flex:none;display:block;width:20px;height:20px;pointer-events:none}.lc-provider-button__label{min-width:0;overflow-wrap:anywhere}.lc-provider-button__spinner{flex:none;box-sizing:border-box;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:lc-provider-button-spin 1s linear infinite}@media(prefers-reduced-motion:reduce){.lc-provider-button__spinner{animation-duration:2.5s}}@keyframes lc-provider-button-spin{to{transform:rotate(360deg)}}.lc-provider-button--google.lc-provider-button--light,.lc-provider-button--google.lc-provider-button--auto{--lc-provider-button-bg: #ffffff;--lc-provider-button-fg: #1f1f1f;--lc-provider-button-border: #747775}.lc-provider-button--google.lc-provider-button--dark{--lc-provider-button-bg: #131314;--lc-provider-button-fg: #e3e3e3;--lc-provider-button-border: #8e918f}.lc-provider-button--google.lc-provider-button--neutral{--lc-provider-button-bg: #f2f2f2;--lc-provider-button-fg: #1f1f1f;--lc-provider-button-border: #f2f2f2}:host-context(.dark) .lc-provider-button--google.lc-provider-button--auto,:host-context(:root:not(.light):not(.system)) .lc-provider-button--google.lc-provider-button--auto{--lc-provider-button-bg: #131314;--lc-provider-button-fg: #e3e3e3;--lc-provider-button-border: #8e918f}@media(prefers-color-scheme:dark){:host-context(:root.system:not(.light)) .lc-provider-button--google.lc-provider-button--auto{--lc-provider-button-bg: #131314;--lc-provider-button-fg: #e3e3e3;--lc-provider-button-border: #8e918f}}@media(forced-colors:active){.lc-provider-button{border-color:ButtonText}}\n"]
+		}]
+	}],
+	propDecorators: {
+		provider: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "provider",
+				required: false
+			}]
+		}],
+		text: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "text",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		appearance: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "appearance",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		shape: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "shape",
+				required: false
+			}]
+		}],
+		fullWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fullWidth",
+				required: false
+			}]
+		}],
+		iconOnly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "iconOnly",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		type: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "type",
+				required: false
+			}]
+		}],
+		clicked: [{
+			type: i0.Output,
+			args: ["clicked"]
+		}]
+	}
+});
+export { ProviderButtonComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-provider-button.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-provider-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-provider-button.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/provider-button/google-logo.ts","../../../../libs/angular-ui-kit/src/lib/provider-button/provider-button.component.ts","../../../../libs/angular-ui-kit/src/lib/provider-button/provider-button.component.html"],"sourcesContent":["/**\n * Google's standard \"G\" for the Sign in with Google button.\n *\n * Source: the pre-approved Sign in with Google assets, Android + Web, SVG\n * \"Theme=Light, Show text=No, Shape=Square\" from\n * https://developers.google.com/static/identity/images/signin-assets.zip\n * (branding guidelines https://developers.google.com/identity/branding-guidelines,\n * last updated 2026-07-07, checked 2026-10-15). Only the \"G\" was kept — the\n * button outline and fill were removed — and rendered unchanged at 4× (80 × 80 px\n * for the 20 × 20 px the guidelines draw it at) with a transparent background.\n *\n * Google's rules: the \"G\" keeps its size and colours (no monochrome or\n * self-made version), sits on the light, dark or neutral button fill, and is\n * never shown without the button boundary and a text (or, icon-only, the\n * button boundary and an accessible name).\n *\n * Inlined as a data URI so the button makes no request to Google before the\n * person taps it (apps need `img-src data:` in their CSP).\n */\nexport const GOOGLE_G_LOGO_DATA_URI =\n  'data:image/png;base64,' +\n  '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' +\n  '/3+zk3ZeOHg15AAAAABJRU5ErkJggg==';\n","import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\nimport { GOOGLE_G_LOGO_DATA_URI } from './google-logo';\n\n/**\n * Sign-in providers the button can draw. Only Google today; Apple follows as a\n * new member of this union (no other API change), with its own artwork and the\n * colours of Apple's Human Interface Guidelines.\n */\nexport type ProviderButtonProvider = 'google';\n\n/**\n * Which of the provider's titles the button shows when no `label` is set:\n * `sign-in` \"Sign in with Google\", `sign-up` \"Sign up with Google\",\n * `continue` \"Continue with Google\" — the three titles Google recommends.\n */\nexport type ProviderButtonText = 'sign-in' | 'sign-up' | 'continue';\n\n/**\n * The provider's colour theme. `auto` follows the app theme (light on a light\n * page, dark on a dark page); `light`, `dark` and `neutral` (Google only) pin\n * one theme.\n */\nexport type ProviderButtonAppearance = 'auto' | 'light' | 'dark' | 'neutral';\n\n/** `md` is Google's standard 40 px; `lg` is 48.5 px, the height of `lc-button size=\"lg\"`. */\nexport type ProviderButtonSize = 'md' | 'lg';\n\n/** `pill` (the kit's button shape) or `rectangular` (Google's 4 px corners). */\nexport type ProviderButtonShape = 'pill' | 'rectangular';\n\nexport type ProviderButtonType = 'button' | 'submit';\n\n/**\n * The provider's own English titles, used only when the app passes no `label`.\n * Apps pass the provider's localized title in `label` (Google: German\n * „Weiter mit Google“ for `continue`).\n */\nconst DEFAULT_TITLES: Record<ProviderButtonProvider, Record<ProviderButtonText, string>> = {\n  google: {\n    'sign-in': 'Sign in with Google',\n    'sign-up': 'Sign up with Google',\n    continue: 'Continue with Google',\n  },\n};\n\nconst LOGOS: Record<ProviderButtonProvider, string> = {\n  google: GOOGLE_G_LOGO_DATA_URI,\n};\n\n/**\n * \"Sign in with Google\" button drawn to Google's branding guidelines\n * (https://developers.google.com/identity/branding-guidelines, last updated\n * 2026-07-07): the standard \"G\" (self-hosted, no request to Google), Google\n * Sans Medium 14/20 (the app self-hosts the font: SIL OFL 1.1, see the docs),\n * padding 12 · logo · 10 · text · 12, and Google's light,\n * dark and neutral colours. No Google script is loaded; the button starts the\n * app's own redirect (often a form POST, hence `type=\"submit\"`).\n *\n * @example\n * ```html\n * <form method=\"post\" action=\"/v1/auth/providers/google/start\">\n *   <lc-provider-button provider=\"google\" text=\"continue\" label=\"Weiter mit Google\"\n *                       size=\"lg\" [fullWidth]=\"true\" type=\"submit\" />\n * </form>\n * ```\n */\n@Component({\n  selector: 'lc-provider-button',\n  templateUrl: './provider-button.component.html',\n  styleUrl: './provider-button.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.lc-provider-button-host--full-width]': 'fullWidth() && !iconOnly()',\n  },\n})\nexport class ProviderButtonComponent {\n  /** The sign-in provider. `google` only in this release; `apple` follows. */\n  readonly provider = input<ProviderButtonProvider>('google');\n\n  /** Which of the provider's titles to show when `label` is empty. */\n  readonly text = input<ProviderButtonText>('sign-in');\n\n  /**\n   * The visible title — pass the provider's localized title\n   * (e.g. „Weiter mit Google“). Must say that the person signs in with the\n   * provider, never the provider's name alone. Empty = the provider's English\n   * title for `text`. Also the accessible name of an `iconOnly` button.\n   */\n  readonly label = input<string>('');\n\n  /** Colour theme: `auto` follows the app theme; `neutral` is Google's grey fill. */\n  readonly appearance = input<ProviderButtonAppearance>('auto');\n\n  /** `md` 40 px (Google's standard), `lg` 48.5 px (matches `lc-button size=\"lg\"`, 44 px touch target). */\n  readonly size = input<ProviderButtonSize>('md');\n\n  /** `pill` (default, the kit's shape) or `rectangular` (4 px corners). */\n  readonly shape = input<ProviderButtonShape>('pill');\n\n  /** Stretches the button to the container width; logo and title stay centred together. */\n  readonly fullWidth = input<boolean>(false);\n\n  /** Only the logo in a square (or round) button; `label` becomes its accessible name. */\n  readonly iconOnly = input<boolean>(false);\n\n  /** Busy state: shows a spinner after the title, sets `aria-busy` and blocks clicks. */\n  readonly loading = input<boolean>(false);\n\n  /** Disables the button. */\n  readonly disabled = input<boolean>(false);\n\n  /** Native button type. `submit` when the button posts the form that starts the provider's redirect. */\n  readonly type = input<ProviderButtonType>('button');\n\n  /** Emitted on click while the button is neither disabled nor loading. */\n  readonly clicked = output<void>();\n\n  protected readonly logoSrc = computed(() => LOGOS[this.provider()]);\n\n  protected readonly title = computed(\n    () => this.label() || DEFAULT_TITLES[this.provider()][this.text()],\n  );\n\n  protected readonly isDisabled = computed(() => this.disabled() || this.loading());\n\n  protected readonly classes = computed(() => {\n    const classes = [\n      'lc-provider-button',\n      `lc-provider-button--${this.provider()}`,\n      `lc-provider-button--${this.appearance()}`,\n      `lc-provider-button--${this.size()}`,\n      `lc-provider-button--${this.shape()}`,\n    ];\n    if (this.fullWidth() && !this.iconOnly()) classes.push('lc-provider-button--full-width');\n    if (this.iconOnly()) classes.push('lc-provider-button--icon-only');\n    if (this.loading()) classes.push('lc-provider-button--loading');\n    return classes.join(' ');\n  });\n\n  protected handleClick(): void {\n    if (!this.isDisabled()) {\n      this.clicked.emit();\n    }\n  }\n}\n","<button\n  [type]=\"type()\"\n  [class]=\"classes()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-label]=\"iconOnly() ? title() : null\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  (click)=\"handleClick()\"\n>\n  <img\n    class=\"lc-provider-button__logo\"\n    [src]=\"logoSrc()\"\n    alt=\"\"\n    width=\"20\"\n    height=\"20\"\n    draggable=\"false\"\n  />\n  @if (!iconOnly()) {\n    <span class=\"lc-provider-button__label\">{{ title() }}</span>\n  }\n  @if (loading() && !iconOnly()) {\n    <span class=\"lc-provider-button__spinner\" aria-hidden=\"true\"></span>\n  }\n</button>\n"],"mappings":"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"}

package/fesm2022/lifecorner-angular-ui-kit-radar-chart.mjs

@@ -0,0 +1,309 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, input } from "@angular/core";
+import { formatChartValue, toFinite } from "@lifecorner/angular-ui-kit/internal/chart";
+var RadarChartComponent = class RadarChartComponent {
+	series = input.required(...ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []);
+	axes = input([], ...ngDevMode ? [{ debugName: "axes" }] : /* istanbul ignore next */ []);
+	max = input(100, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
+	size = input(250, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	rings = input(4, ...ngDevMode ? [{ debugName: "rings" }] : /* istanbul ignore next */ []);
+	showLabels = input(true, ...ngDevMode ? [{ debugName: "showLabels" }] : /* istanbul ignore next */ []);
+	fillOpacity = input(.15, ...ngDevMode ? [{ debugName: "fillOpacity" }] : /* istanbul ignore next */ []);
+	showLegend = input(false, ...ngDevMode ? [{ debugName: "showLegend" }] : /* istanbul ignore next */ []);
+	formatValue = input(formatChartValue, ...ngDevMode ? [{ debugName: "formatValue" }] : /* istanbul ignore next */ []);
+	ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	viewBox = computed(() => `0 0 ${this.size()} ${this.size()}`, ...ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []);
+	center = computed(() => this.size() / 2, ...ngDevMode ? [{ debugName: "center" }] : /* istanbul ignore next */ []);
+	radius = computed(() => this.size() / 2 - 30, ...ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []);
+	cleanSeries = computed(() => (this.series() ?? []).map((ser) => ({
+		...ser,
+		data: (ser.data ?? []).map((v) => toFinite(v))
+	})), ...ngDevMode ? [{ debugName: "cleanSeries" }] : /* istanbul ignore next */ []);
+	axisCount = computed(() => {
+		const s = this.cleanSeries();
+		return s.length ? Math.max(...s.map((ser) => ser.data.length)) : 0;
+	}, ...ngDevMode ? [{ debugName: "axisCount" }] : /* istanbul ignore next */ []);
+	gridRings = computed(() => {
+		const n = this.rings();
+		const r = this.radius();
+		const cx = this.center();
+		const cy = this.center();
+		const ac = this.axisCount();
+		if (!ac) return [];
+		return Array.from({ length: n }, (_, ri) => {
+			const ringR = (ri + 1) / n * r;
+			return Array.from({ length: ac }, (_, ai) => {
+				const angle = ai / ac * Math.PI * 2 - Math.PI / 2;
+				return `${cx + ringR * Math.cos(angle)},${cy + ringR * Math.sin(angle)}`;
+			}).join(" ");
+		});
+	}, ...ngDevMode ? [{ debugName: "gridRings" }] : /* istanbul ignore next */ []);
+	axisLines = computed(() => {
+		const ac = this.axisCount();
+		const cx = this.center();
+		const cy = this.center();
+		const r = this.radius();
+		if (!ac) return [];
+		return Array.from({ length: ac }, (_, i) => {
+			const angle = i / ac * Math.PI * 2 - Math.PI / 2;
+			return {
+				x2: cx + r * Math.cos(angle),
+				y2: cy + r * Math.sin(angle)
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "axisLines" }] : /* istanbul ignore next */ []);
+	labelItems = computed(() => {
+		if (!this.showLabels()) return [];
+		const ax = this.axes();
+		const ac = this.axisCount();
+		const cx = this.center();
+		const cy = this.center();
+		const r = this.radius() + 14;
+		if (!ac) return [];
+		return Array.from({ length: ac }, (_, i) => {
+			const angle = i / ac * Math.PI * 2 - Math.PI / 2;
+			const x = cx + r * Math.cos(angle);
+			const y = cy + r * Math.sin(angle);
+			const anchor = Math.abs(Math.cos(angle)) < .01 ? "middle" : Math.cos(angle) > 0 ? "start" : "end";
+			return {
+				x,
+				y,
+				label: ax[i] || `Axis ${i + 1}`,
+				anchor
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "labelItems" }] : /* istanbul ignore next */ []);
+	seriesPolygons = computed(() => {
+		const allSeries = this.cleanSeries();
+		const cx = this.center();
+		const cy = this.center();
+		const r = this.radius();
+		const m = toFinite(this.max()) || 1;
+		const ac = this.axisCount();
+		if (!ac) return [];
+		return allSeries.map((ser, si) => {
+			return {
+				points: ser.data.map((v, i) => {
+					const angle = i / ac * Math.PI * 2 - Math.PI / 2;
+					const vr = Math.min(Math.max(v, 0), m) / m * r;
+					return `${cx + vr * Math.cos(angle)},${cy + vr * Math.sin(angle)}`;
+				}).join(" "),
+				colorIndex: si % 8,
+				customColor: ser.color || null,
+				label: ser.label
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "seriesPolygons" }] : /* istanbul ignore next */ []);
+	legendItems = computed(() => {
+		if (!this.showLegend()) return [];
+		return this.seriesPolygons().map((s) => ({
+			label: s.label,
+			colorIndex: s.colorIndex,
+			customColor: s.customColor
+		}));
+	}, ...ngDevMode ? [{ debugName: "legendItems" }] : /* istanbul ignore next */ []);
+	effectiveAriaLabel = computed(() => {
+		const explicit = this.ariaLabel();
+		if (explicit) return explicit;
+		const series = this.cleanSeries();
+		if (!series.length || !this.axisCount()) return "Radar chart: no data";
+		const fmt = this.formatValue();
+		const axes = this.axes();
+		return `Radar chart: ${series.map((s, si) => {
+			const values = s.data.map((v, i) => `${axes[i] || `Axis ${i + 1}`} ${fmt(v)}`).join(", ");
+			return `${s.label || `Series ${si + 1}`} (${values})`;
+		}).join("; ")}`;
+	}, ...ngDevMode ? [{ debugName: "effectiveAriaLabel" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RadarChartComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: RadarChartComponent,
+		isStandalone: true,
+		selector: "lc-radar-chart",
+		inputs: {
+			series: {
+				classPropertyName: "series",
+				publicName: "series",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			axes: {
+				classPropertyName: "axes",
+				publicName: "axes",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			rings: {
+				classPropertyName: "rings",
+				publicName: "rings",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLabels: {
+				classPropertyName: "showLabels",
+				publicName: "showLabels",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fillOpacity: {
+				classPropertyName: "fillOpacity",
+				publicName: "fillOpacity",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLegend: {
+				classPropertyName: "showLegend",
+				publicName: "showLegend",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formatValue: {
+				classPropertyName: "formatValue",
+				publicName: "formatValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<div class=\"lc-radar-chart\">\n  <svg [attr.width]=\"size()\" [attr.height]=\"size()\" [attr.viewBox]=\"viewBox()\" role=\"img\" [attr.aria-label]=\"effectiveAriaLabel()\" class=\"lc-radar-chart__svg\">\n    <title>{{ effectiveAriaLabel() }}</title>\n\n    @for (ring of gridRings(); track $index) {\n      <polygon [attr.points]=\"ring\" class=\"lc-radar-chart__grid\" />\n    }\n\n    @for (axis of axisLines(); track $index) {\n      <line [attr.x1]=\"center()\" [attr.y1]=\"center()\" [attr.x2]=\"axis.x2\" [attr.y2]=\"axis.y2\" class=\"lc-radar-chart__axis\" />\n    }\n\n    @for (ser of seriesPolygons(); track $index) {\n      <polygon [attr.points]=\"ser.points\" [class]=\"'lc-radar-chart__polygon lc-radar-chart__polygon--' + ser.colorIndex\" [attr.fill]=\"ser.customColor\" [attr.stroke]=\"ser.customColor\" [attr.fill-opacity]=\"fillOpacity()\" stroke-width=\"2\" />\n    }\n\n    @for (lbl of labelItems(); track $index) {\n      <text [attr.x]=\"lbl.x\" [attr.y]=\"lbl.y\" [attr.text-anchor]=\"lbl.anchor\" dominant-baseline=\"central\" class=\"lc-radar-chart__label\">{{ lbl.label }}</text>\n    }\n  </svg>\n\n  @if (legendItems().length) {\n    <div class=\"lc-radar-chart__legend\">\n      @for (item of legendItems(); track $index) {\n        <div class=\"lc-radar-chart__legend-item\">\n          <span [class]=\"'lc-radar-chart__legend-dot lc-radar-chart__legend-dot--' + item.colorIndex\" [style.background-color]=\"item.customColor\"></span>\n          <span class=\"lc-radar-chart__legend-text\">{{ item.label }}</span>\n        </div>\n      }\n    </div>\n  }\n</div>\n",
+		styles: [":host{display:block}.lc-radar-chart{display:flex;flex-direction:column;align-items:center;gap:.5rem}.lc-radar-chart__svg{overflow:visible}.lc-radar-chart__grid{fill:none;stroke:var(--color-border);stroke-width:1}.lc-radar-chart__axis{stroke:var(--color-border);stroke-width:1}.lc-radar-chart__polygon{transition:fill-opacity .15s ease}.lc-radar-chart__polygon:hover{fill-opacity:.3}.lc-radar-chart__polygon--0{fill:var(--color-primary-500);stroke:var(--color-primary-500)}.lc-radar-chart__polygon--1{fill:var(--color-secondary-500);stroke:var(--color-secondary-500)}.lc-radar-chart__polygon--2{fill:var(--color-success-default);stroke:var(--color-success-default)}.lc-radar-chart__polygon--3{fill:var(--color-warning-default);stroke:var(--color-warning-default)}.lc-radar-chart__polygon--4{fill:var(--color-error-default);stroke:var(--color-error-default)}.lc-radar-chart__polygon--5{fill:var(--color-info-default);stroke:var(--color-info-default)}.lc-radar-chart__polygon--6{fill:var(--color-primary-700);stroke:var(--color-primary-700)}.lc-radar-chart__polygon--7{fill:var(--color-secondary-700);stroke:var(--color-secondary-700)}.lc-radar-chart__label{font-size:.6875rem;fill:var(--color-text-secondary)}.lc-radar-chart__legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center}.lc-radar-chart__legend-item{display:flex;align-items:center;gap:.375rem;font-size:var(--typography-font-size-sm, .875rem)}.lc-radar-chart__legend-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.lc-radar-chart__legend-dot--0{background-color:var(--color-primary-500)}.lc-radar-chart__legend-dot--1{background-color:var(--color-secondary-500)}.lc-radar-chart__legend-dot--2{background-color:var(--color-success-default)}.lc-radar-chart__legend-dot--3{background-color:var(--color-warning-default)}.lc-radar-chart__legend-dot--4{background-color:var(--color-error-default)}.lc-radar-chart__legend-dot--5{background-color:var(--color-info-default)}.lc-radar-chart__legend-dot--6{background-color:var(--color-primary-700)}.lc-radar-chart__legend-dot--7{background-color:var(--color-secondary-700)}.lc-radar-chart__legend-text{color:var(--color-text-secondary)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RadarChartComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-radar-chart",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"lc-radar-chart\">\n  <svg [attr.width]=\"size()\" [attr.height]=\"size()\" [attr.viewBox]=\"viewBox()\" role=\"img\" [attr.aria-label]=\"effectiveAriaLabel()\" class=\"lc-radar-chart__svg\">\n    <title>{{ effectiveAriaLabel() }}</title>\n\n    @for (ring of gridRings(); track $index) {\n      <polygon [attr.points]=\"ring\" class=\"lc-radar-chart__grid\" />\n    }\n\n    @for (axis of axisLines(); track $index) {\n      <line [attr.x1]=\"center()\" [attr.y1]=\"center()\" [attr.x2]=\"axis.x2\" [attr.y2]=\"axis.y2\" class=\"lc-radar-chart__axis\" />\n    }\n\n    @for (ser of seriesPolygons(); track $index) {\n      <polygon [attr.points]=\"ser.points\" [class]=\"'lc-radar-chart__polygon lc-radar-chart__polygon--' + ser.colorIndex\" [attr.fill]=\"ser.customColor\" [attr.stroke]=\"ser.customColor\" [attr.fill-opacity]=\"fillOpacity()\" stroke-width=\"2\" />\n    }\n\n    @for (lbl of labelItems(); track $index) {\n      <text [attr.x]=\"lbl.x\" [attr.y]=\"lbl.y\" [attr.text-anchor]=\"lbl.anchor\" dominant-baseline=\"central\" class=\"lc-radar-chart__label\">{{ lbl.label }}</text>\n    }\n  </svg>\n\n  @if (legendItems().length) {\n    <div class=\"lc-radar-chart__legend\">\n      @for (item of legendItems(); track $index) {\n        <div class=\"lc-radar-chart__legend-item\">\n          <span [class]=\"'lc-radar-chart__legend-dot lc-radar-chart__legend-dot--' + item.colorIndex\" [style.background-color]=\"item.customColor\"></span>\n          <span class=\"lc-radar-chart__legend-text\">{{ item.label }}</span>\n        </div>\n      }\n    </div>\n  }\n</div>\n",
+			styles: [":host{display:block}.lc-radar-chart{display:flex;flex-direction:column;align-items:center;gap:.5rem}.lc-radar-chart__svg{overflow:visible}.lc-radar-chart__grid{fill:none;stroke:var(--color-border);stroke-width:1}.lc-radar-chart__axis{stroke:var(--color-border);stroke-width:1}.lc-radar-chart__polygon{transition:fill-opacity .15s ease}.lc-radar-chart__polygon:hover{fill-opacity:.3}.lc-radar-chart__polygon--0{fill:var(--color-primary-500);stroke:var(--color-primary-500)}.lc-radar-chart__polygon--1{fill:var(--color-secondary-500);stroke:var(--color-secondary-500)}.lc-radar-chart__polygon--2{fill:var(--color-success-default);stroke:var(--color-success-default)}.lc-radar-chart__polygon--3{fill:var(--color-warning-default);stroke:var(--color-warning-default)}.lc-radar-chart__polygon--4{fill:var(--color-error-default);stroke:var(--color-error-default)}.lc-radar-chart__polygon--5{fill:var(--color-info-default);stroke:var(--color-info-default)}.lc-radar-chart__polygon--6{fill:var(--color-primary-700);stroke:var(--color-primary-700)}.lc-radar-chart__polygon--7{fill:var(--color-secondary-700);stroke:var(--color-secondary-700)}.lc-radar-chart__label{font-size:.6875rem;fill:var(--color-text-secondary)}.lc-radar-chart__legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center}.lc-radar-chart__legend-item{display:flex;align-items:center;gap:.375rem;font-size:var(--typography-font-size-sm, .875rem)}.lc-radar-chart__legend-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.lc-radar-chart__legend-dot--0{background-color:var(--color-primary-500)}.lc-radar-chart__legend-dot--1{background-color:var(--color-secondary-500)}.lc-radar-chart__legend-dot--2{background-color:var(--color-success-default)}.lc-radar-chart__legend-dot--3{background-color:var(--color-warning-default)}.lc-radar-chart__legend-dot--4{background-color:var(--color-error-default)}.lc-radar-chart__legend-dot--5{background-color:var(--color-info-default)}.lc-radar-chart__legend-dot--6{background-color:var(--color-primary-700)}.lc-radar-chart__legend-dot--7{background-color:var(--color-secondary-700)}.lc-radar-chart__legend-text{color:var(--color-text-secondary)}\n"]
+		}]
+	}],
+	propDecorators: {
+		series: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "series",
+				required: true
+			}]
+		}],
+		axes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "axes",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		rings: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rings",
+				required: false
+			}]
+		}],
+		showLabels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLabels",
+				required: false
+			}]
+		}],
+		fillOpacity: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fillOpacity",
+				required: false
+			}]
+		}],
+		showLegend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLegend",
+				required: false
+			}]
+		}],
+		formatValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formatValue",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}]
+	}
+});
+export { RadarChartComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-radar-chart.mjs.map