@ojiepermana/angular 22.1.14 → 22.2.0

package/fesm2022/ojiepermana-angular-component-spinner.mjs

@@ -1,17 +1,77 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, computed, Component } from '@angular/core';
-import { cn } from '@ojiepermana/angular/component/utils/core';
-
-class SpinnerComponent {
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    decorative = input(false, { ...(ngDevMode ? { debugName: "decorative" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    ariaLabel = input('Loading', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
-    ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
-    classes = computed(() => cn('inline-flex size-4 shrink-0 items-center justify-center align-middle text-current', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: SpinnerComponent, isStandalone: true, selector: "Spinner", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "spinner" }, properties: { "class": "classes()", "attr.role": "decorative() ? null : \"status\"", "attr.aria-hidden": "decorative() ? \"true\" : null", "attr.aria-label": "decorative() || ariaLabelledby() ? null : ariaLabel()", "attr.aria-labelledby": "decorative() ? null : ariaLabelledby()" } }, ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { Component, booleanAttribute, computed, input } from "@angular/core";
+import { cn } from "@ojiepermana/angular/component/utils/core";
+var SpinnerComponent = class SpinnerComponent {
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	decorative = input(false, {
+		...ngDevMode ? { debugName: "decorative" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	ariaLabel = input("Loading", {
+		...ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {},
+		alias: "aria-label"
+	});
+	ariaLabelledby = input(null, {
+		...ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {},
+		alias: "aria-labelledby"
+	});
+	classes = computed(() => cn("inline-flex size-4 shrink-0 items-center justify-center align-middle text-current", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SpinnerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: SpinnerComponent,
+		isStandalone: true,
+		selector: "Spinner",
+		inputs: {
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			decorative: {
+				classPropertyName: "decorative",
+				publicName: "decorative",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "aria-label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabelledby: {
+				classPropertyName: "ariaLabelledby",
+				publicName: "aria-labelledby",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "data-slot": "spinner" },
+			properties: {
+				"class": "classes()",
+				"attr.role": "decorative() ? null : \"status\"",
+				"attr.aria-hidden": "decorative() ? \"true\" : null",
+				"attr.aria-label": "decorative() || ariaLabelledby() ? null : ariaLabel()",
+				"attr.aria-labelledby": "decorative() ? null : ariaLabelledby()"
+			}
+		},
+		ngImport: i0,
+		template: `
     <svg
       aria-hidden="true"
       class="size-full animate-spin motion-reduce:animate-none"
@@ -23,21 +83,28 @@ class SpinnerComponent {
       <circle cx="12" cy="12" r="9" class="opacity-20" />
       <path d="M21 12a9 9 0 0 0-9-9" stroke-linecap="round" />
     </svg>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SpinnerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'Spinner',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.role]': 'decorative() ? null : "status"',
-                        '[attr.aria-hidden]': 'decorative() ? "true" : null',
-                        '[attr.aria-label]': 'decorative() || ariaLabelledby() ? null : ariaLabel()',
-                        '[attr.aria-labelledby]': 'decorative() ? null : ariaLabelledby()',
-                        'data-slot': 'spinner',
-                    },
-                    template: `
+  `,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SpinnerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "Spinner",
+			host: {
+				"[class]": "classes()",
+				"[attr.role]": "decorative() ? null : \"status\"",
+				"[attr.aria-hidden]": "decorative() ? \"true\" : null",
+				"[attr.aria-label]": "decorative() || ariaLabelledby() ? null : ariaLabel()",
+				"[attr.aria-labelledby]": "decorative() ? null : ariaLabelledby()",
+				"data-slot": "spinner"
+			},
+			template: `
     <svg
       aria-hidden="true"
       class="size-full animate-spin motion-reduce:animate-none"
@@ -49,12 +116,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
       <circle cx="12" cy="12" r="9" class="opacity-20" />
       <path d="M21 12a9 9 0 0 0-9-9" stroke-linecap="round" />
     </svg>
-  `,
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SpinnerComponent };
+  `
+		}]
+	}],
+	propDecorators: {
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}],
+		decorative: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decorative",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-label",
+				required: false
+			}]
+		}],
+		ariaLabelledby: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-labelledby",
+				required: false
+			}]
+		}]
+	}
+});
+export { SpinnerComponent };

package/fesm2022/ojiepermana-angular-component-switch.mjs

