@semantic-components/ui 0.65.0 → 0.67.0

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"]}

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

@@ -0,0 +1,11 @@
+export { SC_FILE_UPLOAD, ScFileUpload } from './file-upload';
+export { ScFileUploadDropzone } from './file-upload-dropzone';
+export { ScFileUploadTrigger } from './file-upload-trigger';
+export { ScFileUploadList } from './file-upload-list';
+export { ScFileUploadItem } from './file-upload-item';
+export { ScFileUploadItemPreview } from './file-upload-item-preview';
+export { ScFileUploadItemName } from './file-upload-item-name';
+export { ScFileUploadItemSize } from './file-upload-item-size';
+export { ScFileUploadItemDelete } from './file-upload-item-delete';
+export { ScFileUploadItemProgress } from './file-upload-item-progress';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/file-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export { SC_FILE_UPLOAD, ScFileUpload } from './file-upload';\nexport type { ScFileUploadFile } from './file-upload';\nexport { ScFileUploadDropzone } from './file-upload-dropzone';\nexport { ScFileUploadTrigger } from './file-upload-trigger';\nexport { ScFileUploadList } from './file-upload-list';\nexport { ScFileUploadItem } from './file-upload-item';\nexport { ScFileUploadItemPreview } from './file-upload-item-preview';\nexport { ScFileUploadItemName } from './file-upload-item-name';\nexport { ScFileUploadItemSize } from './file-upload-item-size';\nexport { ScFileUploadItemDelete } from './file-upload-item-delete';\nexport { ScFileUploadItemProgress } from './file-upload-item-progress';\n"]}

package/esm2022/lib/components/hover-card/hover-card-portal.js

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

package/esm2022/lib/components/hover-card/hover-card-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card-portal.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/hover-card/hover-card-portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAK/D,MAAM,OAAO,iBAAiB;IACnB,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;uGADhC,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAH7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;iBAC3C","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: 'ng-template[scHoverCardPortal]',\n})\nexport class ScHoverCardPortal {\n  readonly templateRef = inject(TemplateRef);\n}\n"]}

package/esm2022/lib/components/hover-card/hover-card-provider.js

