@semantic-components/ui 0.65.0 → 0.66.0

package/esm2022/lib/components/dialog/dialog-footer.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScDialogFooter {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDialogFooter, isStandalone: true, selector: "div[scDialogFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scDialogFooter]',
+                    host: {
+                        'data-slot': 'dialog-footer',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=dialog-footer.js.map

package/esm2022/lib/components/dialog/dialog-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-footer.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/dialog/dialog-footer.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,CACA,0GAA0G,EAC1G,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,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: 'div[scDialogFooter]',\n  host: {\n    'data-slot': 'dialog-footer',\n    '[class]': 'class()',\n  },\n})\nexport class ScDialogFooter {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-header.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/dialog/dialog-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,cAAc;IAChB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC7C,CAAC;uGALS,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,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: 'div[scDialogHeader]',\n  host: {\n    'data-slot': 'dialog-header',\n    '[class]': 'class()',\n  },\n})\nexport class ScDialogHeader {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('gap-2 flex flex-col', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/dialog/dialog-portal.js

@@ -0,0 +1,14 @@
+import { Directive, inject, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ScDialogPortal {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScDialogPortal, isStandalone: true, selector: "ng-template[scDialogPortal]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogPortal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[scDialogPortal]',
+                }]
+        }] });
+//# sourceMappingURL=dialog-portal.js.map

package/esm2022/lib/components/dialog/dialog-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-portal.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/dialog/dialog-portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAK/D,MAAM,OAAO,cAAc;IAChB,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;uGADhC,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAH1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;iBACxC","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: 'ng-template[scDialogPortal]',\n})\nexport class ScDialogPortal {\n  readonly templateRef = inject(TemplateRef);\n}\n"]}

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

