@semantic-components/ui 0.65.0 → 0.67.0

package/esm2022/lib/components/sheet/sheet-title.js

@@ -0,0 +1,23 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '../../utils';
+import { ScSheet } from './sheet';
+import * as i0 from "@angular/core";
+export class ScSheetTitle {
+    sheet = inject(ScSheet);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-lg font-semibold text-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSheetTitle, isStandalone: true, selector: "h2[scSheetTitle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-title" }, properties: { "id": "sheet.titleId", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'h2[scSheetTitle]',
+                    host: {
+                        'data-slot': 'sheet-title',
+                        '[id]': 'sheet.titleId',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=sheet-title.js.map

package/esm2022/lib/components/sheet/sheet-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-title.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/sheet/sheet-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;;AAUlC,MAAM,OAAO,YAAY;IACd,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,uCAAuC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC/D,CAAC;uGANS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBARxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,MAAM,EAAE,eAAe;wBACvB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScSheet } from './sheet';\n\n@Directive({\n  selector: 'h2[scSheetTitle]',\n  host: {\n    'data-slot': 'sheet-title',\n    '[id]': 'sheet.titleId',\n    '[class]': 'class()',\n  },\n})\nexport class ScSheetTitle {\n  readonly sheet = inject(ScSheet);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('text-lg font-semibold text-foreground', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/sheet/sheet-trigger.js

@@ -0,0 +1,28 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '../../utils';
+import { ScSheetProvider } from './sheet-provider';
+import * as i0 from "@angular/core";
+export class ScSheetTrigger {
+    sheetProvider = inject(ScSheetProvider);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    openSheet() {
+        this.sheetProvider.open.set(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSheetTrigger, isStandalone: true, selector: "button[scSheetTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-trigger" }, listeners: { "click": "openSheet()" }, properties: { "class": "class()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "sheetProvider.open()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[scSheetTrigger]',
+                    host: {
+                        'data-slot': 'sheet-trigger',
+                        '[class]': 'class()',
+                        '[attr.aria-haspopup]': '"dialog"',
+                        '[attr.aria-expanded]': 'sheetProvider.open()',
+                        '(click)': 'openSheet()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=sheet-trigger.js.map

package/esm2022/lib/components/sheet/sheet-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/sheet/sheet-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;;AAYnD,MAAM,OAAO,cAAc;IAChB,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IACxC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAAC,CAAC;IAErE,SAAS;QACP,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;uGARU,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAV1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,SAAS,EAAE,SAAS;wBACpB,sBAAsB,EAAE,UAAU;wBAClC,sBAAsB,EAAE,sBAAsB;wBAC9C,SAAS,EAAE,aAAa;qBACzB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScSheetProvider } from './sheet-provider';\n\n@Directive({\n  selector: 'button[scSheetTrigger]',\n  host: {\n    'data-slot': 'sheet-trigger',\n    '[class]': 'class()',\n    '[attr.aria-haspopup]': '\"dialog\"',\n    '[attr.aria-expanded]': 'sheetProvider.open()',\n    '(click)': 'openSheet()',\n  },\n})\nexport class ScSheetTrigger {\n  readonly sheetProvider = inject(ScSheetProvider);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => cn('', this.classInput()));\n\n  openSheet(): void {\n    this.sheetProvider.open.set(true);\n  }\n}\n"]}

package/esm2022/lib/components/sheet/sheet.js

@@ -0,0 +1,64 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScSheetProvider } from './sheet-provider';
+import * as i0 from "@angular/core";
+export class ScSheet {
+    elementRef = inject((ElementRef));
+    sheetProvider = inject(ScSheetProvider);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    state = signal('idle', ...(ngDevMode ? [{ debugName: "state" }] : []));
+    sheetId = inject(_IdGenerator).getId('sc-sheet-');
+    titleId = `${this.sheetId}-title`;
+    descriptionId = `${this.sheetId}-description`;
+    class = computed(() => cn('bg-background fixed z-50 flex flex-col gap-4 p-6 shadow-lg duration-200 ease-in-out transition', 
+    // Position based on side
+    'data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t', 'data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:sm:max-w-sm', 'data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:sm:max-w-sm', 'data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b', 
+    // Animations
+    'data-idle:opacity-0', 'data-open:animate-in data-open:fade-in-0', 'data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10', 'data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10', 'data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10', 'data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10', 'data-closed:animate-out data-closed:fade-out-0', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        // Sync state with provider's open signal
+        effect(() => {
+            const isOpen = this.sheetProvider.open();
+            this.state.set(isOpen ? 'open' : 'closed');
+        });
+    }
+    onAnimationEnd(event) {
+        // Only trigger cleanup when close animation completes
+        if (this.state() === 'closed' &&
+            event.target === this.elementRef.nativeElement) {
+            this.state.set('idle');
+            this.sheetProvider.onSheetAnimationComplete();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheet, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScSheet, isStandalone: true, selector: "div[scSheet]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet", "role": "dialog", "aria-modal": "true" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "attr.aria-labelledby": "titleId", "attr.aria-describedby": "descriptionId", "attr.data-side": "sheetProvider.side()", "attr.data-idle": "state() === \"idle\" ? \"\" : null", "attr.data-open": "state() === \"open\" ? \"\" : null", "attr.data-closed": "state() === \"closed\" ? \"\" : null", "class": "class()", "tabindex": "-1" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheet, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scSheet]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'sheet',
+                        role: 'dialog',
+                        'aria-modal': 'true',
+                        '[attr.aria-labelledby]': 'titleId',
+                        '[attr.aria-describedby]': 'descriptionId',
+                        '[attr.data-side]': 'sheetProvider.side()',
+                        '[attr.data-idle]': 'state() === "idle" ? "" : null',
+                        '[attr.data-open]': 'state() === "open" ? "" : null',
+                        '[attr.data-closed]': 'state() === "closed" ? "" : null',
+                        '[class]': 'class()',
+                        '[tabindex]': '-1',
+                        '(animationend)': 'onAnimationEnd($event)',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=sheet.js.map

package/esm2022/lib/components/sheet/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/sheet/sheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;;AA0BnD,MAAM,OAAO,OAAO;IACD,UAAU,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAErD,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IACxC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACzC,KAAK,GAAG,MAAM,CAAe,MAAM,iDAAC,CAAC;IAE/C,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAClD,OAAO,GAAG,GAAG,IAAI,CAAC,OAAO,QAAQ,CAAC;IAClC,aAAa,GAAG,GAAG,IAAI,CAAC,OAAO,cAAc,CAAC;IAEpC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gGAAgG;IAChG,yBAAyB;IACzB,gHAAgH,EAChH,0JAA0J,EAC1J,iKAAiK,EACjK,iGAAiG;IACjG,aAAa;IACb,qBAAqB,EACrB,0CAA0C,EAC1C,wGAAwG,EACxG,oGAAoG,EACpG,gGAAgG,EAChG,4GAA4G,EAC5G,gDAAgD,EAChD,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF;QACE,yCAAyC;QACzC,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YACzC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;IAES,cAAc,CAAC,KAAqB;QAC5C,sDAAsD;QACtD,IACE,IAAI,CAAC,KAAK,EAAE,KAAK,QAAQ;YACzB,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,CAAC,aAAa,EAC9C,CAAC;YACD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,wBAAwB,EAAE,CAAC;QAChD,CAAC;IACH,CAAC;uGAhDU,OAAO;2FAAP,OAAO,gsBApBR;;GAET;;2FAkBU,OAAO;kBAtBnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,OAAO;wBACpB,IAAI,EAAE,QAAQ;wBACd,YAAY,EAAE,MAAM;wBACpB,wBAAwB,EAAE,SAAS;wBACnC,yBAAyB,EAAE,eAAe;wBAC1C,kBAAkB,EAAE,sBAAsB;wBAC1C,kBAAkB,EAAE,gCAAgC;wBACpD,kBAAkB,EAAE,gCAAgC;wBACpD,oBAAoB,EAAE,kCAAkC;wBACxD,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,IAAI;wBAClB,gBAAgB,EAAE,wBAAwB;qBAC3C;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScSheetProvider } from './sheet-provider';\n\ntype ScSheetState = 'idle' | 'open' | 'closed';\n\n@Component({\n  selector: 'div[scSheet]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'sheet',\n    role: 'dialog',\n    'aria-modal': 'true',\n    '[attr.aria-labelledby]': 'titleId',\n    '[attr.aria-describedby]': 'descriptionId',\n    '[attr.data-side]': 'sheetProvider.side()',\n    '[attr.data-idle]': 'state() === \"idle\" ? \"\" : null',\n    '[attr.data-open]': 'state() === \"open\" ? \"\" : null',\n    '[attr.data-closed]': 'state() === \"closed\" ? \"\" : null',\n    '[class]': 'class()',\n    '[tabindex]': '-1',\n    '(animationend)': 'onAnimationEnd($event)',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSheet {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  readonly sheetProvider = inject(ScSheetProvider);\n  readonly classInput = input<string>('', { alias: 'class' });\n  protected readonly state = signal<ScSheetState>('idle');\n\n  readonly sheetId = inject(_IdGenerator).getId('sc-sheet-');\n  readonly titleId = `${this.sheetId}-title`;\n  readonly descriptionId = `${this.sheetId}-description`;\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-background fixed z-50 flex flex-col gap-4 p-6 shadow-lg duration-200 ease-in-out transition',\n      // Position based on side\n      'data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t',\n      'data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:sm:max-w-sm',\n      'data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:sm:max-w-sm',\n      'data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b',\n      // Animations\n      'data-idle:opacity-0',\n      'data-open:animate-in data-open:fade-in-0',\n      'data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10',\n      'data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10',\n      'data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10',\n      'data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10',\n      'data-closed:animate-out data-closed:fade-out-0',\n      this.classInput(),\n    ),\n  );\n\n  constructor() {\n    // Sync state with provider's open signal\n    effect(() => {\n      const isOpen = this.sheetProvider.open();\n      this.state.set(isOpen ? 'open' : 'closed');\n    });\n  }\n\n  protected onAnimationEnd(event: AnimationEvent): void {\n    // Only trigger cleanup when close animation completes\n    if (\n      this.state() === 'closed' &&\n      event.target === this.elementRef.nativeElement\n    ) {\n      this.state.set('idle');\n      this.sheetProvider.onSheetAnimationComplete();\n    }\n  }\n}\n"]}

package/esm2022/lib/components/skeleton/index.js

@@ -0,0 +1,2 @@
+export * from './skeleton';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './skeleton';\n"]}

package/esm2022/lib/components/skeleton/skeleton.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSkeleton {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('animate-pulse rounded-md bg-muted', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSkeleton, isStandalone: true, selector: "div[scSkeleton]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "skeleton" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSkeleton, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scSkeleton]',
+                    host: {
+                        'data-slot': 'skeleton',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=skeleton.js.map

package/esm2022/lib/components/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,UAAU;IACZ,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,mCAAmC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC3D,CAAC;uGALS,UAAU;2FAAV,UAAU;;2FAAV,UAAU;kBAPtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,IAAI,EAAE;wBACJ,WAAW,EAAE,UAAU;wBACvB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scSkeleton]',\n  host: {\n    'data-slot': 'skeleton',\n    '[class]': 'class()',\n  },\n})\nexport class ScSkeleton {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('animate-pulse rounded-md bg-muted', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/slider/index.js

@@ -0,0 +1,2 @@
+export * from './slider';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/slider/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC","sourcesContent":["export * from './slider';\n"]}

package/esm2022/lib/components/slider/slider.js

@@ -0,0 +1,46 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { afterNextRender, computed, Directive, ElementRef, inject, input, } from '@angular/core';
+import { cn } from '../../utils';
+import { SC_FIELD } from '../field';
+import * as i0 from "@angular/core";
+export class ScSlider {
+    field = inject(SC_FIELD, { optional: true });
+    fallbackId = inject(_IdGenerator).getId('sc-slider-');
+    el = inject(ElementRef);
+    idInput = input('', { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id' });
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    id = computed(() => this.idInput() || this.field?.id() || this.fallbackId, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    class = computed(() => cn('w-full cursor-pointer appearance-none bg-transparent disabled:pointer-events-none disabled:opacity-50', '[&::-webkit-slider-runnable-track]:h-1 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-[image:linear-gradient(to_right,var(--primary)_var(--fill-percent,0%),var(--muted)_var(--fill-percent,0%))]', '[&::-moz-range-track]:h-1 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-muted', '[&::-moz-range-progress]:h-1 [&::-moz-range-progress]:rounded-full [&::-moz-range-progress]:bg-primary', '[&::-webkit-slider-thumb]:size-3 [&::-webkit-slider-thumb]:-mt-1 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-0 [&::-webkit-slider-thumb]:bg-primary [&::-webkit-slider-thumb]:transition-shadow', '[&::-webkit-slider-thumb:hover]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]', '[&::-moz-range-thumb]:size-3 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-primary [&::-moz-range-thumb]:transition-shadow', '[&::-moz-range-thumb:hover]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]', 'focus-visible:outline-none [&:focus-visible::-webkit-slider-thumb]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]', '[&:focus-visible::-moz-range-thumb]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        afterNextRender(() => {
+            this.updateFillPercent();
+        });
+    }
+    onInput() {
+        this.updateFillPercent();
+    }
+    updateFillPercent() {
+        const el = this.el.nativeElement;
+        const min = parseFloat(el.min) || 0;
+        const max = parseFloat(el.max) || 100;
+        const value = parseFloat(el.value) || 0;
+        const percent = ((value - min) / (max - min)) * 100;
+        el.style.setProperty('--fill-percent', `${percent}%`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSlider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSlider, isStandalone: true, selector: "input[scSlider]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "range", "data-slot": "slider" }, listeners: { "input": "onInput()" }, properties: { "attr.id": "id()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSlider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[scSlider]',
+                    host: {
+                        type: 'range',
+                        'data-slot': 'slider',
+                        '[attr.id]': 'id()',
+                        '[class]': 'class()',
+                        '(input)': 'onInput()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=slider.js.map

package/esm2022/lib/components/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/slider/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,eAAe,EACf,QAAQ,EACR,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;;AAYpC,MAAM,OAAO,QAAQ;IACF,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACtD,EAAE,GAAG,MAAM,CAA+B,UAAU,CAAC,CAAC;IAE9D,OAAO,GAAG,KAAK,CAAC,EAAE,oDAAI,KAAK,EAAE,IAAI,GAAG,CAAC;IACrC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEnD,EAAE,GAAG,QAAQ,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,UAAU,8CAC5D,CAAC;IAEiB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,uGAAuG,EACvG,0OAA0O,EAC1O,6FAA6F,EAC7F,wGAAwG,EACxG,uQAAuQ,EACvQ,sFAAsF,EACtF,+MAA+M,EAC/M,kFAAkF,EAClF,yHAAyH,EACzH,0FAA0F,EAC1F,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF;QACE,eAAe,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;IAES,OAAO;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAEO,iBAAiB;QACvB,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;QACjC,MAAM,GAAG,GAAG,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACpC,MAAM,GAAG,GAAG,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;QACtC,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACxC,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAEpD,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,OAAO,GAAG,CAAC,CAAC;IACxD,CAAC;uGA9CU,QAAQ;2FAAR,QAAQ;;2FAAR,QAAQ;kBAVpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,IAAI,EAAE;wBACJ,IAAI,EAAE,OAAO;wBACb,WAAW,EAAE,QAAQ;wBACrB,WAAW,EAAE,MAAM;wBACnB,SAAS,EAAE,SAAS;wBACpB,SAAS,EAAE,WAAW;qBACvB;iBACF","sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  afterNextRender,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { SC_FIELD } from '../field';\n\n@Directive({\n  selector: 'input[scSlider]',\n  host: {\n    type: 'range',\n    'data-slot': 'slider',\n    '[attr.id]': 'id()',\n    '[class]': 'class()',\n    '(input)': 'onInput()',\n  },\n})\nexport class ScSlider {\n  private readonly field = inject(SC_FIELD, { optional: true });\n  private readonly fallbackId = inject(_IdGenerator).getId('sc-slider-');\n  private readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  readonly idInput = input('', { alias: 'id' });\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  readonly id = computed(\n    () => this.idInput() || this.field?.id() || this.fallbackId,\n  );\n\n  protected readonly class = computed(() =>\n    cn(\n      'w-full cursor-pointer appearance-none bg-transparent disabled:pointer-events-none disabled:opacity-50',\n      '[&::-webkit-slider-runnable-track]:h-1 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-[image:linear-gradient(to_right,var(--primary)_var(--fill-percent,0%),var(--muted)_var(--fill-percent,0%))]',\n      '[&::-moz-range-track]:h-1 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-muted',\n      '[&::-moz-range-progress]:h-1 [&::-moz-range-progress]:rounded-full [&::-moz-range-progress]:bg-primary',\n      '[&::-webkit-slider-thumb]:size-3 [&::-webkit-slider-thumb]:-mt-1 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-0 [&::-webkit-slider-thumb]:bg-primary [&::-webkit-slider-thumb]:transition-shadow',\n      '[&::-webkit-slider-thumb:hover]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]',\n      '[&::-moz-range-thumb]:size-3 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-primary [&::-moz-range-thumb]:transition-shadow',\n      '[&::-moz-range-thumb:hover]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]',\n      'focus-visible:outline-none [&:focus-visible::-webkit-slider-thumb]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]',\n      '[&:focus-visible::-moz-range-thumb]:shadow-[0_0_0_3px_oklch(from_var(--ring)_l_c_h/0.5)]',\n      this.classInput(),\n    ),\n  );\n\n  constructor() {\n    afterNextRender(() => {\n      this.updateFillPercent();\n    });\n  }\n\n  protected onInput() {\n    this.updateFillPercent();\n  }\n\n  private updateFillPercent() {\n    const el = this.el.nativeElement;\n    const min = parseFloat(el.min) || 0;\n    const max = parseFloat(el.max) || 100;\n    const value = parseFloat(el.value) || 0;\n    const percent = ((value - min) / (max - min)) * 100;\n\n    el.style.setProperty('--fill-percent', `${percent}%`);\n  }\n}\n"]}

package/esm2022/lib/components/spinner/index.js

@@ -0,0 +1,2 @@
+export { ScSpinner } from './spinner';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { ScSpinner } from './spinner';\n"]}

package/esm2022/lib/components/spinner/spinner.js

@@ -0,0 +1,23 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSpinner {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    ariaLabel = input('Loading', { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'aria-label' });
+    class = computed(() => cn('size-4 animate-spin', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSpinner, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSpinner, isStandalone: true, selector: "svg[scSpinner]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "spinner", "role": "status" }, properties: { "attr.aria-label": "ariaLabel()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSpinner, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'svg[scSpinner]',
+                    host: {
+                        'data-slot': 'spinner',
+                        role: 'status',
+                        '[attr.aria-label]': 'ariaLabel()',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
+//# sourceMappingURL=spinner.js.map

package/esm2022/lib/components/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/spinner/spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAWjC,MAAM,OAAO,SAAS;IACX,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,SAAS,GAAG,KAAK,CAAS,SAAS,sDAAI,KAAK,EAAE,YAAY,GAAG,CAAC;IAEpD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC7C,CAAC;uGANS,SAAS;2FAAT,SAAS;;2FAAT,SAAS;kBATrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,WAAW,EAAE,SAAS;wBACtB,IAAI,EAAE,QAAQ;wBACd,mBAAmB,EAAE,aAAa;wBAClC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'svg[scSpinner]',\n  host: {\n    'data-slot': 'spinner',\n    role: 'status',\n    '[attr.aria-label]': 'ariaLabel()',\n    '[class]': 'class()',\n  },\n})\nexport class ScSpinner {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly ariaLabel = input<string>('Loading', { alias: 'aria-label' });\n\n  protected readonly class = computed(() =>\n    cn('size-4 animate-spin', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/switch/index.js

@@ -0,0 +1,5 @@
+export * from './switch-field';
+export * from './switch-visual';
+export * from './switch-types';
+export * from './switch';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC","sourcesContent":["export * from './switch-field';\nexport * from './switch-visual';\nexport * from './switch-types';\nexport * from './switch';\n"]}

package/esm2022/lib/components/switch/switch-field.js

@@ -0,0 +1,57 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { ChangeDetectionStrategy, Component, computed, contentChild, ElementRef, inject, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { SC_FIELD } from '../field';
+import { SC_SWITCH_FIELD } from './switch-types';
+import { ScSwitch } from './switch';
+import { ScSwitchVisual } from './switch-visual';
+import * as i0 from "@angular/core";
+export class ScSwitchField {
+    elementRef = inject((ElementRef));
+    switchInput = contentChild(ScSwitch, ...(ngDevMode ? [{ debugName: "switchInput" }] : []));
+    role = computed(() => {
+        const tagName = this.elementRef.nativeElement.tagName;
+        return tagName === 'LABEL' ? null : 'group';
+    }, ...(ngDevMode ? [{ debugName: "role" }] : []));
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    id = input(inject(_IdGenerator).getId('sc-switch-field-'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+    checked = computed(() => this.switchInput()?.checked() ?? false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
+    disabled = computed(() => this.switchInput()?.disabledSignal() ?? false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    dataState = computed(() => this.checked() ? 'checked' : 'unchecked', ...(ngDevMode ? [{ debugName: "dataState" }] : []));
+    class = computed(() => cn('inline-flex cursor-pointer items-center gap-2 has-[:disabled]:cursor-not-allowed', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSwitchField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: ScSwitchField, isStandalone: true, selector: "div[scSwitchField], label[scSwitchField]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "switch-field" }, properties: { "attr.role": "role()", "class": "class()", "attr.data-state": "dataState()", "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [
+            { provide: SC_SWITCH_FIELD, useExisting: ScSwitchField },
+            { provide: SC_FIELD, useExisting: ScSwitchField },
+        ], queries: [{ propertyName: "switchInput", first: true, predicate: ScSwitch, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-content select="[scSwitch]" />
+    <span scSwitchVisual></span>
+    <ng-content />
+  `, isInline: true, dependencies: [{ kind: "component", type: ScSwitchVisual, selector: "span[scSwitchVisual]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSwitchField, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scSwitchField], label[scSwitchField]',
+                    imports: [ScSwitchVisual],
+                    providers: [
+                        { provide: SC_SWITCH_FIELD, useExisting: ScSwitchField },
+                        { provide: SC_FIELD, useExisting: ScSwitchField },
+                    ],
+                    host: {
+                        'data-slot': 'switch-field',
+                        '[attr.role]': 'role()',
+                        '[class]': 'class()',
+                        '[attr.data-state]': 'dataState()',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                    },
+                    template: `
+    <ng-content select="[scSwitch]" />
+    <span scSwitchVisual></span>
+    <ng-content />
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { switchInput: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScSwitch), { isSignal: true }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=switch-field.js.map

package/esm2022/lib/components/switch/switch-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-field.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/switch/switch-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAwB,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;;AAwBjD,MAAM,OAAO,aAAa;IACP,UAAU,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAC7C,WAAW,GAAG,YAAY,CAAC,QAAQ,uDAAC,CAAC;IAEnC,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE;QACtC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC;QACtD,OAAO,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAC9C,CAAC,gDAAC,CAAC;IAEM,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,8CAAC,CAAC;IAE3D,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,KAAK,mDAAC,CAAC;IACjE,QAAQ,GAAG,QAAQ,CAC1B,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,cAAc,EAAE,IAAI,KAAK,oDACpD,CAAC;IACO,SAAS,GAAG,QAAQ,CAAC,GAA4B,EAAE,CAC1D,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,qDACzC,CAAC;IAEiB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kFAAkF,EAClF,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAzBS,aAAa;2FAAb,aAAa,0hBAnBb;YACT,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE;YACxD,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE;SAClD,mEAkB2C,QAAQ,gEAV1C;;;;GAIT,4DAhBS,cAAc;;2FAoBb,aAAa;kBAtBzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,0CAA0C;oBACpD,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,SAAS,EAAE;wBACT,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,eAAe,EAAE;wBACxD,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,eAAe,EAAE;qBAClD;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,aAAa,EAAE,QAAQ;wBACvB,SAAS,EAAE,SAAS;wBACpB,mBAAmB,EAAE,aAAa;wBAClC,sBAAsB,EAAE,wBAAwB;qBACjD;oBACD,QAAQ,EAAE;;;;GAIT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;gGAG6C,QAAQ","sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  ElementRef,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { SC_FIELD } from '../field';\nimport { type ScSwitchContext, SC_SWITCH_FIELD } from './switch-types';\nimport { ScSwitch } from './switch';\nimport { ScSwitchVisual } from './switch-visual';\n\n@Component({\n  selector: 'div[scSwitchField], label[scSwitchField]',\n  imports: [ScSwitchVisual],\n  providers: [\n    { provide: SC_SWITCH_FIELD, useExisting: ScSwitchField },\n    { provide: SC_FIELD, useExisting: ScSwitchField },\n  ],\n  host: {\n    'data-slot': 'switch-field',\n    '[attr.role]': 'role()',\n    '[class]': 'class()',\n    '[attr.data-state]': 'dataState()',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n  template: `\n    <ng-content select=\"[scSwitch]\" />\n    <span scSwitchVisual></span>\n    <ng-content />\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSwitchField implements ScSwitchContext {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly switchInput = contentChild(ScSwitch);\n\n  protected readonly role = computed(() => {\n    const tagName = this.elementRef.nativeElement.tagName;\n    return tagName === 'LABEL' ? null : 'group';\n  });\n\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly id = input(inject(_IdGenerator).getId('sc-switch-field-'));\n\n  readonly checked = computed(() => this.switchInput()?.checked() ?? false);\n  readonly disabled = computed(\n    () => this.switchInput()?.disabledSignal() ?? false,\n  );\n  readonly dataState = computed((): 'checked' | 'unchecked' =>\n    this.checked() ? 'checked' : 'unchecked',\n  );\n\n  protected readonly class = computed(() =>\n    cn(\n      'inline-flex cursor-pointer items-center gap-2 has-[:disabled]:cursor-not-allowed',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/switch/switch-types.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const SC_SWITCH_FIELD = new InjectionToken('SC_SWITCH_FIELD');
+//# sourceMappingURL=switch-types.js.map

package/esm2022/lib/components/switch/switch-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-types.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/switch/switch-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAS/C,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,cAAc,CAC/C,iBAAiB,CAClB,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport interface ScSwitchContext {\n  id: () => string;\n  checked: () => boolean;\n  disabled: () => boolean;\n  dataState: () => 'checked' | 'unchecked';\n}\n\nexport const SC_SWITCH_FIELD = new InjectionToken<ScSwitchContext>(\n  'SC_SWITCH_FIELD',\n);\n"]}

package/esm2022/lib/components/switch/switch-visual.js

@@ -0,0 +1,34 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { SC_SWITCH_FIELD } from './switch-types';
+import * as i0 from "@angular/core";
+export class ScSwitchVisual {
+    switchField = inject(SC_SWITCH_FIELD);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('pointer-events-none inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 border-transparent transition-colors', 'data-[state=checked]:bg-primary data-[state=unchecked]:bg-input', 'peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background', 'peer-disabled:cursor-not-allowed peer-disabled:opacity-50', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    thumbClass = computed(() => cn('pointer-events-none block size-5 rounded-full bg-background shadow-lg ring-0 transition-transform', this.switchField.dataState() === 'checked'
+        ? 'translate-x-5'
+        : 'translate-x-0'), ...(ngDevMode ? [{ debugName: "thumbClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSwitchVisual, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScSwitchVisual, isStandalone: true, selector: "span[scSwitchVisual]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "switch-visual" }, properties: { "class": "class()", "attr.data-state": "switchField.dataState()", "attr.aria-hidden": "true" } }, ngImport: i0, template: `
+    <span data-slot="switch-thumb" [class]="thumbClass()"></span>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSwitchVisual, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'span[scSwitchVisual]',
+                    host: {
+                        'data-slot': 'switch-visual',
+                        '[class]': 'class()',
+                        '[attr.data-state]': 'switchField.dataState()',
+                        '[attr.aria-hidden]': 'true',
+                    },
+                    template: `
+    <span data-slot="switch-thumb" [class]="thumbClass()"></span>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=switch-visual.js.map

package/esm2022/lib/components/switch/switch-visual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-visual.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/switch/switch-visual.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;;AAgBjD,MAAM,OAAO,cAAc;IAChB,WAAW,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IACtC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,2HAA2H,EAC3H,iEAAiE,EACjE,mKAAmK,EACnK,2DAA2D,EAC3D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEiB,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC5C,EAAE,CACA,mGAAmG,EACnG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,SAAS;QACxC,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,eAAe,CACpB,sDACF,CAAC;uGArBS,cAAc;2FAAd,cAAc,oYANf;;GAET;;2FAIU,cAAc;kBAd1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,SAAS,EAAE,SAAS;wBACpB,mBAAmB,EAAE,yBAAyB;wBAC9C,oBAAoB,EAAE,MAAM;qBAC7B;oBACD,QAAQ,EAAE;;GAET;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { SC_SWITCH_FIELD } from './switch-types';\n\n@Component({\n  selector: 'span[scSwitchVisual]',\n  host: {\n    'data-slot': 'switch-visual',\n    '[class]': 'class()',\n    '[attr.data-state]': 'switchField.dataState()',\n    '[attr.aria-hidden]': 'true',\n  },\n  template: `\n    <span data-slot=\"switch-thumb\" [class]=\"thumbClass()\"></span>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSwitchVisual {\n  readonly switchField = inject(SC_SWITCH_FIELD);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'pointer-events-none inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 border-transparent transition-colors',\n      'data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',\n      'peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background',\n      'peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n      this.classInput(),\n    ),\n  );\n\n  protected readonly thumbClass = computed(() =>\n    cn(\n      'pointer-events-none block size-5 rounded-full bg-background shadow-lg ring-0 transition-transform',\n      this.switchField.dataState() === 'checked'\n        ? 'translate-x-5'\n        : 'translate-x-0',\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/switch/switch.js

@@ -0,0 +1,45 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { computed, Directive, effect, ElementRef, inject, input, model, signal, } from '@angular/core';
+import { cn } from '../../utils';
+import { SC_SWITCH_FIELD } from './switch-types';
+import * as i0 from "@angular/core";
+export const SC_SWITCH = 'SC_SWITCH';
+export class ScSwitch {
+    elementRef = inject((ElementRef));
+    switchField = inject(SC_SWITCH_FIELD, { optional: true });
+    fallbackId = inject(_IdGenerator).getId('sc-switch-');
+    idInput = input('', { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id' });
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
+    disabledSignal = signal(false, ...(ngDevMode ? [{ debugName: "disabledSignal" }] : []));
+    id = computed(() => this.idInput() || this.switchField?.id() || this.fallbackId, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    constructor() {
+        effect(() => {
+            this.disabledSignal.set(this.elementRef.nativeElement.disabled);
+        });
+    }
+    onInputChange(event) {
+        const input = event.target;
+        this.checked.set(input.checked);
+        this.disabledSignal.set(input.disabled);
+    }
+    class = computed(() => cn('peer sr-only', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSwitch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSwitch, isStandalone: true, selector: "input[type=\"checkbox\"][scSwitch]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { attributes: { "data-slot": "switch", "role": "switch" }, listeners: { "change": "onInputChange($event)" }, properties: { "id": "id()", "class": "class()", "checked": "checked()" } }, exportAs: ["SC_SWITCH"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSwitch, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type="checkbox"][scSwitch]',
+                    host: {
+                        'data-slot': 'switch',
+                        role: 'switch',
+                        '[id]': 'id()',
+                        '[class]': 'class()',
+                        '[checked]': 'checked()',
+                        '(change)': 'onInputChange($event)',
+                    },
+                    exportAs: SC_SWITCH,
+                }]
+        }], ctorParameters: () => [], propDecorators: { idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], classInput: [{ 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"] }] } });
+//# sourceMappingURL=switch.js.map

package/esm2022/lib/components/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/switch/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;AAcrC,MAAM,OAAO,QAAQ;IACF,UAAU,GAAG,MAAM,CAAC,CAAA,UAA4B,CAAA,CAAC,CAAC;IAClD,WAAW,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE9D,OAAO,GAAG,KAAK,CAAC,EAAE,oDAAI,KAAK,EAAE,IAAI,GAAG,CAAC;IACrC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAAU,KAAK,mDAAC,CAAC;IAChC,cAAc,GAAG,MAAM,CAAC,KAAK,0DAAC,CAAC;IAE/B,EAAE,GAAG,QAAQ,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,UAAU,8CAClE,CAAC;IAEF;QACE,MAAM,CAAC,GAAG,EAAE;YACV,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC;IAES,aAAa,CAAC,KAAY;QAClC,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAEkB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,cAAc,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACtC,CAAC;uGA5BS,QAAQ;2FAAR,QAAQ;;2FAAR,QAAQ;kBAZpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kCAAkC;oBAC5C,IAAI,EAAE;wBACJ,WAAW,EAAE,QAAQ;wBACrB,IAAI,EAAE,QAAQ;wBACd,MAAM,EAAE,MAAM;wBACd,SAAS,EAAE,SAAS;wBACpB,WAAW,EAAE,WAAW;wBACxB,UAAU,EAAE,uBAAuB;qBACpC;oBACD,QAAQ,EAAE,SAAS;iBACpB","sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\nimport type { FormCheckboxControl } from '@angular/forms/signals';\nimport { cn } from '../../utils';\nimport { SC_SWITCH_FIELD } from './switch-types';\n\nexport const SC_SWITCH = 'SC_SWITCH';\n\n@Directive({\n  selector: 'input[type=\"checkbox\"][scSwitch]',\n  host: {\n    'data-slot': 'switch',\n    role: 'switch',\n    '[id]': 'id()',\n    '[class]': 'class()',\n    '[checked]': 'checked()',\n    '(change)': 'onInputChange($event)',\n  },\n  exportAs: SC_SWITCH,\n})\nexport class ScSwitch implements FormCheckboxControl {\n  private readonly elementRef = inject(ElementRef<HTMLInputElement>);\n  private readonly switchField = inject(SC_SWITCH_FIELD, { optional: true });\n  private readonly fallbackId = inject(_IdGenerator).getId('sc-switch-');\n\n  readonly idInput = input('', { alias: 'id' });\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly checked = model<boolean>(false);\n  readonly disabledSignal = signal(false);\n\n  readonly id = computed(\n    () => this.idInput() || this.switchField?.id() || this.fallbackId,\n  );\n\n  constructor() {\n    effect(() => {\n      this.disabledSignal.set(this.elementRef.nativeElement.disabled);\n    });\n  }\n\n  protected onInputChange(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    this.checked.set(input.checked);\n    this.disabledSignal.set(input.disabled);\n  }\n\n  protected readonly class = computed(() =>\n    cn('peer sr-only', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/table/index.js

@@ -0,0 +1,9 @@
+export * from './table';
+export * from './table-header';
+export * from './table-body';
+export * from './table-footer';
+export * from './table-row';
+export * from './table-header-cell';
+export * from './table-cell';
+export * from './table-caption';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './table';\nexport * from './table-header';\nexport * from './table-body';\nexport * from './table-footer';\nexport * from './table-row';\nexport * from './table-header-cell';\nexport * from './table-cell';\nexport * from './table-caption';\n"]}

package/esm2022/lib/components/table/table-body.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTableBody {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('[&_tr:last-child]:border-0', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTableBody, isStandalone: true, selector: "tbody[scTableBody]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "table-body" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tbody[scTableBody]',
+                    host: {
+                        'data-slot': 'table-body',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=table-body.js.map

package/esm2022/lib/components/table/table-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-body.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/table-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,WAAW;IACb,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,4BAA4B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACpD,CAAC;uGALS,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBAPvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,IAAI,EAAE;wBACJ,WAAW,EAAE,YAAY;wBACzB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'tbody[scTableBody]',\n  host: {\n    'data-slot': 'table-body',\n    '[class]': 'class()',\n  },\n})\nexport class ScTableBody {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('[&_tr:last-child]:border-0', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/table/table-caption.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTableCaption {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('mt-4 text-sm text-muted-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTableCaption, isStandalone: true, selector: "caption[scTableCaption]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "table-caption" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableCaption, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'caption[scTableCaption]',
+                    host: {
+                        'data-slot': 'table-caption',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=table-caption.js.map

package/esm2022/lib/components/table/table-caption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-caption.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/table/table-caption.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,cAAc;IAChB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,oCAAoC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC5D,CAAC;uGALS,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'caption[scTableCaption]',\n  host: {\n    'data-slot': 'table-caption',\n    '[class]': 'class()',\n  },\n})\nexport class ScTableCaption {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('mt-4 text-sm text-muted-foreground', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/table/table-cell.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScTableCell {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableCell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScTableCell, isStandalone: true, selector: "td[scTableCell]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "table-cell" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScTableCell, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'td[scTableCell]',
+                    host: {
+                        'data-slot': 'table-cell',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=table-cell.js.map