@lifecorner/angular-ui-kit 3.4.1 → 3.5.1

package/fesm2022/lifecorner-angular-ui-kit-toast.mjs

@@ -0,0 +1,352 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, PLATFORM_ID, ViewEncapsulation, computed, inject, input, output, signal } from "@angular/core";
+import { isPlatformBrowser } from "@angular/common";
+import { IconComponent } from "@lifecorner/angular-ui-kit/icon";
+var ToastService = class ToastService {
+	toasts;
+	toastList = signal([], ...ngDevMode ? [{ debugName: "toastList" }] : /* istanbul ignore next */ []);
+	MAX_TOASTS = 5;
+	toastIdCounter = 0;
+	activeTimeouts = /* @__PURE__ */ new Map();
+	isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+	constructor() {
+		this.toasts = this.toastList.asReadonly();
+	}
+	show(config) {
+		const toast = {
+			id: this.generateId(),
+			message: config.message,
+			variant: config.variant || "info",
+			position: config.position || "top-right",
+			duration: config.duration !== void 0 ? config.duration : 3e3,
+			showCloseButton: config.showCloseButton !== void 0 ? config.showCloseButton : true,
+			action: config.action
+		};
+		let currentToasts = this.toastList();
+		if (currentToasts.length >= this.MAX_TOASTS) {
+			const oldestToast = currentToasts[0];
+			if (oldestToast) {
+				this.clearTimeout(oldestToast.id);
+				currentToasts = currentToasts.slice(1);
+			}
+		}
+		this.toastList.set([...currentToasts, toast]);
+		if (toast.duration > 0 && this.isBrowser) {
+			const timeoutId = setTimeout(() => {
+				this.close(toast.id);
+			}, toast.duration);
+			this.activeTimeouts.set(toast.id, timeoutId);
+		}
+		return toast.id;
+	}
+	close(id) {
+		this.removeToast(id);
+	}
+	closeAll() {
+		this.toastList().forEach((toast) => {
+			this.clearTimeout(toast.id);
+		});
+		this.toastList.set([]);
+	}
+	generateId() {
+		return `toast-${++this.toastIdCounter}-${Date.now()}`;
+	}
+	removeToast(id) {
+		this.clearTimeout(id);
+		const currentToasts = this.toastList();
+		this.toastList.set(currentToasts.filter((t) => t.id !== id));
+	}
+	clearTimeout(id) {
+		const timeoutId = this.activeTimeouts.get(id);
+		if (timeoutId !== void 0) {
+			clearTimeout(timeoutId);
+			this.activeTimeouts.delete(id);
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ToastService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ToastService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ToastService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+var ToastComponent = class ToastComponent {
+	toast = input.required(...ngDevMode ? [{ debugName: "toast" }] : /* istanbul ignore next */ []);
+	announce = input(true, ...ngDevMode ? [{ debugName: "announce" }] : /* istanbul ignore next */ []);
+	closeAriaLabel = input("Close notification", ...ngDevMode ? [{ debugName: "closeAriaLabel" }] : /* istanbul ignore next */ []);
+	closed = output();
+	hostClasses = computed(() => {
+		return `lc-toast lc-toast--${this.toast().variant}`;
+	}, ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
+	containerClasses = computed(() => {
+		return "lc-toast__container";
+	}, ...ngDevMode ? [{ debugName: "containerClasses" }] : /* istanbul ignore next */ []);
+	ariaRole = computed(() => {
+		if (!this.announce()) return null;
+		const variant = this.toast().variant;
+		return variant === "error" || variant === "warning" ? "alert" : "status";
+	}, ...ngDevMode ? [{ debugName: "ariaRole" }] : /* istanbul ignore next */ []);
+	ariaLive = computed(() => {
+		if (!this.announce()) return null;
+		const variant = this.toast().variant;
+		return variant === "error" || variant === "warning" ? "assertive" : "polite";
+	}, ...ngDevMode ? [{ debugName: "ariaLive" }] : /* istanbul ignore next */ []);
+	defaultIcon = computed(() => {
+		return {
+			success: "check-circle",
+			error: "x-circle",
+			warning: "exclamation-triangle",
+			info: "information-circle"
+		}[this.toast().variant];
+	}, ...ngDevMode ? [{ debugName: "defaultIcon" }] : /* istanbul ignore next */ []);
+	onCloseClick(event) {
+		event.preventDefault();
+		event.stopPropagation();
+		this.closed.emit(this.toast().id);
+	}
+	onActionClick(event) {
+		event.preventDefault();
+		event.stopPropagation();
+		const action = this.toast().action;
+		if (action) {
+			action.onClick();
+			this.closed.emit(this.toast().id);
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ToastComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: ToastComponent,
+		isStandalone: true,
+		selector: "lc-toast",
+		inputs: {
+			toast: {
+				classPropertyName: "toast",
+				publicName: "toast",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			announce: {
+				classPropertyName: "announce",
+				publicName: "announce",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeAriaLabel: {
+				classPropertyName: "closeAriaLabel",
+				publicName: "closeAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { closed: "closed" },
+		host: { properties: {
+			"class": "hostClasses()",
+			"attr.role": "ariaRole()",
+			"attr.aria-live": "ariaLive()",
+			"attr.aria-atomic": "announce() ? \"true\" : null"
+		} },
+		ngImport: i0,
+		template: "<div [class]=\"containerClasses()\">\n  <div class=\"lc-toast__icon\">\n    <lc-icon [name]=\"defaultIcon()\" size=\"md\" />\n  </div>\n  \n  <div class=\"lc-toast__message\">\n    {{ toast().message }}\n  </div>\n  \n  @if (toast().action) {\n    <button\n      type=\"button\"\n      class=\"lc-toast__action\"\n      (click)=\"onActionClick($event)\"\n    >\n      {{ toast().action?.label }}\n    </button>\n  }\n  \n  @if (toast().showCloseButton) {\n    <button\n      type=\"button\"\n      class=\"lc-toast__close\"\n      [attr.aria-label]=\"closeAriaLabel()\"\n      (click)=\"onCloseClick($event)\"\n    >\n      <lc-icon name=\"x-mark\" size=\"sm\" />\n    </button>\n  }\n</div>\n",
+		styles: [":host{display:block;width:100%;max-width:400px;margin-bottom:var(--spacing-2)}.lc-toast{border-radius:var(--border-radius-md);box-shadow:var(--elevation-3);border-width:1px;border-style:solid;animation:slideIn .15s ease-out;pointer-events:auto}.lc-toast__container{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--lc-density-padding-md, var(--spacing-4))}.lc-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.lc-toast__message{flex:1;min-width:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding-top:2px}.lc-toast__action{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color .15s ease-in-out}.lc-toast__action:hover{background-color:#0000000d}.lc-toast__action:focus-visible{outline:2px solid currentColor;outline-offset:2px}.lc-toast__close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);margin:calc(var(--spacing-1) * -1);border-radius:var(--border-radius-sm);transition:background-color .15s ease-in-out;display:flex;align-items:center;justify-content:center}.lc-toast__close:hover{background-color:#0000000d}.lc-toast__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.lc-toast--success{background-color:var(--color-surface);background-image:var(--gradient-surface);border-left:4px solid var(--color-success);color:var(--color-text-primary)}.lc-toast--success .lc-toast__icon{color:var(--color-success)}.lc-toast--success .lc-toast__action{color:var(--color-text-secondary)}.lc-toast--success .lc-toast__action:hover,.lc-toast--success .lc-toast__close:hover{background-color:#8ea4751a}.lc-toast--error{background-color:var(--color-surface);background-image:var(--gradient-surface);border-left:4px solid var(--color-error);color:var(--color-text-primary)}.lc-toast--error .lc-toast__icon{color:var(--color-error)}.lc-toast--error .lc-toast__action{color:var(--color-text-secondary)}.lc-toast--error .lc-toast__action:hover,.lc-toast--error .lc-toast__close:hover{background-color:#9d0e0e1a}.lc-toast--warning{background-color:var(--color-surface);background-image:var(--gradient-surface);border-left:4px solid var(--color-warning);color:var(--color-text-primary)}.lc-toast--warning .lc-toast__icon{color:var(--color-warning)}.lc-toast--warning .lc-toast__action{color:var(--color-text-secondary)}.lc-toast--warning .lc-toast__action:hover,.lc-toast--warning .lc-toast__close:hover{background-color:#e1a0401a}.lc-toast--info{background-color:var(--color-surface);background-image:var(--gradient-surface);border-left:4px solid var(--color-info);color:var(--color-text-primary)}.lc-toast--info .lc-toast__icon{color:var(--color-info)}.lc-toast--info .lc-toast__action{color:var(--color-text-secondary)}.lc-toast--info .lc-toast__action:hover,.lc-toast--info .lc-toast__close:hover{background-color:#3b65881a}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media(prefers-reduced-motion:reduce){.lc-toast{animation:none}@keyframes slideIn{0%,to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%,to{transform:translateY(0);opacity:0}}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: IconComponent,
+			selector: "lc-icon",
+			inputs: [
+				"name",
+				"variant",
+				"size",
+				"color",
+				"ariaLabel",
+				"decorative",
+				"strict"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ToastComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-toast",
+			standalone: true,
+			imports: [IconComponent],
+			encapsulation: ViewEncapsulation.None,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"[class]": "hostClasses()",
+				"[attr.role]": "ariaRole()",
+				"[attr.aria-live]": "ariaLive()",
+				"[attr.aria-atomic]": "announce() ? \"true\" : null"
+			},
+			template: "<div [class]=\"containerClasses()\">\n  <div class=\"lc-toast__icon\">\n    <lc-icon [name]=\"defaultIcon()\" size=\"md\" />\n  </div>\n  \n  <div class=\"lc-toast__message\">\n    {{ toast().message }}\n  </div>\n  \n  @if (toast().action) {\n    <button\n      type=\"button\"\n      class=\"lc-toast__action\"\n      (click)=\"onActionClick($event)\"\n    >\n      {{ toast().action?.label }}\n    </button>\n  }\n  \n  @if (toast().showCloseButton) {\n    <button\n      type=\"button\"\n      class=\"lc-toast__close\"\n      [attr.aria-label]=\"closeAriaLabel()\"\n      (click)=\"onCloseClick($event)\"\n    >\n      <lc-icon name=\"x-mark\" size=\"sm\" />\n    </button>\n  }\n</div>\n",
+			styles: [":host{display:block;width:100%;max-width:400px;margin-bottom:var(--spacing-2)}.lc-toast{border-radius:var(--border-radius-md);box-shadow:var(--elevation-3);border-width:1px;border-style:solid;animation:slideIn .15s ease-out;pointer-events:auto}.lc-toast__container{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--lc-density-padding-md, var(--spacing-4))}.lc-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.lc-toast__message{flex:1;min-width:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding-top:2px}.lc-toast__action{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color .15s ease-in-out}.lc-toast__action:hover{background-color:#0000000d}.lc-toast__action:focus-visible{outline:2px solid currentColor;outline-offset:2px}.lc-toast__close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);margin:calc(var(--spacing-1) * -1);border-radius:var(--border-radius-sm);transition:background-color .15s ease-in-out;display:flex;align-items:center;justify-content:center}.lc-toast__close:hover{background-color:#0000000d}.lc-toast__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.lc-toast--success{background-color:var(--color-surface);background-image:var(--gradient-surface);border-left:4px solid var(--color-success);color:var(--color-text-primary)}.lc-toast--success .lc-toast__icon{color:var(--color-success)}.lc-toast--success .lc-toast__action{color:var(--color-text-secondary)}.lc-toast--success .lc-toast__action:hover,.lc-toast--success .lc-toast__close:hover{background-color:#8ea4751a}.lc-toast--error{background-color:var(--color-surface);background-image:var(--gradient-surface);border-left:4px solid var(--color-error);color:var(--color-text-primary)}.lc-toast--error .lc-toast__icon{color:var(--color-error)}.lc-toast--error .lc-toast__action{color:var(--color-text-secondary)}.lc-toast--error .lc-toast__action:hover,.lc-toast--error .lc-toast__close:hover{background-color:#9d0e0e1a}.lc-toast--warning{background-color:var(--color-surface);background-image:var(--gradient-surface);border-left:4px solid var(--color-warning);color:var(--color-text-primary)}.lc-toast--warning .lc-toast__icon{color:var(--color-warning)}.lc-toast--warning .lc-toast__action{color:var(--color-text-secondary)}.lc-toast--warning .lc-toast__action:hover,.lc-toast--warning .lc-toast__close:hover{background-color:#e1a0401a}.lc-toast--info{background-color:var(--color-surface);background-image:var(--gradient-surface);border-left:4px solid var(--color-info);color:var(--color-text-primary)}.lc-toast--info .lc-toast__icon{color:var(--color-info)}.lc-toast--info .lc-toast__action{color:var(--color-text-secondary)}.lc-toast--info .lc-toast__action:hover,.lc-toast--info .lc-toast__close:hover{background-color:#3b65881a}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media(prefers-reduced-motion:reduce){.lc-toast{animation:none}@keyframes slideIn{0%,to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%,to{transform:translateY(0);opacity:0}}}\n"]
+		}]
+	}],
+	propDecorators: {
+		toast: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "toast",
+				required: true
+			}]
+		}],
+		announce: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "announce",
+				required: false
+			}]
+		}],
+		closeAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeAriaLabel",
+				required: false
+			}]
+		}],
+		closed: [{
+			type: i0.Output,
+			args: ["closed"]
+		}]
+	}
+});
+const POSITIONS = [
+	"top-left",
+	"top-center",
+	"top-right",
+	"bottom-left",
+	"bottom-center",
+	"bottom-right"
+];
+var ToastOutletComponent = class ToastOutletComponent {
+	positions = POSITIONS;
+	liveLevels = ["assertive", "polite"];
+	toastService = inject(ToastService);
+	closeAriaLabel = input("Close notification", ...ngDevMode ? [{ debugName: "closeAriaLabel" }] : /* istanbul ignore next */ []);
+	groups = computed(() => {
+		const groups = /* @__PURE__ */ new Map();
+		for (const toast of this.toastService.toasts()) {
+			const key = `${toast.position}:${ToastOutletComponent.liveFor(toast)}`;
+			const group = groups.get(key);
+			if (group) group.push(toast);
+			else groups.set(key, [toast]);
+		}
+		return groups;
+	}, ...ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []);
+	toastsFor(position, live) {
+		return this.groups().get(`${position}:${live}`) ?? [];
+	}
+	onClosed(id) {
+		this.toastService.close(id);
+	}
+	static liveFor(toast) {
+		return toast.variant === "error" || toast.variant === "warning" ? "assertive" : "polite";
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ToastOutletComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: ToastOutletComponent,
+		isStandalone: true,
+		selector: "lc-toast-outlet",
+		inputs: { closeAriaLabel: {
+			classPropertyName: "closeAriaLabel",
+			publicName: "closeAriaLabel",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0,
+		template: "@for (position of positions; track position) {\n  <div class=\"lc-toast-outlet__stack\" [class]=\"'lc-toast-outlet__stack lc-toast-outlet__stack--' + position\">\n    <!-- Both regions are always present (even empty) so that toasts inserted\n         later are announced; the toasts themselves do not announce again. -->\n    @for (live of liveLevels; track live) {\n      <div class=\"lc-toast-outlet__region\" [attr.aria-live]=\"live\" aria-atomic=\"false\">\n        @for (toast of toastsFor(position, live); track toast.id) {\n          <lc-toast [toast]=\"toast\" [announce]=\"false\" [closeAriaLabel]=\"closeAriaLabel()\" (closed)=\"onClosed($event)\" />\n        }\n      </div>\n    }\n  </div>\n}\n",
+		styles: [":host{display:contents}.lc-toast-outlet__stack{position:fixed;z-index:1200;display:flex;flex-direction:column;width:100%;max-width:calc(400px + 2 * var(--spacing-4));padding:var(--spacing-4);box-sizing:border-box;pointer-events:none}.lc-toast-outlet__stack--top-left,.lc-toast-outlet__stack--top-center,.lc-toast-outlet__stack--top-right{top:0}.lc-toast-outlet__stack--bottom-left,.lc-toast-outlet__stack--bottom-center,.lc-toast-outlet__stack--bottom-right{bottom:0;flex-direction:column-reverse}.lc-toast-outlet__stack--top-left,.lc-toast-outlet__stack--bottom-left{left:0;align-items:flex-start}.lc-toast-outlet__stack--top-right,.lc-toast-outlet__stack--bottom-right{right:0;align-items:flex-end}.lc-toast-outlet__stack--top-center,.lc-toast-outlet__stack--bottom-center{left:50%;transform:translate(-50%);align-items:center}.lc-toast-outlet__region{display:flex;flex-direction:inherit;align-items:inherit;width:100%}\n"],
+		dependencies: [{
+			kind: "component",
+			type: ToastComponent,
+			selector: "lc-toast",
+			inputs: [
+				"toast",
+				"announce",
+				"closeAriaLabel"
+			],
+			outputs: ["closed"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ToastOutletComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-toast-outlet",
+			standalone: true,
+			imports: [ToastComponent],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "@for (position of positions; track position) {\n  <div class=\"lc-toast-outlet__stack\" [class]=\"'lc-toast-outlet__stack lc-toast-outlet__stack--' + position\">\n    <!-- Both regions are always present (even empty) so that toasts inserted\n         later are announced; the toasts themselves do not announce again. -->\n    @for (live of liveLevels; track live) {\n      <div class=\"lc-toast-outlet__region\" [attr.aria-live]=\"live\" aria-atomic=\"false\">\n        @for (toast of toastsFor(position, live); track toast.id) {\n          <lc-toast [toast]=\"toast\" [announce]=\"false\" [closeAriaLabel]=\"closeAriaLabel()\" (closed)=\"onClosed($event)\" />\n        }\n      </div>\n    }\n  </div>\n}\n",
+			styles: [":host{display:contents}.lc-toast-outlet__stack{position:fixed;z-index:1200;display:flex;flex-direction:column;width:100%;max-width:calc(400px + 2 * var(--spacing-4));padding:var(--spacing-4);box-sizing:border-box;pointer-events:none}.lc-toast-outlet__stack--top-left,.lc-toast-outlet__stack--top-center,.lc-toast-outlet__stack--top-right{top:0}.lc-toast-outlet__stack--bottom-left,.lc-toast-outlet__stack--bottom-center,.lc-toast-outlet__stack--bottom-right{bottom:0;flex-direction:column-reverse}.lc-toast-outlet__stack--top-left,.lc-toast-outlet__stack--bottom-left{left:0;align-items:flex-start}.lc-toast-outlet__stack--top-right,.lc-toast-outlet__stack--bottom-right{right:0;align-items:flex-end}.lc-toast-outlet__stack--top-center,.lc-toast-outlet__stack--bottom-center{left:50%;transform:translate(-50%);align-items:center}.lc-toast-outlet__region{display:flex;flex-direction:inherit;align-items:inherit;width:100%}\n"]
+		}]
+	}],
+	propDecorators: { closeAriaLabel: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "closeAriaLabel",
+			required: false
+		}]
+	}] }
+});
+export { ToastComponent, ToastOutletComponent, ToastService };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-toast.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-toast.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/toast/toast.service.ts","../../../../libs/angular-ui-kit/src/lib/toast/toast.component.ts","../../../../libs/angular-ui-kit/src/lib/toast/toast.component.html","../../../../libs/angular-ui-kit/src/lib/toast/toast-outlet.component.ts","../../../../libs/angular-ui-kit/src/lib/toast/toast-outlet.component.html"],"sourcesContent":["import { Injectable, PLATFORM_ID, inject, signal, Signal } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\n\nexport type ToastVariant = 'success' | 'error' | 'warning' | 'info';\nexport type ToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ToastConfig {\n  message: string;\n  variant?: ToastVariant;\n  position?: ToastPosition;\n  duration?: number;\n  showCloseButton?: boolean;\n  action?: ToastAction;\n}\n\nexport interface Toast extends Required<Omit<ToastConfig, 'action'>> {\n  id: string;\n  action?: ToastAction;\n}\n\n/**\n * Toast service for showing ephemeral notifications.\n *\n * The toasts are rendered by `<lc-toast-outlet />`, which the application\n * places once (e.g. in its shell); without it nothing is shown.\n *\n * @example\n * ```typescript\n * private readonly toastService = inject(ToastService);\n *\n * showSuccess() {\n *   this.toastService.show({\n *     message: 'Changes saved successfully!',\n *     variant: 'success',\n *     duration: 3000\n *   });\n * }\n * ```\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class ToastService {\n  /**\n   * Public readonly signal for toasts\n   */\n  public readonly toasts: Signal<readonly Toast[]>;\n\n  /**\n   * Internal signal for toast list\n   */\n  private readonly toastList = signal<Toast[]>([]);\n\n  private readonly MAX_TOASTS = 5;\n  private toastIdCounter = 0;\n  private activeTimeouts = new Map<string, ReturnType<typeof setTimeout>>();\n  /** Auto-dismiss timers only make sense in the browser (and `window` does not exist on the server). */\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  constructor() {\n    this.toasts = this.toastList.asReadonly();\n  }\n\n  /**\n   * Show a toast notification\n   */\n  show(config: ToastConfig): string {\n    const toast: Toast = {\n      id: this.generateId(),\n      message: config.message,\n      variant: config.variant || 'info',\n      position: config.position || 'top-right',\n      duration: config.duration !== undefined ? config.duration : 3000,\n      showCloseButton: config.showCloseButton !== undefined ? config.showCloseButton : true,\n      action: config.action,\n    };\n\n    // Add toast to list\n    let currentToasts = this.toastList();\n\n    // Remove oldest toast if at max capacity\n    if (currentToasts.length >= this.MAX_TOASTS) {\n      const oldestToast = currentToasts[0];\n      if (oldestToast) {\n        this.clearTimeout(oldestToast.id);\n        currentToasts = currentToasts.slice(1);\n      }\n    }\n\n    this.toastList.set([...currentToasts, toast]);\n\n    // Auto-dismiss if duration > 0\n    if (toast.duration > 0 && this.isBrowser) {\n      const timeoutId = setTimeout(() => {\n        this.close(toast.id);\n      }, toast.duration);\n\n      this.activeTimeouts.set(toast.id, timeoutId);\n    }\n\n    return toast.id;\n  }\n\n  /**\n   * Close a specific toast\n   */\n  close(id: string): void {\n    this.removeToast(id);\n  }\n\n  /**\n   * Close all toasts\n   */\n  closeAll(): void {\n    const currentToasts = this.toastList();\n    currentToasts.forEach((toast) => {\n      this.clearTimeout(toast.id);\n    });\n    this.toastList.set([]);\n  }\n\n  /**\n   * Generate unique toast ID\n   */\n  private generateId(): string {\n    return `toast-${++this.toastIdCounter}-${Date.now()}`;\n  }\n\n  /**\n   * Remove a toast from the list\n   */\n  private removeToast(id: string): void {\n    this.clearTimeout(id);\n    const currentToasts = this.toastList();\n    this.toastList.set(currentToasts.filter((t) => t.id !== id));\n  }\n\n  /**\n   * Clear timeout for a toast\n   */\n  private clearTimeout(id: string): void {\n    const timeoutId = this.activeTimeouts.get(id);\n    if (timeoutId !== undefined) {\n      clearTimeout(timeoutId);\n      this.activeTimeouts.delete(id);\n    }\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  output,\n  computed,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\nimport type { Toast, ToastVariant } from './toast.service';\n\n/**\n * Toast component for displaying ephemeral notification messages.\n *\n * Features:\n * - Semantic variants (success, warning, error, info)\n * - Auto-dismiss with configurable duration\n * - Manual dismiss with close button\n * - Icon display per variant\n * - Stacked toast positioning via ToastService + `<lc-toast-outlet />`\n * - Animated enter/exit transitions\n *\n * Usually rendered by `<lc-toast-outlet />`; can also be placed directly:\n *\n * @example\n * ```html\n * <lc-toast [toast]=\"toast\" (closed)=\"dismiss($event)\" />\n * ```\n */\n@Component({\n  selector: 'lc-toast',\n  standalone: true,\n  imports: [IconComponent],\n  templateUrl: './toast.component.html',\n  styleUrls: ['./toast.component.scss'],\n  encapsulation: ViewEncapsulation.None, // Required for dynamic variant class styling\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClasses()',\n    '[attr.role]': 'ariaRole()',\n    '[attr.aria-live]': 'ariaLive()',\n    '[attr.aria-atomic]': 'announce() ? \"true\" : null',\n  },\n})\nexport class ToastComponent {\n  /**\n   * Toast data\n   */\n  toast = input.required<Toast>();\n\n  /**\n   * Whether the toast is its own live region (`role=\"status\"`/`\"alert\"` on the\n   * host). `lc-toast-outlet` sets this to false because its persistent live\n   * regions already announce the toast — announcing twice would be noise.\n   * @default true\n   */\n  announce = input<boolean>(true);\n\n  /** Accessible name of the close button (`toast.showCloseButton`). */\n  closeAriaLabel = input('Close notification');\n\n  /**\n   * Emitted when toast is closed\n   */\n  readonly closed = output<string>();\n\n  /**\n   * Computed host classes\n   */\n  protected hostClasses = computed(() => {\n    const toast = this.toast();\n    return `lc-toast lc-toast--${toast.variant}`;\n  });\n\n  /**\n   * Computed container classes\n   */\n  protected containerClasses = computed(() => {\n    return 'lc-toast__container';\n  });\n\n  /**\n   * Computed ARIA role\n   */\n  protected ariaRole = computed(() => {\n    if (!this.announce()) return null;\n    const variant = this.toast().variant;\n    return variant === 'error' || variant === 'warning' ? 'alert' : 'status';\n  });\n\n  /**\n   * Computed ARIA live region priority\n   */\n  protected ariaLive = computed(() => {\n    if (!this.announce()) return null;\n    const variant = this.toast().variant;\n    return variant === 'error' || variant === 'warning' ? 'assertive' : 'polite';\n  });\n\n  /**\n   * Computed default icon based on variant\n   */\n  protected defaultIcon = computed(() => {\n    const icons: Record<ToastVariant, string> = {\n      success: 'check-circle',\n      error: 'x-circle',\n      warning: 'exclamation-triangle',\n      info: 'information-circle',\n    };\n    return icons[this.toast().variant];\n  });\n\n  /**\n   * Handle close button click\n   */\n  protected onCloseClick(event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.closed.emit(this.toast().id);\n  }\n\n  /**\n   * Handle action button click\n   */\n  protected onActionClick(event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n    const action = this.toast().action;\n    if (action) {\n      action.onClick();\n      this.closed.emit(this.toast().id);\n    }\n  }\n}\n","<div [class]=\"containerClasses()\">\n  <div class=\"lc-toast__icon\">\n    <lc-icon [name]=\"defaultIcon()\" size=\"md\" />\n  </div>\n  \n  <div class=\"lc-toast__message\">\n    {{ toast().message }}\n  </div>\n  \n  @if (toast().action) {\n    <button\n      type=\"button\"\n      class=\"lc-toast__action\"\n      (click)=\"onActionClick($event)\"\n    >\n      {{ toast().action?.label }}\n    </button>\n  }\n  \n  @if (toast().showCloseButton) {\n    <button\n      type=\"button\"\n      class=\"lc-toast__close\"\n      [attr.aria-label]=\"closeAriaLabel()\"\n      (click)=\"onCloseClick($event)\"\n    >\n      <lc-icon name=\"x-mark\" size=\"sm\" />\n    </button>\n  }\n</div>\n","import { Component, ChangeDetectionStrategy, computed, inject, input } from '@angular/core';\nimport { ToastComponent } from './toast.component';\nimport { ToastService, type Toast, type ToastPosition } from './toast.service';\n\n/** Politeness of the live region a toast is announced from. */\ntype ToastLive = 'polite' | 'assertive';\n\nconst POSITIONS: readonly ToastPosition[] = [\n  'top-left',\n  'top-center',\n  'top-right',\n  'bottom-left',\n  'bottom-center',\n  'bottom-right',\n];\n\n/**\n * Renders the toasts of {@link ToastService}. Place it once in the application\n * shell; without it `ToastService.show()` has no visible effect.\n *\n * ```html\n * <lc-toast-outlet />\n * ```\n *\n * Toasts are stacked per `position`. Every position owns two live regions that\n * exist from the start — screen readers only announce content that is inserted\n * into an *existing* live region — one `polite` for success/info toasts and one\n * `assertive` for error/warning toasts. Dismissing a toast (close button,\n * action, auto-dismiss) removes it from the service.\n */\n@Component({\n  selector: 'lc-toast-outlet',\n  standalone: true,\n  imports: [ToastComponent],\n  templateUrl: './toast-outlet.component.html',\n  styleUrls: ['./toast-outlet.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToastOutletComponent {\n  protected readonly positions = POSITIONS;\n  protected readonly liveLevels: readonly ToastLive[] = ['assertive', 'polite'];\n\n  private readonly toastService = inject(ToastService);\n\n  /** Accessible name of every toast's close button (forwarded to lc-toast). */\n  readonly closeAriaLabel = input('Close notification');\n\n  /** Toasts keyed by `${position}:${politeness}` in the order they were shown. */\n  private readonly groups = computed(() => {\n    const groups = new Map<string, Toast[]>();\n    for (const toast of this.toastService.toasts()) {\n      const key = `${toast.position}:${ToastOutletComponent.liveFor(toast)}`;\n      const group = groups.get(key);\n      if (group) {\n        group.push(toast);\n      } else {\n        groups.set(key, [toast]);\n      }\n    }\n    return groups;\n  });\n\n  protected toastsFor(position: ToastPosition, live: ToastLive): readonly Toast[] {\n    return this.groups().get(`${position}:${live}`) ?? [];\n  }\n\n  protected onClosed(id: string): void {\n    this.toastService.close(id);\n  }\n\n  /** Errors and warnings interrupt (assertive), everything else waits its turn. */\n  private static liveFor(toast: Toast): ToastLive {\n    return toast.variant === 'error' || toast.variant === 'warning' ? 'assertive' : 'polite';\n  }\n}\n","@for (position of positions; track position) {\n  <div class=\"lc-toast-outlet__stack\" [class]=\"'lc-toast-outlet__stack lc-toast-outlet__stack--' + position\">\n    <!-- Both regions are always present (even empty) so that toasts inserted\n         later are announced; the toasts themselves do not announce again. -->\n    @for (live of liveLevels; track live) {\n      <div class=\"lc-toast-outlet__region\" [attr.aria-live]=\"live\" aria-atomic=\"false\">\n        @for (toast of toastsFor(position, live); track toast.id) {\n          <lc-toast [toast]=\"toast\" [announce]=\"false\" [closeAriaLabel]=\"closeAriaLabel()\" (closed)=\"onClosed($event)\" />\n        }\n      </div>\n    }\n  </div>\n}\n"],"mappings":"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"}

package/fesm2022/lifecorner-angular-ui-kit-toggle-group.mjs

@@ -0,0 +1,215 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, input, model, output, viewChildren } from "@angular/core";
+import { NgClass } from "@angular/common";
+var ToggleGroupComponent = class ToggleGroupComponent {
+	options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
+	selected = model("", ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	ariaLabel = input(...ngDevMode ? [void 0, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	ariaLabelledBy = input(...ngDevMode ? [void 0, { debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []);
+	selectionChange = output();
+	sizeClass = computed(() => `lc-toggle-group--${this.size()}`, ...ngDevMode ? [{ debugName: "sizeClass" }] : /* istanbul ignore next */ []);
+	focusableValue = computed(() => {
+		const options = this.options();
+		return (options.find((o) => o.value === this.selected() && !o.disabled) ?? options.find((o) => !o.disabled))?.value ?? null;
+	}, ...ngDevMode ? [{ debugName: "focusableValue" }] : /* istanbul ignore next */ []);
+	buttons = viewChildren("toggleBtn", ...ngDevMode ? [{ debugName: "buttons" }] : /* istanbul ignore next */ []);
+	select(option) {
+		if (option.disabled) return;
+		this.selected.set(option.value);
+		this.selectionChange.emit(option.value);
+	}
+	isActive(option) {
+		return this.selected() === option.value;
+	}
+	tabIndexFor(option) {
+		return option.value === this.focusableValue() ? 0 : -1;
+	}
+	onKeydown(event, index) {
+		const options = this.options();
+		let target;
+		switch (event.key) {
+			case "ArrowRight":
+			case "ArrowDown":
+				target = this.nextEnabled(index, 1);
+				break;
+			case "ArrowLeft":
+			case "ArrowUp":
+				target = this.nextEnabled(index, -1);
+				break;
+			case "Home":
+				target = this.nextEnabled(-1, 1);
+				break;
+			case "End":
+				target = this.nextEnabled(options.length, -1);
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		if (target === void 0 || target === index) return;
+		this.select(options[target]);
+		this.buttons()[target]?.nativeElement.focus();
+	}
+	getButtonClasses(option) {
+		const classes = ["lc-toggle-group__btn"];
+		if (this.isActive(option)) classes.push("lc-toggle-group__btn--active");
+		if (option.disabled) classes.push("lc-toggle-group__btn--disabled");
+		return classes.join(" ");
+	}
+	dotTone(option) {
+		if (!option.dot) return null;
+		return option.dot === true ? "warning" : option.dot;
+	}
+	nextEnabled(from, direction) {
+		const options = this.options();
+		for (let step = 1; step <= options.length; step++) {
+			const i = (from + direction * step + options.length) % options.length;
+			if (!options[i].disabled) return i;
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ToggleGroupComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: ToggleGroupComponent,
+		isStandalone: true,
+		selector: "lc-toggle-group",
+		inputs: {
+			options: {
+				classPropertyName: "options",
+				publicName: "options",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			selected: {
+				classPropertyName: "selected",
+				publicName: "selected",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabelledBy: {
+				classPropertyName: "ariaLabelledBy",
+				publicName: "ariaLabelledBy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			selected: "selectedChange",
+			selectionChange: "selectionChange"
+		},
+		viewQueries: [{
+			propertyName: "buttons",
+			predicate: ["toggleBtn"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div\n  class=\"lc-toggle-group\"\n  [ngClass]=\"sizeClass()\"\n  role=\"radiogroup\"\n  [attr.aria-label]=\"ariaLabelledBy() ? null : ariaLabel() || null\"\n  [attr.aria-labelledby]=\"ariaLabelledBy() || null\"\n>\n  @for (option of options(); track option.value; let i = $index) {\n    <button\n      #toggleBtn\n      type=\"button\"\n      role=\"radio\"\n      [class]=\"getButtonClasses(option)\"\n      [disabled]=\"option.disabled ?? false\"\n      [attr.aria-checked]=\"isActive(option)\"\n      [attr.tabindex]=\"tabIndexFor(option)\"\n      (click)=\"select(option)\"\n      (keydown)=\"onKeydown($event, i)\"\n    >\n      {{ option.label }}\n      @if (dotTone(option); as tone) {\n        <span\n          class=\"lc-toggle-group__dot lc-toggle-group__dot--{{ tone }}\"\n          aria-hidden=\"true\"\n        ></span>\n      }\n    </button>\n  }\n</div>\n",
+		styles: [".lc-toggle-group{display:inline-flex;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--color-border);background-color:var(--color-surface-2)}.lc-toggle-group__btn{display:inline-flex;align-items:center;gap:.375rem;border:none;background:transparent;cursor:pointer;font-weight:var(--typography-font-weight-medium, 500);color:var(--color-text-secondary);transition:background-color .15s ease,color .15s ease;white-space:nowrap}.lc-toggle-group__btn:hover:not(:disabled):not(.lc-toggle-group__btn--active){background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-toggle-group__btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary-500)}.lc-toggle-group__btn--active{background-color:var(--color-primary-fill);color:var(--color-on-primary)}.lc-toggle-group__btn--active:focus-visible{box-shadow:inset 0 0 0 2px var(--color-on-primary)}.lc-toggle-group__btn--disabled{opacity:.5;cursor:not-allowed}.lc-toggle-group__btn+.lc-toggle-group__btn{border-left:1px solid var(--color-border)}.lc-toggle-group__dot{flex:0 0 auto;width:.5em;height:.5em;border-radius:50%}.lc-toggle-group__dot--warning{background-color:var(--color-warning)}.lc-toggle-group__dot--error{background-color:var(--color-error)}.lc-toggle-group__dot--success{background-color:var(--color-success)}.lc-toggle-group--sm .lc-toggle-group__btn{padding:.25rem .5rem;font-size:var(--typography-font-size-xs, .75rem)}.lc-toggle-group--md .lc-toggle-group__btn{padding:.375rem .75rem;font-size:var(--typography-font-size-sm, .875rem)}.lc-toggle-group--lg .lc-toggle-group__btn{padding:.5rem 1rem;font-size:var(--typography-font-size-base, 1rem)}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: NgClass,
+			selector: "[ngClass]",
+			inputs: ["class", "ngClass"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ToggleGroupComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-toggle-group",
+			standalone: true,
+			imports: [NgClass],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div\n  class=\"lc-toggle-group\"\n  [ngClass]=\"sizeClass()\"\n  role=\"radiogroup\"\n  [attr.aria-label]=\"ariaLabelledBy() ? null : ariaLabel() || null\"\n  [attr.aria-labelledby]=\"ariaLabelledBy() || null\"\n>\n  @for (option of options(); track option.value; let i = $index) {\n    <button\n      #toggleBtn\n      type=\"button\"\n      role=\"radio\"\n      [class]=\"getButtonClasses(option)\"\n      [disabled]=\"option.disabled ?? false\"\n      [attr.aria-checked]=\"isActive(option)\"\n      [attr.tabindex]=\"tabIndexFor(option)\"\n      (click)=\"select(option)\"\n      (keydown)=\"onKeydown($event, i)\"\n    >\n      {{ option.label }}\n      @if (dotTone(option); as tone) {\n        <span\n          class=\"lc-toggle-group__dot lc-toggle-group__dot--{{ tone }}\"\n          aria-hidden=\"true\"\n        ></span>\n      }\n    </button>\n  }\n</div>\n",
+			styles: [".lc-toggle-group{display:inline-flex;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--color-border);background-color:var(--color-surface-2)}.lc-toggle-group__btn{display:inline-flex;align-items:center;gap:.375rem;border:none;background:transparent;cursor:pointer;font-weight:var(--typography-font-weight-medium, 500);color:var(--color-text-secondary);transition:background-color .15s ease,color .15s ease;white-space:nowrap}.lc-toggle-group__btn:hover:not(:disabled):not(.lc-toggle-group__btn--active){background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-toggle-group__btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary-500)}.lc-toggle-group__btn--active{background-color:var(--color-primary-fill);color:var(--color-on-primary)}.lc-toggle-group__btn--active:focus-visible{box-shadow:inset 0 0 0 2px var(--color-on-primary)}.lc-toggle-group__btn--disabled{opacity:.5;cursor:not-allowed}.lc-toggle-group__btn+.lc-toggle-group__btn{border-left:1px solid var(--color-border)}.lc-toggle-group__dot{flex:0 0 auto;width:.5em;height:.5em;border-radius:50%}.lc-toggle-group__dot--warning{background-color:var(--color-warning)}.lc-toggle-group__dot--error{background-color:var(--color-error)}.lc-toggle-group__dot--success{background-color:var(--color-success)}.lc-toggle-group--sm .lc-toggle-group__btn{padding:.25rem .5rem;font-size:var(--typography-font-size-xs, .75rem)}.lc-toggle-group--md .lc-toggle-group__btn{padding:.375rem .75rem;font-size:var(--typography-font-size-sm, .875rem)}.lc-toggle-group--lg .lc-toggle-group__btn{padding:.5rem 1rem;font-size:var(--typography-font-size-base, 1rem)}\n"]
+		}]
+	}],
+	propDecorators: {
+		options: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "options",
+				required: true
+			}]
+		}],
+		selected: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selected",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["selectedChange"]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		ariaLabelledBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabelledBy",
+				required: false
+			}]
+		}],
+		selectionChange: [{
+			type: i0.Output,
+			args: ["selectionChange"]
+		}],
+		buttons: [{
+			type: i0.ViewChildren,
+			args: ["toggleBtn", { isSignal: true }]
+		}]
+	}
+});
+export { ToggleGroupComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-toggle-group.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-toggle-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-toggle-group.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/toggle-group/toggle-group.component.ts","../../../../libs/angular-ui-kit/src/lib/toggle-group/toggle-group.component.html"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ElementRef,\n  input,\n  output,\n  computed,\n  model,\n  viewChildren,\n} from '@angular/core';\nimport { NgClass } from '@angular/common';\n\nexport type ToggleOptionDot = 'warning' | 'error' | 'success';\n\nexport interface ToggleOption {\n  readonly value: string;\n  readonly label: string;\n  readonly disabled?: boolean;\n  /**\n   * Small status dot rendered to the right of the label (e.g. an unread\n   * indicator). `true` uses the default tone (`warning`); pass a tone name\n   * to pick a semantic color. Does not change the option's height.\n   */\n  readonly dot?: boolean | ToggleOptionDot;\n}\n\n/**\n * Toggle group component for single-option selection from a set.\n *\n * Features:\n * - Multiple segmented toggle buttons\n * - Active state highlighting\n * - Size variants (sm, md, lg)\n * - Two-way selected value binding\n * - Per-option disabled state\n * - Exposed as a radiogroup: Arrow/Home/End keys move the selection\n * - Dark mode support via CSS custom properties\n *\n * @example\n * ```html\n * <lc-toggle-group\n *   [options]=\"[{value:'1D',label:'1D'},{value:'1W',label:'1W'}]\"\n *   [(selected)]=\"interval\"\n * />\n * ```\n */\n@Component({\n  selector: 'lc-toggle-group',\n  standalone: true,\n  imports: [NgClass],\n  templateUrl: './toggle-group.component.html',\n  styleUrl: './toggle-group.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToggleGroupComponent {\n  /** Available toggle options */\n  options = input.required<readonly ToggleOption[]>();\n\n  /** Currently selected value (two-way binding) */\n  selected = model<string>('');\n\n  /** Size variant */\n  size = input<'sm' | 'md' | 'lg'>('md');\n\n  /** Accessible name of the group */\n  readonly ariaLabel = input<string>();\n\n  /** id(s) of external element(s) labelling the group (wins over `ariaLabel`) */\n  readonly ariaLabelledBy = input<string>();\n\n  /** Emitted when selection changes */\n  selectionChange = output<string>();\n\n  /** Computed size class */\n  sizeClass = computed(() => `lc-toggle-group--${this.size()}`);\n\n  /**\n   * Roving tabindex: the selected option is the group's single tab stop; when\n   * nothing (or a disabled option) is selected, the first enabled option is.\n   */\n  readonly focusableValue = computed(() => {\n    const options = this.options();\n    const selected = options.find((o) => o.value === this.selected() && !o.disabled);\n    return (selected ?? options.find((o) => !o.disabled))?.value ?? null;\n  });\n\n  private readonly buttons = viewChildren<ElementRef<HTMLButtonElement>>('toggleBtn');\n\n  /** Select an option */\n  select(option: ToggleOption): void {\n    if (option.disabled) return;\n    this.selected.set(option.value);\n    this.selectionChange.emit(option.value);\n  }\n\n  /** Check if an option is active */\n  isActive(option: ToggleOption): boolean {\n    return this.selected() === option.value;\n  }\n\n  /** tabindex for an option button (roving tabindex) */\n  tabIndexFor(option: ToggleOption): number {\n    return option.value === this.focusableValue() ? 0 : -1;\n  }\n\n  /** Arrow/Home/End keys move focus and selection like a native radio group */\n  onKeydown(event: KeyboardEvent, index: number): void {\n    const options = this.options();\n    let target: number | undefined;\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        target = this.nextEnabled(index, 1);\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        target = this.nextEnabled(index, -1);\n        break;\n      case 'Home':\n        target = this.nextEnabled(-1, 1);\n        break;\n      case 'End':\n        target = this.nextEnabled(options.length, -1);\n        break;\n      default:\n        return;\n    }\n\n    event.preventDefault();\n    if (target === undefined || target === index) return;\n\n    this.select(options[target]);\n    this.buttons()[target]?.nativeElement.focus();\n  }\n\n  /** Get button classes */\n  getButtonClasses(option: ToggleOption): string {\n    const classes = ['lc-toggle-group__btn'];\n\n    if (this.isActive(option)) {\n      classes.push('lc-toggle-group__btn--active');\n    }\n    if (option.disabled) {\n      classes.push('lc-toggle-group__btn--disabled');\n    }\n\n    return classes.join(' ');\n  }\n\n  /** Resolve the dot tone for an option (null when no dot is shown) */\n  dotTone(option: ToggleOption): ToggleOptionDot | null {\n    if (!option.dot) return null;\n    return option.dot === true ? 'warning' : option.dot;\n  }\n\n  /** Index of the next enabled option in `direction`, wrapping around */\n  private nextEnabled(from: number, direction: 1 | -1): number | undefined {\n    const options = this.options();\n    for (let step = 1; step <= options.length; step++) {\n      const i = (from + direction * step + options.length) % options.length;\n      if (!options[i].disabled) return i;\n    }\n    return undefined;\n  }\n}\n","<div\n  class=\"lc-toggle-group\"\n  [ngClass]=\"sizeClass()\"\n  role=\"radiogroup\"\n  [attr.aria-label]=\"ariaLabelledBy() ? null : ariaLabel() || null\"\n  [attr.aria-labelledby]=\"ariaLabelledBy() || null\"\n>\n  @for (option of options(); track option.value; let i = $index) {\n    <button\n      #toggleBtn\n      type=\"button\"\n      role=\"radio\"\n      [class]=\"getButtonClasses(option)\"\n      [disabled]=\"option.disabled ?? false\"\n      [attr.aria-checked]=\"isActive(option)\"\n      [attr.tabindex]=\"tabIndexFor(option)\"\n      (click)=\"select(option)\"\n      (keydown)=\"onKeydown($event, i)\"\n    >\n      {{ option.label }}\n      @if (dotTone(option); as tone) {\n        <span\n          class=\"lc-toggle-group__dot lc-toggle-group__dot--{{ tone }}\"\n          aria-hidden=\"true\"\n        ></span>\n      }\n    </button>\n  }\n</div>\n"],"mappings":"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"}