@lilydesignsystem/angular-headless 0.4.0 → 0.5.0

package/README.md

@@ -1,6 +1,6 @@
 # Lily Design System™ - Angular Headless
 
-A headless Angular 20 component library implementing the Lily Design System catalog (490 components).
+A headless Angular component library (Angular 20–22 peer range) implementing the Lily Design System catalog (571 components).
 
 Components are standalone, signal-based, zero-CSS, and ship semantic HTML + ARIA only. Consumers provide all styling via the kebab-case class hooks documented in `css-style-sheet-template.css`.
 
@@ -43,7 +43,7 @@ See `AGENTS.md` for the full architecture, component pattern, testing convention
 
 ## Status
 
-Initial scaffold. Infrastructure (package.json, vitest, tsconfig, ng-packagr config) and the full 490-component catalog are in place. Each component is a standalone Angular 20 component with signal inputs and OnPush change detection.
+Complete and published: all 571 catalog components as standalone, signal-based, OnPush Angular components (peer range Angular `>=20 <23`), each with a vitest spec and a Storybook story. Version 0.4.0.
 
 ---
 

package/fesm2022/lilydesignsystem-angular-headless.mjs

@@ -12078,7 +12078,11 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var DateRange = class DateRange {
 	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	startLabel = input("", ...ngDevMode ? [{ debugName: "startLabel" }] : /* istanbul ignore next */ []);
+	endLabel = input("", ...ngDevMode ? [{ debugName: "endLabel" }] : /* istanbul ignore next */ []);
 	className = input("", ...ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []);
+	start = model("", ...ngDevMode ? [{ debugName: "start" }] : /* istanbul ignore next */ []);
+	end = model("", ...ngDevMode ? [{ debugName: "end" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
@@ -12101,16 +12105,63 @@ var DateRange = class DateRange {
 				isRequired: false,
 				transformFunction: null
 			},
+			startLabel: {
+				classPropertyName: "startLabel",
+				publicName: "startLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			endLabel: {
+				classPropertyName: "endLabel",
+				publicName: "endLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			className: {
 				classPropertyName: "className",
 				publicName: "className",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			start: {
+				classPropertyName: "start",
+				publicName: "start",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			end: {
+				classPropertyName: "end",
+				publicName: "end",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
+		outputs: {
+			start: "startChange",
+			end: "endChange"
+		},
 		ngImport: i0,
-		template: `<div class="date-range {{ className() }}" [attr.aria-label]="label() || null"><ng-content /></div>`,
+		template: `<fieldset class="date-range {{ className() }}" [attr.aria-label]="label() || null">
+    <input
+      class="date-input"
+      type="date"
+      [attr.aria-label]="startLabel() || null"
+      [value]="start()"
+      (input)="start.set($any($event.target).value)"
+    />
+    <input
+      class="date-input"
+      type="date"
+      [attr.aria-label]="endLabel() || null"
+      [value]="end()"
+      (input)="end.set($any($event.target).value)"
+    />
+  </fieldset>`,
 		isInline: true,
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
@@ -12125,7 +12176,22 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "lily-date-range",
 			standalone: true,
-			template: `<div class="date-range {{ className() }}" [attr.aria-label]="label() || null"><ng-content /></div>`,
+			template: `<fieldset class="date-range {{ className() }}" [attr.aria-label]="label() || null">
+    <input
+      class="date-input"
+      type="date"
+      [attr.aria-label]="startLabel() || null"
+      [value]="start()"
+      (input)="start.set($any($event.target).value)"
+    />
+    <input
+      class="date-input"
+      type="date"
+      [attr.aria-label]="endLabel() || null"
+      [value]="end()"
+      (input)="end.set($any($event.target).value)"
+    />
+  </fieldset>`,
 			changeDetection: ChangeDetectionStrategy.OnPush
 		}]
 	}],
@@ -12138,6 +12204,22 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		startLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "startLabel",
+				required: false
+			}]
+		}],
+		endLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "endLabel",
+				required: false
+			}]
+		}],
 		className: [{
 			type: i0.Input,
 			args: [{
@@ -12145,6 +12227,28 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "className",
 				required: false
 			}]
+		}],
+		start: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "start",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["startChange"]
+		}],
+		end: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "end",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["endChange"]
 		}]
 	}
 });
@@ -37431,6 +37535,7 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var ReviewDate = class ReviewDate {
 	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	datetime = input("", ...ngDevMode ? [{ debugName: "datetime" }] : /* istanbul ignore next */ []);
 	className = input("", ...ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
@@ -37454,6 +37559,13 @@ var ReviewDate = class ReviewDate {
 				isRequired: false,
 				transformFunction: null
 			},
+			datetime: {
+				classPropertyName: "datetime",
+				publicName: "datetime",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			className: {
 				classPropertyName: "className",
 				publicName: "className",
@@ -37463,7 +37575,12 @@ var ReviewDate = class ReviewDate {
 			}
 		},
 		ngImport: i0,
-		template: `<div class="review-date {{ className() }}" [attr.aria-label]="label() || null"><ng-content /></div>`,
+		template: `<time
+    class="review-date {{ className() }}"
+    [attr.aria-label]="label() || null"
+    [attr.datetime]="datetime() || null"
+    ><ng-content
+  /></time>`,
 		isInline: true,
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
@@ -37478,7 +37595,12 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "lily-review-date",
 			standalone: true,
-			template: `<div class="review-date {{ className() }}" [attr.aria-label]="label() || null"><ng-content /></div>`,
+			template: `<time
+    class="review-date {{ className() }}"
+    [attr.aria-label]="label() || null"
+    [attr.datetime]="datetime() || null"
+    ><ng-content
+  /></time>`,
 			changeDetection: ChangeDetectionStrategy.OnPush
 		}]
 	}],
@@ -37491,6 +37613,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		datetime: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "datetime",
+				required: false
+			}]
+		}],
 		className: [{
 			type: i0.Input,
 			args: [{