@origostudio/origo-design 0.0.51 → 0.0.53

package/dist/packages/angular-renderer/src/components/primitives/dropzone/dropzone.component.js

@@ -0,0 +1,263 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropzoneComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const adapter_1 = require("../../../adapters/web/adapter");
+const forms_1 = require("@angular/forms");
+const common_1 = require("@angular/common");
+const http_1 = require("@angular/common/http");
+let DropzoneComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-dropzone',
+            standalone: true,
+            imports: [common_1.CommonModule],
+            templateUrl: './dropzone.component.html',
+            styleUrls: ['./dropzone.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            providers: [
+                {
+                    provide: forms_1.NG_VALUE_ACCESSOR,
+                    useExisting: (0, core_1.forwardRef)(() => DropzoneComponent),
+                    multi: true,
+                },
+            ],
+            host: {
+                '[class.origo-dropzone]': 'true',
+                '[attr.data-testid]': 'contract().id',
+                '[attr.aria-label]': 'computedAriaLabel()',
+                '[attr.aria-describedby]': 'computedAriaDescribedBy()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var DropzoneComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DropzoneComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            permissions: 'object',
+            rules: 'object',
+            metadata: 'object',
+            multiple: 'boolean',
+            accept: 'string',
+            maxFileSize: 'number',
+            uploadUrl: 'string',
+            'aria-label': 'string',
+            'aria-describedby': 'string',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = core_1.viewChild.required('vc', { read: core_1.ViewContainerRef });
+        inputRef = (0, core_1.viewChild)('inputEl');
+        fileDrop = (0, core_1.output)();
+        fileSelect = (0, core_1.output)();
+        fileRemove = (0, core_1.output)();
+        fileError = (0, core_1.output)();
+        clear = (0, core_1.output)();
+        focus = (0, core_1.output)();
+        blur = (0, core_1.output)();
+        uploadStart = (0, core_1.output)();
+        uploadProgress = (0, core_1.output)();
+        uploadSuccess = (0, core_1.output)();
+        uploadError = (0, core_1.output)();
+        http = (0, core_1.inject)(http_1.HttpClient, { optional: true });
+        props = (0, core_1.computed)(() => {
+            return (0, adapter_1.coerceContractProps)(this.contract().props, DropzoneComponent.contractSchema);
+        });
+        computedMultiple = (0, core_1.computed)(() => !!this.props()?.multiple);
+        computedAccept = (0, core_1.computed)(() => this.props()?.accept ?? '*/*');
+        computedMaxFileSize = (0, core_1.computed)(() => this.props()?.maxFileSize);
+        computedUploadUrl = (0, core_1.computed)(() => this.props()?.uploadUrl);
+        computedAriaLabel = (0, core_1.computed)(() => this.props()?.['aria-label'] || null);
+        computedAriaDescribedBy = (0, core_1.computed)(() => this.props()?.['aria-describedby'] || null);
+        disabled = false;
+        files = (0, core_1.signal)([]);
+        isDragging = (0, core_1.signal)(false);
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        onChange = () => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        onTouched = () => { };
+        writeValue(obj) {
+            if (!obj) {
+                this.files.set([]);
+                const inputEl = this.inputRef()?.nativeElement;
+                if (inputEl)
+                    inputEl.value = '';
+            }
+            else if (Array.isArray(obj)) {
+                this.files.set(obj);
+            }
+            else {
+                this.files.set([obj]);
+            }
+        }
+        registerOnChange(fn) {
+            this.onChange = fn;
+        }
+        registerOnTouched(fn) {
+            this.onTouched = fn;
+        }
+        setDisabledState(isDisabled) {
+            this.disabled = isDisabled;
+        }
+        onDragOver(event) {
+            if (this.disabled)
+                return;
+            event.preventDefault();
+            this.isDragging.set(true);
+        }
+        onDragLeave(event) {
+            if (this.disabled)
+                return;
+            event.preventDefault();
+            // Ignore dragleave if it's just moving into a child element
+            const rect = event.currentTarget.getBoundingClientRect();
+            if (event.clientX > rect.left &&
+                event.clientX < rect.right &&
+                event.clientY > rect.top &&
+                event.clientY < rect.bottom) {
+                return;
+            }
+            this.isDragging.set(false);
+        }
+        onDrop(event) {
+            if (this.disabled)
+                return;
+            event.preventDefault();
+            this.isDragging.set(false);
+            this.onTouched();
+            if (event.dataTransfer?.files) {
+                const droppedFiles = Array.from(event.dataTransfer.files);
+                if (!droppedFiles.length)
+                    return;
+                this.processFiles(droppedFiles, 'drop');
+            }
+        }
+        onFileChange(event) {
+            const inputEl = event.target;
+            if (inputEl.files) {
+                const selectedFiles = Array.from(inputEl.files);
+                if (!selectedFiles.length)
+                    return;
+                this.processFiles(selectedFiles, 'select');
+                inputEl.value = '';
+            }
+        }
+        processFiles(incomingFiles, source) {
+            const accept = this.computedAccept();
+            let validFiles = incomingFiles;
+            if (accept !== '*/*') {
+                const acceptedTypes = accept.split(',').map((a) => a.trim().toLowerCase());
+                validFiles = incomingFiles.filter(file => {
+                    const fileType = file.type.toLowerCase();
+                    const fileExt = file.name.substring(file.name.lastIndexOf('.')).toLowerCase();
+                    return acceptedTypes.some((type) => {
+                        if (type.startsWith('.'))
+                            return fileExt === type;
+                        if (type.endsWith('/*'))
+                            return fileType.startsWith(type.substring(0, type.length - 1));
+                        return fileType === type;
+                    });
+                });
+                if (validFiles.length < incomingFiles.length) {
+                    this.fileError.emit(`Some files were rejected because they do not match the accepted types: ${accept}`);
+                }
+            }
+            if (!validFiles.length)
+                return;
+            const maxFileSize = this.computedMaxFileSize();
+            if (typeof maxFileSize === 'number' && maxFileSize >= 0) {
+                const invalidFiles = validFiles.filter(file => file.size > maxFileSize);
+                if (invalidFiles.length > 0) {
+                    this.fileError.emit(`File size exceeds maximum allowed size of ${maxFileSize} bytes`);
+                    validFiles = validFiles.filter(file => file.size <= maxFileSize);
+                }
+            }
+            if (!validFiles.length)
+                return;
+            const currentFiles = this.computedMultiple()
+                ? [...this.files(), ...validFiles]
+                : [...validFiles];
+            this.files.set(currentFiles);
+            this.onChange(currentFiles);
+            if (source === 'drop') {
+                this.fileDrop.emit(validFiles);
+            }
+            else {
+                this.fileSelect.emit(validFiles);
+            }
+            const uploadUrl = this.computedUploadUrl();
+            if (uploadUrl && validFiles.length > 0) {
+                this.uploadFiles(validFiles, uploadUrl);
+            }
+        }
+        onFocus(event) {
+            this.focus.emit(event);
+        }
+        onBlur(event) {
+            this.onTouched();
+            this.blur.emit(event);
+        }
+        removeFile(file) {
+            const updated = this.files().filter(f => f !== file);
+            this.files.set(updated);
+            this.onChange(updated);
+            this.fileRemove.emit(file);
+        }
+        clearFiles() {
+            this.files.set([]);
+            this.onChange([]);
+            this.clear.emit();
+            const inputEl = this.inputRef()?.nativeElement;
+            if (inputEl)
+                inputEl.value = '';
+        }
+        uploadFiles(filesToUpload, url) {
+            this.uploadStart.emit();
+            if (!this.http) {
+                this.uploadError.emit('HttpClient is not provided.');
+                return;
+            }
+            const formData = new FormData();
+            filesToUpload.forEach(file => formData.append('file', file));
+            this.http
+                .post(url, formData, {
+                reportProgress: true,
+                observe: 'events',
+                responseType: 'json',
+            })
+                .subscribe({
+                next: event => {
+                    if (event.type === http_1.HttpEventType.UploadProgress) {
+                        if (event.total && event.total > 0) {
+                            const percentComplete = (event.loaded / event.total) * 100;
+                            this.uploadProgress.emit(percentComplete);
+                        }
+                        else {
+                            this.uploadProgress.emit(100);
+                        }
+                    }
+                    else if (event.type === http_1.HttpEventType.Response) {
+                        this.uploadSuccess.emit(event.body);
+                    }
+                },
+                error: err => {
+                    this.uploadError.emit(err.message || 'Upload failed');
+                },
+            });
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DropzoneComponent = _classThis;
+})();
+exports.DropzoneComponent = DropzoneComponent;
+//# sourceMappingURL=dropzone.component.js.map

