@semantic-components/ui 0.64.0 → 0.66.0

package/esm2022/lib/components/drawer/drawer-provider.js

@@ -0,0 +1,127 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { CdkTrapFocus } from '@angular/cdk/a11y';
+import { Overlay, OverlayModule } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { ChangeDetectionStrategy, Component, computed, contentChild, effect, inject, input, model, signal, viewChild, ViewContainerRef, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScBackdrop } from '../backdrop';
+import { ScDrawerPortal } from './drawer-portal';
+import * as i0 from "@angular/core";
+export class ScDrawerProvider {
+    overlay = inject(Overlay);
+    viewContainerRef = inject(ViewContainerRef);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    direction = input('bottom', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+    overlayTemplate = viewChild.required('overlayTemplate');
+    drawerPortal = contentChild.required(ScDrawerPortal);
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    overlayOpen = signal(false, ...(ngDevMode ? [{ debugName: "overlayOpen" }] : []));
+    animationsCompleted = signal(0, ...(ngDevMode ? [{ debugName: "animationsCompleted" }] : []));
+    overlayRef = null;
+    class = computed(() => cn('contents', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        effect(() => {
+            if (this.open()) {
+                this.overlayOpen.set(true);
+                this.animationsCompleted.set(0);
+            }
+        });
+        effect(() => {
+            const completed = this.animationsCompleted();
+            if (completed === 2 && !this.open()) {
+                this.overlayOpen.set(false);
+                this.animationsCompleted.set(0);
+            }
+        });
+        effect(() => {
+            if (this.overlayOpen()) {
+                this.attachDrawer();
+            }
+            else {
+                this.detachDrawer();
+            }
+        });
+    }
+    onDrawerAnimationComplete() {
+        if (!this.open()) {
+            this.animationsCompleted.update((n) => n + 1);
+        }
+    }
+    onBackdropAnimationComplete() {
+        if (!this.open()) {
+            this.animationsCompleted.update((n) => n + 1);
+        }
+    }
+    getOverlayRef() {
+        if (!this.overlayRef) {
+            this.overlayRef = this.overlay.create({
+                positionStrategy: this.overlay.position().global(),
+                hasBackdrop: true,
+                backdropClass: 'cdk-overlay-transparent-backdrop',
+                scrollStrategy: this.overlay.scrollStrategies.block(),
+            });
+            this.overlayRef.backdropClick().subscribe(() => this.closeDrawer());
+            this.overlayRef.keydownEvents().subscribe((event) => {
+                if (event.key === 'Escape')
+                    this.closeDrawer();
+            });
+        }
+        return this.overlayRef;
+    }
+    attachDrawer() {
+        const ref = this.getOverlayRef();
+        if (!ref.hasAttached()) {
+            const portal = new TemplatePortal(this.overlayTemplate(), this.viewContainerRef);
+            ref.attach(portal);
+        }
+    }
+    detachDrawer() {
+        if (this.overlayRef?.hasAttached()) {
+            this.overlayRef.detach();
+        }
+    }
+    closeDrawer() {
+        this.open.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: ScDrawerProvider, isStandalone: true, selector: "div[scDrawerProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { attributes: { "data-slot": "drawer-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "drawerPortal", first: true, predicate: ScDrawerPortal, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayTemplate", first: true, predicate: ["overlayTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-content />
+    <ng-template #overlayTemplate>
+      <div
+        scBackdrop
+        [open]="open()"
+        (animationComplete)="onBackdropAnimationComplete()"
+      ></div>
+      <div cdkTrapFocus [cdkTrapFocusAutoCapture]="true">
+        <ng-container [ngTemplateOutlet]="drawerPortal().templateRef" />
+      </div>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ScBackdrop, selector: "div[scBackdrop]", inputs: ["class", "open"], outputs: ["animationComplete"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerProvider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scDrawerProvider]',
+                    imports: [OverlayModule, ScBackdrop, CdkTrapFocus, NgTemplateOutlet],
+                    template: `
+    <ng-content />
+    <ng-template #overlayTemplate>
+      <div
+        scBackdrop
+        [open]="open()"
+        (animationComplete)="onBackdropAnimationComplete()"
+      ></div>
+      <div cdkTrapFocus [cdkTrapFocusAutoCapture]="true">
+        <ng-container [ngTemplateOutlet]="drawerPortal().templateRef" />
+      </div>
+    </ng-template>
+  `,
+                    host: {
+                        'data-slot': 'drawer-provider',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], overlayTemplate: [{ type: i0.ViewChild, args: ['overlayTemplate', { isSignal: true }] }], drawerPortal: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScDrawerPortal), { isSignal: true }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }] } });
+//# sourceMappingURL=drawer-provider.js.map

