@semantic-components/ui 0.66.0 → 0.67.0

package/esm2022/lib/components/file-upload/file-upload-dropzone.js

@@ -0,0 +1,91 @@
+import { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { SC_FILE_UPLOAD } from './file-upload';
+import * as i0 from "@angular/core";
+export class ScFileUploadDropzone {
+    fileUpload = inject(SC_FILE_UPLOAD);
+    elementRef = inject(ElementRef);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    isDragging = signal(false, ...(ngDevMode ? [{ debugName: "isDragging" }] : []));
+    class = computed(() => cn('relative flex min-h-[150px] cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed', 'transition-colors hover:border-primary/50 hover:bg-accent/50', 'data-[dragging=true]:border-primary data-[dragging=true]:bg-accent', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    openFilePicker() {
+        if (this.fileUpload.disabled())
+            return;
+        const input = this.elementRef.nativeElement.querySelector('input[type="file"]');
+        input?.click();
+    }
+    onFileSelect(event) {
+        const input = event.target;
+        if (input.files && input.files.length > 0) {
+            this.fileUpload.addFiles(input.files);
+            input.value = '';
+        }
+    }
+    onDragOver(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!this.fileUpload.disabled()) {
+            this.isDragging.set(true);
+        }
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragging.set(false);
+    }
+    onDrop(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragging.set(false);
+        if (this.fileUpload.disabled())
+            return;
+        const files = event.dataTransfer?.files;
+        if (files && files.length > 0) {
+            this.fileUpload.addFiles(files);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUploadDropzone, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScFileUploadDropzone, isStandalone: true, selector: "[scFileUploadDropzone]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "file-upload-dropzone" }, listeners: { "click": "openFilePicker()", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "class": "class()", "attr.data-dragging": "isDragging()", "attr.data-disabled": "fileUpload.disabled() || null" } }, ngImport: i0, template: `
+    <input
+      #fileInput
+      type="file"
+      class="sr-only"
+      [multiple]="fileUpload.multiple()"
+      [accept]="fileUpload.accept()"
+      [disabled]="fileUpload.disabled()"
+      (change)="onFileSelect($event)"
+    />
+    <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: ScFileUploadDropzone, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scFileUploadDropzone]',
+                    template: `
+    <input
+      #fileInput
+      type="file"
+      class="sr-only"
+      [multiple]="fileUpload.multiple()"
+      [accept]="fileUpload.accept()"
+      [disabled]="fileUpload.disabled()"
+      (change)="onFileSelect($event)"
+    />
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'file-upload-dropzone',
+                        '[class]': 'class()',
+                        '[attr.data-dragging]': 'isDragging()',
+                        '[attr.data-disabled]': 'fileUpload.disabled() || null',
+                        '(click)': 'openFilePicker()',
+                        '(dragover)': 'onDragOver($event)',
+                        '(dragleave)': 'onDragLeave($event)',
+                        '(drop)': 'onDrop($event)',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=file-upload-dropzone.js.map

package/esm2022/lib/components/file-upload/file-upload-dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-dropzone.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/file-upload/file-upload-dropzone.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { SC_FILE_UPLOAD } from './file-upload';\n\n@Component({\n  selector: '[scFileUploadDropzone]',\n  template: `\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"sr-only\"\n      [multiple]=\"fileUpload.multiple()\"\n      [accept]=\"fileUpload.accept()\"\n      [disabled]=\"fileUpload.disabled()\"\n      (change)=\"onFileSelect($event)\"\n    />\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'file-upload-dropzone',\n    '[class]': 'class()',\n    '[attr.data-dragging]': 'isDragging()',\n    '[attr.data-disabled]': 'fileUpload.disabled() || null',\n    '(click)': 'openFilePicker()',\n    '(dragover)': 'onDragOver($event)',\n    '(dragleave)': 'onDragLeave($event)',\n    '(drop)': 'onDrop($event)',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScFileUploadDropzone {\n  readonly fileUpload = inject(SC_FILE_UPLOAD);\n  private readonly elementRef = inject(ElementRef);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly isDragging = signal(false);\n\n  protected readonly class = computed(() =>\n    cn(\n      'relative flex min-h-[150px] cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed',\n      'transition-colors hover:border-primary/50 hover:bg-accent/50',\n      'data-[dragging=true]:border-primary data-[dragging=true]:bg-accent',\n      'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      this.classInput(),\n    ),\n  );\n\n  openFilePicker(): void {\n    if (this.fileUpload.disabled()) return;\n    const input = this.elementRef.nativeElement.querySelector(\n      'input[type=\"file\"]',\n    ) as HTMLInputElement;\n    input?.click();\n  }\n\n  onFileSelect(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    if (input.files && input.files.length > 0) {\n      this.fileUpload.addFiles(input.files);\n      input.value = '';\n    }\n  }\n\n  onDragOver(event: DragEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!this.fileUpload.disabled()) {\n      this.isDragging.set(true);\n    }\n  }\n\n  onDragLeave(event: DragEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragging.set(false);\n  }\n\n  onDrop(event: DragEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragging.set(false);\n\n    if (this.fileUpload.disabled()) return;\n\n    const files = event.dataTransfer?.files;\n    if (files && files.length > 0) {\n      this.fileUpload.addFiles(files);\n    }\n  }\n}\n"]}

package/esm2022/lib/components/file-upload/file-upload-item-delete.js

@@ -0,0 +1,29 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { buttonVariants } from '../button';
+import { cn } from '../../utils';
+import { SC_FILE_UPLOAD } from './file-upload';
+import * as i0 from "@angular/core";
+export class ScFileUploadItemDelete {
+    fileUpload = inject(SC_FILE_UPLOAD);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    fileId = input.required(...(ngDevMode ? [{ debugName: "fileId" }] : []));
+    class = computed(() => cn(buttonVariants({ variant: 'ghost', size: 'icon' }), 'text-muted-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onClick() {
+        this.fileUpload.removeFile(this.fileId());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUploadItemDelete, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScFileUploadItemDelete, isStandalone: true, selector: "button[scFileUploadItemDelete]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, fileId: { classPropertyName: "fileId", publicName: "fileId", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-slot": "file-upload-item-delete", "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUploadItemDelete, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[scFileUploadItemDelete]',
+                    host: {
+                        'data-slot': 'file-upload-item-delete',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '(click)': 'onClick()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], fileId: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileId", required: true }] }] } });
+//# sourceMappingURL=file-upload-item-delete.js.map

package/esm2022/lib/components/file-upload/file-upload-item-delete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-item-delete.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/file-upload/file-upload-item-delete.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;;AAW/C,MAAM,OAAO,sBAAsB;IAChB,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAE5C,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAU,CAAC;IAExB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,cAAc,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAClD,uBAAuB,EACvB,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,OAAO;QACL,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAC5C,CAAC;uGAhBU,sBAAsB;2FAAtB,sBAAsB;;2FAAtB,sBAAsB;kBATlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,IAAI,EAAE;wBACJ,WAAW,EAAE,yBAAyB;wBACtC,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,SAAS,EAAE,WAAW;qBACvB;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { buttonVariants } from '../button';\nimport { cn } from '../../utils';\nimport { SC_FILE_UPLOAD } from './file-upload';\n\n@Directive({\n  selector: 'button[scFileUploadItemDelete]',\n  host: {\n    'data-slot': 'file-upload-item-delete',\n    type: 'button',\n    '[class]': 'class()',\n    '(click)': 'onClick()',\n  },\n})\nexport class ScFileUploadItemDelete {\n  private readonly fileUpload = inject(SC_FILE_UPLOAD);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly fileId = input.required<string>();\n\n  protected readonly class = computed(() =>\n    cn(\n      buttonVariants({ variant: 'ghost', size: 'icon' }),\n      'text-muted-foreground',\n      this.classInput(),\n    ),\n  );\n\n  onClick(): void {\n    this.fileUpload.removeFile(this.fileId());\n  }\n}\n"]}

package/esm2022/lib/components/file-upload/file-upload-item-name.js

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

package/esm2022/lib/components/file-upload/file-upload-item-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-item-name.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/file-upload/file-upload-item-name.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,oBAAoB;IACtB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,qCAAqC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC7D,CAAC;uGALS,oBAAoB;2FAApB,oBAAoB;;2FAApB,oBAAoB;kBAPhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,IAAI,EAAE;wBACJ,WAAW,EAAE,uBAAuB;wBACpC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scFileUploadItemName]',\n  host: {\n    'data-slot': 'file-upload-item-name',\n    '[class]': 'class()',\n  },\n})\nexport class ScFileUploadItemName {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('flex-1 truncate text-sm font-medium', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/file-upload/file-upload-item-preview.js

@@ -0,0 +1,51 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScFileUploadItemPreview {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    file = input.required(...(ngDevMode ? [{ debugName: "file" }] : []));
+    isImage = computed(() => this.file().file.type.startsWith('image/'), ...(ngDevMode ? [{ debugName: "isImage" }] : []));
+    previewUrl = computed(() => {
+        if (this.isImage()) {
+            return URL.createObjectURL(this.file().file);
+        }
+        return '';
+    }, ...(ngDevMode ? [{ debugName: "previewUrl" }] : []));
+    class = computed(() => cn('flex size-10 items-center justify-center overflow-hidden rounded bg-muted', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUploadItemPreview, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScFileUploadItemPreview, isStandalone: true, selector: "[scFileUploadItemPreview]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-slot": "file-upload-item-preview" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    @if (isImage()) {
+      <img
+        [src]="previewUrl()"
+        [alt]="file().file.name"
+        class="size-full object-cover"
+      />
+    } @else {
+      <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: ScFileUploadItemPreview, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scFileUploadItemPreview]',
+                    template: `
+    @if (isImage()) {
+      <img
+        [src]="previewUrl()"
+        [alt]="file().file.name"
+        class="size-full object-cover"
+      />
+    } @else {
+      <ng-content />
+    }
+  `,
+                    host: {
+                        'data-slot': 'file-upload-item-preview',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], file: [{ type: i0.Input, args: [{ isSignal: true, alias: "file", required: true }] }] } });
+//# sourceMappingURL=file-upload-item-preview.js.map

package/esm2022/lib/components/file-upload/file-upload-item-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-item-preview.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/file-upload/file-upload-item-preview.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAuBjC,MAAM,OAAO,uBAAuB;IACzB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAoB,CAAC;IAEhC,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CACzC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,mDAC3C,CAAC;IAEiB,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5C,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACnB,OAAO,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;QAC/C,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,sDAAC,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,2EAA2E,EAC3E,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGApBS,uBAAuB;2FAAvB,uBAAuB,8bAlBxB;;;;;;;;;;GAUT;;2FAQU,uBAAuB;kBApBnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,QAAQ,EAAE;;;;;;;;;;GAUT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,0BAA0B;wBACvC,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScFileUploadFile } from './file-upload';\n\n@Component({\n  selector: '[scFileUploadItemPreview]',\n  template: `\n    @if (isImage()) {\n      <img\n        [src]=\"previewUrl()\"\n        [alt]=\"file().file.name\"\n        class=\"size-full object-cover\"\n      />\n    } @else {\n      <ng-content />\n    }\n  `,\n  host: {\n    'data-slot': 'file-upload-item-preview',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScFileUploadItemPreview {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly file = input.required<ScFileUploadFile>();\n\n  protected readonly isImage = computed(() =>\n    this.file().file.type.startsWith('image/'),\n  );\n\n  protected readonly previewUrl = computed(() => {\n    if (this.isImage()) {\n      return URL.createObjectURL(this.file().file);\n    }\n    return '';\n  });\n\n  protected readonly class = computed(() =>\n    cn(\n      'flex size-10 items-center justify-center overflow-hidden rounded bg-muted',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/file-upload/file-upload-item-progress.js

@@ -0,0 +1,34 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScFileUploadItemProgress {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    file = input.required(...(ngDevMode ? [{ debugName: "file" }] : []));
+    class = computed(() => cn('h-1 w-full overflow-hidden rounded-full bg-muted', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUploadItemProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScFileUploadItemProgress, isStandalone: true, selector: "[scFileUploadItemProgress]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-slot": "file-upload-item-progress" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    <div
+      class="h-full rounded-full bg-primary transition-all"
+      [style.width.%]="file().progress || 0"
+    ></div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUploadItemProgress, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scFileUploadItemProgress]',
+                    template: `
+    <div
+      class="h-full rounded-full bg-primary transition-all"
+      [style.width.%]="file().progress || 0"
+    ></div>
+  `,
+                    host: {
+                        'data-slot': 'file-upload-item-progress',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], file: [{ type: i0.Input, args: [{ isSignal: true, alias: "file", required: true }] }] } });
+//# sourceMappingURL=file-upload-item-progress.js.map

package/esm2022/lib/components/file-upload/file-upload-item-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-item-progress.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/file-upload/file-upload-item-progress.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAkBjC,MAAM,OAAO,wBAAwB;IAC1B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAoB,CAAC;IAEhC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,kDAAkD,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC1E,CAAC;uGANS,wBAAwB;2FAAxB,wBAAwB,gcAbzB;;;;;GAKT;;2FAQU,wBAAwB;kBAfpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,QAAQ,EAAE;;;;;GAKT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,2BAA2B;wBACxC,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScFileUploadFile } from './file-upload';\n\n@Component({\n  selector: '[scFileUploadItemProgress]',\n  template: `\n    <div\n      class=\"h-full rounded-full bg-primary transition-all\"\n      [style.width.%]=\"file().progress || 0\"\n    ></div>\n  `,\n  host: {\n    'data-slot': 'file-upload-item-progress',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScFileUploadItemProgress {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly file = input.required<ScFileUploadFile>();\n\n  protected readonly class = computed(() =>\n    cn('h-1 w-full overflow-hidden rounded-full bg-muted', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/file-upload/file-upload-item-size.js

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScFileUploadItemSize {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    file = input.required(...(ngDevMode ? [{ debugName: "file" }] : []));
+    formattedSize = computed(() => {
+        const bytes = this.file().file.size;
+        if (bytes === 0)
+            return '0 B';
+        const k = 1024;
+        const sizes = ['B', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
+    }, ...(ngDevMode ? [{ debugName: "formattedSize" }] : []));
+    class = computed(() => cn('text-xs text-muted-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUploadItemSize, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScFileUploadItemSize, isStandalone: true, selector: "[scFileUploadItemSize]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-slot": "file-upload-item-size" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    {{ formattedSize() }}
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUploadItemSize, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scFileUploadItemSize]',
+                    template: `
+    {{ formattedSize() }}
+  `,
+                    host: {
+                        'data-slot': 'file-upload-item-size',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], file: [{ type: i0.Input, args: [{ isSignal: true, alias: "file", required: true }] }] } });
+//# sourceMappingURL=file-upload-item-size.js.map

package/esm2022/lib/components/file-upload/file-upload-item-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-item-size.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/file-upload/file-upload-item-size.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAejC,MAAM,OAAO,oBAAoB;IACtB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAoB,CAAC;IAEhC,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;QACpC,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAC9B,MAAM,CAAC,GAAG,IAAI,CAAC;QACf,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACpD,OAAO,UAAU,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC1E,CAAC,yDAAC,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,+BAA+B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACvD,CAAC;uGAfS,oBAAoB;2FAApB,oBAAoB,wbAVrB;;GAET;;2FAQU,oBAAoB;kBAZhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,uBAAuB;wBACpC,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScFileUploadFile } from './file-upload';\n\n@Component({\n  selector: '[scFileUploadItemSize]',\n  template: `\n    {{ formattedSize() }}\n  `,\n  host: {\n    'data-slot': 'file-upload-item-size',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScFileUploadItemSize {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly file = input.required<ScFileUploadFile>();\n\n  protected readonly formattedSize = computed(() => {\n    const bytes = this.file().file.size;\n    if (bytes === 0) return '0 B';\n    const k = 1024;\n    const sizes = ['B', 'KB', 'MB', 'GB'];\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\n    return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];\n  });\n\n  protected readonly class = computed(() =>\n    cn('text-xs text-muted-foreground', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/file-upload/file-upload-item.js

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScFileUploadItem {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    file = input.required(...(ngDevMode ? [{ debugName: "file" }] : []));
+    class = computed(() => cn('flex items-center gap-3 rounded-lg border bg-background p-3', 'data-[status=error]:border-destructive data-[status=error]:bg-destructive/10', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUploadItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScFileUploadItem, isStandalone: true, selector: "[scFileUploadItem]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-slot": "file-upload-item" }, properties: { "class": "class()", "attr.data-status": "file().status" } }, 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: ScFileUploadItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scFileUploadItem]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'file-upload-item',
+                        '[class]': 'class()',
+                        '[attr.data-status]': 'file().status',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], file: [{ type: i0.Input, args: [{ isSignal: true, alias: "file", required: true }] }] } });
+//# sourceMappingURL=file-upload-item.js.map

package/esm2022/lib/components/file-upload/file-upload-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-item.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/file-upload/file-upload-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAgBjC,MAAM,OAAO,gBAAgB;IAClB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAoB,CAAC;IAEhC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,6DAA6D,EAC7D,8EAA8E,EAC9E,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAVS,gBAAgB;2FAAhB,gBAAgB,odAXjB;;GAET;;2FASU,gBAAgB;kBAb5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,kBAAkB;wBAC/B,SAAS,EAAE,SAAS;wBACpB,oBAAoB,EAAE,eAAe;qBACtC;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScFileUploadFile } from './file-upload';\n\n@Component({\n  selector: '[scFileUploadItem]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'file-upload-item',\n    '[class]': 'class()',\n    '[attr.data-status]': 'file().status',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScFileUploadItem {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly file = input.required<ScFileUploadFile>();\n\n  protected readonly class = computed(() =>\n    cn(\n      'flex items-center gap-3 rounded-lg border bg-background p-3',\n      'data-[status=error]:border-destructive data-[status=error]:bg-destructive/10',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/file-upload/file-upload-list.js

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

package/esm2022/lib/components/file-upload/file-upload-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-list.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/file-upload/file-upload-list.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,gBAAgB;IAClB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACxC,CAAC;uGALS,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAP5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,IAAI,EAAE;wBACJ,WAAW,EAAE,kBAAkB;wBAC/B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scFileUploadList]',\n  host: {\n    'data-slot': 'file-upload-list',\n    '[class]': 'class()',\n  },\n})\nexport class ScFileUploadList {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('mt-4 space-y-2', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/file-upload/file-upload-trigger.js

@@ -0,0 +1,66 @@
+import { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, ViewEncapsulation, } from '@angular/core';
+import { buttonVariants } from '../button';
+import { cn } from '../../utils';
+import { SC_FILE_UPLOAD } from './file-upload';
+import * as i0 from "@angular/core";
+export class ScFileUploadTrigger {
+    fileUpload = inject(SC_FILE_UPLOAD);
+    elementRef = inject(ElementRef);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn(buttonVariants({ variant: 'default', size: 'lg' }), this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    openFilePicker() {
+        if (this.fileUpload.disabled())
+            return;
+        const input = this.elementRef.nativeElement.querySelector('input[type="file"]');
+        input?.click();
+    }
+    onFileSelect(event) {
+        const input = event.target;
+        if (input.files && input.files.length > 0) {
+            this.fileUpload.addFiles(input.files);
+            input.value = '';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUploadTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScFileUploadTrigger, isStandalone: true, selector: "button[scFileUploadTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "file-upload-trigger", "type": "button" }, listeners: { "click": "openFilePicker()" }, properties: { "class": "class()", "disabled": "fileUpload.disabled()", "attr.aria-disabled": "fileUpload.disabled() || null" } }, ngImport: i0, template: `
+    <input
+      #fileInput
+      type="file"
+      class="sr-only"
+      [multiple]="fileUpload.multiple()"
+      [accept]="fileUpload.accept()"
+      [disabled]="fileUpload.disabled()"
+      (change)="onFileSelect($event)"
+    />
+    <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: ScFileUploadTrigger, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[scFileUploadTrigger]',
+                    template: `
+    <input
+      #fileInput
+      type="file"
+      class="sr-only"
+      [multiple]="fileUpload.multiple()"
+      [accept]="fileUpload.accept()"
+      [disabled]="fileUpload.disabled()"
+      (change)="onFileSelect($event)"
+    />
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'file-upload-trigger',
+                        type: 'button',
+                        '[class]': 'class()',
+                        '[disabled]': 'fileUpload.disabled()',
+                        '[attr.aria-disabled]': 'fileUpload.disabled() || null',
+                        '(click)': 'openFilePicker()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=file-upload-trigger.js.map

package/esm2022/lib/components/file-upload/file-upload-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/file-upload/file-upload-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;;AA2B/C,MAAM,OAAO,mBAAmB;IACrB,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAC5B,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAExC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC1E,CAAC;IAEF,cAAc;QACZ,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE;YAAE,OAAO;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CACvD,oBAAoB,CACD,CAAC;QACtB,KAAK,EAAE,KAAK,EAAE,CAAC;IACjB,CAAC;IAED,YAAY,CAAC,KAAY;QACvB,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1C,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACtC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACnB,CAAC;IACH,CAAC;uGAxBU,mBAAmB;2FAAnB,mBAAmB,ieAvBpB;;;;;;;;;;;GAWT;;2FAYU,mBAAmB;kBAzB/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,QAAQ,EAAE;;;;;;;;;;;GAWT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,qBAAqB;wBAClC,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,SAAS;wBACpB,YAAY,EAAE,uBAAuB;wBACrC,sBAAsB,EAAE,+BAA+B;wBACvD,SAAS,EAAE,kBAAkB;qBAC9B;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { buttonVariants } from '../button';\nimport { cn } from '../../utils';\nimport { SC_FILE_UPLOAD } from './file-upload';\n\n@Component({\n  selector: 'button[scFileUploadTrigger]',\n  template: `\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"sr-only\"\n      [multiple]=\"fileUpload.multiple()\"\n      [accept]=\"fileUpload.accept()\"\n      [disabled]=\"fileUpload.disabled()\"\n      (change)=\"onFileSelect($event)\"\n    />\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'file-upload-trigger',\n    type: 'button',\n    '[class]': 'class()',\n    '[disabled]': 'fileUpload.disabled()',\n    '[attr.aria-disabled]': 'fileUpload.disabled() || null',\n    '(click)': 'openFilePicker()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScFileUploadTrigger {\n  readonly fileUpload = inject(SC_FILE_UPLOAD);\n  private readonly elementRef = inject(ElementRef);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(buttonVariants({ variant: 'default', size: 'lg' }), this.classInput()),\n  );\n\n  openFilePicker(): void {\n    if (this.fileUpload.disabled()) return;\n    const input = this.elementRef.nativeElement.querySelector(\n      'input[type=\"file\"]',\n    ) as HTMLInputElement;\n    input?.click();\n  }\n\n  onFileSelect(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    if (input.files && input.files.length > 0) {\n      this.fileUpload.addFiles(input.files);\n      input.value = '';\n    }\n  }\n}\n"]}

package/esm2022/lib/components/file-upload/file-upload.js

@@ -0,0 +1,118 @@
+import { computed, Directive, InjectionToken, input, model, output, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+// Token for file upload context
+export const SC_FILE_UPLOAD = new InjectionToken('SC_FILE_UPLOAD');
+export class ScFileUpload {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+    accept = input('', ...(ngDevMode ? [{ debugName: "accept" }] : []));
+    maxSize = input(0, ...(ngDevMode ? [{ debugName: "maxSize" }] : [])); // in bytes, 0 = no limit
+    maxFiles = input(0, ...(ngDevMode ? [{ debugName: "maxFiles" }] : [])); // 0 = no limit
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    files = model([], ...(ngDevMode ? [{ debugName: "files" }] : []));
+    filesSelected = output();
+    fileRemoved = output();
+    error = output();
+    class = computed(() => cn('block', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    generateId() {
+        return Math.random().toString(36).substring(2, 11);
+    }
+    addFiles(fileList) {
+        if (this.disabled())
+            return;
+        const newFiles = Array.from(fileList);
+        const currentFiles = this.files();
+        const maxFiles = this.maxFiles();
+        const maxSize = this.maxSize();
+        const accept = this.accept();
+        const validFiles = [];
+        for (const file of newFiles) {
+            // Check max files limit
+            if (maxFiles > 0 && currentFiles.length + validFiles.length >= maxFiles) {
+                this.error.emit(`Maximum ${maxFiles} files allowed`);
+                break;
+            }
+            // Check file size
+            if (maxSize > 0 && file.size > maxSize) {
+                this.error.emit(`File "${file.name}" exceeds maximum size`);
+                continue;
+            }
+            // Check file type
+            if (accept && !this.isAcceptedType(file, accept)) {
+                this.error.emit(`File "${file.name}" is not an accepted type`);
+                continue;
+            }
+            validFiles.push(file);
+        }
+        if (validFiles.length > 0) {
+            const uploadFiles = validFiles.map((file) => ({
+                file,
+                id: this.generateId(),
+                status: 'pending',
+            }));
+            if (this.multiple()) {
+                this.files.update((files) => [...files, ...uploadFiles]);
+            }
+            else {
+                this.files.set(uploadFiles.slice(0, 1));
+            }
+            this.filesSelected.emit(validFiles);
+        }
+    }
+    removeFile(fileId) {
+        const file = this.files().find((f) => f.id === fileId);
+        if (file) {
+            this.files.update((files) => files.filter((f) => f.id !== fileId));
+            this.fileRemoved.emit(file);
+        }
+    }
+    updateFileProgress(fileId, progress) {
+        this.files.update((files) => files.map((f) => f.id === fileId ? { ...f, progress, status: 'uploading' } : f));
+    }
+    updateFileStatus(fileId, status, error) {
+        this.files.update((files) => files.map((f) => (f.id === fileId ? { ...f, status, error } : f)));
+    }
+    clearFiles() {
+        this.files.set([]);
+    }
+    isAcceptedType(file, accept) {
+        const acceptTypes = accept.split(',').map((t) => t.trim().toLowerCase());
+        for (const acceptType of acceptTypes) {
+            if (acceptType.startsWith('.')) {
+                // Extension check
+                if (file.name.toLowerCase().endsWith(acceptType)) {
+                    return true;
+                }
+            }
+            else if (acceptType.endsWith('/*')) {
+                // MIME type wildcard (e.g., image/*)
+                const mimePrefix = acceptType.slice(0, -2);
+                if (file.type.toLowerCase().startsWith(mimePrefix)) {
+                    return true;
+                }
+            }
+            else {
+                // Exact MIME type match
+                if (file.type.toLowerCase() === acceptType) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUpload, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScFileUpload, isStandalone: true, selector: "[scFileUpload]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { files: "filesChange", filesSelected: "filesSelected", fileRemoved: "fileRemoved", error: "error" }, host: { attributes: { "data-slot": "file-upload" }, properties: { "class": "class()" } }, providers: [{ provide: SC_FILE_UPLOAD, useExisting: ScFileUpload }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScFileUpload, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scFileUpload]',
+                    providers: [{ provide: SC_FILE_UPLOAD, useExisting: ScFileUpload }],
+                    host: {
+                        'data-slot': 'file-upload',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], files: [{ type: i0.Input, args: [{ isSignal: true, alias: "files", required: false }] }, { type: i0.Output, args: ["filesChange"] }], filesSelected: [{ type: i0.Output, args: ["filesSelected"] }], fileRemoved: [{ type: i0.Output, args: ["fileRemoved"] }], error: [{ type: i0.Output, args: ["error"] }] } });
+//# sourceMappingURL=file-upload.js.map

package/esm2022/lib/components/file-upload/file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/file-upload/file-upload.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computed,\n  Directive,\n  InjectionToken,\n  input,\n  model,\n  output,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\n// Token for file upload context\nexport const SC_FILE_UPLOAD = new InjectionToken<ScFileUpload>(\n  'SC_FILE_UPLOAD',\n);\n\nexport interface ScFileUploadFile {\n  file: File;\n  id: string;\n  progress?: number;\n  status: 'pending' | 'uploading' | 'complete' | 'error';\n  error?: string;\n}\n\n@Directive({\n  selector: '[scFileUpload]',\n  providers: [{ provide: SC_FILE_UPLOAD, useExisting: ScFileUpload }],\n  host: {\n    'data-slot': 'file-upload',\n    '[class]': 'class()',\n  },\n})\nexport class ScFileUpload {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly multiple = input<boolean>(false);\n  readonly accept = input<string>('');\n  readonly maxSize = input<number>(0); // in bytes, 0 = no limit\n  readonly maxFiles = input<number>(0); // 0 = no limit\n  readonly disabled = input<boolean>(false);\n\n  readonly files = model<ScFileUploadFile[]>([]);\n  readonly filesSelected = output<File[]>();\n  readonly fileRemoved = output<ScFileUploadFile>();\n  readonly error = output<string>();\n\n  protected readonly class = computed(() => cn('block', this.classInput()));\n\n  private generateId(): string {\n    return Math.random().toString(36).substring(2, 11);\n  }\n\n  addFiles(fileList: FileList | File[]): void {\n    if (this.disabled()) return;\n\n    const newFiles = Array.from(fileList);\n    const currentFiles = this.files();\n    const maxFiles = this.maxFiles();\n    const maxSize = this.maxSize();\n    const accept = this.accept();\n\n    const validFiles: File[] = [];\n\n    for (const file of newFiles) {\n      // Check max files limit\n      if (maxFiles > 0 && currentFiles.length + validFiles.length >= maxFiles) {\n        this.error.emit(`Maximum ${maxFiles} files allowed`);\n        break;\n      }\n\n      // Check file size\n      if (maxSize > 0 && file.size > maxSize) {\n        this.error.emit(`File \"${file.name}\" exceeds maximum size`);\n        continue;\n      }\n\n      // Check file type\n      if (accept && !this.isAcceptedType(file, accept)) {\n        this.error.emit(`File \"${file.name}\" is not an accepted type`);\n        continue;\n      }\n\n      validFiles.push(file);\n    }\n\n    if (validFiles.length > 0) {\n      const uploadFiles: ScFileUploadFile[] = validFiles.map((file) => ({\n        file,\n        id: this.generateId(),\n        status: 'pending' as const,\n      }));\n\n      if (this.multiple()) {\n        this.files.update((files) => [...files, ...uploadFiles]);\n      } else {\n        this.files.set(uploadFiles.slice(0, 1));\n      }\n\n      this.filesSelected.emit(validFiles);\n    }\n  }\n\n  removeFile(fileId: string): void {\n    const file = this.files().find((f) => f.id === fileId);\n    if (file) {\n      this.files.update((files) => files.filter((f) => f.id !== fileId));\n      this.fileRemoved.emit(file);\n    }\n  }\n\n  updateFileProgress(fileId: string, progress: number): void {\n    this.files.update((files) =>\n      files.map((f) =>\n        f.id === fileId ? { ...f, progress, status: 'uploading' as const } : f,\n      ),\n    );\n  }\n\n  updateFileStatus(\n    fileId: string,\n    status: ScFileUploadFile['status'],\n    error?: string,\n  ): void {\n    this.files.update((files) =>\n      files.map((f) => (f.id === fileId ? { ...f, status, error } : f)),\n    );\n  }\n\n  clearFiles(): void {\n    this.files.set([]);\n  }\n\n  private isAcceptedType(file: File, accept: string): boolean {\n    const acceptTypes = accept.split(',').map((t) => t.trim().toLowerCase());\n\n    for (const acceptType of acceptTypes) {\n      if (acceptType.startsWith('.')) {\n        // Extension check\n        if (file.name.toLowerCase().endsWith(acceptType)) {\n          return true;\n        }\n      } else if (acceptType.endsWith('/*')) {\n        // MIME type wildcard (e.g., image/*)\n        const mimePrefix = acceptType.slice(0, -2);\n        if (file.type.toLowerCase().startsWith(mimePrefix)) {\n          return true;\n        }\n      } else {\n        // Exact MIME type match\n        if (file.type.toLowerCase() === acceptType) {\n          return true;\n        }\n      }\n    }\n\n    return false;\n  }\n}\n"]}