@n-isi-platform/design-system 1.0.31 → 1.0.32

package/fesm2022/n-isi-platform-design-system.mjs

@@ -1003,6 +1003,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Output
             }] } });
 
+class KameraComponent {
+    sanitizer;
+    video;
+    photoCaptured = new EventEmitter();
+    safeImageUrl;
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    async ngAfterViewInit() {
+        try {
+            const devices = await navigator.mediaDevices.enumerateDevices();
+            const videoDevices = devices.filter(device => device.kind === 'videoinput');
+            let constraints;
+            if (videoDevices.length > 1) {
+                const backCameraId = videoDevices[videoDevices.length - 1].deviceId;
+                constraints = { video: { deviceId: { exact: backCameraId } } };
+            }
+            else {
+                constraints = { video: true };
+            }
+            const stream = await navigator.mediaDevices.getUserMedia(constraints);
+            this.video.nativeElement.srcObject = stream;
+        }
+        catch (err) {
+            console.warn('Zunanja kamera ni na voljo. Uporabljam privzeto.', err);
+            const fallbackStream = await navigator.mediaDevices.getUserMedia({ video: true });
+            this.video.nativeElement.srcObject = fallbackStream;
+        }
+    }
+    ngOnDestroy() {
+        const stream = this.video?.nativeElement?.srcObject;
+        stream?.getTracks().forEach(track => track.stop());
+    }
+    async captureAndEmitPhoto() {
+        const canvas = document.createElement('canvas');
+        canvas.width = this.video.nativeElement.videoWidth;
+        canvas.height = this.video.nativeElement.videoHeight;
+        const ctx = canvas.getContext('2d');
+        ctx?.drawImage(this.video.nativeElement, 0, 0);
+        const base64 = canvas.toDataURL('image/jpeg', 0.9);
+        this.safeImageUrl = this.sanitizer.bypassSecurityTrustUrl(base64);
+        this.photoCaptured.emit(base64);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: KameraComponent, deps: [{ token: i1$5.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: KameraComponent, isStandalone: true, selector: "app-kamera", outputs: { photoCaptured: "photoCaptured" }, viewQueries: [{ propertyName: "video", first: true, predicate: ["video"], descendants: true }], ngImport: i0, template: "<div class=\"camera-container\">\r\n  <video #video autoplay playsinline></video>\r\n\r\n  <lib-button [label]=\"'Zajemi sliko'\"(click)=\"captureAndEmitPhoto()\">Zajemi fotografijo</lib-button>\r\n</div>\r\n", styles: [".camera-container{display:flex;flex-direction:column;align-items:center}.camera-container video{width:100%;min-height:220px;background:#222}button{margin-top:.5rem}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: KameraComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-kamera', standalone: true, imports: [ButtonComponent], template: "<div class=\"camera-container\">\r\n  <video #video autoplay playsinline></video>\r\n\r\n  <lib-button [label]=\"'Zajemi sliko'\"(click)=\"captureAndEmitPhoto()\">Zajemi fotografijo</lib-button>\r\n</div>\r\n", styles: [".camera-container{display:flex;flex-direction:column;align-items:center}.camera-container video{width:100%;min-height:220px;background:#222}button{margin-top:.5rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1$5.DomSanitizer }], propDecorators: { video: [{
+                type: ViewChild,
+                args: ['video']
+            }], photoCaptured: [{
+                type: Output
+            }] } });
+
 class BreadcrumbsComponent {
     itemList = [];
     homeItem = {};
@@ -2718,62 +2774,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Input
             }] } });
 