@@ -0,0 +1,185 @@
+import { OverlayModule } from '@angular/cdk/overlay';
+import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, contentChild, effect, input, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScHoverCardPortal } from './hover-card-portal';
+import { ScHoverCardTrigger } from './hover-card-trigger';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+const positionMap = {
+    'top-start': {
+        originX: 'start',
+        originY: 'top',
+        overlayX: 'start',
+        overlayY: 'bottom',
+        offsetY: -4,
+    },
+    'top-center': {
+        originX: 'center',
+        originY: 'top',
+        overlayX: 'center',
+        overlayY: 'bottom',
+        offsetY: -4,
+    },
+    'top-end': {
+        originX: 'end',
+        originY: 'top',
+        overlayX: 'end',
+        overlayY: 'bottom',
+        offsetY: -4,
+    },
+    'bottom-start': {
+        originX: 'start',
+        originY: 'bottom',
+        overlayX: 'start',
+        overlayY: 'top',
+        offsetY: 4,
+    },
+    'bottom-center': {
+        originX: 'center',
+        originY: 'bottom',
+        overlayX: 'center',
+        overlayY: 'top',
+        offsetY: 4,
+    },
+    'bottom-end': {
+        originX: 'end',
+        originY: 'bottom',
+        overlayX: 'end',
+        overlayY: 'top',
+        offsetY: 4,
+    },
+    'left-start': {
+        originX: 'start',
+        originY: 'top',
+        overlayX: 'end',
+        overlayY: 'top',
+        offsetX: -4,
+    },
+    'left-center': {
+        originX: 'start',
+        originY: 'center',
+        overlayX: 'end',
+        overlayY: 'center',
+        offsetX: -4,
+    },
+    'left-end': {
+        originX: 'start',
+        originY: 'bottom',
+        overlayX: 'end',
+        overlayY: 'bottom',
+        offsetX: -4,
+    },
+    'right-start': {
+        originX: 'end',
+        originY: 'top',
+        overlayX: 'start',
+        overlayY: 'top',
+        offsetX: 4,
+    },
+    'right-center': {
+        originX: 'end',
+        originY: 'center',
+        overlayX: 'start',
+        overlayY: 'center',
+        offsetX: 4,
+    },
+    'right-end': {
+        originX: 'end',
+        originY: 'bottom',
+        overlayX: 'start',
+        overlayY: 'bottom',
+        offsetX: 4,
+    },
+};
+export class ScHoverCardProvider {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    /** Which side the hover card appears on */
+    side = input('bottom', ...(ngDevMode ? [{ debugName: "side" }] : []));
+    /** Alignment along the side */
+    align = input('center', ...(ngDevMode ? [{ debugName: "align" }] : []));
+    /** Delay before showing hover card (ms) */
+    openDelay = input(700, ...(ngDevMode ? [{ debugName: "openDelay" }] : []));
+    /** Delay before hiding hover card (ms) */
+    closeDelay = input(300, ...(ngDevMode ? [{ debugName: "closeDelay" }] : []));
+    /** Whether the hover card is logically open (controls animation state) */
+    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    /** Whether the overlay should be physically open (stays true during close animation) */
+    overlayOpen = signal(false, ...(ngDevMode ? [{ debugName: "overlayOpen" }] : []));
+    triggerChild = contentChild(ScHoverCardTrigger, ...(ngDevMode ? [{ debugName: "triggerChild" }] : []));
+    hoverCardPortal = contentChild.required(ScHoverCardPortal);
+    origin = computed(() => this.triggerChild()?.overlayOrigin, ...(ngDevMode ? [{ debugName: "origin" }] : []));
+    position = computed(() => {
+        const side = this.side();
+        const align = this.align();
+        const key = `${side}-${align}`;
+        return positionMap[key];
+    }, ...(ngDevMode ? [{ debugName: "position" }] : []));
+    class = computed(() => cn('contents', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        // When opening, open overlay immediately
+        effect(() => {
+            if (this.open()) {
+                this.overlayOpen.set(true);
+            }
+        });
+    }
+    show() {
+        this.open.set(true);
+    }
+    hide() {
+        this.open.set(false);
+        // overlayOpen will be set to false by onAnimationComplete
+    }
+    /** Called by hover-card when close animation completes */
+    onAnimationComplete() {
+        this.overlayOpen.set(false);
+    }
+    /** Cancel pending hide timeout on the trigger */
+    cancelTriggerHide() {
+        this.triggerChild()?.cancelHide();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScHoverCardProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScHoverCardProvider, isStandalone: true, selector: "div[scHoverCardProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "hover-card-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "triggerChild", first: true, predicate: ScHoverCardTrigger, descendants: true, isSignal: true }, { propertyName: "hoverCardPortal", first: true, predicate: ScHoverCardPortal, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-content />
+
+    @if (origin(); as origin) {
+      <ng-template
+        cdkConnectedOverlay
+        [cdkConnectedOverlayOrigin]="origin"
+        [cdkConnectedOverlayOpen]="overlayOpen()"
+        [cdkConnectedOverlayPositions]="[position()]"
+      >
+        <ng-container [ngTemplateOutlet]="hoverCardPortal().templateRef" />
+      </ng-template>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { 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: ScHoverCardProvider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scHoverCardProvider]',
+                    imports: [OverlayModule, NgTemplateOutlet],
+                    template: `
+    <ng-content />
+
+    @if (origin(); as origin) {
+      <ng-template
+        cdkConnectedOverlay
+        [cdkConnectedOverlayOrigin]="origin"
+        [cdkConnectedOverlayOpen]="overlayOpen()"
+        [cdkConnectedOverlayPositions]="[position()]"
+      >
+        <ng-container [ngTemplateOutlet]="hoverCardPortal().templateRef" />
+      </ng-template>
+    }
+  `,
+                    host: {
+                        'data-slot': 'hover-card-provider',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], openDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "openDelay", required: false }] }], closeDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeDelay", required: false }] }], triggerChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScHoverCardTrigger), { isSignal: true }] }], hoverCardPortal: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScHoverCardPortal), { isSignal: true }] }] } });
+//# sourceMappingURL=hover-card-provider.js.map