@@ -1,86 +1,192 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, viewChild, signal, computed, forwardRef, Component } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { injectUniqueId, cn } from '@ojiepermana/angular/component/utils/core';
-
-/**
- * Switch built on a native `<input type="checkbox" role="switch">` (shadcn
- * pattern) — no Material dependency.
- */
-class SwitchComponent {
-    id = input(injectUniqueId('Switch'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
-    name = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
-    ariaDescribedby = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedby" } : /* istanbul ignore next */ {}), alias: 'aria-describedby' });
-    ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
-    ariaInvalid = input(null, { ...(ngDevMode ? { debugName: "ariaInvalid" } : /* istanbul ignore next */ {}), alias: 'aria-invalid' });
-    size = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    checkedChange = output();
-    ref = viewChild.required('ref', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ref" }] : /* istanbul ignore next */ []));
-    checked = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
-    disabledState = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
-    ariaInvalidAttr = computed(() => {
-        const value = this.ariaInvalid();
-        if (value === false || value === 'false' || value == null) {
-            return null;
-        }
-        return value === true || value === '' ? 'true' : `${value}`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaInvalidAttr" }] : /* istanbul ignore next */ []));
-    isDisabled = computed(() => this.disabled() || this.disabledState(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
-    hostClasses = computed(() => cn('Switch inline-flex', this.size() === 'sm' ? 'switch-sm' : 'switch-default', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
-    labelClasses = computed(() => cn('inline-flex select-none items-center gap-2 text-sm font-medium leading-none', this.isDisabled() ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []));
-    trackClasses = computed(() => cn('inline-flex shrink-0 items-center rounded-full border-2 border-transparent shadow-sm transition-colors', 'peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background', this.size() === 'sm' ? 'h-4 w-7' : 'h-5 w-9', this.ariaInvalidAttr() === 'true'
-        ? 'bg-destructive'
-        : this.checked()
-            ? 'bg-primary'
-            : 'bg-input'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "trackClasses" }] : /* istanbul ignore next */ []));
-    thumbClasses = computed(() => cn('pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform', this.size() === 'sm' ? 'size-3' : 'size-4', this.checked() ? (this.size() === 'sm' ? 'translate-x-3' : 'translate-x-4') : 'translate-x-0'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "thumbClasses" }] : /* istanbul ignore next */ []));
-    onChange = () => { };
-    onTouched = () => { };
-    handleChange(event) {
-        const next = event.target.checked;
-        this.checked.set(next);
-        this.onChange(next);
-        this.checkedChange.emit(next);
-    }
-    handleBlur() {
-        this.onTouched();
-    }
-    focus() {
-        this.ref().nativeElement.focus();
-    }
-    writeValue(v) {
-        this.checked.set(!!v);
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(d) {
-        this.disabledState.set(d);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.6", type: SwitchComponent, isStandalone: true, selector: "Switch", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaInvalid: { classPropertyName: "ariaInvalid", publicName: "aria-invalid", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "class": "hostClasses()" } }, providers: [
-            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SwitchComponent), multi: true },
-        ], viewQueries: [{ propertyName: "ref", first: true, predicate: ["ref"], descendants: true, isSignal: true }], ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { Component, booleanAttribute, computed, forwardRef, input, model, output, signal, viewChild } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { cn, injectUniqueId } from "@ojiepermana/angular/component/utils/core";
+var SwitchComponent = class SwitchComponent {
+	id = input(injectUniqueId("Switch"), ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	name = input("", {
+		...ngDevMode ? { debugName: "name" } : /* istanbul ignore next */ {},
+		transform: (value) => value == null ? "" : String(value)
+	});
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	required = input(false, {
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	ariaLabel = input(null, {
+		...ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {},
+		alias: "aria-label"
+	});
+	ariaDescribedby = input(null, {
+		...ngDevMode ? { debugName: "ariaDescribedby" } : /* istanbul ignore next */ {},
+		alias: "aria-describedby"
+	});
+	ariaLabelledby = input(null, {
+		...ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {},
+		alias: "aria-labelledby"
+	});
+	ariaInvalid = input(null, {
+		...ngDevMode ? { debugName: "ariaInvalid" } : /* istanbul ignore next */ {},
+		alias: "aria-invalid"
+	});
+	size = input("default", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
+	checkedChange = this.checked;
+	touch = output();
+	ref = viewChild.required("ref", ...ngDevMode ? [{ debugName: "ref" }] : /* istanbul ignore next */ []);
+	disabledState = signal(false, ...ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []);
+	ariaInvalidAttr = computed(() => {
+		const value = this.ariaInvalid();
+		if (value === false || value === "false" || value == null) return null;
+		return value === true || value === "" ? "true" : `${value}`;
+	}, ...ngDevMode ? [{ debugName: "ariaInvalidAttr" }] : /* istanbul ignore next */ []);
+	isDisabled = computed(() => this.disabled() || this.disabledState(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	hostClasses = computed(() => cn("Switch inline-flex", this.size() === "sm" ? "switch-sm" : "switch-default", this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
+	labelClasses = computed(() => cn("inline-flex select-none items-center gap-2 text-sm font-medium leading-none", this.isDisabled() ? "cursor-not-allowed opacity-50" : "cursor-pointer"), ...ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []);
+	trackClasses = computed(() => cn("inline-flex shrink-0 items-center rounded-full border-2 border-transparent shadow-sm transition-colors", "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background", this.size() === "sm" ? "h-4 w-7" : "h-5 w-9", this.ariaInvalidAttr() === "true" ? "bg-destructive" : this.checked() ? "bg-primary" : "bg-input"), ...ngDevMode ? [{ debugName: "trackClasses" }] : /* istanbul ignore next */ []);
+	thumbClasses = computed(() => cn("pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform", this.size() === "sm" ? "size-3" : "size-4", this.checked() ? this.size() === "sm" ? "translate-x-3" : "translate-x-4" : "translate-x-0"), ...ngDevMode ? [{ debugName: "thumbClasses" }] : /* istanbul ignore next */ []);
+	onChange = () => {};
+	onTouched = () => {};
+	handleChange(event) {
+		const next = event.target.checked;
+		this.checked.set(next);
+		this.onChange(next);
+	}
+	handleBlur() {
+		this.onTouched();
+		this.touch.emit();
+	}
+	focus() {
+		this.ref().nativeElement.focus();
+	}
+	writeValue(v) {
+		this.checked.set(!!v);
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(d) {
+		this.disabledState.set(d);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SwitchComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.0",
+		type: SwitchComponent,
+		isStandalone: true,
+		selector: "Switch",
+		inputs: {
+			id: {
+				classPropertyName: "id",
+				publicName: "id",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "aria-label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaDescribedby: {
+				classPropertyName: "ariaDescribedby",
+				publicName: "aria-describedby",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabelledby: {
+				classPropertyName: "ariaLabelledby",
+				publicName: "aria-labelledby",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaInvalid: {
+				classPropertyName: "ariaInvalid",
+				publicName: "aria-invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			checked: {
+				classPropertyName: "checked",
+				publicName: "checked",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			checked: "checkedChange",
+			touch: "touch"
+		},
+		host: { properties: { "class": "hostClasses()" } },
+		providers: [{
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => SwitchComponent),
+			multi: true
+		}],
+		viewQueries: [{
+			propertyName: "ref",
+			first: true,
+			predicate: ["ref"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
     <label [class]="labelClasses()" [attr.for]="id()">
       <input
         #ref
@@ -104,17 +210,26 @@ class SwitchComponent {
       </span>
       <ng-content />
     </label>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SwitchComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'Switch',
-                    providers: [
-                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SwitchComponent), multi: true },
-                    ],
-                    host: { '[class]': 'hostClasses()' },
-                    template: `
+  `,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SwitchComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "Switch",
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => SwitchComponent),
+				multi: true
+			}],
+			host: { "[class]": "hostClasses()" },
+			template: `
     <label [class]="labelClasses()" [attr.for]="id()">
       <input
         #ref
@@ -138,12 +253,109 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
       </span>
       <ng-content />
     </label>
-  `,
-                }]
-        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-invalid", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], checkedChange: [{ type: i0.Output, args: ["checkedChange"] }], ref: [{ type: i0.ViewChild, args: ['ref', { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SwitchComponent };
+  `
+		}]
+	}],
+	propDecorators: {
+		id: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "id",
+				required: false
+			}]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-label",
+				required: false
+			}]
+		}],
+		ariaDescribedby: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-describedby",
+				required: false
+			}]
+		}],
+		ariaLabelledby: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-labelledby",
+				required: false
+			}]
+		}],
+		ariaInvalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-invalid",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}],
+		checked: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "checked",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["checkedChange"]
+		}],
+		touch: [{
+			type: i0.Output,
+			args: ["touch"]
+		}],
+		ref: [{
+			type: i0.ViewChild,
+			args: ["ref", { isSignal: true }]
+		}]
+	}
+});
+export { SwitchComponent };