package/dist/packages/angular-renderer/src/components/primitives/dropzone/dropzone.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/dropzone/dropzone.component.ts"],"names":[],"mappings":";;;;AAAA,wCAauB;AAEvB,2DAAkF;AAClF,0CAAyE;AACzE,4CAA+C;AAC/C,+CAAiE;IAoCpD,iBAAiB;4BAtB7B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,gBAAgB;YAC1B,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC,qBAAY,CAAC;YACvB,WAAW,EAAE,2BAA2B;YACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;YACxC,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,SAAS,EAAE;gBACT;oBACE,OAAO,EAAE,yBAAiB;oBAC1B,WAAW,EAAE,IAAA,iBAAU,EAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC;oBAChD,KAAK,EAAE,IAAI;iBACZ;aACF;YACD,IAAI,EAAE;gBACJ,wBAAwB,EAAE,MAAM;gBAChC,oBAAoB,EAAE,eAAe;gBACrC,mBAAmB,EAAE,qBAAqB;gBAC1C,yBAAyB,EAAE,2BAA2B;aACvD;SACF,CAAC;;;;;;;;YACF,qLA8OC;;;;QA7OC,MAAM,CAAU,cAAc,GAAG;YAC/B,WAAW,EAAE,QAAQ;YACrB,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,SAAS;YACnB,MAAM,EAAE,QAAQ;YAChB,WAAW,EAAE,QAAQ;YACrB,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,QAAQ;YACtB,kBAAkB,EAAE,QAAQ;SACpB,CAAC;QACX,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAsC,CAAC;QAChE,EAAE,GAAG,gBAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,uBAAgB,EAAE,CAAC,CAAC;QAC1D,QAAQ,GAAG,IAAA,gBAAS,EAA+B,SAAS,CAAC,CAAC;QAE9D,QAAQ,GAAG,IAAA,aAAM,GAAU,CAAC;QAC5B,UAAU,GAAG,IAAA,aAAM,GAAU,CAAC;QAC9B,UAAU,GAAG,IAAA,aAAM,GAAQ,CAAC;QAC5B,SAAS,GAAG,IAAA,aAAM,GAAU,CAAC;QAC7B,KAAK,GAAG,IAAA,aAAM,GAAQ,CAAC;QACvB,KAAK,GAAG,IAAA,aAAM,GAAc,CAAC;QAC7B,IAAI,GAAG,IAAA,aAAM,GAAc,CAAC;QAE5B,WAAW,GAAG,IAAA,aAAM,GAAQ,CAAC;QAC7B,cAAc,GAAG,IAAA,aAAM,GAAU,CAAC;QAClC,aAAa,GAAG,IAAA,aAAM,GAAW,CAAC;QAClC,WAAW,GAAG,IAAA,aAAM,GAAW,CAAC;QAExB,IAAI,GAAG,IAAA,aAAM,EAAC,iBAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAE5C,KAAK,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC9B,OAAO,IAAA,6BAAmB,EACxB,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EACrB,iBAAiB,CAAC,cAAc,CACjC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,gBAAgB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;QAC5D,cAAc,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM,IAAI,KAAK,CAAC,CAAC;QAC/D,mBAAmB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,WAAW,CAAC,CAAC;QAChE,iBAAiB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,CAAC,CAAC;QAC5D,iBAAiB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC;QACzE,uBAAuB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,IAAI,IAAI,CAAC,CAAC;QAErF,QAAQ,GAAG,KAAK,CAAC;QACjB,KAAK,GAAG,IAAA,aAAM,EAAS,EAAE,CAAC,CAAC;QAC3B,UAAU,GAAG,IAAA,aAAM,EAAU,KAAK,CAAC,CAAC;QAEpC,gEAAgE;QACxD,QAAQ,GAA4B,GAAG,EAAE,GAAE,CAAC,CAAC;QACrD,gEAAgE;QACxD,SAAS,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QAEzC,UAAU,CAAC,GAAY;YACrB,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBACnB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,aAAa,CAAC;gBAC/C,IAAI,OAAO;oBAAE,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YAClC,CAAC;iBAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC9B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAW,CAAC,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;QAED,gBAAgB,CAAC,EAA2B;YAC1C,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACrB,CAAC;QAED,iBAAiB,CAAC,EAAc;YAC9B,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACtB,CAAC;QAED,gBAAgB,CAAE,UAAmB;YACnC,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC7B,CAAC;QAED,UAAU,CAAC,KAAgB;YACzB,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;QAED,WAAW,CAAC,KAAgB;YAC1B,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,4DAA4D;YAC5D,MAAM,IAAI,GAAI,KAAK,CAAC,aAA6B,CAAC,qBAAqB,EAAE,CAAC;YAC1E,IACE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI;gBACzB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK;gBAC1B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG;gBACxB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,EAC3B,CAAC;gBACD,OAAO;YACT,CAAC;YACD,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;QAED,MAAM,CAAC,KAAgB;YACrB,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC3B,IAAI,CAAC,SAAS,EAAE,CAAC;YAEjB,IAAI,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC;gBAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC1D,IAAI,CAAC,YAAY,CAAC,MAAM;oBAAE,OAAO;gBACjC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC;QAED,YAAY,CAAC,KAAY;YACvB,MAAM,OAAO,GAAG,KAAK,CAAC,MAA0B,CAAC;YACjD,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;gBAClB,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChD,IAAI,CAAC,aAAa,CAAC,MAAM;oBAAE,OAAO;gBAClC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;gBAC3C,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YACrB,CAAC;QACH,CAAC;QAEO,YAAY,CAAC,aAAqB,EAAE,MAAyB;YACnE,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YACrC,IAAI,UAAU,GAAG,aAAa,CAAC;YAE/B,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;gBACrB,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;gBACnF,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;oBACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;oBACzC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;oBAC9E,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,IAAY,EAAE,EAAE;wBACzC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;4BAAE,OAAO,OAAO,KAAK,IAAI,CAAC;wBAClD,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;4BAAE,OAAO,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;wBACxF,OAAO,QAAQ,KAAK,IAAI,CAAC;oBAC3B,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;gBACH,IAAI,UAAU,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC;oBAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,CACjB,0EAA0E,MAAM,EAAE,CACnF,CAAC;gBACJ,CAAC;YACH,CAAC;YAED,IAAI,CAAC,UAAU,CAAC,MAAM;gBAAE,OAAO;YAE/B,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC/C,IAAI,OAAO,WAAW,KAAK,QAAQ,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;gBACxD,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC;gBACxE,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,6CAA6C,WAAW,QAAQ,CAAC,CAAC;oBACtF,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC,CAAC;gBACnE,CAAC;YACH,CAAC;YAED,IAAI,CAAC,UAAU,CAAC,MAAM;gBAAE,OAAO;YAE/B,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE;gBAC1C,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC;gBAClC,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;YACpB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;YAE5B,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;gBACtB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACnC,CAAC;YAED,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3C,IAAI,SAAS,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACvC,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC;QAED,OAAO,CAAC,KAAiB;YACvB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QAED,MAAM,CAAC,KAAiB;YACtB,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;QAEM,UAAU,CAAC,IAAU;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;YACrD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACxB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACvB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;QAEM,UAAU;YACf,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACnB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YAClB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAClB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,aAAa,CAAC;YAC/C,IAAI,OAAO;gBAAE,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;QAClC,CAAC;QAEO,WAAW,CAAC,aAAqB,EAAE,GAAW;YACpD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YAExB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;gBACrD,OAAO;YACT,CAAC;YAED,MAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;YAChC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;YAE7D,IAAI,CAAC,IAAI;iBACN,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE;gBACnB,cAAc,EAAE,IAAI;gBACpB,OAAO,EAAE,QAAQ;gBACjB,YAAY,EAAE,MAAM;aACrB,CAAC;iBACD,SAAS,CAAC;gBACT,IAAI,EAAE,KAAK,CAAC,EAAE;oBACZ,IAAI,KAAK,CAAC,IAAI,KAAK,oBAAa,CAAC,cAAc,EAAE,CAAC;wBAChD,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;4BACnC,MAAM,eAAe,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;4BAC3D,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;wBAC5C,CAAC;6BAAM,CAAC;4BACN,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;wBAChC,CAAC;oBACH,CAAC;yBAAM,IAAI,KAAK,CAAC,IAAI,KAAK,oBAAa,CAAC,QAAQ,EAAE,CAAC;wBACjD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;oBACtC,CAAC;gBACH,CAAC;gBACD,KAAK,EAAE,GAAG,CAAC,EAAE;oBACX,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,eAAe,CAAC,CAAC;gBACxD,CAAC;aACF,CAAC,CAAC;QACP,CAAC;;YA7OU,+DAAiB;;;;;AAAjB,8CAAiB"}