package/esm2022/lib/components/hover-card/hover-card-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card-provider.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/hover-card/hover-card-provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { ConnectedPosition, OverlayModule } from '@angular/cdk/overlay';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  effect,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScHoverCardPortal } from './hover-card-portal';\nimport { ScHoverCardTrigger } from './hover-card-trigger';\n\nexport type ScHoverCardSide = 'top' | 'right' | 'bottom' | 'left';\nexport type ScHoverCardAlign = 'start' | 'center' | 'end';\n\ntype PositionKey = `${ScHoverCardSide}-${ScHoverCardAlign}`;\n\nconst positionMap: Record<PositionKey, ConnectedPosition> = {\n  'top-start': {\n    originX: 'start',\n    originY: 'top',\n    overlayX: 'start',\n    overlayY: 'bottom',\n    offsetY: -4,\n  },\n  'top-center': {\n    originX: 'center',\n    originY: 'top',\n    overlayX: 'center',\n    overlayY: 'bottom',\n    offsetY: -4,\n  },\n  'top-end': {\n    originX: 'end',\n    originY: 'top',\n    overlayX: 'end',\n    overlayY: 'bottom',\n    offsetY: -4,\n  },\n  'bottom-start': {\n    originX: 'start',\n    originY: 'bottom',\n    overlayX: 'start',\n    overlayY: 'top',\n    offsetY: 4,\n  },\n  'bottom-center': {\n    originX: 'center',\n    originY: 'bottom',\n    overlayX: 'center',\n    overlayY: 'top',\n    offsetY: 4,\n  },\n  'bottom-end': {\n    originX: 'end',\n    originY: 'bottom',\n    overlayX: 'end',\n    overlayY: 'top',\n    offsetY: 4,\n  },\n  'left-start': {\n    originX: 'start',\n    originY: 'top',\n    overlayX: 'end',\n    overlayY: 'top',\n    offsetX: -4,\n  },\n  'left-center': {\n    originX: 'start',\n    originY: 'center',\n    overlayX: 'end',\n    overlayY: 'center',\n    offsetX: -4,\n  },\n  'left-end': {\n    originX: 'start',\n    originY: 'bottom',\n    overlayX: 'end',\n    overlayY: 'bottom',\n    offsetX: -4,\n  },\n  'right-start': {\n    originX: 'end',\n    originY: 'top',\n    overlayX: 'start',\n    overlayY: 'top',\n    offsetX: 4,\n  },\n  'right-center': {\n    originX: 'end',\n    originY: 'center',\n    overlayX: 'start',\n    overlayY: 'center',\n    offsetX: 4,\n  },\n  'right-end': {\n    originX: 'end',\n    originY: 'bottom',\n    overlayX: 'start',\n    overlayY: 'bottom',\n    offsetX: 4,\n  },\n};\n\n@Component({\n  selector: 'div[scHoverCardProvider]',\n  imports: [OverlayModule, NgTemplateOutlet],\n  template: `\n    <ng-content />\n\n    @if (origin(); as origin) {\n      <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"origin\"\n        [cdkConnectedOverlayOpen]=\"overlayOpen()\"\n        [cdkConnectedOverlayPositions]=\"[position()]\"\n      >\n        <ng-container [ngTemplateOutlet]=\"hoverCardPortal().templateRef\" />\n      </ng-template>\n    }\n  `,\n  host: {\n    'data-slot': 'hover-card-provider',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScHoverCardProvider {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  /** Which side the hover card appears on */\n  readonly side = input<ScHoverCardSide>('bottom');\n\n  /** Alignment along the side */\n  readonly align = input<ScHoverCardAlign>('center');\n\n  /** Delay before showing hover card (ms) */\n  readonly openDelay = input<number>(700);\n\n  /** Delay before hiding hover card (ms) */\n  readonly closeDelay = input<number>(300);\n\n  /** Whether the hover card is logically open (controls animation state) */\n  readonly open = signal<boolean>(false);\n\n  /** Whether the overlay should be physically open (stays true during close animation) */\n  readonly overlayOpen = signal<boolean>(false);\n\n  private readonly triggerChild = contentChild(ScHoverCardTrigger);\n  protected readonly hoverCardPortal = contentChild.required(ScHoverCardPortal);\n\n  readonly origin = computed(() => this.triggerChild()?.overlayOrigin);\n\n  protected readonly position = computed(() => {\n    const side = this.side();\n    const align = this.align();\n    const key: PositionKey = `${side}-${align}`;\n    return positionMap[key];\n  });\n\n  protected readonly class = computed(() => cn('contents', this.classInput()));\n\n  constructor() {\n    // When opening, open overlay immediately\n    effect(() => {\n      if (this.open()) {\n        this.overlayOpen.set(true);\n      }\n    });\n  }\n\n  show(): void {\n    this.open.set(true);\n  }\n\n  hide(): void {\n    this.open.set(false);\n    // overlayOpen will be set to false by onAnimationComplete\n  }\n\n  /** Called by hover-card when close animation completes */\n  onAnimationComplete(): void {\n    this.overlayOpen.set(false);\n  }\n\n  /** Cancel pending hide timeout on the trigger */\n  cancelTriggerHide(): void {\n    this.triggerChild()?.cancelHide();\n  }\n}\n"]}

package/esm2022/lib/components/hover-card/hover-card-trigger.js

@@ -0,0 +1,72 @@
+import { CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '../../utils';
+import { ScHoverCardProvider } from './hover-card-provider';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+export class ScHoverCardTrigger {
+    hoverCardProvider = inject(ScHoverCardProvider);
+    overlayOrigin = inject(CdkOverlayOrigin);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    showTimeout = null;
+    hideTimeout = null;
+    class = computed(() => cn('', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onMouseEnter() {
+        this.cancelHide();
+        this.scheduleShow();
+    }
+    onMouseLeave() {
+        this.cancelShow();
+        this.scheduleHide();
+    }
+    onFocus() {
+        this.cancelHide();
+        this.scheduleShow();
+    }
+    onBlur() {
+        this.cancelShow();
+        this.scheduleHide();
+    }
+    scheduleShow() {
+        this.cancelShow();
+        this.showTimeout = setTimeout(() => {
+            this.hoverCardProvider.show();
+        }, this.hoverCardProvider.openDelay());
+    }
+    cancelShow() {
+        if (this.showTimeout) {
+            clearTimeout(this.showTimeout);
+            this.showTimeout = null;
+        }
+    }
+    scheduleHide() {
+        this.cancelHide();
+        this.hideTimeout = setTimeout(() => {
+            this.hoverCardProvider.hide();
+        }, this.hoverCardProvider.closeDelay());
+    }
+    cancelHide() {
+        if (this.hideTimeout) {
+            clearTimeout(this.hideTimeout);
+            this.hideTimeout = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScHoverCardTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScHoverCardTrigger, isStandalone: true, selector: "[scHoverCardTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "hover-card-trigger" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScHoverCardTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scHoverCardTrigger]',
+                    hostDirectives: [CdkOverlayOrigin],
+                    host: {
+                        'data-slot': 'hover-card-trigger',
+                        '[class]': 'class()',
+                        '(mouseenter)': 'onMouseEnter()',
+                        '(mouseleave)': 'onMouseLeave()',
+                        '(focus)': 'onFocus()',
+                        '(blur)': 'onBlur()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=hover-card-trigger.js.map

package/esm2022/lib/components/hover-card/hover-card-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/hover-card/hover-card-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;AAc5D,MAAM,OAAO,kBAAkB;IACpB,iBAAiB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAChD,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACzC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEpD,WAAW,GAAyC,IAAI,CAAC;IACzD,WAAW,GAAyC,IAAI,CAAC;IAE9C,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAAC,CAAC;IAErE,YAAY;QACV,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;QAChC,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,CAAC,CAAC;IACzC,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC/B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;QAChC,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED,UAAU;QACR,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC/B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;IACH,CAAC;uGAxDU,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAZ9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,cAAc,EAAE,CAAC,gBAAgB,CAAC;oBAClC,IAAI,EAAE;wBACJ,WAAW,EAAE,oBAAoB;wBACjC,SAAS,EAAE,SAAS;wBACpB,cAAc,EAAE,gBAAgB;wBAChC,cAAc,EAAE,gBAAgB;wBAChC,SAAS,EAAE,WAAW;wBACtB,QAAQ,EAAE,UAAU;qBACrB;iBACF","sourcesContent":["import { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScHoverCardProvider } from './hover-card-provider';\n\n@Directive({\n  selector: '[scHoverCardTrigger]',\n  hostDirectives: [CdkOverlayOrigin],\n  host: {\n    'data-slot': 'hover-card-trigger',\n    '[class]': 'class()',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n    '(focus)': 'onFocus()',\n    '(blur)': 'onBlur()',\n  },\n})\nexport class ScHoverCardTrigger {\n  readonly hoverCardProvider = inject(ScHoverCardProvider);\n  readonly overlayOrigin = inject(CdkOverlayOrigin);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  private showTimeout: ReturnType<typeof setTimeout> | null = null;\n  private hideTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  protected readonly class = computed(() => cn('', this.classInput()));\n\n  onMouseEnter(): void {\n    this.cancelHide();\n    this.scheduleShow();\n  }\n\n  onMouseLeave(): void {\n    this.cancelShow();\n    this.scheduleHide();\n  }\n\n  onFocus(): void {\n    this.cancelHide();\n    this.scheduleShow();\n  }\n\n  onBlur(): void {\n    this.cancelShow();\n    this.scheduleHide();\n  }\n\n  private scheduleShow(): void {\n    this.cancelShow();\n    this.showTimeout = setTimeout(() => {\n      this.hoverCardProvider.show();\n    }, this.hoverCardProvider.openDelay());\n  }\n\n  private cancelShow(): void {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n  }\n\n  private scheduleHide(): void {\n    this.cancelHide();\n    this.hideTimeout = setTimeout(() => {\n      this.hoverCardProvider.hide();\n    }, this.hoverCardProvider.closeDelay());\n  }\n\n  cancelHide(): void {\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n  }\n}\n"]}