@lifecorner/angular-ui-kit 3.4.1 → 3.5.0

package/README.md

@@ -40,10 +40,12 @@ format dates take a `locale` — see **Internationalization** in the docs.
 
 ## Usage
 
-Import components directly in your Angular standalone components or modules:
+Import components from their secondary entries, `@lifecorner/angular-ui-kit/<entry>`
+(the component's folder name):
 
 ```typescript
-import { ButtonComponent, CardComponent } from '@lifecorner/angular-ui-kit';
+import { ButtonComponent } from '@lifecorner/angular-ui-kit/button';
+import { CardComponent } from '@lifecorner/angular-ui-kit/card';
 
 @Component({
   standalone: true,
@@ -57,6 +59,14 @@ import { ButtonComponent, CardComponent } from '@lifecorner/angular-ui-kit';
 export class MyComponent {}
 ```
 
+Since 3.5 every component (or small group, such as `app-shell` with `lc-app-page`)
+is its own entry, so an app bundles only what it imports and lazy routes take kit
+parts with them. `@lifecorner/angular-ui-kit` keeps working unchanged and
+re-exports every entry. `mermaid` is needed only by the `markdown`, `chat` and
+`document-viewer` entries and the primary entry. With a Trusted Types CSP, add
+`lc-icon` to `trusted-types`. See **Installation** in the docs for the entry table
+and the CSP notes.
+
 ## Components
 
 ### General

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

@@ -0,0 +1,454 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, TemplateRef, computed, contentChild, contentChildren, effect, inject, input, model, signal, untracked } from "@angular/core";
+import { NgTemplateOutlet } from "@angular/common";
+import { IconComponent } from "@lifecorner/angular-ui-kit/icon";
+var AccordionHeaderDirective = class AccordionHeaderDirective {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: AccordionHeaderDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: AccordionHeaderDirective,
+		isStandalone: true,
+		selector: "[lcAccordionHeader]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: AccordionHeaderDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[lcAccordionHeader]",
+			standalone: true
+		}]
+	}]
+});
+var AccordionContentDirective = class AccordionContentDirective {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: AccordionContentDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: AccordionContentDirective,
+		isStandalone: true,
+		selector: "[lcAccordionContent]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: AccordionContentDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[lcAccordionContent]",
+			standalone: true
+		}]
+	}]
+});
+let accordionUid = 0;
+var AccordionComponent = class AccordionComponent {
+	title = input("", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	expanded = model(false, ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
+	variant = input("outlined", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	headingLevel = input(3, ...ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []);
+	chevronPosition = input("trailing", ...ngDevMode ? [{ debugName: "chevronPosition" }] : /* istanbul ignore next */ []);
+	lazy = input(false, ...ngDevMode ? [{ debugName: "lazy" }] : /* istanbul ignore next */ []);
+	destroyOnClose = input(false, ...ngDevMode ? [{ debugName: "destroyOnClose" }] : /* istanbul ignore next */ []);
+	headerTemplate = contentChild(AccordionHeaderDirective, ...ngDevMode ? [{ debugName: "headerTemplate" }] : /* istanbul ignore next */ []);
+	contentTemplate = contentChild(AccordionContentDirective, ...ngDevMode ? [{ debugName: "contentTemplate" }] : /* istanbul ignore next */ []);
+	headerId = `lc-accordion-header-${accordionUid}`;
+	panelId = `lc-accordion-panel-${accordionUid++}`;
+	hasBeenOpened = signal(false, ...ngDevMode ? [{ debugName: "hasBeenOpened" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			if (this.expanded()) this.hasBeenOpened.set(true);
+		});
+	}
+	headerAriaLabel = computed(() => this.ariaLabel() || this.title() || null, ...ngDevMode ? [{ debugName: "headerAriaLabel" }] : /* istanbul ignore next */ []);
+	shouldRenderBody = computed(() => {
+		if (this.destroyOnClose()) return this.expanded();
+		if (this.lazy()) return this.hasBeenOpened();
+		return true;
+	}, ...ngDevMode ? [{ debugName: "shouldRenderBody" }] : /* istanbul ignore next */ []);
+	accordionClasses = computed(() => {
+		const classes = [
+			"lc-accordion",
+			`lc-accordion--${this.variant()}`,
+			`lc-accordion--${this.size()}`,
+			`lc-accordion--chevron-${this.chevronPosition()}`
+		];
+		if (this.expanded()) classes.push("lc-accordion--expanded");
+		if (this.disabled()) classes.push("lc-accordion--disabled");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "accordionClasses" }] : /* istanbul ignore next */ []);
+	toggle() {
+		if (!this.disabled()) this.expanded.update((v) => !v);
+	}
+	onKeydown(event) {
+		if (this.disabled()) return;
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			this.toggle();
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: AccordionComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: AccordionComponent,
+		isStandalone: true,
+		selector: "lc-accordion",
+		inputs: {
+			title: {
+				classPropertyName: "title",
+				publicName: "title",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			expanded: {
+				classPropertyName: "expanded",
+				publicName: "expanded",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			headingLevel: {
+				classPropertyName: "headingLevel",
+				publicName: "headingLevel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			chevronPosition: {
+				classPropertyName: "chevronPosition",
+				publicName: "chevronPosition",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			lazy: {
+				classPropertyName: "lazy",
+				publicName: "lazy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			destroyOnClose: {
+				classPropertyName: "destroyOnClose",
+				publicName: "destroyOnClose",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { expanded: "expandedChange" },
+		queries: [{
+			propertyName: "headerTemplate",
+			first: true,
+			predicate: AccordionHeaderDirective,
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "contentTemplate",
+			first: true,
+			predicate: AccordionContentDirective,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div [class]=\"accordionClasses()\">\n  <!-- The heading wrapper gives the disclosure button a heading level (WAI-ARIA accordion pattern). -->\n  <div class=\"lc-accordion__heading\" role=\"heading\" [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"lc-accordion__header\"\n      type=\"button\"\n      [id]=\"headerId\"\n      [attr.aria-expanded]=\"expanded()\"\n      [attr.aria-controls]=\"panelId\"\n      [attr.aria-label]=\"headerAriaLabel()\"\n      [attr.aria-disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n      (keydown)=\"onKeydown($event)\"\n    >\n      @if (headerTemplate(); as header) {\n        <span class=\"lc-accordion__header-content\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </span>\n      } @else {\n        <span class=\"lc-accordion__title\">{{ title() }}</span>\n      }\n      <lc-icon\n        class=\"lc-accordion__icon\"\n        name=\"chevron-down\"\n        size=\"sm\"\n        [decorative]=\"true\"\n      ></lc-icon>\n    </button>\n  </div>\n\n  <!--\n    A collapsed panel is `inert`: its eagerly projected body stays in the DOM\n    (for the height animation) but is neither focusable nor exposed to AT.\n  -->\n  <div\n    class=\"lc-accordion__panel\"\n    [id]=\"panelId\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"headerId\"\n    [attr.aria-hidden]=\"!expanded()\"\n    [attr.inert]=\"expanded() ? null : ''\"\n  >\n    <div class=\"lc-accordion__body\">\n      @if (contentTemplate(); as content) {\n        @if (shouldRenderBody()) {\n          <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n        }\n      } @else {\n        <ng-content></ng-content>\n      }\n    </div>\n  </div>\n</div>\n",
+		styles: [":host{display:block}.lc-accordion{border-radius:var(--border-radius-lg);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.lc-accordion--outlined{border:1px solid var(--lc-accordion-border, var(--color-border));background:var(--color-surface);box-shadow:var(--elevation-1)}.lc-accordion--outlined:hover:not(.lc-accordion--disabled){box-shadow:var(--elevation-1)}.lc-accordion--flat{border:none;background:transparent}.lc-accordion--disabled{opacity:.5;pointer-events:none}.lc-accordion__heading{display:block;margin:0}.lc-accordion__header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:var(--lc-accordion-header-padding, .875rem 1.125rem);font-weight:600;letter-spacing:-.01em;color:var(--lc-accordion-header-fg, var(--color-text-primary));background:var(--lc-accordion-header-bg, transparent);border:var(--lc-accordion-header-border, none);border-radius:0;cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-accordion__header:hover{background-color:var(--lc-accordion-header-hover-bg, var(--color-surface-hover))}.lc-accordion__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--border-radius-md)}.lc-accordion__header:disabled{cursor:not-allowed}.lc-accordion--sm .lc-accordion__header{padding:var(--lc-accordion-header-padding, .625rem .875rem);font-size:.8125rem}.lc-accordion--md .lc-accordion__header{padding:var(--lc-accordion-header-padding, .875rem 1.125rem);font-size:.9375rem}.lc-accordion--lg .lc-accordion__header{padding:var(--lc-accordion-header-padding, 1.125rem 1.375rem);font-size:1.0625rem}.lc-accordion__title{flex:1;text-align:left}.lc-accordion__header-content{display:flex;flex:1;min-width:0;align-items:center;gap:.75rem;text-align:left;font-weight:inherit}.lc-accordion__icon{flex-shrink:0;color:var(--color-text-secondary);transition:transform .3s cubic-bezier(.25,.46,.45,.94),color .2s ease}.lc-accordion--chevron-leading .lc-accordion__icon{order:-1}.lc-accordion__header:hover .lc-accordion__icon{color:var(--color-text-primary)}.lc-accordion--expanded .lc-accordion__icon{transform:rotate(-180deg)}.lc-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.lc-accordion--expanded .lc-accordion__panel{grid-template-rows:1fr}.lc-accordion__body{min-height:0;overflow:hidden;padding:0 1.125rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;opacity:0;transform:translateY(-4px);visibility:hidden;transition:opacity .2s ease 50ms,transform .2s ease 50ms,padding .3s cubic-bezier(.25,.46,.45,.94),visibility 0s linear .3s}.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, .875rem 1.125rem 1rem);opacity:1;transform:translateY(0);visibility:visible;transition:opacity .25s ease 80ms,transform .25s ease 80ms,padding .3s cubic-bezier(.25,.46,.45,.94),visibility 0s}.lc-accordion--sm .lc-accordion__body{padding:0 .875rem;font-size:.8125rem}.lc-accordion--sm.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, .625rem .875rem .75rem)}.lc-accordion--lg .lc-accordion__body{padding:0 1.375rem;font-size:.9375rem}.lc-accordion--lg.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, 1rem 1.375rem 1.25rem)}\n"],
+		dependencies: [{
+			kind: "component",
+			type: IconComponent,
+			selector: "lc-icon",
+			inputs: [
+				"name",
+				"variant",
+				"size",
+				"color",
+				"ariaLabel",
+				"decorative",
+				"strict"
+			]
+		}, {
+			kind: "directive",
+			type: NgTemplateOutlet,
+			selector: "[ngTemplateOutlet]",
+			inputs: [
+				"ngTemplateOutletContext",
+				"ngTemplateOutlet",
+				"ngTemplateOutletInjector"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: AccordionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-accordion",
+			standalone: true,
+			imports: [IconComponent, NgTemplateOutlet],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div [class]=\"accordionClasses()\">\n  <!-- The heading wrapper gives the disclosure button a heading level (WAI-ARIA accordion pattern). -->\n  <div class=\"lc-accordion__heading\" role=\"heading\" [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"lc-accordion__header\"\n      type=\"button\"\n      [id]=\"headerId\"\n      [attr.aria-expanded]=\"expanded()\"\n      [attr.aria-controls]=\"panelId\"\n      [attr.aria-label]=\"headerAriaLabel()\"\n      [attr.aria-disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n      (keydown)=\"onKeydown($event)\"\n    >\n      @if (headerTemplate(); as header) {\n        <span class=\"lc-accordion__header-content\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </span>\n      } @else {\n        <span class=\"lc-accordion__title\">{{ title() }}</span>\n      }\n      <lc-icon\n        class=\"lc-accordion__icon\"\n        name=\"chevron-down\"\n        size=\"sm\"\n        [decorative]=\"true\"\n      ></lc-icon>\n    </button>\n  </div>\n\n  <!--\n    A collapsed panel is `inert`: its eagerly projected body stays in the DOM\n    (for the height animation) but is neither focusable nor exposed to AT.\n  -->\n  <div\n    class=\"lc-accordion__panel\"\n    [id]=\"panelId\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"headerId\"\n    [attr.aria-hidden]=\"!expanded()\"\n    [attr.inert]=\"expanded() ? null : ''\"\n  >\n    <div class=\"lc-accordion__body\">\n      @if (contentTemplate(); as content) {\n        @if (shouldRenderBody()) {\n          <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n        }\n      } @else {\n        <ng-content></ng-content>\n      }\n    </div>\n  </div>\n</div>\n",
+			styles: [":host{display:block}.lc-accordion{border-radius:var(--border-radius-lg);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.lc-accordion--outlined{border:1px solid var(--lc-accordion-border, var(--color-border));background:var(--color-surface);box-shadow:var(--elevation-1)}.lc-accordion--outlined:hover:not(.lc-accordion--disabled){box-shadow:var(--elevation-1)}.lc-accordion--flat{border:none;background:transparent}.lc-accordion--disabled{opacity:.5;pointer-events:none}.lc-accordion__heading{display:block;margin:0}.lc-accordion__header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:var(--lc-accordion-header-padding, .875rem 1.125rem);font-weight:600;letter-spacing:-.01em;color:var(--lc-accordion-header-fg, var(--color-text-primary));background:var(--lc-accordion-header-bg, transparent);border:var(--lc-accordion-header-border, none);border-radius:0;cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-accordion__header:hover{background-color:var(--lc-accordion-header-hover-bg, var(--color-surface-hover))}.lc-accordion__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--border-radius-md)}.lc-accordion__header:disabled{cursor:not-allowed}.lc-accordion--sm .lc-accordion__header{padding:var(--lc-accordion-header-padding, .625rem .875rem);font-size:.8125rem}.lc-accordion--md .lc-accordion__header{padding:var(--lc-accordion-header-padding, .875rem 1.125rem);font-size:.9375rem}.lc-accordion--lg .lc-accordion__header{padding:var(--lc-accordion-header-padding, 1.125rem 1.375rem);font-size:1.0625rem}.lc-accordion__title{flex:1;text-align:left}.lc-accordion__header-content{display:flex;flex:1;min-width:0;align-items:center;gap:.75rem;text-align:left;font-weight:inherit}.lc-accordion__icon{flex-shrink:0;color:var(--color-text-secondary);transition:transform .3s cubic-bezier(.25,.46,.45,.94),color .2s ease}.lc-accordion--chevron-leading .lc-accordion__icon{order:-1}.lc-accordion__header:hover .lc-accordion__icon{color:var(--color-text-primary)}.lc-accordion--expanded .lc-accordion__icon{transform:rotate(-180deg)}.lc-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.lc-accordion--expanded .lc-accordion__panel{grid-template-rows:1fr}.lc-accordion__body{min-height:0;overflow:hidden;padding:0 1.125rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;opacity:0;transform:translateY(-4px);visibility:hidden;transition:opacity .2s ease 50ms,transform .2s ease 50ms,padding .3s cubic-bezier(.25,.46,.45,.94),visibility 0s linear .3s}.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, .875rem 1.125rem 1rem);opacity:1;transform:translateY(0);visibility:visible;transition:opacity .25s ease 80ms,transform .25s ease 80ms,padding .3s cubic-bezier(.25,.46,.45,.94),visibility 0s}.lc-accordion--sm .lc-accordion__body{padding:0 .875rem;font-size:.8125rem}.lc-accordion--sm.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, .625rem .875rem .75rem)}.lc-accordion--lg .lc-accordion__body{padding:0 1.375rem;font-size:.9375rem}.lc-accordion--lg.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, 1rem 1.375rem 1.25rem)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		title: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "title",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		expanded: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expanded",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["expandedChange"]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		headingLevel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headingLevel",
+				required: false
+			}]
+		}],
+		chevronPosition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "chevronPosition",
+				required: false
+			}]
+		}],
+		lazy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lazy",
+				required: false
+			}]
+		}],
+		destroyOnClose: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "destroyOnClose",
+				required: false
+			}]
+		}],
+		headerTemplate: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => AccordionHeaderDirective), { isSignal: true }]
+		}],
+		contentTemplate: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => AccordionContentDirective), { isSignal: true }]
+		}]
+	}
+});
+var AccordionGroupComponent = class AccordionGroupComponent {
+	multi = input(false, ...ngDevMode ? [{ debugName: "multi" }] : /* istanbul ignore next */ []);
+	accordions = contentChildren(AccordionComponent, ...ngDevMode ? [{ debugName: "accordions" }] : /* istanbul ignore next */ []);
+	previousExpanded = /* @__PURE__ */ new Set();
+	constructor() {
+		effect(() => {
+			const accordions = this.accordions();
+			const multi = this.multi();
+			const currentlyExpanded = accordions.filter((a) => a.expanded());
+			if (multi) {
+				this.previousExpanded = new Set(currentlyExpanded);
+				return;
+			}
+			const newlyExpanded = currentlyExpanded.find((a) => !this.previousExpanded.has(a));
+			if (newlyExpanded && currentlyExpanded.length > 1) untracked(() => {
+				accordions.forEach((a) => {
+					if (a !== newlyExpanded && a.expanded()) a.expanded.set(false);
+				});
+			});
+			this.previousExpanded = new Set(accordions.filter((a) => a.expanded()));
+		});
+	}
+	collapseAll() {
+		this.accordions().forEach((a) => a.expanded.set(false));
+	}
+	expandAll() {
+		this.accordions().forEach((a) => {
+			if (!a.disabled()) a.expanded.set(true);
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: AccordionGroupComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.2",
+		type: AccordionGroupComponent,
+		isStandalone: true,
+		selector: "lc-accordion-group",
+		inputs: { multi: {
+			classPropertyName: "multi",
+			publicName: "multi",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		queries: [{
+			propertyName: "accordions",
+			predicate: AccordionComponent,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<ng-content></ng-content>",
+		isInline: true,
+		styles: [":host{display:flex;flex-direction:column;gap:.5rem}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: AccordionGroupComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-accordion-group",
+			standalone: true,
+			template: "<ng-content></ng-content>",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			styles: [":host{display:flex;flex-direction:column;gap:.5rem}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		multi: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "multi",
+				required: false
+			}]
+		}],
+		accordions: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => AccordionComponent), { isSignal: true }]
+		}]
+	}
+});
+export { AccordionComponent, AccordionContentDirective, AccordionGroupComponent, AccordionHeaderDirective };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-accordion.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/accordion/accordion-header.directive.ts","../../../../libs/angular-ui-kit/src/lib/accordion/accordion-content.directive.ts","../../../../libs/angular-ui-kit/src/lib/accordion/accordion.component.ts","../../../../libs/angular-ui-kit/src/lib/accordion/accordion.component.html","../../../../libs/angular-ui-kit/src/lib/accordion/accordion-group.component.ts"],"sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\n/**\n * Marks an `<ng-template>` as the rich header content for an `<lc-accordion>`.\n *\n * When present, the projected template is rendered inside the header button\n * instead of the plain `title` string. The accordion still owns the disclosure\n * chevron, click/keyboard handling and focus ring — the consumer only supplies\n * the (non-interactive) inner content.\n *\n * A11y constraint: the header is itself a `<button>`, so the template must not\n * contain nested interactive elements (no button/link/input). Text, badges and\n * other non-interactive nodes only.\n *\n * @example\n * ```html\n * <lc-accordion variant=\"flat\" chevronPosition=\"leading\">\n *   <ng-template lcAccordionHeader>\n *     <span class=\"title\">Item label</span>\n *     <lc-badge variant=\"success\" size=\"sm\">Done</lc-badge>\n *     <span style=\"margin-left: auto;\">12:04</span>\n *   </ng-template>\n *   <div>Body…</div>\n * </lc-accordion>\n * ```\n */\n@Directive({\n  selector: '[lcAccordionHeader]',\n  standalone: true,\n})\nexport class AccordionHeaderDirective {\n  public readonly template = inject(TemplateRef<unknown>);\n}\n","import { Directive, TemplateRef, inject } from '@angular/core';\n\n/**\n * Marks an `<ng-template>` as the (optionally lazy) body content for an\n * `<lc-accordion>`.\n *\n * Unlike default `<ng-content>` projection — which Angular always instantiates\n * eagerly — a template referenced through this directive is only stamped out\n * when the accordion decides to render its body. That is what makes\n * `[lazy]=\"true\"` and `[destroyOnClose]=\"true\"` possible: expensive children\n * (HTTP-backed panels, charts, live-polling views) are not created until the\n * panel is first opened.\n *\n * @example\n * ```html\n * <lc-accordion [lazy]=\"true\">\n *   <ng-template lcAccordionContent>\n *     <expensive-panel [id]=\"id\" />\n *   </ng-template>\n * </lc-accordion>\n * ```\n */\n@Directive({\n  selector: '[lcAccordionContent]',\n  standalone: true,\n})\nexport class AccordionContentDirective {\n  public readonly template = inject(TemplateRef<unknown>);\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  model,\n  computed,\n  signal,\n  contentChild,\n  effect,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\nimport { AccordionHeaderDirective } from './accordion-header.directive';\nimport { AccordionContentDirective } from './accordion-content.directive';\n\n/** Unique id source for header/panel wiring (aria-controls / aria-labelledby). */\nlet accordionUid = 0;\n\n/** Where the disclosure chevron sits relative to the header content. */\nexport type AccordionChevronPosition = 'leading' | 'trailing';\n\n/**\n * Accordion component for collapsible content sections.\n *\n * Features:\n * - Expandable/collapsible content panels\n * - Two-way binding for expanded state\n * - Animated expand/collapse transitions\n * - Plain-string `title` **or** a rich projected header (`lcAccordionHeader`)\n * - Eager `<ng-content>` body **or** lazy/destroyable template body\n *   (`lcAccordionContent` + `[lazy]` / `[destroyOnClose]`)\n * - Accessible: header is a real `<button>` inside a heading with\n *   `aria-expanded` / `aria-controls`, keyboard support and a visible focus\n *   ring; the collapsed panel is `inert` (not focusable, hidden from AT)\n *\n * @example Plain (unchanged, fully backward compatible)\n * ```html\n * <lc-accordion title=\"Section Title\" [(expanded)]=\"isOpen\">\n *   <p>Collapsible content here</p>\n * </lc-accordion>\n * ```\n *\n * @example Rich header + lazy body\n * ```html\n * <lc-accordion variant=\"flat\" chevronPosition=\"leading\" [lazy]=\"true\">\n *   <ng-template lcAccordionHeader>\n *     <span class=\"title\">Item label</span>\n *     <lc-badge variant=\"success\" size=\"sm\">Done</lc-badge>\n *     <span style=\"margin-left: auto;\">12:04</span>\n *   </ng-template>\n *   <ng-template lcAccordionContent>\n *     <expensive-panel />\n *   </ng-template>\n * </lc-accordion>\n * ```\n */\n@Component({\n  selector: 'lc-accordion',\n  standalone: true,\n  imports: [IconComponent, NgTemplateOutlet],\n  templateUrl: './accordion.component.html',\n  styleUrl: './accordion.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccordionComponent {\n  /**\n   * Title displayed in the accordion header. Optional: when a\n   * `lcAccordionHeader` template is projected it takes precedence, and `title`\n   * (if set) becomes the header's accessible label fallback.\n   */\n  readonly title = input<string>('');\n\n  /**\n   * Explicit accessible label for the header button. Use this when the header\n   * is a rich template with no meaningful plain-text title. Falls back to\n   * `title` when omitted.\n   */\n  readonly ariaLabel = input<string>('');\n\n  /** Whether the accordion is expanded (two-way binding) */\n  readonly expanded = model<boolean>(false);\n\n  /** Visual variant */\n  readonly variant = input<'outlined' | 'flat'>('outlined');\n\n  /** Size of the header */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n\n  /** Whether the accordion is disabled */\n  readonly disabled = input<boolean>(false);\n\n  /**\n   * Heading level (1–6) announced for the header button, so the accordion\n   * fits into the surrounding document outline.\n   * @default 3\n   */\n  readonly headingLevel = input<1 | 2 | 3 | 4 | 5 | 6>(3);\n\n  /**\n   * Where the disclosure chevron sits. `'trailing'` (default) preserves the\n   * original layout. `'leading'` puts the chevron first so a right-aligned\n   * header element (e.g. a timestamp using `margin-left: auto`) stays pinned to\n   * the right edge.\n   */\n  readonly chevronPosition = input<AccordionChevronPosition>('trailing');\n\n  /**\n   * When `true`, a `lcAccordionContent` body is not instantiated until the\n   * panel is first expanded; once created it is kept in the DOM on collapse.\n   * Default `false` = today's behavior (projected immediately). Has no effect\n   * on default `<ng-content>` bodies, which Angular always projects eagerly.\n   */\n  readonly lazy = input<boolean>(false);\n\n  /**\n   * When `true`, a `lcAccordionContent` body is destroyed on collapse and\n   * recreated on the next open. Takes precedence over {@link lazy}.\n   */\n  readonly destroyOnClose = input<boolean>(false);\n\n  /** Rich header template, if projected via `lcAccordionHeader`. */\n  readonly headerTemplate = contentChild(AccordionHeaderDirective);\n\n  /** Lazy/deferred body template, if projected via `lcAccordionContent`. */\n  readonly contentTemplate = contentChild(AccordionContentDirective);\n\n  /** Stable ids wiring the header button to its panel for screen readers. */\n  protected readonly headerId = `lc-accordion-header-${accordionUid}`;\n  protected readonly panelId = `lc-accordion-panel-${accordionUid++}`;\n\n  /** Latches to `true` the first time the panel is opened (for lazy bodies). */\n  private readonly hasBeenOpened = signal(false);\n\n  constructor() {\n    // Record the first open so lazy bodies can render (and stay) afterwards.\n    effect(() => {\n      if (this.expanded()) {\n        this.hasBeenOpened.set(true);\n      }\n    });\n  }\n\n  /** Accessible label for the header button (explicit override, else title). */\n  protected readonly headerAriaLabel = computed(\n    () => this.ariaLabel() || this.title() || null\n  );\n\n  /**\n   * Whether the `lcAccordionContent` body should currently be in the DOM.\n   * - `destroyOnClose`: only while expanded.\n   * - `lazy`: from the first open onward.\n   * - otherwise: always (eager).\n   */\n  protected readonly shouldRenderBody = computed(() => {\n    if (this.destroyOnClose()) return this.expanded();\n    if (this.lazy()) return this.hasBeenOpened();\n    return true;\n  });\n\n  /** Computed CSS classes */\n  protected accordionClasses = computed(() => {\n    const classes = [\n      'lc-accordion',\n      `lc-accordion--${this.variant()}`,\n      `lc-accordion--${this.size()}`,\n      `lc-accordion--chevron-${this.chevronPosition()}`,\n    ];\n    if (this.expanded()) classes.push('lc-accordion--expanded');\n    if (this.disabled()) classes.push('lc-accordion--disabled');\n    return classes.join(' ');\n  });\n\n  /** Toggle expanded state */\n  protected toggle(): void {\n    if (!this.disabled()) {\n      this.expanded.update((v) => !v);\n    }\n  }\n\n  /** Handle keyboard events for accessibility */\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.disabled()) return;\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.toggle();\n    }\n  }\n}\n","<div [class]=\"accordionClasses()\">\n  <!-- The heading wrapper gives the disclosure button a heading level (WAI-ARIA accordion pattern). -->\n  <div class=\"lc-accordion__heading\" role=\"heading\" [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"lc-accordion__header\"\n      type=\"button\"\n      [id]=\"headerId\"\n      [attr.aria-expanded]=\"expanded()\"\n      [attr.aria-controls]=\"panelId\"\n      [attr.aria-label]=\"headerAriaLabel()\"\n      [attr.aria-disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n      (keydown)=\"onKeydown($event)\"\n    >\n      @if (headerTemplate(); as header) {\n        <span class=\"lc-accordion__header-content\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </span>\n      } @else {\n        <span class=\"lc-accordion__title\">{{ title() }}</span>\n      }\n      <lc-icon\n        class=\"lc-accordion__icon\"\n        name=\"chevron-down\"\n        size=\"sm\"\n        [decorative]=\"true\"\n      ></lc-icon>\n    </button>\n  </div>\n\n  <!--\n    A collapsed panel is `inert`: its eagerly projected body stays in the DOM\n    (for the height animation) but is neither focusable nor exposed to AT.\n  -->\n  <div\n    class=\"lc-accordion__panel\"\n    [id]=\"panelId\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"headerId\"\n    [attr.aria-hidden]=\"!expanded()\"\n    [attr.inert]=\"expanded() ? null : ''\"\n  >\n    <div class=\"lc-accordion__body\">\n      @if (contentTemplate(); as content) {\n        @if (shouldRenderBody()) {\n          <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n        }\n      } @else {\n        <ng-content></ng-content>\n      }\n    </div>\n  </div>\n</div>\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  contentChildren,\n  effect,\n  untracked,\n} from '@angular/core';\nimport { AccordionComponent } from './accordion.component';\n\n@Component({\n  selector: 'lc-accordion-group',\n  standalone: true,\n  template: '<ng-content></ng-content>',\n  styleUrl: './accordion-group.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccordionGroupComponent {\n  /** When false (default), only one accordion can be expanded at a time. */\n  readonly multi = input<boolean>(false);\n\n  readonly accordions = contentChildren(AccordionComponent);\n\n  private previousExpanded = new Set<AccordionComponent>();\n\n  constructor() {\n    effect(() => {\n      const accordions = this.accordions();\n      const multi = this.multi();\n\n      // Read expanded state of every child so the effect re-runs on change\n      const currentlyExpanded = accordions.filter((a) => a.expanded());\n\n      if (multi) {\n        this.previousExpanded = new Set(currentlyExpanded);\n        return;\n      }\n\n      // Find newly expanded accordion\n      const newlyExpanded = currentlyExpanded.find(\n        (a) => !this.previousExpanded.has(a)\n      );\n\n      if (newlyExpanded && currentlyExpanded.length > 1) {\n        untracked(() => {\n          accordions.forEach((a) => {\n            if (a !== newlyExpanded && a.expanded()) {\n              a.expanded.set(false);\n            }\n          });\n        });\n      }\n\n      this.previousExpanded = new Set(\n        accordions.filter((a) => a.expanded())\n      );\n    });\n  }\n\n  /** Collapse all accordions. */\n  collapseAll(): void {\n    this.accordions().forEach((a) => a.expanded.set(false));\n  }\n\n  /** Expand all accordions (only meaningful when multi=true). */\n  expandAll(): void {\n    this.accordions().forEach((a) => {\n      if (!a.disabled()) {\n        a.expanded.set(true);\n      }\n    });\n  }\n}\n"],"mappings":"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"}