package/dist/packages/angular-renderer/src/components/primitives/file-input/file-input.component.d.ts

@@ -0,0 +1,64 @@
+import { ViewContainerRef, ElementRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+import { ControlValueAccessor } from '@angular/forms';
+export interface FileInputProps {
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    multiple?: boolean;
+    accept?: string;
+    maxFileSize?: number;
+    uploadUrl?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class FileInputComponent implements OrigoAdapter<FileInputProps>, ControlValueAccessor {
+    static readonly contractSchema: {
+        readonly permissions: "object";
+        readonly rules: "object";
+        readonly metadata: "object";
+        readonly multiple: "boolean";
+        readonly accept: "string";
+        readonly maxFileSize: "number";
+        readonly uploadUrl: "string";
+        readonly 'aria-label': "string";
+        readonly 'aria-describedby': "string";
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<FileInputProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef>;
+    inputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    fileSelect: import("@angular/core").OutputEmitterRef<File[]>;
+    fileRemove: import("@angular/core").OutputEmitterRef<File>;
+    fileError: import("@angular/core").OutputEmitterRef<string>;
+    clear: import("@angular/core").OutputEmitterRef<void>;
+    focus: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    blur: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    uploadStart: import("@angular/core").OutputEmitterRef<void>;
+    uploadProgress: import("@angular/core").OutputEmitterRef<number>;
+    uploadSuccess: import("@angular/core").OutputEmitterRef<unknown>;
+    uploadError: import("@angular/core").OutputEmitterRef<unknown>;
+    private http;
+    protected props: import("@angular/core").Signal<FileInputProps>;
+    computedMultiple: import("@angular/core").Signal<boolean>;
+    computedAccept: import("@angular/core").Signal<string>;
+    computedMaxFileSize: import("@angular/core").Signal<number | undefined>;
+    computedUploadUrl: import("@angular/core").Signal<string | undefined>;
+    computedAriaLabel: import("@angular/core").Signal<string | null>;
+    computedAriaDescribedBy: import("@angular/core").Signal<string | null>;
+    disabled: boolean;
+    files: File[];
+    private onChange;
+    private onTouched;
+    writeValue(obj: unknown): void;
+    registerOnChange(fn: (value: File[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    onFileChange(event: Event): void;
+    onFocus(event: FocusEvent): void;
+    onBlur(event: FocusEvent): void;
+    removeFile(file: File): void;
+    clearFiles(): void;
+    private uploadFiles;
+}

package/dist/packages/angular-renderer/src/components/primitives/file-input/file-input.component.js

@@ -0,0 +1,192 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileInputComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const adapter_1 = require("../../../adapters/web/adapter");
+const forms_1 = require("@angular/forms");
+const http_1 = require("@angular/common/http");
+let FileInputComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-file-input',
+            standalone: true,
+            templateUrl: './file-input.component.html',
+            styleUrls: ['./file-input.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+            providers: [
+                {
+                    provide: forms_1.NG_VALUE_ACCESSOR,
+                    useExisting: (0, core_1.forwardRef)(() => FileInputComponent),
+                    multi: true,
+                },
+            ],
+            host: {
+                '[class.origo-file-input]': 'true',
+                '[attr.data-testid]': 'contract().id',
+                '[attr.aria-label]': 'computedAriaLabel()',
+                '[attr.aria-describedby]': 'computedAriaDescribedBy()',
+            },
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var FileInputComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            FileInputComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            permissions: 'object',
+            rules: 'object',
+            metadata: 'object',
+            multiple: 'boolean',
+            accept: 'string',
+            maxFileSize: 'number',
+            uploadUrl: 'string',
+            'aria-label': 'string',
+            'aria-describedby': 'string',
+        };
+        static strictContract = false;
+        contract = core_1.input.required();
+        vc = core_1.viewChild.required('vc', { read: core_1.ViewContainerRef });
+        inputRef = (0, core_1.viewChild)('inputEl');
+        fileSelect = (0, core_1.output)();
+        fileRemove = (0, core_1.output)();
+        fileError = (0, core_1.output)();
+        clear = (0, core_1.output)();
+        focus = (0, core_1.output)();
+        blur = (0, core_1.output)();
+        uploadStart = (0, core_1.output)();
+        uploadProgress = (0, core_1.output)();
+        uploadSuccess = (0, core_1.output)();
+        uploadError = (0, core_1.output)();
+        http = (0, core_1.inject)(http_1.HttpClient, { optional: true });
+        props = (0, core_1.computed)(() => {
+            return (0, adapter_1.coerceContractProps)(this.contract().props, FileInputComponent.contractSchema);
+        });
+        computedMultiple = (0, core_1.computed)(() => !!this.props()?.multiple);
+        computedAccept = (0, core_1.computed)(() => this.props()?.accept ?? '*/*');
+        computedMaxFileSize = (0, core_1.computed)(() => this.props()?.maxFileSize);
+        computedUploadUrl = (0, core_1.computed)(() => this.props()?.uploadUrl);
+        computedAriaLabel = (0, core_1.computed)(() => this.props()?.['aria-label'] || null);
+        computedAriaDescribedBy = (0, core_1.computed)(() => this.props()?.['aria-describedby'] || null);
+        disabled = false;
+        files = [];
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        onChange = () => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        onTouched = () => { };
+        writeValue(obj) {
+            if (!obj) {
+                this.files = [];
+                const inputEl = this.inputRef()?.nativeElement;
+                if (inputEl)
+                    inputEl.value = '';
+            }
+            else if (Array.isArray(obj)) {
+                this.files = obj;
+            }
+            else {
+                this.files = [obj];
+            }
+        }
+        registerOnChange(fn) {
+            this.onChange = fn;
+        }
+        registerOnTouched(fn) {
+            this.onTouched = fn;
+        }
+        setDisabledState(isDisabled) {
+            this.disabled = isDisabled;
+        }
+        onFileChange(event) {
+            const inputEl = event.target;
+            if (inputEl.files) {
+                const selectedFiles = Array.from(inputEl.files);
+                if (!selectedFiles.length)
+                    return;
+                const maxFileSize = this.computedMaxFileSize();
+                if (typeof maxFileSize === 'number' && maxFileSize >= 0) {
+                    const invalidFiles = selectedFiles.filter(file => file.size > maxFileSize);
+                    if (invalidFiles.length > 0) {
+                        this.fileError.emit(`File size exceeds maximum allowed size of ${maxFileSize} bytes`);
+                        inputEl.value = '';
+                        return;
+                    }
+                }
+                this.files = this.computedMultiple() ? [...this.files, ...selectedFiles] : [...selectedFiles];
+                this.onChange(this.files);
+                this.fileSelect.emit(selectedFiles);
+                const uploadUrl = this.computedUploadUrl();
+                if (uploadUrl && selectedFiles.length > 0) {
+                    this.uploadFiles(selectedFiles, uploadUrl);
+                }
+                inputEl.value = '';
+            }
+        }
+        onFocus(event) {
+            this.focus.emit(event);
+        }
+        onBlur(event) {
+            this.onTouched();
+            this.blur.emit(event);
+        }
+        removeFile(file) {
+            this.files = this.files.filter(f => f !== file);
+            this.onChange(this.files);
+            this.fileRemove.emit(file);
+        }
+        clearFiles() {
+            this.files = [];
+            this.onChange(this.files);
+            this.clear.emit();
+            const inputEl = this.inputRef()?.nativeElement;
+            if (inputEl)
+                inputEl.value = '';
+        }
+        uploadFiles(files, url) {
+            this.uploadStart.emit();
+            if (!this.http) {
+                this.uploadError.emit('HttpClient is not provided.');
+                return;
+            }
+            const formData = new FormData();
+            files.forEach(file => formData.append('file', file));
+            this.http
+                .post(url, formData, {
+                reportProgress: true,
+                observe: 'events',
+                responseType: 'json',
+            })
+                .subscribe({
+                next: event => {
+                    if (event.type === http_1.HttpEventType.UploadProgress) {
+                        if (event.total && event.total > 0) {
+                            const percentComplete = (event.loaded / event.total) * 100;
+                            this.uploadProgress.emit(percentComplete);
+                        }
+                        else {
+                            this.uploadProgress.emit(100);
+                        }
+                    }
+                    else if (event.type === http_1.HttpEventType.Response) {
+                        this.uploadSuccess.emit(event.body);
+                    }
+                },
+                error: err => {
+                    this.uploadError.emit(err.message || 'Upload failed');
+                },
+            });
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return FileInputComponent = _classThis;
+})();
+exports.FileInputComponent = FileInputComponent;
+//# sourceMappingURL=file-input.component.js.map

package/dist/packages/angular-renderer/src/components/primitives/file-input/file-input.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/file-input/file-input.component.ts"],"names":[],"mappings":"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"}

package/dist/packages/angular-renderer/src/components/primitives/grid/grid.component.d.ts

@@ -0,0 +1,24 @@
+import { ViewContainerRef } from '@angular/core';
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter, ContainerComponent as IContainerComponent } from '../../../adapters/web/adapter';
+export interface GridProps {
+    columns?: number | string | Record<string, number>;
+    gap?: number | string;
+    align?: string;
+    justify?: string;
+    responsive?: Record<string, number>;
+    permissions?: Record<string, string>;
+    rules?: Record<string, unknown>;
+    metadata?: Record<string, unknown>;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare class GridComponent implements OrigoAdapter<GridProps>, IContainerComponent {
+    static readonly contractSchema: Record<keyof GridProps, "string" | "number" | "boolean" | "object" | "array">;
+    contract: import("@angular/core").InputSignal<InteractionContract<GridProps>>;
+    vc: import("@angular/core").Signal<ViewContainerRef>;
+    protected props: import("@angular/core").Signal<GridProps>;
+    protected get gridTemplateColumns(): string;
+    protected get gapValue(): string;
+    protected get inlineStyles(): Record<string, string>;
+}