@egose/shadcn-theme-ng-tw 0.0.28 → 0.2.0

package/switch/README.md

@@ -1,64 +1,311 @@
-# Switch
+# Switch (`@egose/shadcn-theme-ng/switch`)
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.2.0.
+A toggle switch, equivalent to [shadcn/ui Switch](https://ui.shadcn.com/docs/components/switch). This subpath ships `HlmSwitch` — a shadcn-styled `ControlValueAccessor` component wrapping spartan-ng's `BrnSwitch`/`BrnSwitchThumb` primitives — plus the `HlmSwitchThumb` styling directive for advanced use. Supports template-driven forms, reactive forms, and two-way `[(checked)]` binding out of the box.
 
-## Code scaffolding
+> **Ships as:** `@egose/shadcn-theme-ng/switch` and `@egose/shadcn-theme-ng-tw/switch` (the `tw:`-prefixed Tailwind variant). See the [package README](../../README.md) for install steps, peer dependencies, Tailwind setup, and testing/release guidance. Do not publish this project directory independently.
 
-Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+## Installation
 
 ```bash
-ng generate component component-name
+# Plain Tailwind (no prefix)
+npm install @egose/shadcn-theme-ng
+
+# Or the tw:-prefixed variant
+npm install @egose/shadcn-theme-ng-tw
 ```
 
-For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+`@spartan-ng/brain` arrives transitively; `FormsModule`/`ReactiveFormsModule` come from your app when you need form bindings. See the [package README](../../README.md) for the full peer-dependency table.
 
-```bash
-ng generate --help
+## Imports
+
+All public symbols are re-exported from `projects/switch/src/public-api.ts`:
+
+```ts
+import { HlmSwitch, HlmSwitchThumb, HlmSwitchImports, HlmSwitchModule } from '@egose/shadcn-theme-ng/switch';
+// tw variant:
+// import { HlmSwitch, HlmSwitchThumb, HlmSwitchImports, HlmSwitchModule } from '@egose/shadcn-theme-ng-tw/switch';
 ```
 
-## Building
+Standalone-component usage (preferred):
 
-To build the library, run:
+```ts
+import { Component } from '@angular/core';
+import { HlmSwitchImports } from '@egose/shadcn-theme-ng/switch';
 
-```bash
-ng build switch
+@Component({
+  selector: 'app-demo',
+  standalone: true,
+  imports: [...HlmSwitchImports],
+  template: `<hlm-switch />`,
+})
+export class DemoComponent {}
 ```
 
-This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+NgModule usage:
 
-### Publishing the Library
+```ts
+import { NgModule } from '@angular/core';
+import { HlmSwitchModule } from '@egose/shadcn-theme-ng/switch';
 
-Once the project is built, you can publish your library by following these steps:
+@NgModule({ imports: [HlmSwitchModule] })
+export class FeatureModule {}
+```
 
-1. Navigate to the `dist` directory:
+| Symbol             | Kind                 | Description                                                     |
+| ------------------ | -------------------- | --------------------------------------------------------------- |
+| `HlmSwitch`        | Standalone component | `<hlm-switch>` — styled switch with `ControlValueAccessor`.     |
+| `HlmSwitchThumb`   | Directive            | Thumb styling for custom `brn-switch` compositions (see below). |
+| `HlmSwitchImports` | `const` array        | `[HlmSwitch, HlmSwitchThumb]` — spread into `imports: [...]`.   |
+| `HlmSwitchModule`  | NgModule             | Imports + re-exports both for NgModule consumers.               |
 
-   ```bash
-   cd dist/switch
-   ```
+## Anatomy / Structure
 
-2. Run the `npm publish` command to publish your library to the npm registry:
-   ```bash
-   npm publish
-   ```
+```html
+<!-- basic -->
+<hlm-switch />
 
-## Running unit tests
+<!-- with label (always associate a visible label) -->
+<div class="flex items-center gap-2">
+  <hlm-switch id="airplane" />
+  <label hlmLabel for="airplane">Airplane mode</label>
+</div>
 
-To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+<!-- two-way binding + change output -->
+<hlm-switch [(checked)]="enabled" (changed)="onChanged($event)" />
 
-```bash
-ng test
+<!-- disabled -->
+<hlm-switch [disabled]="true" />
 ```
 
-## Running end-to-end tests
+The component renders an inner `<brn-switch>` + `<brn-switch-thumb hlm>` pair. The outer `<hlm-switch>` host uses `class="contents"` and nulls its own `id`/`aria-*` attributes — set `id`, `aria-label`, `aria-labelledby`, `aria-describedby` as inputs and they are forwarded to the inner `brn-switch`.
 
-For end-to-end (e2e) testing, run:
+## API reference
 
-```bash
-ng e2e
+### `HlmSwitch` — selector `hlm-switch` (component, `ControlValueAccessor`)
+
+| Input              | Type                                        | Default | Description                                                            |
+| ------------------ | ------------------------------------------- | ------- | ---------------------------------------------------------------------- |
+| `checked`          | `model<boolean>` (two-way bindable)         | `false` | Checked state. Supports `[(checked)]`.                                 |
+| `disabled`         | `boolean` (coerced with `booleanAttribute`) | `false` | Disabled state (also set via `setDisabledState` from forms).           |
+| `id`               | `string \| null`                            | `null`  | Forwarded to the inner `<brn-switch>` `id` (pairs with `<label for>`). |
+| `aria-label`       | `string \| null` (alias `ariaLabel`)        | `null`  | Forwarded `aria-label`.                                                |
+| `aria-labelledby`  | `string \| null` (alias `ariaLabelledby`)   | `null`  | Forwarded `aria-labelledby`.                                           |
+| `aria-describedby` | `string \| null` (alias `ariaDescribedby`)  | `null`  | Forwarded `aria-describedby` (e.g. hint text id).                      |
+| `class`            | `ClassValue` (aliased input `userClass`)    | `''`    | Extra classes merged onto the inner `brn-switch` track.                |
+
+| Output    | Type      | Description                               |
+| --------- | --------- | ----------------------------------------- |
+| `changed` | `boolean` | Emits whenever the checked state changes. |
+
+`ControlValueAccessor` methods (used by Angular forms, not called directly): `writeValue(value: boolean)`, `registerOnChange(fn)`, `registerOnTouched(fn)`, `setDisabledState(isDisabled: boolean)`. Also exports `EG_SWITCH_VALUE_ACCESSOR` (`NG_VALUE_ACCESSOR` provider).
+
+### `HlmSwitchThumb` — selector `brn-switch-thumb[hlm], [hlmSwitchThumb]` (directive)
+
+Thin styling directive for hand-built `brn-switch` compositions. Only one input:
+
+| Input   | Type         | Default | Description                                  |
+| ------- | ------------ | ------- | -------------------------------------------- |
+| `class` | `ClassValue` | `''`    | Extra classes merged onto the thumb element. |
+
+You rarely need this — `<hlm-switch>` already includes `<brn-switch-thumb hlm />` internally.
+
+## Examples
+
+### 1. Basic usage with label
+
+```ts
+// demo-basic.component.ts
+import { Component } from '@angular/core';
+import { HlmSwitchImports } from '@egose/shadcn-theme-ng/switch';
+import { HlmLabel } from '@egose/shadcn-theme-ng/label';
+
+@Component({
+  selector: 'demo-basic',
+  standalone: true,
+  imports: [...HlmSwitchImports, HlmLabel],
+  template: `
+    <div class="flex items-center gap-2">
+      <hlm-switch id="airplane" />
+      <label hlmLabel for="airplane">Airplane mode</label>
+    </div>
+  `,
+})
+export class DemoBasic {}
+```
+
+### 2. Two-way binding + `changed` output
+
+```ts
+// demo-bound.component.ts
+import { Component, signal } from '@angular/core';
+import { HlmSwitchImports } from '@egose/shadcn-theme-ng/switch';
+
+@Component({
+  selector: 'demo-bound',
+  standalone: true,
+  imports: [...HlmSwitchImports],
+  template: `
+    <hlm-switch [(checked)]="enabled" (changed)="log($event)" aria-label="Enable notifications" />
+    <p class="text-sm text-muted-foreground">Notifications {{ enabled() ? 'on' : 'off' }}</p>
+  `,
+})
+export class DemoBound {
+  readonly enabled = signal(true);
+
+  log(v: boolean) {
+    console.log('switch changed:', v);
+  }
+}
+```
+
+### 3. Reactive forms (`formControl`)
+
+`HlmSwitch` implements `ControlValueAccessor`, so `formControl` / `formControlName` work directly.
+
+```ts
+// demo-reactive.component.ts
+import { Component } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { HlmSwitchImports } from '@egose/shadcn-theme-ng/switch';
+
+@Component({
+  selector: 'demo-reactive',
+  standalone: true,
+  imports: [...HlmSwitchImports, ReactiveFormsModule],
+  template: `
+    <form [formGroup]="form" class="flex items-center gap-2">
+      <hlm-switch formControlName="marketing" id="marketing" />
+      <label for="marketing">Marketing emails</label>
+    </form>
+    <p class="text-sm">Value: {{ form.value | json }}</p>
+  `,
+})
+export class DemoReactive {
+  readonly form = new FormGroup({ marketing: new FormControl(false) });
+}
 ```
 
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+### 4. Template-driven forms (`ngModel`)
+
+```ts
+// demo-template.component.ts
+import { Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { HlmSwitchImports } from '@egose/shadcn-theme-ng/switch';
+
+@Component({
+  selector: 'demo-template',
+  standalone: true,
+  imports: [...HlmSwitchImports, FormsModule],
+  template: `
+    <hlm-switch [(ngModel)]="dark" name="dark" aria-label="Dark mode" />
+    <p class="text-sm">Dark mode {{ dark ? 'on' : 'off' }}</p>
+  `,
+})
+export class DemoTemplate {
+  dark = false;
+}
+```
+
+### 5. Disabled / loading states
+
+```ts
+// demo-states.component.ts
+import { Component, signal } from '@angular/core';
+import { HlmSwitchImports } from '@egose/shadcn-theme-ng/switch';
+
+@Component({
+  selector: 'demo-states',
+  standalone: true,
+  imports: [...HlmSwitchImports],
+  template: `
+    <div class="flex flex-col gap-3">
+      <div class="flex items-center gap-2">
+        <hlm-switch [checked]="true" [disabled]="true" />
+        <span class="text-sm">On, disabled</span>
+      </div>
+      <div class="flex items-center gap-2">
+        <hlm-switch [checked]="false" [disabled]="true" />
+        <span class="text-sm">Off, disabled</span>
+      </div>
+      <div class="flex items-center gap-2">
+        <hlm-switch [disabled]="saving()" aria-label="Sync" />
+        <span class="text-sm">{{ saving() ? 'Saving…' : 'Sync enabled' }}</span>
+      </div>
+    </div>
+  `,
+})
+export class DemoStates {
+  readonly saving = signal(true);
+}
+```
+
+> Disabled switches render `cursor-not-allowed` + `opacity-50` automatically via `data-[disabled=true]` styles.
+
+### 6. Advanced: settings list + custom thumb composition
+
+Settings-list pattern with descriptions wired via `aria-describedby`:
+
+```ts
+// demo-settings.component.ts
+import { Component, signal } from '@angular/core';
+import { HlmSwitchImports } from '@egose/shadcn-theme-ng/switch';
+
+@Component({
+  selector: 'demo-settings',
+  standalone: true,
+  imports: [...HlmSwitchImports],
+  template: `
+    <div class="flex items-center justify-between gap-4 rounded-lg border p-4">
+      <div>
+        <p class="text-sm font-medium">Two-factor authentication</p>
+        <p id="tfa-hint" class="text-sm text-muted-foreground">Require a code at sign-in.</p>
+      </div>
+      <hlm-switch [(checked)]="tfa" aria-describedby="tfa-hint" aria-label="Two-factor authentication" />
+    </div>
+  `,
+})
+export class DemoSettings {
+  readonly tfa = signal(false);
+}
+```
+
+Custom composition with `HlmSwitchThumb` directly on a `brn-switch` (rare — only when you need full control of the track):
+
+```ts
+// demo-custom.component.ts
+import { Component } from '@angular/core';
+import { BrnSwitch, BrnSwitchThumb } from '@spartan-ng/brain/switch';
+import { HlmSwitchThumb } from '@egose/shadcn-theme-ng/switch';
+
+@Component({
+  selector: 'demo-custom',
+  standalone: true,
+  imports: [BrnSwitch, BrnSwitchThumb, HlmSwitchThumb],
+  template: `
+    <brn-switch class="my-track-classes">
+      <brn-switch-thumb hlm class="my-thumb-overrides" />
+    </brn-switch>
+  `,
+})
+export class DemoCustom {}
+```
+
+## Accessibility notes
+
+- A switch must always have an accessible name: pair it with a visible `<label>` (via matching `id`/`for`), or set `aria-label` / `aria-labelledby`.
+- Use `aria-describedby` to associate hint text, as in the settings example above.
+- The inner `brn-switch` handles `role="switch"`, `aria-checked`, and keyboard interaction (Space/Enter); do not add your own key handlers.
+- Disabled switches are exposed as `aria-disabled`/`data-[disabled=true]` — keep them focusable-visible but non-interactive, and explain _why_ they are disabled in nearby text when it is not obvious.
+- Prefer switches for immediate-effect on/off settings; use a checkbox for multi-select or form-submission choices.
+
+## Theming / CSS variables
+
+The track uses theme tokens (`data-[state=checked]:bg-primary`, `bg-input`, `border-ring`, `ring-ring/50`) and the thumb uses `bg-background` / dark-mode `bg-foreground` / `bg-primary-foreground` shifts. Both follow your shadcn CSS-variable theme. Pass `class` to append/override track utilities (merged with `hlm()`).
 
-## Additional Resources
+## Related subpaths
 
-For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
+- `@egose/shadcn-theme-ng/label` — accessible labels for switches.
+- `@egose/shadcn-theme-ng/checkbox` — alternative boolean control for forms.
+- `@egose/shadcn-theme-ng/form-checkbox` — labeled checkbox+description field pattern.
+- `@egose/shadcn-theme-ng/toggle` — press-state button (vs. a switch track).

package/switch/fesm2022/switch.mjs

@@ -8,10 +8,10 @@ class HlmSwitchThumb {
     userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
     _computedClass = computed(() => hlm('tw:bg-background tw:dark:group-data-[state=unchecked]:bg-foreground tw:dark:group-data-[state=checked]:bg-primary-foreground tw:pointer-events-none tw:block tw:size-4 tw:rounded-full tw:ring-0 tw:transition-transform tw:data-[state=unchecked]:translate-x-0 tw:group-data-[state=checked]:translate-x-[calc(100%-2px)]', this.userClass()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSwitchThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmSwitchThumb, isStandalone: true, selector: "brn-switch-thumb[hlm],[hlmSwitchThumb]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSwitchThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmSwitchThumb, isStandalone: true, selector: "brn-switch-thumb[hlm],[hlmSwitchThumb]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSwitchThumb, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSwitchThumb, decorators: [{
             type: Directive,
             args: [{
                     selector: 'brn-switch-thumb[hlm],[hlmSwitchThumb]',
@@ -69,12 +69,11 @@ class HlmSwitch {
     setDisabledState(isDisabled) {
         this._disabled.set(isDisabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmSwitch, isStandalone: true, selector: "hlm-switch", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", 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 }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", changed: "changed" }, host: { properties: { "attr.id": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" }, classAttribute: "contents" }, providers: [EG_SWITCH_VALUE_ACCESSOR], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmSwitch, isStandalone: true, selector: "hlm-switch", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", 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 }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", changed: "changed" }, host: { properties: { "attr.id": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null" }, classAttribute: "contents" }, providers: [EG_SWITCH_VALUE_ACCESSOR], ngImport: i0, template: `
     <brn-switch
       [class]="_computedClass()"
       [checked]="checked()"
-      @ts-ignore
       (changed)="handleChange($event)"
       (touched)="_onTouched?.()"
       [disabled]="_disabled()"
@@ -87,13 +86,13 @@ class HlmSwitch {
     </brn-switch>
   `, isInline: true, dependencies: [{ kind: "component", type: BrnSwitchThumb, selector: "brn-switch-thumb" }, { kind: "component", type: BrnSwitch, selector: "brn-switch", inputs: ["checked", "id", "name", "class", "hostStyles", "size", "aria-label", "aria-labelledby", "aria-describedby", "required", "disabled", "tabIndex"], outputs: ["checkedChange", "touched"] }, { kind: "directive", type: HlmSwitchThumb, selector: "brn-switch-thumb[hlm],[hlmSwitchThumb]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSwitch, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSwitch, decorators: [{
             type: Component,
             args: [{
                     selector: 'hlm-switch',
                     imports: [BrnSwitchThumb, BrnSwitch, HlmSwitchThumb],
                     host: {
-                        class: 'contents',
+                        class: "tw:contents",
                         '[attr.id]': 'null',
                         '[attr.aria-label]': 'null',
                         '[attr.aria-labelledby]': 'null',
@@ -104,7 +103,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
     <brn-switch
       [class]="_computedClass()"
       [checked]="checked()"
-      @ts-ignore
       (changed)="handleChange($event)"
       (touched)="_onTouched?.()"
       [disabled]="_disabled()"
@@ -126,11 +124,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 const HlmSwitchImports = [HlmSwitch, HlmSwitchThumb];
 class HlmSwitchModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmSwitchModule, imports: [HlmSwitch, HlmSwitchThumb], exports: [HlmSwitch, HlmSwitchThumb] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSwitchModule, imports: [HlmSwitch] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmSwitchModule, imports: [HlmSwitch, HlmSwitchThumb], exports: [HlmSwitch, HlmSwitchThumb] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSwitchModule, imports: [HlmSwitch] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmSwitchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSwitchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmSwitchImports],
@@ -143,4 +141,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 
 export { EG_SWITCH_VALUE_ACCESSOR, HlmSwitch, HlmSwitchImports, HlmSwitchModule, HlmSwitchThumb };
-//# sourceMappingURL=switch.mjs.map
+