@@ -0,0 +1,159 @@
+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 { ScDialogPortal } from './dialog-portal';
+import * as i0 from "@angular/core";
+export class ScDialogProvider {
+    overlay = inject(Overlay);
+    viewContainerRef = inject(ViewContainerRef);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    overlayTemplate = viewChild.required('overlayTemplate');
+    dialogPortal = contentChild.required(ScDialogPortal);
+    /**
+     * Logical state: Controls animation state (open/closed)
+     * - When true: Triggers entry animation
+     * - When false: Triggers exit animation
+     */
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    /**
+     * Physical state: Controls DOM presence
+     * - When true: Content exists in DOM (can animate)
+     * - When false: Content removed from DOM
+     * - Stays true during close animation to allow it to complete
+     */
+    overlayOpen = signal(false, ...(ngDevMode ? [{ debugName: "overlayOpen" }] : []));
+    /**
+     * Tracks how many animations have completed during close sequence
+     * Target: 2 (dialog + backdrop)
+     */
+    animationsCompleted = signal(0, ...(ngDevMode ? [{ debugName: "animationsCompleted" }] : []));
+    overlayRef = null;
+    class = computed(() => cn('contents', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        // Synchronize overlay state with logical state for opening
+        effect(() => {
+            if (this.open()) {
+                // Opening: Mount DOM immediately so animation can start
+                this.overlayOpen.set(true);
+                // Reset counter when opening for next close cycle
+                this.animationsCompleted.set(0);
+            }
+            // Note: When closing (open = false), overlayOpen stays true
+            // until both animations complete (handled by animation completion methods)
+        });
+        // Close overlay when both animations complete
+        effect(() => {
+            const completed = this.animationsCompleted();
+            if (completed === 2 && !this.open()) {
+                this.overlayOpen.set(false);
+                // Reset for next cycle
+                this.animationsCompleted.set(0);
+            }
+        });
+        // Attach/detach CDK overlay based on overlayOpen state
+        effect(() => {
+            if (this.overlayOpen()) {
+                this.attachDialog();
+            }
+            else {
+                this.detachDialog();
+            }
+        });
+    }
+    /**
+     * Called by dialog when its close animation completes
+     */
+    onDialogAnimationComplete() {
+        if (!this.open()) {
+            this.animationsCompleted.update((n) => n + 1);
+        }
+    }
+    /**
+     * Called when backdrop close animation completes
+     */
+    onBackdropAnimationComplete() {
+        if (!this.open()) {
+            this.animationsCompleted.update((n) => n + 1);
+        }
+    }
+    getOverlayRef() {
+        if (!this.overlayRef) {
+            this.overlayRef = this.overlay.create({
+                positionStrategy: this.overlay
+                    .position()
+                    .global()
+                    .centerHorizontally()
+                    .centerVertically(),
+                hasBackdrop: true,
+                backdropClass: 'cdk-overlay-transparent-backdrop',
+                scrollStrategy: this.overlay.scrollStrategies.block(),
+            });
+            this.overlayRef.backdropClick().subscribe(() => this.closeDialog());
+            this.overlayRef.keydownEvents().subscribe((event) => {
+                if (event.key === 'Escape')
+                    this.closeDialog();
+            });
+        }
+        return this.overlayRef;
+    }
+    attachDialog() {
+        const ref = this.getOverlayRef();
+        if (!ref.hasAttached()) {
+            const portal = new TemplatePortal(this.overlayTemplate(), this.viewContainerRef);
+            ref.attach(portal);
+        }
+    }
+    detachDialog() {
+        if (this.overlayRef?.hasAttached()) {
+            this.overlayRef.detach();
+        }
+    }
+    closeDialog() {
+        this.open.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialogProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: ScDialogProvider, isStandalone: true, selector: "div[scDialogProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { attributes: { "data-slot": "dialog-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "dialogPortal", first: true, predicate: ScDialogPortal, 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]="dialogPortal().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: ScDialogProvider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scDialogProvider]',
+                    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]="dialogPortal().templateRef" />
+      </div>
+    </ng-template>
+  `,
+                    host: {
+                        'data-slot': 'dialog-provider',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], overlayTemplate: [{ type: i0.ViewChild, args: ['overlayTemplate', { isSignal: true }] }], dialogPortal: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScDialogPortal), { isSignal: true }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }] } });
+//# sourceMappingURL=dialog-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-provider.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/dialog/dialog-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 { ScDialogPortal } from './dialog-portal';\n\n@Component({\n  selector: 'div[scDialogProvider]',\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]=\"dialogPortal().templateRef\" />\n      </div>\n    </ng-template>\n  `,\n  host: {\n    'data-slot': 'dialog-provider',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScDialogProvider {\n  private readonly overlay = inject(Overlay);\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  private readonly overlayTemplate =\n    viewChild.required<TemplateRef<unknown>>('overlayTemplate');\n\n  protected readonly dialogPortal = contentChild.required(ScDialogPortal);\n\n  /**\n   * Logical state: Controls animation state (open/closed)\n   * - When true: Triggers entry animation\n   * - When false: Triggers exit animation\n   */\n  readonly open = model<boolean>(false);\n\n  /**\n   * Physical state: Controls DOM presence\n   * - When true: Content exists in DOM (can animate)\n   * - When false: Content removed from DOM\n   * - Stays true during close animation to allow it to complete\n   */\n  readonly overlayOpen = signal<boolean>(false);\n\n  /**\n   * Tracks how many animations have completed during close sequence\n   * Target: 2 (dialog + backdrop)\n   */\n  private readonly animationsCompleted = signal<number>(0);\n\n  private overlayRef: OverlayRef | null = null;\n\n  protected readonly class = computed(() => cn('contents', this.classInput()));\n\n  constructor() {\n    // Synchronize overlay state with logical state for opening\n    effect(() => {\n      if (this.open()) {\n        // Opening: Mount DOM immediately so animation can start\n        this.overlayOpen.set(true);\n        // Reset counter when opening for next close cycle\n        this.animationsCompleted.set(0);\n      }\n      // Note: When closing (open = false), overlayOpen stays true\n      // until both animations complete (handled by animation completion methods)\n    });\n\n    // Close overlay when both animations complete\n    effect(() => {\n      const completed = this.animationsCompleted();\n      if (completed === 2 && !this.open()) {\n        this.overlayOpen.set(false);\n        // Reset for next cycle\n        this.animationsCompleted.set(0);\n      }\n    });\n\n    // Attach/detach CDK overlay based on overlayOpen state\n    effect(() => {\n      if (this.overlayOpen()) {\n        this.attachDialog();\n      } else {\n        this.detachDialog();\n      }\n    });\n  }\n\n  /**\n   * Called by dialog when its close animation completes\n   */\n  onDialogAnimationComplete(): void {\n    if (!this.open()) {\n      this.animationsCompleted.update((n) => n + 1);\n    }\n  }\n\n  /**\n   * Called when backdrop close animation completes\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\n          .position()\n          .global()\n          .centerHorizontally()\n          .centerVertically(),\n        hasBackdrop: true,\n        backdropClass: 'cdk-overlay-transparent-backdrop',\n        scrollStrategy: this.overlay.scrollStrategies.block(),\n      });\n\n      this.overlayRef.backdropClick().subscribe(() => this.closeDialog());\n      this.overlayRef.keydownEvents().subscribe((event) => {\n        if (event.key === 'Escape') this.closeDialog();\n      });\n    }\n    return this.overlayRef;\n  }\n\n  private attachDialog(): 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 detachDialog(): void {\n    if (this.overlayRef?.hasAttached()) {\n      this.overlayRef.detach();\n    }\n  }\n\n  private closeDialog(): void {\n    this.open.set(false);\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-title.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/dialog/dialog-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,QAAQ,EAAE,MAAM,UAAU,CAAC;;AAUpC,MAAM,OAAO,aAAa;IACf,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,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;uGANS,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBARzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,MAAM,EAAE,gBAAgB;wBACxB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScDialog } from './dialog';\n\n@Directive({\n  selector: 'h2[scDialogTitle]',\n  host: {\n    'data-slot': 'dialog-title',\n    '[id]': 'dialog.titleId',\n    '[class]': 'class()',\n  },\n})\nexport class ScDialogTitle {\n  readonly dialog = inject(ScDialog);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('text-base leading-none font-medium', this.classInput()),\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/dialog/dialog-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;;AAarD,MAAM,OAAO,eAAe;IACjB,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC1C,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,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;uGARU,eAAe;2FAAf,eAAe;;2FAAf,eAAe;kBAX3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,gBAAgB;wBAC7B,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,sBAAsB,EAAE,UAAU;wBAClC,sBAAsB,EAAE,uBAAuB;wBAC/C,SAAS,EAAE,cAAc;qBAC1B;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScDialogProvider } from './dialog-provider';\n\n@Directive({\n  selector: 'button[scDialogTrigger]',\n  host: {\n    'data-slot': 'dialog-trigger',\n    type: 'button',\n    '[class]': 'class()',\n    '[attr.aria-haspopup]': '\"dialog\"',\n    '[attr.aria-expanded]': 'dialogProvider.open()',\n    '(click)': 'openDialog()',\n  },\n})\nexport class ScDialogTrigger {\n  readonly dialogProvider = inject(ScDialogProvider);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => cn('', this.classInput()));\n\n  openDialog(): void {\n    this.dialogProvider.open.set(true);\n  }\n}\n"]}

package/esm2022/lib/components/dialog/dialog.js

@@ -0,0 +1,59 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScDialogProvider } from './dialog-provider';
+import * as i0 from "@angular/core";
+export class ScDialog {
+    elementRef = inject((ElementRef));
+    dialogProvider = inject(ScDialogProvider);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    state = signal('idle', ...(ngDevMode ? [{ debugName: "state" }] : []));
+    dialogId = inject(_IdGenerator).getId('sc-dialog-');
+    titleId = `${this.dialogId}-title`;
+    descriptionId = `${this.dialogId}-description`;
+    class = computed(() => cn('relative bg-background ring-foreground/10 grid w-full max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 outline-none sm:max-w-sm', 'data-idle:opacity-0', 'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95', 'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        // Sync state with provider's open signal
+        effect(() => {
+            const isOpen = this.dialogProvider.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.dialogProvider.onDialogAnimationComplete();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScDialog, isStandalone: true, selector: "div[scDialog]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "dialog", "role": "dialog", "aria-modal": "true" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "attr.aria-labelledby": "titleId", "attr.aria-describedby": "descriptionId", "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: ScDialog, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scDialog]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'dialog',
+                        role: 'dialog',
+                        'aria-modal': 'true',
+                        '[attr.aria-labelledby]': 'titleId',
+                        '[attr.aria-describedby]': 'descriptionId',
+                        '[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=dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/dialog/dialog.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,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;;AAyBrD,MAAM,OAAO,QAAQ;IACF,UAAU,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAErD,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC1C,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACzC,KAAK,GAAG,MAAM,CAAgB,MAAM,iDAAC,CAAC;IAEhD,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEpD,OAAO,GAAG,GAAG,IAAI,CAAC,QAAQ,QAAQ,CAAC;IACnC,aAAa,GAAG,GAAG,IAAI,CAAC,QAAQ,cAAc,CAAC;IAErC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,yJAAyJ,EACzJ,qBAAqB,EACrB,+DAA+D,EAC/D,wEAAwE,EACxE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF;QACE,yCAAyC;QACzC,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;YAC1C,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,cAAc,CAAC,yBAAyB,EAAE,CAAC;QAClD,CAAC;IACH,CAAC;uGAvCU,QAAQ;2FAAR,QAAQ,wpBAnBT;;GAET;;2FAiBU,QAAQ;kBArBpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,QAAQ;wBACrB,IAAI,EAAE,QAAQ;wBACd,YAAY,EAAE,MAAM;wBACpB,wBAAwB,EAAE,SAAS;wBACnC,yBAAyB,EAAE,eAAe;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 { ScDialogProvider } from './dialog-provider';\n\ntype ScDialogState = 'idle' | 'open' | 'closed';\n\n@Component({\n  selector: 'div[scDialog]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'dialog',\n    role: 'dialog',\n    'aria-modal': 'true',\n    '[attr.aria-labelledby]': 'titleId',\n    '[attr.aria-describedby]': 'descriptionId',\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 ScDialog {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  readonly dialogProvider = inject(ScDialogProvider);\n  readonly classInput = input<string>('', { alias: 'class' });\n  protected readonly state = signal<ScDialogState>('idle');\n\n  readonly dialogId = inject(_IdGenerator).getId('sc-dialog-');\n\n  readonly titleId = `${this.dialogId}-title`;\n  readonly descriptionId = `${this.dialogId}-description`;\n\n  protected readonly class = computed(() =>\n    cn(\n      'relative bg-background ring-foreground/10 grid w-full max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 outline-none sm:max-w-sm',\n      'data-idle:opacity-0',\n      'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95',\n      'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n      this.classInput(),\n    ),\n  );\n\n  constructor() {\n    // Sync state with provider's open signal\n    effect(() => {\n      const isOpen = this.dialogProvider.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.dialogProvider.onDialogAnimationComplete();\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,10 @@
+export { ScDialogProvider } from './dialog-provider';
+export { ScDialogTrigger } from './dialog-trigger';
+export { ScDialogPortal } from './dialog-portal';
+export { ScDialog } from './dialog';
+export { ScDialogHeader } from './dialog-header';
+export { ScDialogTitle } from './dialog-title';
+export { ScDialogDescription } from './dialog-description';
+export { ScDialogFooter } from './dialog-footer';
+export { ScDialogClose } from './dialog-close';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,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 { ScDialogProvider } from './dialog-provider';\nexport { ScDialogTrigger } from './dialog-trigger';\nexport { ScDialogPortal } from './dialog-portal';\nexport { ScDialog } from './dialog';\nexport { ScDialogHeader } from './dialog-header';\nexport { ScDialogTitle } from './dialog-title';\nexport { ScDialogDescription } from './dialog-description';\nexport { ScDialogFooter } from './dialog-footer';\nexport { ScDialogClose } from './dialog-close';\n"]}

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

@@ -0,0 +1,23 @@
+import { Directive, inject } from '@angular/core';
+import { ScDrawerProvider } from './drawer-provider';
+import * as i0 from "@angular/core";
+export class ScDrawerClose {
+    drawer = inject(ScDrawerProvider);
+    closeDrawer() {
+        this.drawer.open.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScDrawerClose, isStandalone: true, selector: "button[scDrawerClose]", host: { attributes: { "data-slot": "drawer-close", "type": "button" }, listeners: { "click": "closeDrawer()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerClose, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[scDrawerClose]',
+                    host: {
+                        'data-slot': 'drawer-close',
+                        type: 'button',
+                        '(click)': 'closeDrawer()',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=drawer-close.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-close.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/drawer/drawer-close.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;;AAUrD,MAAM,OAAO,aAAa;IACP,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAEzC,WAAW;QACnB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;uGALU,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBARzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,eAAe;qBAC3B;iBACF","sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { ScDrawerProvider } from './drawer-provider';\n\n@Directive({\n  selector: 'button[scDrawerClose]',\n  host: {\n    'data-slot': 'drawer-close',\n    type: 'button',\n    '(click)': 'closeDrawer()',\n  },\n})\nexport class ScDrawerClose {\n  private readonly drawer = inject(ScDrawerProvider);\n\n  protected closeDrawer(): void {\n    this.drawer.open.set(false);\n  }\n}\n"]}

package/esm2022/lib/components/drawer/drawer-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 ScDrawerDescription {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-muted-foreground text-sm', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDrawerDescription, isStandalone: true, selector: "p[scDrawerDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "drawer-description" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'p[scDrawerDescription]',
+                    host: {
+                        'data-slot': 'drawer-description',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=drawer-description.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-description.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/drawer/drawer-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,mBAAmB;IACrB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,+BAA+B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACvD,CAAC;uGALS,mBAAmB;2FAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAP/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,IAAI,EAAE;wBACJ,WAAW,EAAE,oBAAoB;wBACjC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'p[scDrawerDescription]',\n  host: {\n    'data-slot': 'drawer-description',\n    '[class]': 'class()',\n  },\n})\nexport class ScDrawerDescription {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('text-muted-foreground text-sm', this.classInput()),\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-footer.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/drawer/drawer-footer.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,iCAAiC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACzD,CAAC;uGALS,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,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: 'div[scDrawerFooter]',\n  host: {\n    'data-slot': 'drawer-footer',\n    '[class]': 'class()',\n  },\n})\nexport class ScDrawerFooter {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('gap-2 p-4 mt-auto flex flex-col', this.classInput()),\n  );\n}\n"]}

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

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScDrawerHandle {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('bg-muted mt-4 h-1 w-[100px] rounded-full mx-auto hidden shrink-0 group-data-[direction=bottom]/drawer:block', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScDrawerHandle, isStandalone: true, selector: "div[scDrawerHandle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "drawer-handle" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerHandle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scDrawerHandle]',
+                    host: {
+                        'data-slot': 'drawer-handle',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=drawer-handle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-handle.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/drawer/drawer-handle.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,CACA,6GAA6G,EAC7G,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,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: 'div[scDrawerHandle]',\n  host: {\n    'data-slot': 'drawer-handle',\n    '[class]': 'class()',\n  },\n})\nexport class ScDrawerHandle {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-muted mt-4 h-1 w-[100px] rounded-full mx-auto hidden shrink-0 group-data-[direction=bottom]/drawer:block',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-header.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/drawer/drawer-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,cAAc;IAChB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,kJAAkJ,EAClJ,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,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: 'div[scDrawerHeader]',\n  host: {\n    'data-slot': 'drawer-header',\n    '[class]': 'class()',\n  },\n})\nexport class ScDrawerHeader {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'gap-0.5 p-4 group-data-[direction=bottom]/drawer:text-center group-data-[direction=top]/drawer:text-center md:gap-0.5 md:text-left flex flex-col',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,14 @@
+import { Directive, inject, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ScDrawerPortal {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScDrawerPortal, isStandalone: true, selector: "ng-template[scDrawerPortal]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScDrawerPortal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[scDrawerPortal]',
+                }]
+        }] });
+//# sourceMappingURL=drawer-portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-portal.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/drawer/drawer-portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAK/D,MAAM,OAAO,cAAc;IAChB,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;uGADhC,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAH1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;iBACxC","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: 'ng-template[scDrawerPortal]',\n})\nexport class ScDrawerPortal {\n  readonly templateRef = inject(TemplateRef);\n}\n"]}