package/esm2022/lib/components/drawer/drawer-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-provider.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/drawer/drawer-provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { Overlay, OverlayModule, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  model,\n  signal,\n  TemplateRef,\n  viewChild,\n  ViewContainerRef,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScBackdrop } from '../backdrop';\nimport { ScDrawerPortal } from './drawer-portal';\n\nexport type ScDrawerDirection = 'top' | 'right' | 'bottom' | 'left';\n\n@Component({\n  selector: 'div[scDrawerProvider]',\n  imports: [OverlayModule, ScBackdrop, CdkTrapFocus, NgTemplateOutlet],\n  template: `\n    <ng-content />\n    <ng-template #overlayTemplate>\n      <div\n        scBackdrop\n        [open]=\"open()\"\n        (animationComplete)=\"onBackdropAnimationComplete()\"\n      ></div>\n      <div cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n        <ng-container [ngTemplateOutlet]=\"drawerPortal().templateRef\" />\n      </div>\n    </ng-template>\n  `,\n  host: {\n    'data-slot': 'drawer-provider',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScDrawerProvider {\n  private readonly overlay = inject(Overlay);\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly direction = input<ScDrawerDirection>('bottom');\n\n  private readonly overlayTemplate =\n    viewChild.required<TemplateRef<unknown>>('overlayTemplate');\n\n  protected readonly drawerPortal = contentChild.required(ScDrawerPortal);\n\n  readonly open = model<boolean>(false);\n  readonly overlayOpen = signal<boolean>(false);\n  private readonly animationsCompleted = signal<number>(0);\n  private overlayRef: OverlayRef | null = null;\n\n  protected readonly class = computed(() => cn('contents', this.classInput()));\n\n  constructor() {\n    effect(() => {\n      if (this.open()) {\n        this.overlayOpen.set(true);\n        this.animationsCompleted.set(0);\n      }\n    });\n\n    effect(() => {\n      const completed = this.animationsCompleted();\n      if (completed === 2 && !this.open()) {\n        this.overlayOpen.set(false);\n        this.animationsCompleted.set(0);\n      }\n    });\n\n    effect(() => {\n      if (this.overlayOpen()) {\n        this.attachDrawer();\n      } else {\n        this.detachDrawer();\n      }\n    });\n  }\n\n  onDrawerAnimationComplete(): void {\n    if (!this.open()) {\n      this.animationsCompleted.update((n) => n + 1);\n    }\n  }\n\n  onBackdropAnimationComplete(): void {\n    if (!this.open()) {\n      this.animationsCompleted.update((n) => n + 1);\n    }\n  }\n\n  private getOverlayRef() {\n    if (!this.overlayRef) {\n      this.overlayRef = this.overlay.create({\n        positionStrategy: this.overlay.position().global(),\n        hasBackdrop: true,\n        backdropClass: 'cdk-overlay-transparent-backdrop',\n        scrollStrategy: this.overlay.scrollStrategies.block(),\n      });\n\n      this.overlayRef.backdropClick().subscribe(() => this.closeDrawer());\n      this.overlayRef.keydownEvents().subscribe((event) => {\n        if (event.key === 'Escape') this.closeDrawer();\n      });\n    }\n    return this.overlayRef;\n  }\n\n  private attachDrawer(): void {\n    const ref = this.getOverlayRef();\n    if (!ref.hasAttached()) {\n      const portal = new TemplatePortal(\n        this.overlayTemplate(),\n        this.viewContainerRef,\n      );\n      ref.attach(portal);\n    }\n  }\n\n  private detachDrawer(): void {\n    if (this.overlayRef?.hasAttached()) {\n      this.overlayRef.detach();\n    }\n  }\n\n  private closeDrawer(): void {\n    this.open.set(false);\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-title.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/drawer/drawer-title.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,aAAa;IACf,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;uGALS,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAPzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'h2[scDrawerTitle]',\n  host: {\n    'data-slot': 'drawer-title',\n    '[class]': 'class()',\n  },\n})\nexport class ScDrawerTitle {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('text-foreground text-base font-medium', this.classInput()),\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/drawer/drawer-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,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;;AAYrD,MAAM,OAAO,eAAe;IACjB,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAClC,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,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;uGARU,eAAe;2FAAf,eAAe;;2FAAf,eAAe;kBAV3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,gBAAgB;wBAC7B,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,sBAAsB,EAAE,eAAe;wBACvC,SAAS,EAAE,cAAc;qBAC1B;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScDrawerProvider } from './drawer-provider';\n\n@Directive({\n  selector: 'button[scDrawerTrigger]',\n  host: {\n    'data-slot': 'drawer-trigger',\n    type: 'button',\n    '[class]': 'class()',\n    '[attr.aria-expanded]': 'drawer.open()',\n    '(click)': 'openDrawer()',\n  },\n})\nexport class ScDrawerTrigger {\n  readonly drawer = inject(ScDrawerProvider);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => cn('', this.classInput()));\n\n  openDrawer(): void {\n    this.drawer.open.set(true);\n  }\n}\n"]}

package/esm2022/lib/components/drawer/drawer.js

@@ -0,0 +1,50 @@
+import { computed, Directive, effect, ElementRef, inject, input, signal, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScDrawerProvider } from './drawer-provider';
+import * as i0 from "@angular/core";
+export class ScDrawer {
+    elementRef = inject((ElementRef));
+    drawer = inject(ScDrawerProvider);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    state = signal('idle', ...(ngDevMode ? [{ debugName: "state" }] : []));
+    class = computed(() => cn('bg-background flex h-auto flex-col text-sm fixed z-50 group/drawer', 
+    // Position and border based on direction
+    'data-[direction=bottom]:inset-x-0 data-[direction=bottom]:bottom-0 data-[direction=bottom]:mt-24 data-[direction=bottom]:max-h-[80vh] data-[direction=bottom]:rounded-t-xl data-[direction=bottom]:border-t', 'data-[direction=left]:inset-y-0 data-[direction=left]:left-0 data-[direction=left]:w-3/4 data-[direction=left]:rounded-r-xl data-[direction=left]:border-r', 'data-[direction=right]:inset-y-0 data-[direction=right]:right-0 data-[direction=right]:w-3/4 data-[direction=right]:rounded-l-xl data-[direction=right]:border-l', 'data-[direction=top]:inset-x-0 data-[direction=top]:top-0 data-[direction=top]:mb-24 data-[direction=top]:max-h-[80vh] data-[direction=top]:rounded-b-xl data-[direction=top]:border-b', 'data-[direction=left]:sm:max-w-sm data-[direction=right]:sm:max-w-sm', 
+    // Animations
+    'data-idle:opacity-0', 'data-open:animate-in data-open:fade-in-0', 'data-[direction=top]:data-open:slide-in-from-top data-[direction=top]:data-closed:slide-out-to-top', 'data-[direction=right]:data-open:slide-in-from-right data-[direction=right]:data-closed:slide-out-to-right', 'data-[direction=bottom]:data-open:slide-in-from-bottom data-[direction=bottom]:data-closed:slide-out-to-bottom', 'data-[direction=left]:data-open:slide-in-from-left data-[direction=left]:data-closed:slide-out-to-left', '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.drawer.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.drawer.onDrawerAnimationComplete();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDrawer, isStandalone: true, selector: "div[scDrawer]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "drawer", "role": "dialog", "aria-modal": "true" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "attr.data-direction": "drawer.direction()", "attr.data-idle": "state() === \"idle\" ? \"\" : null", "attr.data-open": "state() === \"open\" ? \"\" : null", "attr.data-closed": "state() === \"closed\" ? \"\" : null", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawer, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scDrawer]',
+                    host: {
+                        'data-slot': 'drawer',
+                        role: 'dialog',
+                        'aria-modal': 'true',
+                        '[attr.data-direction]': 'drawer.direction()',
+                        '[attr.data-idle]': 'state() === "idle" ? "" : null',
+                        '[attr.data-open]': 'state() === "open" ? "" : null',
+                        '[attr.data-closed]': 'state() === "closed" ? "" : null',
+                        '[class]': 'class()',
+                        '(animationend)': 'onAnimationEnd($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/drawer/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;;AAkBrD,MAAM,OAAO,QAAQ;IACF,UAAU,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAErD,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAClC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACzC,KAAK,GAAG,MAAM,CAAgB,MAAM,iDAAC,CAAC;IAEtC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,oEAAoE;IACpE,yCAAyC;IACzC,6MAA6M,EAC7M,4JAA4J,EAC5J,kKAAkK,EAClK,wLAAwL,EACxL,sEAAsE;IACtE,aAAa;IACb,qBAAqB,EACrB,0CAA0C,EAC1C,oGAAoG,EACpG,4GAA4G,EAC5G,gHAAgH,EAChH,wGAAwG,EACxG,gDAAgD,EAChD,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF;QACE,yCAAyC;QACzC,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YAClC,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,MAAM,CAAC,yBAAyB,EAAE,CAAC;QAC1C,CAAC;IACH,CAAC;uGA7CU,QAAQ;2FAAR,QAAQ;;2FAAR,QAAQ;kBAdpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,IAAI,EAAE;wBACJ,WAAW,EAAE,QAAQ;wBACrB,IAAI,EAAE,QAAQ;wBACd,YAAY,EAAE,MAAM;wBACpB,uBAAuB,EAAE,oBAAoB;wBAC7C,kBAAkB,EAAE,gCAAgC;wBACpD,kBAAkB,EAAE,gCAAgC;wBACpD,oBAAoB,EAAE,kCAAkC;wBACxD,SAAS,EAAE,SAAS;wBACpB,gBAAgB,EAAE,wBAAwB;qBAC3C;iBACF","sourcesContent":["import {\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScDrawerProvider } from './drawer-provider';\n\ntype ScDrawerState = 'idle' | 'open' | 'closed';\n\n@Directive({\n  selector: 'div[scDrawer]',\n  host: {\n    'data-slot': 'drawer',\n    role: 'dialog',\n    'aria-modal': 'true',\n    '[attr.data-direction]': 'drawer.direction()',\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    '(animationend)': 'onAnimationEnd($event)',\n  },\n})\nexport class ScDrawer {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  readonly drawer = inject(ScDrawerProvider);\n  readonly classInput = input<string>('', { alias: 'class' });\n  protected readonly state = signal<ScDrawerState>('idle');\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-background flex h-auto flex-col text-sm fixed z-50 group/drawer',\n      // Position and border based on direction\n      'data-[direction=bottom]:inset-x-0 data-[direction=bottom]:bottom-0 data-[direction=bottom]:mt-24 data-[direction=bottom]:max-h-[80vh] data-[direction=bottom]:rounded-t-xl data-[direction=bottom]:border-t',\n      'data-[direction=left]:inset-y-0 data-[direction=left]:left-0 data-[direction=left]:w-3/4 data-[direction=left]:rounded-r-xl data-[direction=left]:border-r',\n      'data-[direction=right]:inset-y-0 data-[direction=right]:right-0 data-[direction=right]:w-3/4 data-[direction=right]:rounded-l-xl data-[direction=right]:border-l',\n      'data-[direction=top]:inset-x-0 data-[direction=top]:top-0 data-[direction=top]:mb-24 data-[direction=top]:max-h-[80vh] data-[direction=top]:rounded-b-xl data-[direction=top]:border-b',\n      'data-[direction=left]:sm:max-w-sm data-[direction=right]:sm:max-w-sm',\n      // Animations\n      'data-idle:opacity-0',\n      'data-open:animate-in data-open:fade-in-0',\n      'data-[direction=top]:data-open:slide-in-from-top data-[direction=top]:data-closed:slide-out-to-top',\n      'data-[direction=right]:data-open:slide-in-from-right data-[direction=right]:data-closed:slide-out-to-right',\n      'data-[direction=bottom]:data-open:slide-in-from-bottom data-[direction=bottom]:data-closed:slide-out-to-bottom',\n      'data-[direction=left]:data-open:slide-in-from-left data-[direction=left]:data-closed:slide-out-to-left',\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.drawer.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.drawer.onDrawerAnimationComplete();\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,11 @@
+export { ScDrawerProvider } from './drawer-provider';
+export { ScDrawer } from './drawer';
+export { ScDrawerTrigger } from './drawer-trigger';
+export { ScDrawerPortal } from './drawer-portal';
+export { ScDrawerHeader } from './drawer-header';
+export { ScDrawerFooter } from './drawer-footer';
+export { ScDrawerTitle } from './drawer-title';
+export { ScDrawerDescription } from './drawer-description';
+export { ScDrawerHandle } from './drawer-handle';
+export { ScDrawerClose } from './drawer-close';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { ScDrawerProvider } from './drawer-provider';\nexport type { ScDrawerDirection } from './drawer-provider';\nexport { ScDrawer } from './drawer';\nexport { ScDrawerTrigger } from './drawer-trigger';\nexport { ScDrawerPortal } from './drawer-portal';\nexport { ScDrawerHeader } from './drawer-header';\nexport { ScDrawerFooter } from './drawer-footer';\nexport { ScDrawerTitle } from './drawer-title';\nexport { ScDrawerDescription } from './drawer-description';\nexport { ScDrawerHandle } from './drawer-handle';\nexport { ScDrawerClose } from './drawer-close';\n"]}

package/esm2022/lib/components/empty/empty-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 ScEmptyBody {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScEmptyBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScEmptyBody, isStandalone: true, selector: "div[scEmptyBody]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "empty-body" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScEmptyBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scEmptyBody]',
+                    host: {
+                        'data-slot': 'empty-body',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=empty-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-body.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/empty/empty-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,CACA,iFAAiF,EACjF,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBAPvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,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: 'div[scEmptyBody]',\n  host: {\n    'data-slot': 'empty-body',\n    '[class]': 'class()',\n  },\n})\nexport class ScEmptyBody {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/empty/empty-description.js

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

package/esm2022/lib/components/empty/empty-description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-description.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/empty/empty-description.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,kBAAkB;IACpB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,yGAAyG,EACzG,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAP9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,mBAAmB;wBAChC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scEmptyDescription]',\n  host: {\n    'data-slot': 'empty-description',\n    '[class]': 'class()',\n  },\n})\nexport class ScEmptyDescription {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/empty/empty-header.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScEmptyHeader {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('gap-2 flex max-w-sm flex-col items-center', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScEmptyHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScEmptyHeader, isStandalone: true, selector: "div[scEmptyHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "empty-header" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScEmptyHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scEmptyHeader]',
+                    host: {
+                        'data-slot': 'empty-header',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=empty-header.js.map

package/esm2022/lib/components/empty/empty-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-header.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/empty/empty-header.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,aAAa;IACf,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,2CAA2C,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACnE,CAAC;uGALS,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAPzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scEmptyHeader]',\n  host: {\n    'data-slot': 'empty-header',\n    '[class]': 'class()',\n  },\n})\nexport class ScEmptyHeader {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('gap-2 flex max-w-sm flex-col items-center', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/empty/empty-media.js

@@ -0,0 +1,34 @@
+import { computed, Directive, input } from '@angular/core';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export const emptyMediaVariants = cva('mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4",
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+export class ScEmptyMedia {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    class = computed(() => cn(emptyMediaVariants({ variant: this.variant() }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScEmptyMedia, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScEmptyMedia, isStandalone: true, selector: "div[scEmptyMedia]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "empty-icon" }, properties: { "attr.data-variant": "variant()", "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScEmptyMedia, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scEmptyMedia]',
+                    host: {
+                        'data-slot': 'empty-icon',
+                        '[attr.data-variant]': 'variant()',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+//# sourceMappingURL=empty-media.js.map

package/esm2022/lib/components/empty/empty-media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-media.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/empty/empty-media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAEjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,6FAA6F,EAC7F;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,gBAAgB;YACzB,IAAI,EAAE,2HAA2H;SAClI;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAYF,MAAM,OAAO,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAAkC,SAAS,mDAAC,CAAC;IAElD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACvE,CAAC;uGANS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBARxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,YAAY;wBACzB,qBAAqB,EAAE,WAAW;wBAClC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils';\n\nexport const emptyMediaVariants = cva(\n  'mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nexport type ScEmptyMediaVariants = VariantProps<typeof emptyMediaVariants>;\n\n@Directive({\n  selector: 'div[scEmptyMedia]',\n  host: {\n    'data-slot': 'empty-icon',\n    '[attr.data-variant]': 'variant()',\n    '[class]': 'class()',\n  },\n})\nexport class ScEmptyMedia {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScEmptyMediaVariants['variant']>('default');\n\n  protected readonly class = computed(() =>\n    cn(emptyMediaVariants({ variant: this.variant() }), this.classInput()),\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-title.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/empty/empty-title.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,YAAY;IACd,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,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAPxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scEmptyTitle]',\n  host: {\n    'data-slot': 'empty-title',\n    '[class]': 'class()',\n  },\n})\nexport class ScEmptyTitle {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('text-sm font-medium tracking-tight', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/empty/empty.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScEmpty {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScEmpty, isStandalone: true, selector: "div[scEmpty]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "empty" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScEmpty, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scEmpty]',
+                    host: {
+                        'data-slot': 'empty',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=empty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/empty/empty.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,OAAO;IACT,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,6HAA6H,EAC7H,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,OAAO;2FAAP,OAAO;;2FAAP,OAAO;kBAPnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,IAAI,EAAE;wBACJ,WAAW,EAAE,OAAO;wBACpB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scEmpty]',\n  host: {\n    'data-slot': 'empty',\n    '[class]': 'class()',\n  },\n})\nexport class ScEmpty {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,7 @@
+export * from './empty';
+export * from './empty-header';
+export * from './empty-media';
+export * from './empty-title';
+export * from './empty-description';
+export * from './empty-body';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/empty/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC","sourcesContent":["export * from './empty';\nexport * from './empty-header';\nexport * from './empty-media';\nexport * from './empty-title';\nexport * from './empty-description';\nexport * from './empty-body';\n"]}

package/esm2022/lib/components/field/field-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 ScFieldBody {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('gap-0.5 group/field-body flex flex-1 flex-col leading-snug', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFieldBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScFieldBody, isStandalone: true, selector: "[scFieldBody]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "field-body" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFieldBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scFieldBody]',
+                    host: {
+                        'data-slot': 'field-body',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=field-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-body.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/field/field-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,CACA,4DAA4D,EAC5D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBAPvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,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: '[scFieldBody]',\n  host: {\n    'data-slot': 'field-body',\n    '[class]': 'class()',\n  },\n})\nexport class ScFieldBody {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'gap-0.5 group/field-body flex flex-1 flex-col leading-snug',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScFieldDescription {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance', 'last:mt-0 nth-last-2:-mt-1', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFieldDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScFieldDescription, isStandalone: true, selector: "[scFieldDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "field-description" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFieldDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scFieldDescription]',
+                    host: {
+                        'data-slot': 'field-description',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=field-description.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-description.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/field/field-description.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,kBAAkB;IACpB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,mKAAmK,EACnK,4BAA4B,EAC5B,mEAAmE,EACnE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAVS,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAP9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,mBAAmB;wBAChC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scFieldDescription]',\n  host: {\n    'data-slot': 'field-description',\n    '[class]': 'class()',\n  },\n})\nexport class ScFieldDescription {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance',\n      'last:mt-0 nth-last-2:-mt-1',\n      '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-error.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/field/field-error.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAUjC,MAAM,OAAO,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,sCAAsC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC9D,CAAC;uGALS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBARxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,IAAI,EAAE,OAAO;wBACb,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scFieldError]',\n  host: {\n    role: 'alert',\n    'data-slot': 'field-error',\n    '[class]': 'class()',\n  },\n})\nexport class ScFieldError {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('text-destructive text-sm font-normal', this.classInput()),\n  );\n}\n"]}