-class KameraComponent {
-    sanitizer;
-    video;
-    photoCaptured = new EventEmitter();
-    safeImageUrl;
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-    }
-    async ngAfterViewInit() {
-        try {
-            const devices = await navigator.mediaDevices.enumerateDevices();
-            const videoDevices = devices.filter(device => device.kind === 'videoinput');
-            let constraints;
-            if (videoDevices.length > 1) {
-                const backCameraId = videoDevices[videoDevices.length - 1].deviceId;
-                constraints = { video: { deviceId: { exact: backCameraId } } };
-            }
-            else {
-                constraints = { video: true };
-            }
-            const stream = await navigator.mediaDevices.getUserMedia(constraints);
-            this.video.nativeElement.srcObject = stream;
-        }
-        catch (err) {
-            console.warn('Zunanja kamera ni na voljo. Uporabljam privzeto.', err);
-            const fallbackStream = await navigator.mediaDevices.getUserMedia({ video: true });
-            this.video.nativeElement.srcObject = fallbackStream;
-        }
-    }
-    ngOnDestroy() {
-        const stream = this.video?.nativeElement?.srcObject;
-        stream?.getTracks().forEach(track => track.stop());
-    }
-    async captureAndEmitPhoto() {
-        const canvas = document.createElement('canvas');
-        canvas.width = this.video.nativeElement.videoWidth;
-        canvas.height = this.video.nativeElement.videoHeight;
-        const ctx = canvas.getContext('2d');
-        ctx?.drawImage(this.video.nativeElement, 0, 0);
-        const base64 = canvas.toDataURL('image/jpeg', 0.9);
-        this.safeImageUrl = this.sanitizer.bypassSecurityTrustUrl(base64);
-        this.photoCaptured.emit(base64);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: KameraComponent, deps: [{ token: i1$5.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: KameraComponent, isStandalone: true, selector: "app-kamera", outputs: { photoCaptured: "photoCaptured" }, viewQueries: [{ propertyName: "video", first: true, predicate: ["video"], descendants: true }], ngImport: i0, template: "<div class=\"camera-container\">\r\n  <video #video autoplay playsinline></video>\r\n\r\n  <lib-button [label]=\"'Zajemi sliko'\"(click)=\"captureAndEmitPhoto()\">Zajemi fotografijo</lib-button>\r\n</div>\r\n", styles: [".camera-container{display:flex;flex-direction:column;align-items:center}.camera-container video{width:100%;min-height:220px;background:#222}button{margin-top:.5rem}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: KameraComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-kamera', standalone: true, imports: [ButtonComponent], template: "<div class=\"camera-container\">\r\n  <video #video autoplay playsinline></video>\r\n\r\n  <lib-button [label]=\"'Zajemi sliko'\"(click)=\"captureAndEmitPhoto()\">Zajemi fotografijo</lib-button>\r\n</div>\r\n", styles: [".camera-container{display:flex;flex-direction:column;align-items:center}.camera-container video{width:100%;min-height:220px;background:#222}button{margin-top:.5rem}\n"] }]
-        }], ctorParameters: () => [{ type: i1$5.DomSanitizer }], propDecorators: { video: [{
-                type: ViewChild,
-                args: ['video']
-            }], photoCaptured: [{
-                type: Output
-            }] } });
-
 class FileUploadComponent {
     config;
     sharedMessageService;
@@ -4271,5 +4271,5 @@ function emailListValidator() {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AppConfigService, AutocompleteComponent, BreadcrumbsComponent, ButtonColor, ButtonComponent, ButtonIconPosition, ButtonLinkComponent, ButtonSize, CacheService, CaptionColor, CardComponent, CheckboxComponent, ConfirmModalComponent, ConfirmModalService, CustomTableComponent, DateInputComponent, DateService, DialogColor, DividerComponent, DropdownComponent, DynamicRouteService, ErrorComponent, ErrorInterceptor, ExpandedTable, ExpandedTableComponent, ExportService, FileUploadComponent, FilterHeaderComponent, FilterHeaderService, FooterComponent, GenericTableComponent, GlobalErrorHandler, IconButtonComponent, InputComponent, InputMaskComponent, InputType, IsNotBlank, IsNotDecimal, LoaderComponent, LocalStorageService, MainMenuComponent, ModalComponent, NoDataFoundComponent, NoInternetService, PicklistComponent, PositionKey, ProgressBarComponent, SelectionMode, SharedAuthService, SharedMessageService, TableColumnSelectComponent, TableColumnsService, TagColor, TagComponent, TextareaComponent, TinymceEditorComponent, ToastSeverity, ToggleSwitchComponent, TooltipComponent, TooltipHoverEventEnum, TooltipPosition, TranslateSanitizerService, TranslationService, TreeSelectComponent, atLeastOneFieldPresentValidator, cleanMobilePhoneNumber, coordinateValidator, dateAndTimeMismatchValidator, dateMismatchValidator, emailListValidator, findUnavailableDates, formatDate, formatDateTime, formatDateToLocalISOString, getTomorrowDate, isEmpty, isFormInvalid, isMultipleOfFiveValidator, isOnePhoneNumberValidator, localFormatDate, mobilePhoneAreaCodeValidator, transformDateTime };
+export { AccordionComponent, AppConfigService, AutocompleteComponent, BreadcrumbsComponent, ButtonColor, ButtonComponent, ButtonIconPosition, ButtonLinkComponent, ButtonSize, CacheService, CaptionColor, CardComponent, CheckboxComponent, ConfirmModalComponent, ConfirmModalService, CustomTableComponent, DateInputComponent, DateService, DialogColor, DividerComponent, DropdownComponent, DynamicRouteService, ErrorComponent, ErrorInterceptor, ExpandedTable, ExpandedTableComponent, ExportService, FileUploadComponent, FilterHeaderComponent, FilterHeaderService, FooterComponent, GenericTableComponent, GlobalErrorHandler, IconButtonComponent, InputComponent, InputMaskComponent, InputType, IsNotBlank, IsNotDecimal, KameraComponent, LoaderComponent, LocalStorageService, MainMenuComponent, ModalComponent, NoDataFoundComponent, NoInternetService, PicklistComponent, PositionKey, ProgressBarComponent, SelectionMode, SharedAuthService, SharedMessageService, TableColumnSelectComponent, TableColumnsService, TagColor, TagComponent, TextareaComponent, TinymceEditorComponent, ToastSeverity, ToggleSwitchComponent, TooltipComponent, TooltipHoverEventEnum, TooltipPosition, TranslateSanitizerService, TranslationService, TreeSelectComponent, atLeastOneFieldPresentValidator, cleanMobilePhoneNumber, coordinateValidator, dateAndTimeMismatchValidator, dateMismatchValidator, emailListValidator, findUnavailableDates, formatDate, formatDateTime, formatDateToLocalISOString, getTomorrowDate, isEmpty, isFormInvalid, isMultipleOfFiveValidator, isOnePhoneNumberValidator, localFormatDate, mobilePhoneAreaCodeValidator, transformDateTime };
 //# sourceMappingURL=n-isi-platform-design-system.mjs.map