herum-shared 0.1.61 → 0.1.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/constants/index.d.ts +3 -3
- package/environment/index.d.ts +1 -0
- package/fesm2022/herum-shared-constants.mjs +4 -6
- package/fesm2022/herum-shared-constants.mjs.map +1 -1
- package/fesm2022/herum-shared-molecules.mjs +36 -34
- package/fesm2022/herum-shared-molecules.mjs.map +1 -1
- package/fesm2022/herum-shared-services.mjs +27 -9
- package/fesm2022/herum-shared-services.mjs.map +1 -1
- package/fesm2022/herum-shared-testsObjects.mjs +3 -2
- package/fesm2022/herum-shared-testsObjects.mjs.map +1 -1
- package/fesm2022/herum-shared.mjs +357 -306
- package/fesm2022/herum-shared.mjs.map +1 -1
- package/index.d.ts +19 -15
- package/molecules/index.d.ts +5 -4
- package/package.json +1 -1
- package/services/index.d.ts +2 -0
|
@@ -4,8 +4,8 @@ import * as i1 from '@angular/common';
|
|
|
4
4
|
import { formatDate, CommonModule, DatePipe, DOCUMENT } from '@angular/common';
|
|
5
5
|
import { Subject, takeUntil as takeUntil$1, BehaviorSubject, forkJoin, of, EMPTY, throwError } from 'rxjs';
|
|
6
6
|
import { takeUntil, debounceTime, tap, shareReplay, map, catchError, switchMap } from 'rxjs/operators';
|
|
7
|
-
import { keyboardAsciiCodes as keyboardAsciiCodes$1, regexExpressions as regexExpressions$1, svgsStrings as svgsStrings$1, system as system$1, radioButtonTypes as radioButtonTypes$1, defaultGrade as defaultGrade$1, checkboxTypes as checkboxTypes$1, defaultPlaceholder as defaultPlaceholder$2, types as types$1, formStatuses as formStatuses$1, structHierarchyTreeMaxHeight as structHierarchyTreeMaxHeight$1, startEndDateError as startEndDateError$1, minDateError as minDateError$1, formatError as formatError$1, timestampError as timestampError$1, timePattern as timePattern$1, dayInMilliSeconds as dayInMilliSeconds$1, dateRangeTimeRangePlaceHolder as dateRangeTimeRangePlaceHolder$1, dateRangeTimeRangeWithoutSecondsPlaceHolder as dateRangeTimeRangeWithoutSecondsPlaceHolder$1, dateRangePlaceHolder as dateRangePlaceHolder$1, dateTimePlaceHolder as dateTimePlaceHolder$1, dateTimeWithoutSecondsPlaceHolder as dateTimeWithoutSecondsPlaceHolder$1, datePlaceHolder as datePlaceHolder$1, timePlaceHolder as timePlaceHolder$1, timeWithoutSecondsPlaceHolder as timeWithoutSecondsPlaceHolder$1, calendarActiveColorCssVariable as calendarActiveColorCssVariable$1, calendarHoverColorCssVariable as calendarHoverColorCssVariable$1, calendarLibrarySelector as calendarLibrarySelector$1, calendarLibraryBodyCellSelector as calendarLibraryBodyCellSelector$1, timerActiveColorCssVariable as timerActiveColorCssVariable$1, timerHoverColorCssVariable as timerHoverColorCssVariable$1, timerItemSizeColorCssVariable as timerItemSizeColorCssVariable$1, resourcesFilesSuffixes as resourcesFilesSuffixes$1, anySubFileTypeWildCard as anySubFileTypeWildCard$1, maleAvatarPath as maleAvatarPath$1, femaleAvatarPath as femaleAvatarPath$1, signUpFormKeys as signUpFormKeys$1, maxImageHeight as maxImageHeight$1, maxImageWidth as maxImageWidth$1, filesSuffixes as filesSuffixes$1, uploadsProgressMetadataTypes as uploadsProgressMetadataTypes$1, tableRowHeights as tableRowHeights$1, generalKeys as generalKeys$1, attributes as attributes$1, defaultAuthorizationObject as defaultAuthorizationObject$1, resourceIdPlaceholder as resourceIdPlaceholder$1, getPublishAuthorization as getPublishAuthorization$1, toastsTemplates as toastsTemplates$1, toastContext as toastContext$1, toastStatuses as toastStatuses$1, toastStates as toastStates$1, defaultUserId as defaultUserId$1, assignmentMetadata as assignmentMetadata$1, validatorsNames as validatorsNames$1, formsErrorMessages as formsErrorMessages$1, getSignUpMethod as getSignUpMethod$1, globalErrorHandlingHeader as globalErrorHandlingHeader$1, dialogsDescriptions as dialogsDescriptions$1, dialogsTitles as dialogsTitles$1, uploadsManagerKeys as uploadsManagerKeys$1, uploadStatuses as uploadStatuses$1, skipToastHeader as skipToastHeader$1 } from 'herum-shared/constants';
|
|
8
|
-
import * as
|
|
7
|
+
import { keyboardAsciiCodes as keyboardAsciiCodes$1, regexExpressions as regexExpressions$1, svgsStrings as svgsStrings$1, system as system$1, radioButtonTypes as radioButtonTypes$1, defaultGrade as defaultGrade$1, checkboxTypes as checkboxTypes$1, defaultPlaceholder as defaultPlaceholder$2, types as types$1, formStatuses as formStatuses$1, structHierarchyTreeMaxHeight as structHierarchyTreeMaxHeight$1, startEndDateError as startEndDateError$1, minDateError as minDateError$1, formatError as formatError$1, timestampError as timestampError$1, timePattern as timePattern$1, dayInMilliSeconds as dayInMilliSeconds$1, dateRangeTimeRangePlaceHolder as dateRangeTimeRangePlaceHolder$1, dateRangeTimeRangeWithoutSecondsPlaceHolder as dateRangeTimeRangeWithoutSecondsPlaceHolder$1, dateRangePlaceHolder as dateRangePlaceHolder$1, dateTimePlaceHolder as dateTimePlaceHolder$1, dateTimeWithoutSecondsPlaceHolder as dateTimeWithoutSecondsPlaceHolder$1, datePlaceHolder as datePlaceHolder$1, timePlaceHolder as timePlaceHolder$1, timeWithoutSecondsPlaceHolder as timeWithoutSecondsPlaceHolder$1, additionTagName as additionTagName$1, mouseEnter as mouseEnter$1, mouseLeave as mouseLeave$1, mouseEnterHandlerKey as mouseEnterHandlerKey$1, mouseLeaveHandlerKey as mouseLeaveHandlerKey$1, deletionTagName as deletionTagName$1, editorContainerElementId as editorContainerElementId$1, calendarActiveColorCssVariable as calendarActiveColorCssVariable$1, calendarHoverColorCssVariable as calendarHoverColorCssVariable$1, calendarLibrarySelector as calendarLibrarySelector$1, calendarLibraryBodyCellSelector as calendarLibraryBodyCellSelector$1, timerActiveColorCssVariable as timerActiveColorCssVariable$1, timerHoverColorCssVariable as timerHoverColorCssVariable$1, timerItemSizeColorCssVariable as timerItemSizeColorCssVariable$1, resourcesFilesSuffixes as resourcesFilesSuffixes$1, anySubFileTypeWildCard as anySubFileTypeWildCard$1, maleAvatarPath as maleAvatarPath$1, femaleAvatarPath as femaleAvatarPath$1, signUpFormKeys as signUpFormKeys$1, maxImageHeight as maxImageHeight$1, maxImageWidth as maxImageWidth$1, filesSuffixes as filesSuffixes$1, uploadsProgressMetadataTypes as uploadsProgressMetadataTypes$1, tableRowHeights as tableRowHeights$1, generalKeys as generalKeys$1, attributes as attributes$1, defaultAuthorizationObject as defaultAuthorizationObject$1, resourceIdPlaceholder as resourceIdPlaceholder$1, getPublishAuthorization as getPublishAuthorization$1, toastsTemplates as toastsTemplates$1, toastContext as toastContext$1, toastStatuses as toastStatuses$1, toastStates as toastStates$1, defaultUserId as defaultUserId$1, assignmentMetadata as assignmentMetadata$1, validatorsNames as validatorsNames$1, formsErrorMessages as formsErrorMessages$1, getSignUpMethod as getSignUpMethod$1, globalErrorHandlingHeader as globalErrorHandlingHeader$1, dialogsDescriptions as dialogsDescriptions$1, dialogsTitles as dialogsTitles$1, uploadsManagerKeys as uploadsManagerKeys$1, uploadStatuses as uploadStatuses$1, skipToastHeader as skipToastHeader$1 } from 'herum-shared/constants';
|
|
8
|
+
import * as i1$2 from 'herum-shared/services';
|
|
9
9
|
import { emptyValueFlagForCreationUniqListItem as emptyValueFlagForCreationUniqListItem$1, innerUniqListItemKey as innerUniqListItemKey$1 } from 'herum-shared/services';
|
|
10
10
|
import * as i2 from '@angular/cdk/bidi';
|
|
11
11
|
import * as i1$1 from '@angular/platform-browser';
|
|
@@ -17,37 +17,37 @@ import { MatSliderModule } from '@angular/material/slider';
|
|
|
17
17
|
import { MatIconModule } from '@angular/material/icon';
|
|
18
18
|
import { MatInputModule } from '@angular/material/input';
|
|
19
19
|
import { MatSelectModule } from '@angular/material/select';
|
|
20
|
-
import * as i2$
|
|
20
|
+
import * as i2$1 from '@angular/material/tooltip';
|
|
21
21
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
22
|
-
import * as i1$
|
|
22
|
+
import * as i1$3 from '@angular/forms';
|
|
23
23
|
import { NG_VALUE_ACCESSOR, FormControl, Validators, FormControlName, ControlContainer, ReactiveFormsModule, FormsModule } from '@angular/forms';
|
|
24
24
|
import lottie from 'lottie-web';
|
|
25
25
|
import { HERUM_SHARED_CONFIG_TOKEN } from 'herum-shared/environment';
|
|
26
26
|
import * as i4 from 'herum-shared/directives';
|
|
27
27
|
import { DirectivesModule as DirectivesModule$1 } from 'herum-shared/directives';
|
|
28
28
|
import { QuizHeaderState, ResourceState, Gender, QuizStatus, FeedPriority, SubscriptionStatus } from 'herum-types/Enums';
|
|
29
|
-
import { isTruncatedTitleElement, convertToDate, updateFullYear, getDropdownAnimationStates, getAssignmentStateDisplayName, replaceInterpolateKeysWithObjectProperties, toHash,
|
|
30
|
-
import * as i2$
|
|
29
|
+
import { isTruncatedTitleElement, convertToDate, updateFullYear, getDropdownAnimationStates, getAssignmentStateDisplayName, replaceInterpolateKeysWithObjectProperties, toHash, getVersionPathParameter, buildPath, setHeaders, remainJustWantedValueInDictionary } from 'herum-shared/utils';
|
|
30
|
+
import * as i2$2 from 'herum-shared/atoms';
|
|
31
31
|
import { HerumCheckboxComponent as HerumCheckboxComponent$1, AtomsModule as AtomsModule$1 } from 'herum-shared/atoms';
|
|
32
|
-
import * as i1$
|
|
32
|
+
import * as i1$7 from '@angular/cdk/clipboard';
|
|
33
33
|
import { ClipboardModule } from '@angular/cdk/clipboard';
|
|
34
34
|
import * as i4$1 from 'herum-shared/pipes';
|
|
35
35
|
import { PipesModule as PipesModule$1 } from 'herum-shared/pipes';
|
|
36
36
|
import { openClose as openClose$1 } from 'herum-shared/animations';
|
|
37
|
-
import * as i2$
|
|
37
|
+
import * as i2$3 from '@angular/material/menu';
|
|
38
38
|
import { MatMenuModule } from '@angular/material/menu';
|
|
39
39
|
import { DragDropModule } from '@angular/cdk/drag-drop';
|
|
40
40
|
import * as i3 from '@angular/material/datepicker';
|
|
41
41
|
import { DateRange, MatDatepickerModule } from '@angular/material/datepicker';
|
|
42
|
-
import * as i1$
|
|
42
|
+
import * as i1$6 from '@angular/material/core';
|
|
43
43
|
import { MatNativeDateModule, MAT_DATE_LOCALE } from '@angular/material/core';
|
|
44
44
|
import { v4 } from 'uuid';
|
|
45
45
|
import { SYSTEM_AUDIO_VISUAL_CONFIGURATION as SYSTEM_AUDIO_VISUAL_CONFIGURATION$1, SYSTEM_TRACK_TEXT_CHANGES_SERVICE as SYSTEM_TRACK_TEXT_CHANGES_SERVICE$1 } from 'herum-shared/tokens';
|
|
46
|
-
import * as i1$
|
|
46
|
+
import * as i1$4 from '@angular/common/http';
|
|
47
47
|
import { HttpHeaders } from '@angular/common/http';
|
|
48
|
-
import * as i1$
|
|
48
|
+
import * as i1$5 from '@angular/material/dialog';
|
|
49
49
|
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
50
|
-
import * as i2$
|
|
50
|
+
import * as i2$4 from 'herum-shared/molecules';
|
|
51
51
|
import { MoleculesModule as MoleculesModule$1 } from 'herum-shared/molecules';
|
|
52
52
|
import { StepStatus } from 'herum-types/Shared';
|
|
53
53
|
import * as i3$1 from 'ag-grid-angular';
|
|
@@ -57,7 +57,7 @@ import { __decorate } from 'tslib';
|
|
|
57
57
|
import { TableRowHeight as TableRowHeight$1 } from 'herum-shared/decorators';
|
|
58
58
|
import { StorageService } from 'herum-shared/static-services';
|
|
59
59
|
import { selfIsTeacherExample as selfIsTeacherExample$1, closedListExample as closedListExample$1, permissionsTemplatesExample as permissionsTemplatesExample$1 } from 'herum-shared/objectsExample';
|
|
60
|
-
import * as i2$
|
|
60
|
+
import * as i2$5 from '@angular/router';
|
|
61
61
|
import { MicroResourceAuthorizationType } from 'herum-types/Resource';
|
|
62
62
|
import { cloneDeep } from 'lodash';
|
|
63
63
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
@@ -468,13 +468,13 @@ class HerumVideoPlayerComponent {
|
|
|
468
468
|
this.destroySubject$.next(null);
|
|
469
469
|
this.destroySubject$.complete();
|
|
470
470
|
}
|
|
471
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumVideoPlayerComponent, deps: [{ token:
|
|
471
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumVideoPlayerComponent, deps: [{ token: i1$2.GlobalKeyboardListenerService }, { token: i1$2.KeyPressService }], target: i0.ɵɵFactoryTarget.Component });
|
|
472
472
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumVideoPlayerComponent, isStandalone: false, selector: "herum-video-player", inputs: { resourceSubscription: "resourceSubscription", srcPath: "srcPath", resourceId: "resourceId", isResourceInWideMode: "isResourceInWideMode", format: "format", mediaSettings: "mediaSettings", isBlock: "isBlock", id: "id", getTimeUpdate: "getTimeUpdate" }, outputs: { onGradeUpdate: "onGradeUpdate", isLoadingChange: "isLoadingChange", mediaSettingsUpdate: "mediaSettingsUpdate", mediaSettingsUpdateByRequest: "mediaSettingsUpdateByRequest" }, host: { listeners: { "window:keydown": "_onKeyDown($event)" } }, viewQueries: [{ propertyName: "videoPlayer", first: true, predicate: ["videoPlayer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"video-player\"\r\n [ngStyle]=\"{ 'height' : isResourceInWideMode ? '78vh' : (format == 'preview') ? '200px' : (format == 'no-height') ? 'unset' : '70vh' }\">\r\n <div class=\"video-container\">\r\n <video #videoPlayer id=\"videoPlayer\" [src]=\"srcPath | safe\" (loadedmetadata)=\"_videoLoad()\"\r\n (canplay)=\"_canplay()\" (click)=\"_onPlayPause()\" (timeupdate)=\"_timeUpdate()\" (loadstart)=\"_loadStart()\">\r\n Your browser does not support the video tag.\r\n </video>\r\n </div>\r\n\r\n <div class=\"big-play-container\">\r\n <span class=\"fade-loader\" *ngIf=\"!canPlay\"></span>\r\n\r\n <span class=\"primary-play\" *ngIf=\"videoPlayer.paused && canPlay && !isBlock\"\r\n [innerHTML]=\"primaryPlaySvg | safeHtml\" (click)=\"_onPlayPause()\">\r\n </span>\r\n </div>\r\n\r\n <div class=\"controls\" *ngIf=\"videoLoaded && !isBlock\">\r\n <herum-slider class=\"video-slider\" [currentSliderValue]=\"videoPlayer.currentTime\"\r\n [maxSliderValue]=\"videoPlayer.duration\" (isDraggingEmitter)=\"_setisDragging($event)\"\r\n (updatedSliderValue)=\"_setVideoPlayerCurrentTime($event)\">\r\n </herum-slider>\r\n\r\n <div class=\"row w-100\">\r\n <div class=\"col-6 right-controls\">\r\n <button (click)=\"rewind()\" id=\"back\">\r\n <img class=\"control-icon\" src=\"assets/shared/icons/video/back10.svg\">\r\n </button>\r\n\r\n <button (click)=\"fastForward()\" id=\"forward\">\r\n <img class=\"control-icon\" src=\"assets/shared/icons/video/next10.svg\">\r\n </button>\r\n\r\n <herum-video-select class=\"video-speed-select\" [options]=\"videoSpeedOptions\"\r\n [currentVideoSpeed]=\"videoPlayer.playbackRate\" (selectedOptionEmitter)=\"_setVideoSpeed($event)\">\r\n </herum-video-select>\r\n\r\n <button (click)=\"_onTogglePictureInPictureMode()\">\r\n <img class=\"control-icon\" *ngIf=\"!isPictureInPictureMode \"\r\n src=\"assets/shared/icons/video/pictureInPicture.svg\">\r\n <img class=\"control-icon\" *ngIf=\"isPictureInPictureMode \"\r\n src=\"assets/shared/icons/video/pictureInPictureOff.svg\">\r\n </button>\r\n\r\n <button (click)=\"_onToggleFullScreen()\">\r\n <img class=\"control-icon\" src=\"assets/shared/icons/video/fullScreen.svg\">\r\n </button>\r\n </div>\r\n\r\n <div class=\"col-6 left-controls p-0\">\r\n <button (click)=\"_onPlayPause()\">\r\n <img class=\"control-icon\" *ngIf=\"videoPlayer.paused\" src=\"assets/shared/icons/video/play.svg\">\r\n <img class=\"control-icon\" *ngIf=\"!videoPlayer.paused\" src=\"assets/shared/icons/video/pause.svg\">\r\n </button>\r\n\r\n <span>{{duration}} / {{currentTime}} </span>\r\n\r\n <ng-container *ngIf=\"format == 'regular'\">\r\n <img class=\"control-icon\" *ngIf=\"!videoPlayer.muted && videoPlayer.volume \"\r\n (click)=\"_onMuteUnmute()\" src=\"assets/shared/icons/video/sound.svg\">\r\n\r\n <img class=\"control-icon\" *ngIf=\"videoPlayer.muted || !videoPlayer.volume\" (click)=\"_onMuteUnmute()\"\r\n src=\"assets/shared/icons/video/mute.svg\">\r\n </ng-container>\r\n\r\n <herum-slider *ngIf=\"format == 'regular'\" class=\"volume-slider\"\r\n [currentSliderValue]=\"videoPlayer.muted ? 0 : videoPlayer.volume \" [maxSliderValue]=\"1\"\r\n [size]=\"'small'\" (updatedSliderValue)=\"_setVideoPlayerVolume($event)\"></herum-slider>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".video-player{position:relative;display:flex;justify-content:center;align-items:center;background-color:#000;border-radius:12px;width:100%}.big-play-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;height:100%;width:100%}.video-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.video-container video{border-radius:12px;width:100%;height:100%}.video-player:hover .controls{opacity:1}.controls{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);display:flex;flex-direction:column;align-items:center;gap:15px;justify-content:space-between;padding:10px;color:#fff!important;opacity:0;transition:opacity .3s ease-in-out;border-radius:0 0 12px 12px}.controls .left-controls{justify-content:left;display:flex;align-items:center;gap:10px}.controls .left-controls span{color:#fff}.controls .right-controls{display:flex;justify-content:right;align-items:center;padding:0;gap:10px}.controls .right-controls,.controls .left-controls{flex-direction:row-reverse}.controls .right-controls button{padding:0}.controls .right-controls button:first-child{padding-inline-start:0px}.controls button{background:none;border:none}.rotate{transform:rotate(180deg)}::ng-deep .mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:var(--light-background-color)}::ng-deep .mat-accent .mat-slider-thumb{background-color:var(--light-background-color)}.control-icon{width:20px;cursor:pointer}.primary-play{height:184px;cursor:pointer;caret-color:transparent}.primary-play ::ng-deep .start-stop-color{stop-color:var(--icons-start-linear-gradient-color)}.primary-play ::ng-deep .middle-stop-color{stop-color:var(--icons-middle-linear-gradient-color)}.primary-play ::ng-deep .end-stop-color{stop-color:var(--icons-end-linear-gradient-color)}.volume-slider{width:45px}.video-speed-select{margin-inline:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: HerumSliderComponent, selector: "herum-slider", inputs: ["size", "maxSliderValue", "currentSliderValue", "initSlider"], outputs: ["isDraggingEmitter", "updatedSliderValue"] }, { kind: "component", type: HerumVideoSelectComponent, selector: "herum-video-select", inputs: ["currentVideoSpeed", "options"], outputs: ["selectedOptionEmitter"] }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
|
|
473
473
|
}
|
|
474
474
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumVideoPlayerComponent, decorators: [{
|
|
475
475
|
type: Component,
|
|
476
476
|
args: [{ standalone: false, selector: 'herum-video-player', template: "<div class=\"video-player\"\r\n [ngStyle]=\"{ 'height' : isResourceInWideMode ? '78vh' : (format == 'preview') ? '200px' : (format == 'no-height') ? 'unset' : '70vh' }\">\r\n <div class=\"video-container\">\r\n <video #videoPlayer id=\"videoPlayer\" [src]=\"srcPath | safe\" (loadedmetadata)=\"_videoLoad()\"\r\n (canplay)=\"_canplay()\" (click)=\"_onPlayPause()\" (timeupdate)=\"_timeUpdate()\" (loadstart)=\"_loadStart()\">\r\n Your browser does not support the video tag.\r\n </video>\r\n </div>\r\n\r\n <div class=\"big-play-container\">\r\n <span class=\"fade-loader\" *ngIf=\"!canPlay\"></span>\r\n\r\n <span class=\"primary-play\" *ngIf=\"videoPlayer.paused && canPlay && !isBlock\"\r\n [innerHTML]=\"primaryPlaySvg | safeHtml\" (click)=\"_onPlayPause()\">\r\n </span>\r\n </div>\r\n\r\n <div class=\"controls\" *ngIf=\"videoLoaded && !isBlock\">\r\n <herum-slider class=\"video-slider\" [currentSliderValue]=\"videoPlayer.currentTime\"\r\n [maxSliderValue]=\"videoPlayer.duration\" (isDraggingEmitter)=\"_setisDragging($event)\"\r\n (updatedSliderValue)=\"_setVideoPlayerCurrentTime($event)\">\r\n </herum-slider>\r\n\r\n <div class=\"row w-100\">\r\n <div class=\"col-6 right-controls\">\r\n <button (click)=\"rewind()\" id=\"back\">\r\n <img class=\"control-icon\" src=\"assets/shared/icons/video/back10.svg\">\r\n </button>\r\n\r\n <button (click)=\"fastForward()\" id=\"forward\">\r\n <img class=\"control-icon\" src=\"assets/shared/icons/video/next10.svg\">\r\n </button>\r\n\r\n <herum-video-select class=\"video-speed-select\" [options]=\"videoSpeedOptions\"\r\n [currentVideoSpeed]=\"videoPlayer.playbackRate\" (selectedOptionEmitter)=\"_setVideoSpeed($event)\">\r\n </herum-video-select>\r\n\r\n <button (click)=\"_onTogglePictureInPictureMode()\">\r\n <img class=\"control-icon\" *ngIf=\"!isPictureInPictureMode \"\r\n src=\"assets/shared/icons/video/pictureInPicture.svg\">\r\n <img class=\"control-icon\" *ngIf=\"isPictureInPictureMode \"\r\n src=\"assets/shared/icons/video/pictureInPictureOff.svg\">\r\n </button>\r\n\r\n <button (click)=\"_onToggleFullScreen()\">\r\n <img class=\"control-icon\" src=\"assets/shared/icons/video/fullScreen.svg\">\r\n </button>\r\n </div>\r\n\r\n <div class=\"col-6 left-controls p-0\">\r\n <button (click)=\"_onPlayPause()\">\r\n <img class=\"control-icon\" *ngIf=\"videoPlayer.paused\" src=\"assets/shared/icons/video/play.svg\">\r\n <img class=\"control-icon\" *ngIf=\"!videoPlayer.paused\" src=\"assets/shared/icons/video/pause.svg\">\r\n </button>\r\n\r\n <span>{{duration}} / {{currentTime}} </span>\r\n\r\n <ng-container *ngIf=\"format == 'regular'\">\r\n <img class=\"control-icon\" *ngIf=\"!videoPlayer.muted && videoPlayer.volume \"\r\n (click)=\"_onMuteUnmute()\" src=\"assets/shared/icons/video/sound.svg\">\r\n\r\n <img class=\"control-icon\" *ngIf=\"videoPlayer.muted || !videoPlayer.volume\" (click)=\"_onMuteUnmute()\"\r\n src=\"assets/shared/icons/video/mute.svg\">\r\n </ng-container>\r\n\r\n <herum-slider *ngIf=\"format == 'regular'\" class=\"volume-slider\"\r\n [currentSliderValue]=\"videoPlayer.muted ? 0 : videoPlayer.volume \" [maxSliderValue]=\"1\"\r\n [size]=\"'small'\" (updatedSliderValue)=\"_setVideoPlayerVolume($event)\"></herum-slider>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".video-player{position:relative;display:flex;justify-content:center;align-items:center;background-color:#000;border-radius:12px;width:100%}.big-play-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;height:100%;width:100%}.video-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.video-container video{border-radius:12px;width:100%;height:100%}.video-player:hover .controls{opacity:1}.controls{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);display:flex;flex-direction:column;align-items:center;gap:15px;justify-content:space-between;padding:10px;color:#fff!important;opacity:0;transition:opacity .3s ease-in-out;border-radius:0 0 12px 12px}.controls .left-controls{justify-content:left;display:flex;align-items:center;gap:10px}.controls .left-controls span{color:#fff}.controls .right-controls{display:flex;justify-content:right;align-items:center;padding:0;gap:10px}.controls .right-controls,.controls .left-controls{flex-direction:row-reverse}.controls .right-controls button{padding:0}.controls .right-controls button:first-child{padding-inline-start:0px}.controls button{background:none;border:none}.rotate{transform:rotate(180deg)}::ng-deep .mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:var(--light-background-color)}::ng-deep .mat-accent .mat-slider-thumb{background-color:var(--light-background-color)}.control-icon{width:20px;cursor:pointer}.primary-play{height:184px;cursor:pointer;caret-color:transparent}.primary-play ::ng-deep .start-stop-color{stop-color:var(--icons-start-linear-gradient-color)}.primary-play ::ng-deep .middle-stop-color{stop-color:var(--icons-middle-linear-gradient-color)}.primary-play ::ng-deep .end-stop-color{stop-color:var(--icons-end-linear-gradient-color)}.volume-slider{width:45px}.video-speed-select{margin-inline:5px}\n"] }]
|
|
477
|
-
}], ctorParameters: () => [{ type:
|
|
477
|
+
}], ctorParameters: () => [{ type: i1$2.GlobalKeyboardListenerService }, { type: i1$2.KeyPressService }], propDecorators: { resourceSubscription: [{
|
|
478
478
|
type: Input
|
|
479
479
|
}], srcPath: [{
|
|
480
480
|
type: Input
|
|
@@ -986,7 +986,7 @@ class QuizTwoAnswersQuestionComponent {
|
|
|
986
986
|
return this.question?.closedContent?.answers ?? [];
|
|
987
987
|
}
|
|
988
988
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizTwoAnswersQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
989
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizTwoAnswersQuestionComponent, isStandalone: false, selector: "quiz-two-answers-question", inputs: { question: "question", userAnswers: "userAnswers", isSubmitted: "isSubmitted" }, outputs: { onAnswersChange: "onAnswersChange" }, ngImport: i0, template: "<div class=\"answers-container\">\r\n <div class=\"answer-item herum-card\" *ngFor=\"let answer of questionAnswers; let i=index\"\r\n [ngClass]=\"_getAnswerClass(answer)\" (click)=\"_onAnswersChange(answer)\">\r\n <p #answerText class=\"w-100 \" [matTooltip]=\"_isTruncatedTitleElement(answerText)? answer.content : ''\">\r\n {{ answer.content | ellipsis:answerText }}\r\n </p>\r\n </div>\r\n</div>", styles: [".answers-container{display:flex;flex-direction:row;gap:48px;text-align:center;max-height:200px;justify-content:space-evenly}.answers-container .answer-item{display:flex;justify-content:center;transition:transform .3s ease;align-items:center;cursor:pointer;min-width:35%;min-height:90px;padding:20px;border-radius:20px}.answers-container .answer-item p{font-size:24px;font-weight:600;margin:0;-webkit-user-select:none;user-select:none}.answers-container .answer-item:active{transform:scale(.95);transition:transform .3s ease}.answers-container .selected-answer{outline:2px solid var(--icons-color);color:#fff;transform:scale(1.02);transition:transform .3s ease}.answers-container .correct{border:2px solid var(--icons-color)}.answers-container .wrong{border:2px solid var(--error-color)}.answers-container .submitted-quiz{cursor:auto;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$
|
|
989
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizTwoAnswersQuestionComponent, isStandalone: false, selector: "quiz-two-answers-question", inputs: { question: "question", userAnswers: "userAnswers", isSubmitted: "isSubmitted" }, outputs: { onAnswersChange: "onAnswersChange" }, ngImport: i0, template: "<div class=\"answers-container\">\r\n <div class=\"answer-item herum-card\" *ngFor=\"let answer of questionAnswers; let i=index\"\r\n [ngClass]=\"_getAnswerClass(answer)\" (click)=\"_onAnswersChange(answer)\">\r\n <p #answerText class=\"w-100 \" [matTooltip]=\"_isTruncatedTitleElement(answerText)? answer.content : ''\">\r\n {{ answer.content | ellipsis:answerText }}\r\n </p>\r\n </div>\r\n</div>", styles: [".answers-container{display:flex;flex-direction:row;gap:48px;text-align:center;max-height:200px;justify-content:space-evenly}.answers-container .answer-item{display:flex;justify-content:center;transition:transform .3s ease;align-items:center;cursor:pointer;min-width:35%;min-height:90px;padding:20px;border-radius:20px}.answers-container .answer-item p{font-size:24px;font-weight:600;margin:0;-webkit-user-select:none;user-select:none}.answers-container .answer-item:active{transform:scale(.95);transition:transform .3s ease}.answers-container .selected-answer{outline:2px solid var(--icons-color);color:#fff;transform:scale(1.02);transition:transform .3s ease}.answers-container .correct{border:2px solid var(--icons-color)}.answers-container .wrong{border:2px solid var(--error-color)}.answers-container .submitted-quiz{cursor:auto;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }] });
|
|
990
990
|
}
|
|
991
991
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizTwoAnswersQuestionComponent, decorators: [{
|
|
992
992
|
type: Component,
|
|
@@ -1187,7 +1187,7 @@ class QuizOneAnswerQuestionComponent {
|
|
|
1187
1187
|
this.destroySubject$.complete();
|
|
1188
1188
|
}
|
|
1189
1189
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizOneAnswerQuestionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1190
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizOneAnswerQuestionComponent, isStandalone: false, selector: "quiz-one-answer-question", inputs: { instructionTitle: "instructionTitle", question: "question", userAnswers: "userAnswers", quizData: "quizData", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", isCheckingMode: "isCheckingMode" }, outputs: { onAnswersChange: "onAnswersChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"instructionTitle\" class=\"instruction-title\">{{ instructionTitle }}</div>\r\n\r\n<herum-radio-button [options]=\"convertedOptions\" [secondarySelectedOption]=\"correctAnswer\"\r\n [showAdditionalOptionsText]=\"areAnswersRevealed || isCheckingMode\" [isBlocked]=\"areAnswersBlocked\"\r\n [isVertical]=\"true\" [formControl]=\"selectedAnswer\"\r\n [ngClass]=\"{'revealed-answers':areAnswersRevealed || isCheckingMode}\" [additionalOptionsText]=\"answerNotes\">\r\n</herum-radio-button>", styles: ["", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$
|
|
1190
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizOneAnswerQuestionComponent, isStandalone: false, selector: "quiz-one-answer-question", inputs: { instructionTitle: "instructionTitle", question: "question", userAnswers: "userAnswers", quizData: "quizData", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", isCheckingMode: "isCheckingMode" }, outputs: { onAnswersChange: "onAnswersChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"instructionTitle\" class=\"instruction-title\">{{ instructionTitle }}</div>\r\n\r\n<herum-radio-button [options]=\"convertedOptions\" [secondarySelectedOption]=\"correctAnswer\"\r\n [showAdditionalOptionsText]=\"areAnswersRevealed || isCheckingMode\" [isBlocked]=\"areAnswersBlocked\"\r\n [isVertical]=\"true\" [formControl]=\"selectedAnswer\"\r\n [ngClass]=\"{'revealed-answers':areAnswersRevealed || isCheckingMode}\" [additionalOptionsText]=\"answerNotes\">\r\n</herum-radio-button>", styles: ["", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: HerumRadioButtonComponent, selector: "herum-radio-button", inputs: ["options", "isValid", "errorMsg", "isVertical", "isBlocked", "type", "selectedOption", "additionalOptionsText", "showAdditionalOptionsText", "secondarySelectedOption"], outputs: ["selectOptionEmitter"] }] });
|
|
1191
1191
|
}
|
|
1192
1192
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizOneAnswerQuestionComponent, decorators: [{
|
|
1193
1193
|
type: Component,
|
|
@@ -1482,13 +1482,13 @@ class QuizMultiAnswerQuestionComponent {
|
|
|
1482
1482
|
this.destroySubject$.next(null);
|
|
1483
1483
|
this.destroySubject$.complete();
|
|
1484
1484
|
}
|
|
1485
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizMultiAnswerQuestionComponent, deps: [{ token: i1$
|
|
1486
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizMultiAnswerQuestionComponent, isStandalone: false, selector: "quiz-multi-answer-question", inputs: { question: "question", quizData: "quizData", userAnswers: "userAnswers", isCheckingMode: "isCheckingMode", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", correctAnswerCount: "correctAnswerCount" }, outputs: { onAnswersChange: "onAnswersChange", onValidationChange: "onValidationChange" }, viewQueries: [{ propertyName: "checkboxes", predicate: HerumCheckboxComponent$1, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"main-container\">\r\n <p class=\"correct-answer-count\">\u05D9\u05E9 \u05DC\u05E1\u05DE\u05DF {{ correctAnswerCount }} \u05EA\u05E9\u05D5\u05D1\u05D5\u05EA</p>\r\n\r\n <form *ngIf=\"question.closedContent.answers\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n <div class=\"answer-item\" *ngFor=\"let answer of question.closedContent.answers;let i=index\">\r\n <div class=\"answer-container\" [ngClass]=\"{'revealed-answers':(areAnswersRevealed || isCheckingMode)}\"\r\n [attr.type]=\"(areAnswersRevealed || isCheckingMode) ? answerTypeAttributes[i] : ''\"\r\n [attr.includes-additional-option-text]=\"(additionalOptionsText && additionalOptionsText[i]) ? 'true' : 'false'\">\r\n <herum-checkbox [isBlocked]=\"isBlocked\" [formControlName]=\"controlNamePrefix + i\"\r\n [id]=\"controlNamePrefix + i\">\r\n </herum-checkbox>\r\n\r\n <p class=\"answer-text cursor-pointer\" [ngClass]=\"{'cursor-pointer':!isBlocked}\"\r\n (click)=\"_onAnswerClicked(i)\">{{ answer.content }}</p>\r\n </div>\r\n\r\n <span *ngIf=\"answer.note && (areAnswersRevealed || isCheckingMode)\" class=\"answer-note\">\r\n {{ answer.note }}\r\n </span>\r\n </div>\r\n </form>\r\n</div>", styles: [".answer-text{line-height:1;font-size:14px;font-weight:700}.correct-answer-count{margin-block-end:0;font-size:14px}.answers-container,.main-container{display:flex;flex-direction:column;gap:8px;width:100%}.answer-container{display:flex;align-items:center;gap:8px}.answer-container,.answer-note{flex:1}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$
|
|
1485
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizMultiAnswerQuestionComponent, deps: [{ token: i1$3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
1486
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizMultiAnswerQuestionComponent, isStandalone: false, selector: "quiz-multi-answer-question", inputs: { question: "question", quizData: "quizData", userAnswers: "userAnswers", isCheckingMode: "isCheckingMode", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", correctAnswerCount: "correctAnswerCount" }, outputs: { onAnswersChange: "onAnswersChange", onValidationChange: "onValidationChange" }, viewQueries: [{ propertyName: "checkboxes", predicate: HerumCheckboxComponent$1, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"main-container\">\r\n <p class=\"correct-answer-count\">\u05D9\u05E9 \u05DC\u05E1\u05DE\u05DF {{ correctAnswerCount }} \u05EA\u05E9\u05D5\u05D1\u05D5\u05EA</p>\r\n\r\n <form *ngIf=\"question.closedContent.answers\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n <div class=\"answer-item\" *ngFor=\"let answer of question.closedContent.answers;let i=index\">\r\n <div class=\"answer-container\" [ngClass]=\"{'revealed-answers':(areAnswersRevealed || isCheckingMode)}\"\r\n [attr.type]=\"(areAnswersRevealed || isCheckingMode) ? answerTypeAttributes[i] : ''\"\r\n [attr.includes-additional-option-text]=\"(additionalOptionsText && additionalOptionsText[i]) ? 'true' : 'false'\">\r\n <herum-checkbox [isBlocked]=\"isBlocked\" [formControlName]=\"controlNamePrefix + i\"\r\n [id]=\"controlNamePrefix + i\">\r\n </herum-checkbox>\r\n\r\n <p class=\"answer-text cursor-pointer\" [ngClass]=\"{'cursor-pointer':!isBlocked}\"\r\n (click)=\"_onAnswerClicked(i)\">{{ answer.content }}</p>\r\n </div>\r\n\r\n <span *ngIf=\"answer.note && (areAnswersRevealed || isCheckingMode)\" class=\"answer-note\">\r\n {{ answer.note }}\r\n </span>\r\n </div>\r\n </form>\r\n</div>", styles: [".answer-text{line-height:1;font-size:14px;font-weight:700}.correct-answer-count{margin-block-end:0;font-size:14px}.answers-container,.main-container{display:flex;flex-direction:column;gap:8px;width:100%}.answer-container{display:flex;align-items:center;gap:8px}.answer-container,.answer-note{flex:1}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: HerumCheckboxComponent, selector: "herum-checkbox", inputs: ["type", "isChecked", "isBlocked"], outputs: ["checkedEmitter"] }] });
|
|
1487
1487
|
}
|
|
1488
1488
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizMultiAnswerQuestionComponent, decorators: [{
|
|
1489
1489
|
type: Component,
|
|
1490
1490
|
args: [{ standalone: false, selector: 'quiz-multi-answer-question', template: "<div class=\"main-container\">\r\n <p class=\"correct-answer-count\">\u05D9\u05E9 \u05DC\u05E1\u05DE\u05DF {{ correctAnswerCount }} \u05EA\u05E9\u05D5\u05D1\u05D5\u05EA</p>\r\n\r\n <form *ngIf=\"question.closedContent.answers\" [formGroup]=\"answersForm\" class=\"answers-container\">\r\n <div class=\"answer-item\" *ngFor=\"let answer of question.closedContent.answers;let i=index\">\r\n <div class=\"answer-container\" [ngClass]=\"{'revealed-answers':(areAnswersRevealed || isCheckingMode)}\"\r\n [attr.type]=\"(areAnswersRevealed || isCheckingMode) ? answerTypeAttributes[i] : ''\"\r\n [attr.includes-additional-option-text]=\"(additionalOptionsText && additionalOptionsText[i]) ? 'true' : 'false'\">\r\n <herum-checkbox [isBlocked]=\"isBlocked\" [formControlName]=\"controlNamePrefix + i\"\r\n [id]=\"controlNamePrefix + i\">\r\n </herum-checkbox>\r\n\r\n <p class=\"answer-text cursor-pointer\" [ngClass]=\"{'cursor-pointer':!isBlocked}\"\r\n (click)=\"_onAnswerClicked(i)\">{{ answer.content }}</p>\r\n </div>\r\n\r\n <span *ngIf=\"answer.note && (areAnswersRevealed || isCheckingMode)\" class=\"answer-note\">\r\n {{ answer.note }}\r\n </span>\r\n </div>\r\n </form>\r\n</div>", styles: [".answer-text{line-height:1;font-size:14px;font-weight:700}.correct-answer-count{margin-block-end:0;font-size:14px}.answers-container,.main-container{display:flex;flex-direction:column;gap:8px;width:100%}.answer-container{display:flex;align-items:center;gap:8px}.answer-container,.answer-note{flex:1}\n", ".quiz-container{display:flex;flex-direction:column;gap:16px}.quiz-container p,.quiz-container b{font-size:16px;margin-bottom:.25rem}.quiz-container .quiz-title{font-weight:700}.quiz-container .error-message{color:var(--error-color);font-weight:700}.quiz-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container{display:flex;flex-direction:column;gap:16px}.answers-container .answer-item{display:flex;flex-direction:row;gap:8px}.answers-container .answer-note{background-color:var(--light-text-color);border-radius:var(border-radius);font-size:14px}\n"] }]
|
|
1491
|
-
}], ctorParameters: () => [{ type: i1$
|
|
1491
|
+
}], ctorParameters: () => [{ type: i1$3.FormBuilder }], propDecorators: { question: [{
|
|
1492
1492
|
type: Input
|
|
1493
1493
|
}], quizData: [{
|
|
1494
1494
|
type: Input
|
|
@@ -1930,13 +1930,13 @@ class HerumInputFieldComponent {
|
|
|
1930
1930
|
this.destroySubject$.complete();
|
|
1931
1931
|
}
|
|
1932
1932
|
}
|
|
1933
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumInputFieldComponent, deps: [{ token: i1$
|
|
1934
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumInputFieldComponent, isStandalone: false, selector: "herum-input-field", inputs: { type: "type", placeholder: "placeholder", disabled: "disabled", isBlocked: "isBlocked", isValid: "isValid", errorMsg: "errorMsg", showErrorMsgGap: "showErrorMsgGap", inputValue: "inputValue", isLoading: "isLoading", id: "id", debounceTime: "debounceTime", minValue: "minValue", maxValue: "maxValue", isBlurred: "isBlurred", touched: "touched", ltrMode: "ltrMode", preventMacroKeysPressEvent: "preventMacroKeysPressEvent" }, outputs: { inputValueEmitter: "inputValueEmitter" }, host: { listeners: { "keypress": "onKeyPress($event)", "paste": "onPaste($event)" }, properties: { "class.required-control": "isRequired" } }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"input-container\" [class]=\"type\">\r\n <input [type]=\"inputHtmlType\" dir=\"rtl\" class=\"w-100 input-field\"\r\n [ngClass]=\"{'error-input':!isValid && !isLoading && touched && isBlurred , 'transparent-text': isLoading, 'ltr':ltrMode}\"\r\n [ngStyle]=\"{'resize': type == 'textBox' ? 'vertical' : 'none'}\" [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled || isBlocked || isLoading\" [(ngModel)]=\"inputValue\" [alt]=\"type\"\r\n [id]=\"id ? id :formControlName\" [attr.prevent-macro-keys-press-event]=\"preventMacroKeysPressEvent\"\r\n (ngModelChange)=\"_onInput($event)\" (blur)=\"_setBlurred()\" />\r\n\r\n <ng-container *ngIf=\"!isLoading\">\r\n <ng-container *ngIf=\"type=='search' || type=='search-blur'\">\r\n <span class=\"icon\" [innerHTML]=\"searchImageSvg | safeHtml\" *ngIf=\"!inputValue && !disabled\">\r\n </span>\r\n\r\n <span class=\"icon\" *ngIf=\"disabled\">\r\n <img src=\"assets/shared/icons/input/grey-search.png\" />\r\n </span>\r\n </ng-container>\r\n\r\n <span class=\"icon clickable small-icon\" *ngIf=\"shouldShowClearIcon\" (click)=\"clearInput()\">\r\n <span class=\"small-icon\" [innerHTML]=\"xImageSvg | safeHtml\"></span>\r\n </span>\r\n\r\n <span class=\"icon clickable eye-icon\" *ngIf=\"shouldShowPasswordToggle\" (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"_onTogglePasswordVisibility($event)\">\r\n <img [src]=\"passwordEyeSource\">\r\n </span>\r\n </ng-container>\r\n\r\n <div *ngIf=\"isLoading\" class=\"skeleton skeleton-text input-skeleton\"></div>\r\n</div>\r\n\r\n<label class=\"error-msg right\" *ngIf=\"shouldShowErrorMsg\">\r\n {{ errorMsg }}\r\n</label>", styles: [":host{--icon-size: 16px}.input-container .icon{position:absolute;left:12px;cursor:pointer}.icon{stroke:var(--icons-color);height:var(--icon-size);width:var(--icon-size)}.small-icon{fill:var(--icons-color);height:9px}.icon img{width:var(--icon-size);height:var(--icon-size);display:block}.eye-icon{display:inline-flex;align-items:center;justify-content:center}.input-field:disabled{opacity:.6;cursor:not-allowed}.input-skeleton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%}.search-blur input{border:1px solid rgba(255,255,255,.6)!important;background-color:#ffffff39!important;color:#fff!important}.search-blur input::placeholder{color:#fff!important}.search-blur .icon,.search-blur .small-icon{stroke:#fff!important}\n", ".input-container{position:relative;display:flex;align-items:center}.input-container .input-field{padding:8px 12px 8px 30px;color:#000;height:var(--atom-input-height)}.input-field{border:1px solid var(--inactive-border-color);padding:var(--button-padding-size);border-radius:var(--border-radius);font-size:var(--standard-font-size);box-shadow:0 0 var(--box-shadow-blur) #00000029!important}.input-field:hover{border-color:var(--icons-color-light-2)}.input-field:focus{outline:none;border-color:var(--icons-color-light-1);box-shadow:0 0 5px var(--icons-color-light-1)}.input-field::placeholder{color:var(--disabled-text-color)}span{justify-content:center;display:flex}img{height:16px}.right{justify-content:right}.error-input,.error-input:focus{border-color:var(--error-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$
|
|
1933
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumInputFieldComponent, deps: [{ token: i1$3.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1934
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumInputFieldComponent, isStandalone: false, selector: "herum-input-field", inputs: { type: "type", placeholder: "placeholder", disabled: "disabled", isBlocked: "isBlocked", isValid: "isValid", errorMsg: "errorMsg", showErrorMsgGap: "showErrorMsgGap", inputValue: "inputValue", isLoading: "isLoading", id: "id", debounceTime: "debounceTime", minValue: "minValue", maxValue: "maxValue", isBlurred: "isBlurred", touched: "touched", ltrMode: "ltrMode", preventMacroKeysPressEvent: "preventMacroKeysPressEvent" }, outputs: { inputValueEmitter: "inputValueEmitter" }, host: { listeners: { "keypress": "onKeyPress($event)", "paste": "onPaste($event)" }, properties: { "class.required-control": "isRequired" } }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"input-container\" [class]=\"type\">\r\n <input [type]=\"inputHtmlType\" dir=\"rtl\" class=\"w-100 input-field\"\r\n [ngClass]=\"{'error-input':!isValid && !isLoading && touched && isBlurred , 'transparent-text': isLoading, 'ltr':ltrMode}\"\r\n [ngStyle]=\"{'resize': type == 'textBox' ? 'vertical' : 'none'}\" [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled || isBlocked || isLoading\" [(ngModel)]=\"inputValue\" [alt]=\"type\"\r\n [id]=\"id ? id :formControlName\" [attr.prevent-macro-keys-press-event]=\"preventMacroKeysPressEvent\"\r\n (ngModelChange)=\"_onInput($event)\" (blur)=\"_setBlurred()\" />\r\n\r\n <ng-container *ngIf=\"!isLoading\">\r\n <ng-container *ngIf=\"type=='search' || type=='search-blur'\">\r\n <span class=\"icon\" [innerHTML]=\"searchImageSvg | safeHtml\" *ngIf=\"!inputValue && !disabled\">\r\n </span>\r\n\r\n <span class=\"icon\" *ngIf=\"disabled\">\r\n <img src=\"assets/shared/icons/input/grey-search.png\" />\r\n </span>\r\n </ng-container>\r\n\r\n <span class=\"icon clickable small-icon\" *ngIf=\"shouldShowClearIcon\" (click)=\"clearInput()\">\r\n <span class=\"small-icon\" [innerHTML]=\"xImageSvg | safeHtml\"></span>\r\n </span>\r\n\r\n <span class=\"icon clickable eye-icon\" *ngIf=\"shouldShowPasswordToggle\" (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"_onTogglePasswordVisibility($event)\">\r\n <img [src]=\"passwordEyeSource\">\r\n </span>\r\n </ng-container>\r\n\r\n <div *ngIf=\"isLoading\" class=\"skeleton skeleton-text input-skeleton\"></div>\r\n</div>\r\n\r\n<label class=\"error-msg right\" *ngIf=\"shouldShowErrorMsg\">\r\n {{ errorMsg }}\r\n</label>", styles: [":host{--icon-size: 16px}.input-container .icon{position:absolute;left:12px;cursor:pointer}.icon{stroke:var(--icons-color);height:var(--icon-size);width:var(--icon-size)}.small-icon{fill:var(--icons-color);height:9px}.icon img{width:var(--icon-size);height:var(--icon-size);display:block}.eye-icon{display:inline-flex;align-items:center;justify-content:center}.input-field:disabled{opacity:.6;cursor:not-allowed}.input-skeleton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%}.search-blur input{border:1px solid rgba(255,255,255,.6)!important;background-color:#ffffff39!important;color:#fff!important}.search-blur input::placeholder{color:#fff!important}.search-blur .icon,.search-blur .small-icon{stroke:#fff!important}\n", ".input-container{position:relative;display:flex;align-items:center}.input-container .input-field{padding:8px 12px 8px 30px;color:#000;height:var(--atom-input-height)}.input-field{border:1px solid var(--inactive-border-color);padding:var(--button-padding-size);border-radius:var(--border-radius);font-size:var(--standard-font-size);box-shadow:0 0 var(--box-shadow-blur) #00000029!important}.input-field:hover{border-color:var(--icons-color-light-2)}.input-field:focus{outline:none;border-color:var(--icons-color-light-1);box-shadow:0 0 5px var(--icons-color-light-1)}.input-field::placeholder{color:var(--disabled-text-color)}span{justify-content:center;display:flex}img{height:16px}.right{justify-content:right}.error-input,.error-input:focus{border-color:var(--error-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "pipe", type: i4$1.SafeHtmlPipe, name: "safeHtml" }] });
|
|
1935
1935
|
}
|
|
1936
1936
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumInputFieldComponent, decorators: [{
|
|
1937
1937
|
type: Component,
|
|
1938
1938
|
args: [{ standalone: false, selector: 'herum-input-field', host: { '[class.required-control]': 'isRequired' }, template: "<div class=\"input-container\" [class]=\"type\">\r\n <input [type]=\"inputHtmlType\" dir=\"rtl\" class=\"w-100 input-field\"\r\n [ngClass]=\"{'error-input':!isValid && !isLoading && touched && isBlurred , 'transparent-text': isLoading, 'ltr':ltrMode}\"\r\n [ngStyle]=\"{'resize': type == 'textBox' ? 'vertical' : 'none'}\" [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled || isBlocked || isLoading\" [(ngModel)]=\"inputValue\" [alt]=\"type\"\r\n [id]=\"id ? id :formControlName\" [attr.prevent-macro-keys-press-event]=\"preventMacroKeysPressEvent\"\r\n (ngModelChange)=\"_onInput($event)\" (blur)=\"_setBlurred()\" />\r\n\r\n <ng-container *ngIf=\"!isLoading\">\r\n <ng-container *ngIf=\"type=='search' || type=='search-blur'\">\r\n <span class=\"icon\" [innerHTML]=\"searchImageSvg | safeHtml\" *ngIf=\"!inputValue && !disabled\">\r\n </span>\r\n\r\n <span class=\"icon\" *ngIf=\"disabled\">\r\n <img src=\"assets/shared/icons/input/grey-search.png\" />\r\n </span>\r\n </ng-container>\r\n\r\n <span class=\"icon clickable small-icon\" *ngIf=\"shouldShowClearIcon\" (click)=\"clearInput()\">\r\n <span class=\"small-icon\" [innerHTML]=\"xImageSvg | safeHtml\"></span>\r\n </span>\r\n\r\n <span class=\"icon clickable eye-icon\" *ngIf=\"shouldShowPasswordToggle\" (mousedown)=\"$event.preventDefault()\"\r\n (click)=\"_onTogglePasswordVisibility($event)\">\r\n <img [src]=\"passwordEyeSource\">\r\n </span>\r\n </ng-container>\r\n\r\n <div *ngIf=\"isLoading\" class=\"skeleton skeleton-text input-skeleton\"></div>\r\n</div>\r\n\r\n<label class=\"error-msg right\" *ngIf=\"shouldShowErrorMsg\">\r\n {{ errorMsg }}\r\n</label>", styles: [":host{--icon-size: 16px}.input-container .icon{position:absolute;left:12px;cursor:pointer}.icon{stroke:var(--icons-color);height:var(--icon-size);width:var(--icon-size)}.small-icon{fill:var(--icons-color);height:9px}.icon img{width:var(--icon-size);height:var(--icon-size);display:block}.eye-icon{display:inline-flex;align-items:center;justify-content:center}.input-field:disabled{opacity:.6;cursor:not-allowed}.input-skeleton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%}.search-blur input{border:1px solid rgba(255,255,255,.6)!important;background-color:#ffffff39!important;color:#fff!important}.search-blur input::placeholder{color:#fff!important}.search-blur .icon,.search-blur .small-icon{stroke:#fff!important}\n", ".input-container{position:relative;display:flex;align-items:center}.input-container .input-field{padding:8px 12px 8px 30px;color:#000;height:var(--atom-input-height)}.input-field{border:1px solid var(--inactive-border-color);padding:var(--button-padding-size);border-radius:var(--border-radius);font-size:var(--standard-font-size);box-shadow:0 0 var(--box-shadow-blur) #00000029!important}.input-field:hover{border-color:var(--icons-color-light-2)}.input-field:focus{outline:none;border-color:var(--icons-color-light-1);box-shadow:0 0 5px var(--icons-color-light-1)}.input-field::placeholder{color:var(--disabled-text-color)}span{justify-content:center;display:flex}img{height:16px}.right{justify-content:right}.error-input,.error-input:focus{border-color:var(--error-color)}\n"] }]
|
|
1939
|
-
}], ctorParameters: () => [{ type: i1$
|
|
1939
|
+
}], ctorParameters: () => [{ type: i1$3.NgControl, decorators: [{
|
|
1940
1940
|
type: Optional
|
|
1941
1941
|
}, {
|
|
1942
1942
|
type: Self
|
|
@@ -1998,7 +1998,7 @@ class HerumUserProgressComponent {
|
|
|
1998
1998
|
'כשירות טובה מאוד' : 'כשירות מושלמת! כל הכבוד!';
|
|
1999
1999
|
}
|
|
2000
2000
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUserProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2001
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumUserProgressComponent, isStandalone: false, selector: "app-herum-user-progress", inputs: { title: "title", percentage: "percentage", type: "type" }, ngImport: i0, template: "<div class=\"user-progress-container\" [ngClass]=\"{'p-0':type == 'solid'}\">\r\n <div class=\"mb-2 row\">\r\n <div class=\"col-7 section-title\">{{ title }}</div>\r\n <div class=\"col-5 section-title left\">{{ percentageLabel }}</div>\r\n </div>\r\n\r\n <herum-progress-bar [percentage]=\"percentage\" [type]=\"'solid'\"></herum-progress-bar>\r\n</div>", styles: [".user-progress-container{padding:10px;gap:10px;display:flex;flex-direction:column}.left{text-align:left}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$
|
|
2001
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumUserProgressComponent, isStandalone: false, selector: "app-herum-user-progress", inputs: { title: "title", percentage: "percentage", type: "type" }, ngImport: i0, template: "<div class=\"user-progress-container\" [ngClass]=\"{'p-0':type == 'solid'}\">\r\n <div class=\"mb-2 row\">\r\n <div class=\"col-7 section-title\">{{ title }}</div>\r\n <div class=\"col-5 section-title left\">{{ percentageLabel }}</div>\r\n </div>\r\n\r\n <herum-progress-bar [percentage]=\"percentage\" [type]=\"'solid'\"></herum-progress-bar>\r\n</div>", styles: [".user-progress-container{padding:10px;gap:10px;display:flex;flex-direction:column}.left{text-align:left}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$2.HerumProgressBarComponent, selector: "herum-progress-bar", inputs: ["percentage", "invalidPercentage", "showPercentage", "percentagePosition", "type", "size", "color", "borderRadius", "total", "showBorder", "thickness"] }] });
|
|
2002
2002
|
}
|
|
2003
2003
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUserProgressComponent, decorators: [{
|
|
2004
2004
|
type: Component,
|
|
@@ -2338,7 +2338,7 @@ class HerumHierarchyTreeNodeComponent {
|
|
|
2338
2338
|
return this.environmentConfig?.environment?.systemIdentifier == system$1.hadracha;
|
|
2339
2339
|
}
|
|
2340
2340
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumHierarchyTreeNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
|
|
2341
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumHierarchyTreeNodeComponent, isStandalone: false, selector: "herum-hierarchy-tree-node", inputs: { treeNodeData: "treeNodeData", size: "size", expandedMode: "expandedMode", showArrow: "showArrow", showAssignmentsDetails: "showAssignmentsDetails", nodeMenuItems: "nodeMenuItems" }, outputs: { onNodeSelected: "onNodeSelected", onMenuItemSelected: "onMenuItemSelected", onExpand: "onExpand" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"node-container\" [class]=\"systemIdentifier\" [id]=\"'tree-node-container-' + treeNodeData.id\"\r\n *ngIf=\"treeNodeData\" [ngClass]=\"treeNodeData.status + ' ' + size + ' ' + expandedMode\" #nodeTitle appHerumToolTip>\r\n <div class=\"decorative-line\"></div>\r\n\r\n <div class=\"menu-icon-container\" *ngIf=\"nodeMenuItems?.length > 0 && treeNodeData.loggedUserPermissions?.edit\">\r\n <img src=\"/assets/hadracha/general/menu-button.svg\" [matMenuTriggerFor]=\"menu\">\r\n <mat-menu #menu=\"matMenu\">\r\n <button mat-menu-item *ngFor=\"let nodeMenuItem of nodeMenuItems\"\r\n (click)=\"_onMenuItemSelected(nodeMenuItem)\">\r\n <img src=\"/assets/hadracha/structs/{{nodeMenuItem.iconName}}.svg\">\r\n {{ nodeMenuItem.displayText }}\r\n </button>\r\n </mat-menu>\r\n </div>\r\n\r\n <p #treeNodeDataTitle [id]=\"'tree-node-title-' + treeNodeData.id\"\r\n [matTooltip]=\"_isTruncatedTitleElement(nodeTitle) ? treeNodeData.title : ''\" (click)=\"_onNodeSelected()\">\r\n {{treeNodeData.title | ellipsis:treeNodeDataTitle }}\r\n </p>\r\n\r\n <p class=\"totals\" *ngIf=\"showAssignmentsDetails\">\r\n <ng-container *ngIf=\"isHerum\">\r\n <span [matTooltip]='toRPActualAssignmentsDisplayText'> {{this.treeNodeData.totals?.toRPActualAssignments}}\r\n </span> /\r\n <span [matTooltip]='expectedAssignmentsDisplayText'> {{this.treeNodeData.totals?.toRPExpectedAssignments}}\r\n </span>\r\n <span class=\"invalid-assignments\" [ngClass]=\"{'green':this.treeNodeData.totals?.invalidAssignments == 0}\"\r\n [matTooltip]='invalidAssignmentsDisplayText'>\r\n +{{this.treeNodeData.totals?.invalidAssignments}}\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"isHadracha\">\r\n <div class=\"total-value\">\r\n {{this.treeNodeData.totals.total}}\r\n </div>\r\n <p class=\"total-text\">\u05D7\u05E0\u05D9\u05DB\u05D9\u05DD</p>\r\n </ng-container>\r\n </p>\r\n\r\n <br *ngIf=\"!showAssignmentsDetails\">\r\n\r\n <div class=\"row\">\r\n <herum-progress-bar *ngIf=\"!isHadracha\" [percentage]=\"treeNodeData.percentage ? treeNodeData.percentage:0 \"\r\n [negativePercentage]=\"negativePercentage\" [type]=\"'solid'\" [size]=\"'tight'\">\r\n </herum-progress-bar>\r\n\r\n <span class=\"chevron\" *ngIf=\"showArrow\" [ngStyle]=\"{transform: isExpand ? 'rotate(180deg)' : 'none'}\"\r\n [innerHTML]=\"smallChevronSvg | safeHtml\" (click)=\"_onExpand()\">\r\n </span>\r\n </div>\r\n</div>", styles: [":host{border-radius:0 0 var(--border-radius) var(--border-radius)}.node-container{box-shadow:0 0 var(--box-shadow-blur) #00000029!important;display:flex;flex-direction:column;width:170px;gap:4px;padding:4px;border-radius:var(--border-radius);background-color:#fff}.node-container p{margin:0;font-weight:700;font-size:14px}.node-container .row{justify-content:center;align-items:center;position:relative}.node-container .row .chevron{position:absolute;bottom:-20px;background-color:#fff;border-radius:50%;box-shadow:0 0 var(--box-shadow-blur) #00000029!important;width:20px;cursor:pointer;height:20px;z-index:99;padding:1px;stroke:var(--icons-color)}.node-container .totals{font-size:12px;direction:ltr;margin-bottom:8px}.node-container .totals .invalid-assignments{color:var(--error-color);margin-left:8px}.competency-cluster-container{width:100%;display:flex;justify-content:center;align-items:center;padding-bottom:8px}.regular{width:170px}.small{width:140px!important}.close .row .chevron,.open .row .chevron{display:block}.d-flex{justify-content:space-between}.none .row .chevron{display:none}.high{border-top:4px solid var(--icons-color)}.medium{border-top:4px solid orange}.low{border-top:4px solid var(--error-color)}.green{color:var(--icons-color)!important}.decorative-line,.menu-icon-container{display:none}.mat-menu-item{font-family:heebo;font-size:14px;font-weight:400;color:var(--icons-color)}.mat-menu-item:not(:last-child){border-bottom:1px solid var(--divider-color)}::ng-deep .mat-menu-panel{border-radius:var(--border-radius)!important}::ng-deep .mat-menu-content{padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-content button{display:flex;align-items:center;gap:8px;height:36px}.hadracha:hover .menu-icon-container{display:block;height:10px;position:absolute;top:4px;left:12px;z-index:1}.hadracha:hover .menu-icon-container img{height:14px}.hadracha{border-top:none!important;border-radius:0 0 var(--border-radius) var(--border-radius);position:relative}.hadracha .decorative-line{display:block;width:100%;height:4px;background-color:var(--icons-color);border-radius:10px;position:absolute;top:-6px;left:0;z-index:1}.hadracha .totals{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}.hadracha .totals .total-value{padding:4px;width:33px;height:33px;background-color:var(--icons-color-light-2);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.hadracha .totals p.total-text{font-size:12px;font-weight:400;text-align:center;margin:0}.hadracha .node-container:hover .totals .total-value{background-color:var(--divider-color)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$
|
|
2341
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumHierarchyTreeNodeComponent, isStandalone: false, selector: "herum-hierarchy-tree-node", inputs: { treeNodeData: "treeNodeData", size: "size", expandedMode: "expandedMode", showArrow: "showArrow", showAssignmentsDetails: "showAssignmentsDetails", nodeMenuItems: "nodeMenuItems" }, outputs: { onNodeSelected: "onNodeSelected", onMenuItemSelected: "onMenuItemSelected", onExpand: "onExpand" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"node-container\" [class]=\"systemIdentifier\" [id]=\"'tree-node-container-' + treeNodeData.id\"\r\n *ngIf=\"treeNodeData\" [ngClass]=\"treeNodeData.status + ' ' + size + ' ' + expandedMode\" #nodeTitle appHerumToolTip>\r\n <div class=\"decorative-line\"></div>\r\n\r\n <div class=\"menu-icon-container\" *ngIf=\"nodeMenuItems?.length > 0 && treeNodeData.loggedUserPermissions?.edit\">\r\n <img src=\"/assets/hadracha/general/menu-button.svg\" [matMenuTriggerFor]=\"menu\">\r\n <mat-menu #menu=\"matMenu\">\r\n <button mat-menu-item *ngFor=\"let nodeMenuItem of nodeMenuItems\"\r\n (click)=\"_onMenuItemSelected(nodeMenuItem)\">\r\n <img src=\"/assets/hadracha/structs/{{nodeMenuItem.iconName}}.svg\">\r\n {{ nodeMenuItem.displayText }}\r\n </button>\r\n </mat-menu>\r\n </div>\r\n\r\n <p #treeNodeDataTitle [id]=\"'tree-node-title-' + treeNodeData.id\"\r\n [matTooltip]=\"_isTruncatedTitleElement(nodeTitle) ? treeNodeData.title : ''\" (click)=\"_onNodeSelected()\">\r\n {{treeNodeData.title | ellipsis:treeNodeDataTitle }}\r\n </p>\r\n\r\n <p class=\"totals\" *ngIf=\"showAssignmentsDetails\">\r\n <ng-container *ngIf=\"isHerum\">\r\n <span [matTooltip]='toRPActualAssignmentsDisplayText'> {{this.treeNodeData.totals?.toRPActualAssignments}}\r\n </span> /\r\n <span [matTooltip]='expectedAssignmentsDisplayText'> {{this.treeNodeData.totals?.toRPExpectedAssignments}}\r\n </span>\r\n <span class=\"invalid-assignments\" [ngClass]=\"{'green':this.treeNodeData.totals?.invalidAssignments == 0}\"\r\n [matTooltip]='invalidAssignmentsDisplayText'>\r\n +{{this.treeNodeData.totals?.invalidAssignments}}\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"isHadracha\">\r\n <div class=\"total-value\">\r\n {{this.treeNodeData.totals.total}}\r\n </div>\r\n <p class=\"total-text\">\u05D7\u05E0\u05D9\u05DB\u05D9\u05DD</p>\r\n </ng-container>\r\n </p>\r\n\r\n <br *ngIf=\"!showAssignmentsDetails\">\r\n\r\n <div class=\"row\">\r\n <herum-progress-bar *ngIf=\"!isHadracha\" [percentage]=\"treeNodeData.percentage ? treeNodeData.percentage:0 \"\r\n [negativePercentage]=\"negativePercentage\" [type]=\"'solid'\" [size]=\"'tight'\">\r\n </herum-progress-bar>\r\n\r\n <span class=\"chevron\" *ngIf=\"showArrow\" [ngStyle]=\"{transform: isExpand ? 'rotate(180deg)' : 'none'}\"\r\n [innerHTML]=\"smallChevronSvg | safeHtml\" (click)=\"_onExpand()\">\r\n </span>\r\n </div>\r\n</div>", styles: [":host{border-radius:0 0 var(--border-radius) var(--border-radius)}.node-container{box-shadow:0 0 var(--box-shadow-blur) #00000029!important;display:flex;flex-direction:column;width:170px;gap:4px;padding:4px;border-radius:var(--border-radius);background-color:#fff}.node-container p{margin:0;font-weight:700;font-size:14px}.node-container .row{justify-content:center;align-items:center;position:relative}.node-container .row .chevron{position:absolute;bottom:-20px;background-color:#fff;border-radius:50%;box-shadow:0 0 var(--box-shadow-blur) #00000029!important;width:20px;cursor:pointer;height:20px;z-index:99;padding:1px;stroke:var(--icons-color)}.node-container .totals{font-size:12px;direction:ltr;margin-bottom:8px}.node-container .totals .invalid-assignments{color:var(--error-color);margin-left:8px}.competency-cluster-container{width:100%;display:flex;justify-content:center;align-items:center;padding-bottom:8px}.regular{width:170px}.small{width:140px!important}.close .row .chevron,.open .row .chevron{display:block}.d-flex{justify-content:space-between}.none .row .chevron{display:none}.high{border-top:4px solid var(--icons-color)}.medium{border-top:4px solid orange}.low{border-top:4px solid var(--error-color)}.green{color:var(--icons-color)!important}.decorative-line,.menu-icon-container{display:none}.mat-menu-item{font-family:heebo;font-size:14px;font-weight:400;color:var(--icons-color)}.mat-menu-item:not(:last-child){border-bottom:1px solid var(--divider-color)}::ng-deep .mat-menu-panel{border-radius:var(--border-radius)!important}::ng-deep .mat-menu-content{padding-top:0!important;padding-bottom:0!important}::ng-deep .mat-menu-content button{display:flex;align-items:center;gap:8px;height:36px}.hadracha:hover .menu-icon-container{display:block;height:10px;position:absolute;top:4px;left:12px;z-index:1}.hadracha:hover .menu-icon-container img{height:14px}.hadracha{border-top:none!important;border-radius:0 0 var(--border-radius) var(--border-radius);position:relative}.hadracha .decorative-line{display:block;width:100%;height:4px;background-color:var(--icons-color);border-radius:10px;position:absolute;top:-6px;left:0;z-index:1}.hadracha .totals{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}.hadracha .totals .total-value{padding:4px;width:33px;height:33px;background-color:var(--icons-color-light-2);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.hadracha .totals p.total-text{font-size:12px;font-weight:400;text-align:center;margin:0}.hadracha .node-container:hover .totals .total-value{background-color:var(--divider-color)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2$3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i4.HerumToolTipDirective, selector: "[appHerumToolTip]", inputs: ["tooltipText"] }, { kind: "component", type: i2$2.HerumProgressBarComponent, selector: "herum-progress-bar", inputs: ["percentage", "invalidPercentage", "showPercentage", "percentagePosition", "type", "size", "color", "borderRadius", "total", "showBorder", "thickness"] }, { kind: "pipe", type: i4$1.SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i4$1.EllipsisPipe, name: "ellipsis" }] });
|
|
2342
2342
|
}
|
|
2343
2343
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumHierarchyTreeNodeComponent, decorators: [{
|
|
2344
2344
|
type: Component,
|
|
@@ -2595,7 +2595,7 @@ class HerumDateTimeInputComponent {
|
|
|
2595
2595
|
return isValidDate && isValidTime;
|
|
2596
2596
|
}
|
|
2597
2597
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumDateTimeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2598
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumDateTimeInputComponent, isStandalone: false, selector: "herum-date-time-input", inputs: { placeholder: "placeholder", inputValue: "inputValue", minDate: "minDate", showSeconds: "showSeconds", rangeMode: "rangeMode" }, outputs: { dateChange: "dateChange", timeChange: "timeChange", disableChange: "disableChange" }, usesOnChanges: true, ngImport: i0, template: "<herum-input-field [placeholder]=\"placeholder\" [errorMsg]=\"errorMessage\" [isValid]=\"isValid\" [isBlurred]=\"true\"\r\n [inputValue]=\"inputValue\" [debounceTime]=\"debounceTime\" [ltrMode]=\"ltrMode\"\r\n (inputValueEmitter)=\"_valueChange($event)\">\r\n</herum-input-field>", dependencies: [{ kind: "component", type: i2$
|
|
2598
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumDateTimeInputComponent, isStandalone: false, selector: "herum-date-time-input", inputs: { placeholder: "placeholder", inputValue: "inputValue", minDate: "minDate", showSeconds: "showSeconds", rangeMode: "rangeMode" }, outputs: { dateChange: "dateChange", timeChange: "timeChange", disableChange: "disableChange" }, usesOnChanges: true, ngImport: i0, template: "<herum-input-field [placeholder]=\"placeholder\" [errorMsg]=\"errorMessage\" [isValid]=\"isValid\" [isBlurred]=\"true\"\r\n [inputValue]=\"inputValue\" [debounceTime]=\"debounceTime\" [ltrMode]=\"ltrMode\"\r\n (inputValueEmitter)=\"_valueChange($event)\">\r\n</herum-input-field>", dependencies: [{ kind: "component", type: i2$2.HerumInputFieldComponent, selector: "herum-input-field", inputs: ["type", "placeholder", "disabled", "isBlocked", "isValid", "errorMsg", "showErrorMsgGap", "inputValue", "isLoading", "id", "debounceTime", "minValue", "maxValue", "isBlurred", "touched", "ltrMode", "preventMacroKeysPressEvent"], outputs: ["inputValueEmitter"] }] });
|
|
2599
2599
|
}
|
|
2600
2600
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumDateTimeInputComponent, decorators: [{
|
|
2601
2601
|
type: Component,
|
|
@@ -2657,7 +2657,7 @@ class HerumDateTimePickerComponent {
|
|
|
2657
2657
|
this.dateChange.emit(date);
|
|
2658
2658
|
}
|
|
2659
2659
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumDateTimePickerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2660
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumDateTimePickerComponent, isStandalone: false, selector: "herum-date-time-picker", inputs: { showDatePicker: "showDatePicker", showTimePicker: "showTimePicker", showTimeSelect: "showTimeSelect", selectedTime: "selectedTime", selectedDate: "selectedDate", rangeMode: "rangeMode", minDate: "minDate", timePickerHoverColor: "timePickerHoverColor", timePickerActiveColor: "timePickerActiveColor", widthDatePicker: "widthDatePicker", heightTimePicker: "heightTimePicker", datePickerHoverColor: "datePickerHoverColor", datePickerActiveColor: "datePickerActiveColor", showSeconds: "showSeconds", timePickerItemSize: "timePickerItemSize" }, outputs: { timeChange: "timeChange", dateChange: "dateChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"date-time-picker\" [ngClass]=\"{'flex-column':showTimeSelect && rangeMode}\">\r\n <herum-date-picker *ngIf=\"showDatePicker\" [rangeMode]=\"rangeMode\" [minDate]=\"minDate\"\r\n [hoverColor]=\"datePickerHoverColor\" [activeColor]=\"datePickerActiveColor\" [selectedDate]=\"selectedDate\"\r\n (dateChange)=\"_dateChange($event)\"></herum-date-picker>\r\n\r\n <herum-time-picker *ngIf=\"showTimePicker\" [ngClass]=\"{'me-5':showDatePicker}\" [selectedTime]=\"selectedTime\"\r\n [showSeconds]=\"showSeconds\" [itemSize]=\"timePickerItemSize\" [hoverColor]=\"timePickerHoverColor\"\r\n [activeColor]=\"timePickerActiveColor\" (timeChange)=\"_timeChange($event)\"></herum-time-picker>\r\n</div>", styles: [":host{--width-date-picker: 320px;--height-time-picker: 325px}.date-time-picker{display:flex;justify-content:center}herum-date-picker{width:var(--width-date-picker)}herum-time-picker{height:var(--height-time-picker)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$
|
|
2660
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumDateTimePickerComponent, isStandalone: false, selector: "herum-date-time-picker", inputs: { showDatePicker: "showDatePicker", showTimePicker: "showTimePicker", showTimeSelect: "showTimeSelect", selectedTime: "selectedTime", selectedDate: "selectedDate", rangeMode: "rangeMode", minDate: "minDate", timePickerHoverColor: "timePickerHoverColor", timePickerActiveColor: "timePickerActiveColor", widthDatePicker: "widthDatePicker", heightTimePicker: "heightTimePicker", datePickerHoverColor: "datePickerHoverColor", datePickerActiveColor: "datePickerActiveColor", showSeconds: "showSeconds", timePickerItemSize: "timePickerItemSize" }, outputs: { timeChange: "timeChange", dateChange: "dateChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"date-time-picker\" [ngClass]=\"{'flex-column':showTimeSelect && rangeMode}\">\r\n <herum-date-picker *ngIf=\"showDatePicker\" [rangeMode]=\"rangeMode\" [minDate]=\"minDate\"\r\n [hoverColor]=\"datePickerHoverColor\" [activeColor]=\"datePickerActiveColor\" [selectedDate]=\"selectedDate\"\r\n (dateChange)=\"_dateChange($event)\"></herum-date-picker>\r\n\r\n <herum-time-picker *ngIf=\"showTimePicker\" [ngClass]=\"{'me-5':showDatePicker}\" [selectedTime]=\"selectedTime\"\r\n [showSeconds]=\"showSeconds\" [itemSize]=\"timePickerItemSize\" [hoverColor]=\"timePickerHoverColor\"\r\n [activeColor]=\"timePickerActiveColor\" (timeChange)=\"_timeChange($event)\"></herum-time-picker>\r\n</div>", styles: [":host{--width-date-picker: 320px;--height-time-picker: 325px}.date-time-picker{display:flex;justify-content:center}herum-date-picker{width:var(--width-date-picker)}herum-time-picker{height:var(--height-time-picker)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.HerumDatePickerComponent, selector: "herum-date-picker", inputs: ["activeColor", "hoverColor", "minDate", "rangeMode", "selectedDate"], outputs: ["dateChange"] }, { kind: "component", type: i2$2.HerumTimePickerComponent, selector: "herum-time-picker", inputs: ["activeColor", "hoverColor", "itemSize", "selectedTime", "showSeconds"], outputs: ["timeChange"] }] });
|
|
2661
2661
|
}
|
|
2662
2662
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumDateTimePickerComponent, decorators: [{
|
|
2663
2663
|
type: Component,
|
|
@@ -2747,7 +2747,7 @@ class HerumTimeSelectComponent {
|
|
|
2747
2747
|
}));
|
|
2748
2748
|
}
|
|
2749
2749
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumTimeSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2750
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumTimeSelectComponent, isStandalone: false, selector: "herum-time-select", inputs: { showSeconds: "showSeconds", minutesPlaceholder: "minutesPlaceholder", secondsPlaceholder: "secondsPlaceholder", hoursPlaceholder: "hoursPlaceholder", selectedTime: "selectedTime", label: "label" }, outputs: { timeChange: "timeChange" }, usesOnChanges: true, ngImport: i0, template: "<div>\r\n <label class=\"input-title\">{{label}}</label>\r\n\r\n <div class=\"time-container\">\r\n <ng-container *ngIf=\"showSeconds\">\r\n <herum-select [options]=\"seconds\" [selectedOption]=\"selectedSecond\" size='min'\r\n [placeholder]=\"secondsPlaceholder\" [label]=\"start\"\r\n (selectedOptionEmitter)=\"_selectedSecondOptionChange($event)\"></herum-select>\r\n\r\n <span class=\"seperator\">:</span>\r\n </ng-container>\r\n\r\n <herum-select [options]=\"minutes\" size='min' [selectedOption]=\"selectedMinute\"\r\n [placeholder]=\"minutesPlaceholder\"\r\n (selectedOptionEmitter)=\"_selectedMinuteOptionChange($event)\"></herum-select>\r\n\r\n <span class=\"seperator\">:</span>\r\n\r\n <herum-select [options]=\"hours\" size='min' [selectedOption]=\"selectedHour\" [placeholder]=\"hoursPlaceholder\"\r\n (selectedOptionEmitter)=\"_selectedHourOptionChange($event)\"></herum-select>\r\n </div>\r\n</div>", styles: [".time-container{display:flex;align-items:center;justify-content:center;gap:8px}label{font-size:var(--standard-font-size)}.seperator{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$
|
|
2750
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumTimeSelectComponent, isStandalone: false, selector: "herum-time-select", inputs: { showSeconds: "showSeconds", minutesPlaceholder: "minutesPlaceholder", secondsPlaceholder: "secondsPlaceholder", hoursPlaceholder: "hoursPlaceholder", selectedTime: "selectedTime", label: "label" }, outputs: { timeChange: "timeChange" }, usesOnChanges: true, ngImport: i0, template: "<div>\r\n <label class=\"input-title\">{{label}}</label>\r\n\r\n <div class=\"time-container\">\r\n <ng-container *ngIf=\"showSeconds\">\r\n <herum-select [options]=\"seconds\" [selectedOption]=\"selectedSecond\" size='min'\r\n [placeholder]=\"secondsPlaceholder\" [label]=\"start\"\r\n (selectedOptionEmitter)=\"_selectedSecondOptionChange($event)\"></herum-select>\r\n\r\n <span class=\"seperator\">:</span>\r\n </ng-container>\r\n\r\n <herum-select [options]=\"minutes\" size='min' [selectedOption]=\"selectedMinute\"\r\n [placeholder]=\"minutesPlaceholder\"\r\n (selectedOptionEmitter)=\"_selectedMinuteOptionChange($event)\"></herum-select>\r\n\r\n <span class=\"seperator\">:</span>\r\n\r\n <herum-select [options]=\"hours\" size='min' [selectedOption]=\"selectedHour\" [placeholder]=\"hoursPlaceholder\"\r\n (selectedOptionEmitter)=\"_selectedHourOptionChange($event)\"></herum-select>\r\n </div>\r\n</div>", styles: [".time-container{display:flex;align-items:center;justify-content:center;gap:8px}label{font-size:var(--standard-font-size)}.seperator{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.HerumSelectComponent, selector: "herum-select", inputs: ["options", "displayBy", "placeholder", "selectedOption", "disabled", "isDropDownInPositionFixed", "iconPath", "isAutoComplete", "title", "size", "displayLoadingMode", "isLoadingInput", "dropDownDirection", "filterPlaceholder", "debounceTime"], outputs: ["selectedOptionEmitter", "filterTextEmitter"] }] });
|
|
2751
2751
|
}
|
|
2752
2752
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumTimeSelectComponent, decorators: [{
|
|
2753
2753
|
type: Component,
|
|
@@ -3360,7 +3360,7 @@ class UserActionDirective {
|
|
|
3360
3360
|
};
|
|
3361
3361
|
this.http.post(this.environmentConfig?.environment?.userAction, obj).subscribe();
|
|
3362
3362
|
}
|
|
3363
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UserActionDirective, deps: [{ token: i0.ElementRef }, { token: i1$
|
|
3363
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UserActionDirective, deps: [{ token: i0.ElementRef }, { token: i1$4.HttpClient }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3364
3364
|
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: UserActionDirective, isStandalone: false, selector: "[userAction]", inputs: { description: ["userAction", "description"] }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
|
|
3365
3365
|
}
|
|
3366
3366
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UserActionDirective, decorators: [{
|
|
@@ -3369,7 +3369,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
3369
3369
|
standalone: false,
|
|
3370
3370
|
selector: '[userAction]'
|
|
3371
3371
|
}]
|
|
3372
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$
|
|
3372
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$4.HttpClient }, { type: undefined, decorators: [{
|
|
3373
3373
|
type: Inject,
|
|
3374
3374
|
args: [HERUM_SHARED_CONFIG_TOKEN]
|
|
3375
3375
|
}] }], propDecorators: { description: [{
|
|
@@ -3424,7 +3424,7 @@ class AudioSliderComponent {
|
|
|
3424
3424
|
this.sliderChange.emit(this.sliderValue);
|
|
3425
3425
|
}
|
|
3426
3426
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AudioSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3427
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: AudioSliderComponent, isStandalone: false, selector: "audio-slider", inputs: { sliderValue: "sliderValue", maxValue: "maxValue", color: "color", id: "id" }, outputs: { sliderChange: "sliderChange" }, viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"wrapper\">\r\n <div class=\"range\">\r\n <input [style.background]=\"'linear-gradient(to right, #f50 100%, #ccc 0%);'\" type=\"range\" [id]=\"id\" [min]=\"0\" [max]=\"maxValue\" [value]=\"100\" [(ngModel)]=\"sliderValue\"\r\n (input)=\"updateSliderBackground()\" />\r\n </div>\r\n</div>", styles: [".wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;direction:ltr}.wrapper .range{position:relative}.wrapper input[type=range]{-webkit-appearance:none;width:100%;direction:ltr;height:4px;border-radius:5px;outline:none;transition:background .3s ease}.wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;width:14px!important;height:14px!important;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))!important;border-radius:50%!important;cursor:pointer!important}.wrapper input[type=range]::-moz-range-thumb{background:#fff;width:14px!important;height:14px!important;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))!important;border-radius:50%!important;cursor:pointer!important}.wrapper .value{margin-top:10px;font-size:16px;color:#333;text-align:center}\n"], dependencies: [{ kind: "directive", type: i1$
|
|
3427
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: AudioSliderComponent, isStandalone: false, selector: "audio-slider", inputs: { sliderValue: "sliderValue", maxValue: "maxValue", color: "color", id: "id" }, outputs: { sliderChange: "sliderChange" }, viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"wrapper\">\r\n <div class=\"range\">\r\n <input [style.background]=\"'linear-gradient(to right, #f50 100%, #ccc 0%);'\" type=\"range\" [id]=\"id\" [min]=\"0\" [max]=\"maxValue\" [value]=\"100\" [(ngModel)]=\"sliderValue\"\r\n (input)=\"updateSliderBackground()\" />\r\n </div>\r\n</div>", styles: [".wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;direction:ltr}.wrapper .range{position:relative}.wrapper input[type=range]{-webkit-appearance:none;width:100%;direction:ltr;height:4px;border-radius:5px;outline:none;transition:background .3s ease}.wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;width:14px!important;height:14px!important;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))!important;border-radius:50%!important;cursor:pointer!important}.wrapper input[type=range]::-moz-range-thumb{background:#fff;width:14px!important;height:14px!important;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))!important;border-radius:50%!important;cursor:pointer!important}.wrapper .value{margin-top:10px;font-size:16px;color:#333;text-align:center}\n"], dependencies: [{ kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
3428
3428
|
}
|
|
3429
3429
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AudioSliderComponent, decorators: [{
|
|
3430
3430
|
type: Component,
|
|
@@ -3843,13 +3843,13 @@ class AudioPlayerComponent {
|
|
|
3843
3843
|
this.pauseAudio();
|
|
3844
3844
|
this.removeAudioElementEventListeners();
|
|
3845
3845
|
}
|
|
3846
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AudioPlayerComponent, deps: [{ token: AudioVisualizationService }, { token:
|
|
3846
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AudioPlayerComponent, deps: [{ token: AudioVisualizationService }, { token: i1$2.GlobalKeyboardListenerService }, { token: i1$2.KeyPressService }, { token: i1$2.UtilsService }, { token: SYSTEM_AUDIO_VISUAL_CONFIGURATION$1 }], target: i0.ɵɵFactoryTarget.Component });
|
|
3847
3847
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: AudioPlayerComponent, isStandalone: false, selector: "herum-audio-player", inputs: { showVolumeSliders: "showVolumeSliders", isPreview: "isPreview", getTimeUpdate: "getTimeUpdate", playbackSpeed: "playbackSpeed", isBlock: "isBlock", currentTime: "currentTime", isAudioPlaying: "isAudioPlaying", width: "width", id: "id", audioFile: "audioFile", mediaSettings: "mediaSettings", bucketName: "bucketName", theme: "theme" }, outputs: { periodicCurrentTime: "periodicCurrentTime", isLoadingChange: "isLoadingChange", timingUpdateByRequest: "timingUpdateByRequest", mediaSettingsUpdate: "mediaSettingsUpdate" }, host: { listeners: { "window:resize": "onWindowResize()", "document:keyup": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "audioCanvas", first: true, predicate: ["audioCanvas"], descendants: true }, { propertyName: "slider", first: true, predicate: ["slider"], descendants: true, static: true }, { propertyName: "audioContainer", first: true, predicate: ["audioContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"audio-container\" #audioContainer>\r\n <p class=\"current-time\" *ngIf=\"!errorMessage\">{{ currentTimeLabel }}</p>\r\n\r\n <p *ngIf=\"errorMessage\" class=\"m-0 d-flex gap-2 align-items-center\">\r\n <img src=\"/assets/college/learningArea/error.svg\">\r\n {{ errorMessage }}\r\n </p>\r\n\r\n <div class=\"audio-loader-container\" [userAction]=\"'currentTime: ' + currentTime\">\r\n <canvas [class.transparent]=\"isLoading\" #audioCanvas (click)=\"_onCanvasClick($event)\"> </canvas>\r\n </div>\r\n\r\n <div class=\"audio-controls\">\r\n <div *ngIf=\"showVolumeSliders\" class=\"volume-container\">\r\n <div class=\"right slider-container\">\r\n <label>R</label>\r\n <audio-slider color=\"var(--audio-player-right-slider)\" [id]=\"'right'\" userAction [sliderValue]=\"rightVolume*100\"\r\n (sliderChange)=\"rightVolume=$event/100; _updateVolume()\">\r\n </audio-slider>\r\n </div>\r\n\r\n <div class=\"left slider-container\">\r\n <label>L</label>\r\n <audio-slider color=\"var(--audio-player-left-slider)\" [id]=\"'left'\" userAction [sliderValue]=\"leftVolume*100\"\r\n (sliderChange)=\"leftVolume=$event/100; _updateVolume()\">\r\n </audio-slider>\r\n </div>\r\n </div>\r\n\r\n <button class=\"control-button\" [userAction]=\"'currentTime: ' + currentTime\" (click)=\"_skipForward(15)\" userAction>\r\n <img src=\"assets/shared/audio-images/next15.svg\" alt=\"Fast Forward\" />\r\n </button>\r\n\r\n <button class=\"control-button play-button\" [userAction]=\"isAudioPlaying ? 'play' : 'pause'\"\r\n (click)=\"_onTogglePlay()\">\r\n <ng-container *ngIf=\"!isLoading\">\r\n <img *ngIf=\"!isBlock\"\r\n [src]=\"isAudioPlaying ? pauseIcon : playIcon\"\r\n alt=\"Play/Pause\" />\r\n <img *ngIf=\"isBlock\"\r\n [src]=\"isAudioPlaying ? 'assets/shared/audio-images/gray-pause.svg' : 'assets/shared/audio-images/gray-play.svg'\"\r\n alt=\"Play/Pause\" />\r\n </ng-container>\r\n <herum-spinner *ngIf=\"isLoading\"></herum-spinner>\r\n </button>\r\n\r\n <button class=\"control-button\" (click)=\"_skipBackward(15)\" [userAction]=\"'currentTime: ' + currentTime\">\r\n <img src=\"assets/shared/audio-images/previous15.svg\" alt=\"Rewind\" />\r\n </button>\r\n\r\n <div class=\"speed-control\">\r\n <herum-video-select class=\"video-speed-select\" userAction [options]=\"speedOptions\"\r\n [currentVideoSpeed]=\"playbackSpeed\" (selectedOptionEmitter)=\"_updatePlaybackSpeed($event)\">\r\n </herum-video-select>\r\n </div>\r\n </div>\r\n</div>", styles: [":root{--background-color: #f2f2f2;background-color:var(--background-color)}*{box-sizing:border-box}.audio-container{text-align:center;flex:1}.time-control{margin:20px}canvas{width:100%;height:116px;border-radius:8px;margin-top:4px;opacity:1}.transparent{opacity:0!important}.audio-loader-container{position:relative;display:flex;align-items:center;justify-content:center}.audio-loader-container .d-flex{position:absolute;z-index:2}.audio-controls{padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--background-color);height:calc(100% - 160px)}.control-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f9f9f9;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease;fill:#fff;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))}.control-button img{width:20px;height:20px}.control-button:hover{background:#f0f0f0}.play-button{width:50px;height:50px;border:none;border-radius:50%}.play-button img{width:25px;height:25px}.speed-control{display:flex;align-items:center;justify-content:center;background:#f9f9f9;border:none;border-radius:5px;padding:5px 10px;fill:#fff;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))}.current-time{font-weight:400;font-size:14px;text-align:left;margin:0}.speed-control select{border:none;background:transparent;font-size:14px;outline:none;cursor:pointer}.volume-sliders{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}.volume-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.slider-container{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:10px}.slider-container label{margin:0;background:#d18a8a;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#fff}.left label{background-color:var(--audio-player-left-slider)}.right label{background-color:var(--audio-player-right-slider)}audio-slider{width:90px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: UserActionDirective, selector: "[userAction]", inputs: ["userAction"] }, { kind: "component", type: HerumSpinnerComponent, selector: "herum-spinner", inputs: ["size", "borderColor", "borderWidth", "borderTopColor", "shape"] }, { kind: "component", type: HerumVideoSelectComponent, selector: "herum-video-select", inputs: ["currentVideoSpeed", "options"], outputs: ["selectedOptionEmitter"] }, { kind: "component", type: AudioSliderComponent, selector: "audio-slider", inputs: ["sliderValue", "maxValue", "color", "id"], outputs: ["sliderChange"] }] });
|
|
3848
3848
|
}
|
|
3849
3849
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AudioPlayerComponent, decorators: [{
|
|
3850
3850
|
type: Component,
|
|
3851
3851
|
args: [{ standalone: false, selector: 'herum-audio-player', template: "<div class=\"audio-container\" #audioContainer>\r\n <p class=\"current-time\" *ngIf=\"!errorMessage\">{{ currentTimeLabel }}</p>\r\n\r\n <p *ngIf=\"errorMessage\" class=\"m-0 d-flex gap-2 align-items-center\">\r\n <img src=\"/assets/college/learningArea/error.svg\">\r\n {{ errorMessage }}\r\n </p>\r\n\r\n <div class=\"audio-loader-container\" [userAction]=\"'currentTime: ' + currentTime\">\r\n <canvas [class.transparent]=\"isLoading\" #audioCanvas (click)=\"_onCanvasClick($event)\"> </canvas>\r\n </div>\r\n\r\n <div class=\"audio-controls\">\r\n <div *ngIf=\"showVolumeSliders\" class=\"volume-container\">\r\n <div class=\"right slider-container\">\r\n <label>R</label>\r\n <audio-slider color=\"var(--audio-player-right-slider)\" [id]=\"'right'\" userAction [sliderValue]=\"rightVolume*100\"\r\n (sliderChange)=\"rightVolume=$event/100; _updateVolume()\">\r\n </audio-slider>\r\n </div>\r\n\r\n <div class=\"left slider-container\">\r\n <label>L</label>\r\n <audio-slider color=\"var(--audio-player-left-slider)\" [id]=\"'left'\" userAction [sliderValue]=\"leftVolume*100\"\r\n (sliderChange)=\"leftVolume=$event/100; _updateVolume()\">\r\n </audio-slider>\r\n </div>\r\n </div>\r\n\r\n <button class=\"control-button\" [userAction]=\"'currentTime: ' + currentTime\" (click)=\"_skipForward(15)\" userAction>\r\n <img src=\"assets/shared/audio-images/next15.svg\" alt=\"Fast Forward\" />\r\n </button>\r\n\r\n <button class=\"control-button play-button\" [userAction]=\"isAudioPlaying ? 'play' : 'pause'\"\r\n (click)=\"_onTogglePlay()\">\r\n <ng-container *ngIf=\"!isLoading\">\r\n <img *ngIf=\"!isBlock\"\r\n [src]=\"isAudioPlaying ? pauseIcon : playIcon\"\r\n alt=\"Play/Pause\" />\r\n <img *ngIf=\"isBlock\"\r\n [src]=\"isAudioPlaying ? 'assets/shared/audio-images/gray-pause.svg' : 'assets/shared/audio-images/gray-play.svg'\"\r\n alt=\"Play/Pause\" />\r\n </ng-container>\r\n <herum-spinner *ngIf=\"isLoading\"></herum-spinner>\r\n </button>\r\n\r\n <button class=\"control-button\" (click)=\"_skipBackward(15)\" [userAction]=\"'currentTime: ' + currentTime\">\r\n <img src=\"assets/shared/audio-images/previous15.svg\" alt=\"Rewind\" />\r\n </button>\r\n\r\n <div class=\"speed-control\">\r\n <herum-video-select class=\"video-speed-select\" userAction [options]=\"speedOptions\"\r\n [currentVideoSpeed]=\"playbackSpeed\" (selectedOptionEmitter)=\"_updatePlaybackSpeed($event)\">\r\n </herum-video-select>\r\n </div>\r\n </div>\r\n</div>", styles: [":root{--background-color: #f2f2f2;background-color:var(--background-color)}*{box-sizing:border-box}.audio-container{text-align:center;flex:1}.time-control{margin:20px}canvas{width:100%;height:116px;border-radius:8px;margin-top:4px;opacity:1}.transparent{opacity:0!important}.audio-loader-container{position:relative;display:flex;align-items:center;justify-content:center}.audio-loader-container .d-flex{position:absolute;z-index:2}.audio-controls{padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--background-color);height:calc(100% - 160px)}.control-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f9f9f9;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease;fill:#fff;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))}.control-button img{width:20px;height:20px}.control-button:hover{background:#f0f0f0}.play-button{width:50px;height:50px;border:none;border-radius:50%}.play-button img{width:25px;height:25px}.speed-control{display:flex;align-items:center;justify-content:center;background:#f9f9f9;border:none;border-radius:5px;padding:5px 10px;fill:#fff;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.16))}.current-time{font-weight:400;font-size:14px;text-align:left;margin:0}.speed-control select{border:none;background:transparent;font-size:14px;outline:none;cursor:pointer}.volume-sliders{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}.volume-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.slider-container{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:10px}.slider-container label{margin:0;background:#d18a8a;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#fff}.left label{background-color:var(--audio-player-left-slider)}.right label{background-color:var(--audio-player-right-slider)}audio-slider{width:90px}\n"] }]
|
|
3852
|
-
}], ctorParameters: () => [{ type: AudioVisualizationService }, { type:
|
|
3852
|
+
}], ctorParameters: () => [{ type: AudioVisualizationService }, { type: i1$2.GlobalKeyboardListenerService }, { type: i1$2.KeyPressService }, { type: i1$2.UtilsService }, { type: undefined, decorators: [{
|
|
3853
3853
|
type: Inject,
|
|
3854
3854
|
args: [SYSTEM_AUDIO_VISUAL_CONFIGURATION$1]
|
|
3855
3855
|
}] }], propDecorators: { showVolumeSliders: [{
|
|
@@ -3903,58 +3903,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
3903
3903
|
args: ['document:keyup', ['$event']]
|
|
3904
3904
|
}] } });
|
|
3905
3905
|
|
|
3906
|
-
const svgsStrings = {
|
|
3907
|
-
edit: '<svg xmlns="http://www.w3.org/2000/svg" width="17.002" height="16.25" viewBox="0 0 17.002 17.258"><path id="Path_784" data-name="Path 784" d="M105.89,340.545l.742-.742a3.146,3.146,0,0,1,4.45,4.45l-.742.742m-4.45-4.45a5.246,5.246,0,0,0,4.45,4.45m-4.45-4.45-6.818,6.818a10.889,10.889,0,0,0-.887.947,5.217,5.217,0,0,0-.6.969,10.97,10.97,0,0,0-.448,1.221l-.875,2.626m14.082-8.131-6.818,6.818a10.89,10.89,0,0,1-.947.887,5.217,5.217,0,0,1-.969.6,10.976,10.976,0,0,1-1.221.448l-2.626.875m0,0-.642.215a.85.85,0,0,1-1.074-1.074l.215-.642m1.5,1.5-1.5-1.5" transform="translate(-95.502 -338.16)" fill="none" stroke-width="1"/></svg>',
|
|
3908
|
-
garbage: '<svg xmlns="http://www.w3.org/2000/svg" width="15.222" height="16.25" viewBox="0 0 15.222 17"><g id="trash" transform="translate(35.5 83.5)"><path id="Path_1367" data-name="Path 1367" d="M4,7H18.222" transform="translate(-39 -86.444)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1368" data-name="Path 1368" d="M10,11v5.35" transform="translate(-39.667 -86.9)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1369" data-name="Path 1369" d="M14,11v5.35" transform="translate(-40.111 -86.9)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1370" data-name="Path 1370" d="M5,7l.889,10.7a1.78,1.78,0,0,0,1.777,1.783h7.108A1.78,1.78,0,0,0,16.551,17.7L17.439,7" transform="translate(-39.108 -86.482)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1371" data-name="Path 1371" d="M9,6.566V3.892A.892.892,0,0,1,9.892,3h3.566a.892.892,0,0,1,.892.892V6.566" transform="translate(-39.564 -86)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
3909
|
-
greyUploadFile: '<svg xmlns="http://www.w3.org/2000/svg" width="16.059" height="17" viewBox="0 0 16.059 17"><g id="upload" transform="translate(-3.5 -3.5)"><path id="Path_1362" data-name="Path 1362" d="M4,17v2a1.944,1.944,0,0,0,1.882,2H17.176a1.944,1.944,0,0,0,1.882-2V17" transform="translate(0 -1)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1363" data-name="Path 1363" d="M7,9l4.529-5,4.529,5" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1364" data-name="Path 1364" d="M12,4V16" transform="translate(-0.471)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
3910
|
-
uploadFile: '<svg xmlns="http://www.w3.org/2000/svg" width="16.059" height="17" viewBox="0 0 16.059 17" stroke="#7897a8"><g id="upload" transform="translate(-3.5 -3.5)"><path id="Path_1362" data-name="Path 1362" d="M4,17v2a1.944,1.944,0,0,0,1.882,2H17.176a1.944,1.944,0,0,0,1.882-2V17" transform="translate(0 -1)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1363" data-name="Path 1363" d="M7,9l4.529-5,4.529,5" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1364" data-name="Path 1364" d="M12,4V16" transform="translate(-0.471)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
3911
|
-
downloadFile: '<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke-width="1.1" d="M20 8.09094L20 11.6364C20 12.2633 19.7498 12.8645 19.3044 13.3077C18.859 13.751 18.2549 14 17.625 14L3.375 14C2.74511 14 2.14102 13.751 1.69562 13.3077C1.25022 12.8645 1 12.2633 1 11.6364L1 8.09094" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 0.999978L10.5 9.2727M10.5 9.2727L6.9375 5.72725M10.5 9.2727L14.0625 5.72725" stroke-linecap="round" stroke-width="1.1" stroke-linejoin="round"/></svg>',
|
|
3912
|
-
'.mp4': '<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17"><g id="video" transform="translate(-3.5 -3.5)"><path id="Path_1352" data-name="Path 1352" d="M4,4,4,6A2,2,0,0,1,6,4H18a2,2,0,0,1,2,2V18a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2Z" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1353" data-name="Path 1353" d="M8,4V20" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1354" data-name="Path 1354" d="M16,4V20" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1355" data-name="Path 1355" d="M4,8H8" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1356" data-name="Path 1356" d="M4,16H8" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1357" data-name="Path 1357" d="M4,12H20" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1358" data-name="Path 1358" d="M16,8h4" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1359" data-name="Path 1359" d="M16,16h4" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
3913
|
-
'.pdf': '<svg xmlns="http://www.w3.org/2000/svg" width="13.403" height="16.5" viewBox="0 0 13.403 16.5"><g id="Pdf" transform="translate(-13.75 -1.75)"><g id="Group_942" data-name="Group 942" transform="translate(14 2)"><g id="Group_939" data-name="Group 939" transform="translate(0 0)"><g id="Group_938" data-name="Group 938"><path id="Path_1342" data-name="Path 1342" d="M25.613,18H15.29A1.292,1.292,0,0,1,14,16.71V3.29A1.292,1.292,0,0,1,15.29,2h5.25a1.282,1.282,0,0,1,.912.378l5.073,5.073a1.282,1.282,0,0,1,.378.912V16.71A1.292,1.292,0,0,1,25.613,18ZM15.29,2.516a.775.775,0,0,0-.774.774V16.71a.775.775,0,0,0,.774.774H25.613a.775.775,0,0,0,.774-.774V8.363a.78.78,0,0,0-.227-.547L21.088,2.743a.769.769,0,0,0-.547-.227Z" transform="translate(-14 -2)" fill="#7897a8" stroke="#7897a8" stroke-width="0.5"/></g></g><g id="Group_941" data-name="Group 941" transform="translate(2.413 5.032)"><g id="Group_940" data-name="Group 940"><path id="Path_1343" data-name="Path 1343" d="M40.763,46.074a.407.407,0,0,0-.119-.2,1.649,1.649,0,0,0-1.065-.252,8.8,8.8,0,0,0-1.28.094,3.189,3.189,0,0,1-.594-.41,4.335,4.335,0,0,1-1.072-1.663c.015-.061.028-.114.041-.168a10.821,10.821,0,0,0,.188-1.948.566.566,0,0,0-.034-.139l-.022-.057A.462.462,0,0,0,36.388,41l-.126,0h0a.476.476,0,0,0-.485.3,5.643,5.643,0,0,0,.3,2.541l-.075.181c-.208.508-.468,1.019-.7,1.47l-.03.058c-.243.474-.462.876-.662,1.217l-.205.108c-.015.008-.368.195-.45.244a2.518,2.518,0,0,0-1.243,1.271.312.312,0,0,0,.119.346l.2.1a.611.611,0,0,0,.271.065c.5,0,1.079-.622,1.877-2.015a18.675,18.675,0,0,1,2.892-.686,4.989,4.989,0,0,0,2.107.668.975.975,0,0,0,.248-.027.43.43,0,0,0,.246-.168A.893.893,0,0,0,40.763,46.074Zm-7.577,2.453a3.466,3.466,0,0,1,.985-1.178c.034-.027.116-.1.191-.177A3.559,3.559,0,0,1,33.187,48.526Zm3.156-7.268c.16,0,.252.4.259.783a1.61,1.61,0,0,1-.191.843,4.09,4.09,0,0,1-.135-1.052S36.269,41.258,36.343,41.258ZM35.4,46.437q.168-.3.347-.635a11.887,11.887,0,0,0,.609-1.329,4.4,4.4,0,0,0,1.005,1.248l.157.126A12.765,12.765,0,0,0,35.4,46.437Zm5.088-.045a.743.743,0,0,1-.28.048,3.287,3.287,0,0,1-1.161-.351c.195-.014.374-.022.534-.022a2.051,2.051,0,0,1,.667.072C40.535,46.213,40.539,46.361,40.488,46.392Z" transform="translate(-32.697 -41)" fill="#7897a8" stroke="#7897a8" stroke-width="0.5"/></g></g></g></g></svg>',
|
|
3914
|
-
'.pptx': '<svg xmlns="http://www.w3.org/2000/svg" width="13.403" height="16.5" viewBox="0 0 13.403 16.5"><g id="ppt" transform="translate(-13.26 -1.75)"><g id="Group_942" data-name="Group 942" transform="translate(13.51 2)"><g id="Group_939" data-name="Group 939" transform="translate(0 0)"><g id="Group_938" data-name="Group 938"><path id="Path_1342" data-name="Path 1342" d="M25.613,18H15.29A1.292,1.292,0,0,1,14,16.71V3.29A1.292,1.292,0,0,1,15.29,2h5.25a1.282,1.282,0,0,1,.912.378l5.073,5.073a1.282,1.282,0,0,1,.378.912V16.71A1.292,1.292,0,0,1,25.613,18ZM15.29,2.516a.775.775,0,0,0-.774.774V16.71a.775.775,0,0,0,.774.774H25.613a.775.775,0,0,0,.774-.774V8.363a.78.78,0,0,0-.227-.547L21.088,2.743a.769.769,0,0,0-.547-.227Z" transform="translate(-14 -2)" fill="#7897a8" stroke="#7897a8" stroke-width="0.5"/></g></g></g><path id="Path_1360" data-name="Path 1360" d="M78,107.1h1.549a1.549,1.549,0,1,0,0-3.1H78v4.648" transform="translate(-58.99 -94.5)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
3915
|
-
// story: '<svg xmlns="http://www.w3.org/2000/svg" width="16.502" height="13.579" viewBox="0 0 16.502 13.579"><path id="Folder" d="M16.825,8.355a.727.727,0,0,0-.567-.269H14.806V7.36a2.18,2.18,0,0,0-2.18-2.18H8.063L7.83,4.453A2.18,2.18,0,0,0,5.767,3H3.18A2.18,2.18,0,0,0,1,5.18V13.9a2.18,2.18,0,0,0,2.18,2.18H13.643a2.18,2.18,0,0,0,2.122-1.708l1.221-5.4a.727.727,0,0,0-.16-.618Zm-12.65,5.7a.727.727,0,0,1-.727.567H3.18a.727.727,0,0,1-.727-.727V5.18a.727.727,0,0,1,.727-.727H5.767a.727.727,0,0,1,.727.494l.392,1.192a.727.727,0,0,0,.654.494h5.086a.727.727,0,0,1,.727.727v.727H6.086a.727.727,0,0,0-.727.567Zm10.172,0a.727.727,0,0,1-.727.567H5.512a1.032,1.032,0,0,0,.08-.254L6.668,9.539h8.719Z" transform="translate(-0.75 -2.75)" fill="#65899c" stroke="#fff" stroke-width="0.5"/></svg>',
|
|
3916
|
-
bigVideo: '<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_12_1734)"> <path d="M37.5 25.0001L48.8825 19.3101C49.2636 19.1196 49.6869 19.0298 50.1125 19.0489C50.538 19.0681 50.9516 19.1957 51.314 19.4196C51.6764 19.6435 51.9756 19.9562 52.1831 20.3282C52.3907 20.7002 52.4998 21.1191 52.5 21.5451V38.4551C52.4998 38.881 52.3907 39.2999 52.1831 39.6719C51.9756 40.0439 51.6764 40.3566 51.314 40.5805C50.9516 40.8044 50.538 40.932 50.1125 40.9512C49.6869 40.9704 49.2636 40.8805 48.8825 40.6901L37.5 35.0001V25.0001Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.5 20C7.5 18.6739 8.02678 17.4021 8.96447 16.4645C9.90215 15.5268 11.1739 15 12.5 15H32.5C33.8261 15 35.0979 15.5268 36.0355 16.4645C36.9732 17.4021 37.5 18.6739 37.5 20V40C37.5 41.3261 36.9732 42.5979 36.0355 43.5355C35.0979 44.4732 33.8261 45 32.5 45H12.5C11.1739 45 9.90215 44.4732 8.96447 43.5355C8.02678 42.5979 7.5 41.3261 7.5 40V20Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_12_1734"> <rect width="60" height="60" fill="white"/> </clipPath> </defs> </svg> ',
|
|
3917
|
-
bigPdf: '<svg width="60" height="60" id="Group_872" data-name="Group 872" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16.255 16.25"><defs><clipPath id="clip-path"><rect id="Rectangle_1674" data-name="Rectangle 1674" width="16.255" height="16.25" fill="none"/></clipPath></defs><g id="Group_871" data-name="Group 871" clip-path="url(#clip-path)"><path id="Path_1239" data-name="Path 1239" d="M3.072,8.649h.594v4.217H3.072Zm.523,2.91v-.564h.719a1.018,1.018,0,0,0,.736-.242.945.945,0,0,0,.249-.708.767.767,0,0,0-.249-.621,1.112,1.112,0,0,0-.736-.211H3.607V8.649h.707A1.792,1.792,0,0,1,5.515,9a1.305,1.305,0,0,1,.408,1.043,1.478,1.478,0,0,1-.408,1.129,1.688,1.688,0,0,1-1.2.385Z" fill="#65899c"/><path id="Path_1240" data-name="Path 1240" d="M3.072,8.649h.594v4.217H3.072Zm.523,2.91v-.564h.719a1.018,1.018,0,0,0,.736-.242.945.945,0,0,0,.249-.708.767.767,0,0,0-.249-.621,1.112,1.112,0,0,0-.736-.211H3.607V8.649h.707A1.792,1.792,0,0,1,5.515,9a1.305,1.305,0,0,1,.408,1.043,1.478,1.478,0,0,1-.408,1.129,1.688,1.688,0,0,1-1.2.385Z" fill="none" stroke="#65899c" stroke-width="0.25"/><path id="Path_1241" data-name="Path 1241" d="M6.577,8.648h.594v4.217H6.577Zm.552,4.217V12.3H7.6a1.24,1.24,0,0,0,.979-.371A1.645,1.645,0,0,0,8.9,10.816a1.872,1.872,0,0,0-.328-1.2,1.194,1.194,0,0,0-.979-.4H7.141L7.07,8.648H7.6q1.931,0,1.93,2.168,0,2.049-1.93,2.049Z" fill="#65899c"/><path id="Path_1242" data-name="Path 1242" d="M6.577,8.648h.594v4.217H6.577Zm.552,4.217V12.3H7.6a1.24,1.24,0,0,0,.979-.371A1.645,1.645,0,0,0,8.9,10.816a1.872,1.872,0,0,0-.328-1.2,1.194,1.194,0,0,0-.979-.4H7.141L7.07,8.648H7.6q1.931,0,1.93,2.168,0,2.049-1.93,2.049Z" fill="none" stroke="#65899c" stroke-width="0.25"/><path id="Path_1243" data-name="Path 1243" d="M10.259,8.649h.594v4.217h-.594Zm0,0H13.05v.564H10.259Zm0,2h2.257v.564H10.259Z" fill="#65899c"/><path id="Path_1244" data-name="Path 1244" d="M10.259,8.649h.594v4.217h-.594Zm0,0H13.05v.564H10.259Zm0,2h2.257v.564H10.259Z" fill="none" stroke="#65899c" stroke-width="0.25"/><path id="Path_1245" data-name="Path 1245" d="M16.041,7.005,12.788,7c-1.712-.033-2.655-.049-3.315-.71-.68-.679-.68-1.647-.68-3.576V.783h.774V2.717c0,1.715,0,2.576.453,3.03.439.439,1.272.454,2.782.482l.151,0h3.088Z" fill="#65899c"/><path id="Path_1246" data-name="Path 1246" d="M16.041,7.005,12.788,7c-1.712-.033-2.655-.049-3.315-.71-.68-.679-.68-1.647-.68-3.576V.783h.774V2.717c0,1.715,0,2.576.453,3.03.439.439,1.272.454,2.782.482l.151,0h3.088Z" fill="none" stroke="#65899c" stroke-width="0.25"/><path id="Path_1247" data-name="Path 1247" d="M12.336,16.125H3.915a3.8,3.8,0,0,1-3.79-3.79V3.915A3.8,3.8,0,0,1,3.915.125l6,.053a1.746,1.746,0,0,1,1.252.549l4.477,4.781a1.8,1.8,0,0,1,.489,1.235l-.005,5.592a3.8,3.8,0,0,1-3.79,3.79M3.912.9A3.019,3.019,0,0,0,.9,3.915v8.42a3.019,3.019,0,0,0,3.016,3.016h8.421a3.019,3.019,0,0,0,3.016-3.016l.005-5.592a1.029,1.029,0,0,0-.279-.706L10.6,1.256a.962.962,0,0,0-.694-.3Z" fill="#65899c"/><path id="Path_1248" data-name="Path 1248" d="M12.336,16.125H3.915a3.8,3.8,0,0,1-3.79-3.79V3.915A3.8,3.8,0,0,1,3.915.125l6,.053a1.746,1.746,0,0,1,1.252.549l4.477,4.781a1.8,1.8,0,0,1,.489,1.235l-.005,5.592A3.8,3.8,0,0,1,12.336,16.125ZM3.912.9A3.019,3.019,0,0,0,.9,3.915v8.42a3.019,3.019,0,0,0,3.016,3.016h8.421a3.019,3.019,0,0,0,3.016-3.016l.005-5.592a1.029,1.029,0,0,0-.279-.706L10.6,1.256a.962.962,0,0,0-.694-.3Z" fill="none" stroke="#65899c" stroke-width="0.25"/></g></svg>',
|
|
3918
|
-
bigAudio: '<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_12_1745)"> <path d="M10 37.5C10 36.1739 10.5268 34.9021 11.4645 33.9645C12.4021 33.0268 13.6739 32.5 15 32.5H17.5C18.8261 32.5 20.0979 33.0268 21.0355 33.9645C21.9732 34.9021 22.5 36.1739 22.5 37.5V45C22.5 46.3261 21.9732 47.5979 21.0355 48.5355C20.0979 49.4732 18.8261 50 17.5 50H15C13.6739 50 12.4021 49.4732 11.4645 48.5355C10.5268 47.5979 10 46.3261 10 45V37.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M37.5 37.5C37.5 36.1739 38.0268 34.9021 38.9645 33.9645C39.9021 33.0268 41.1739 32.5 42.5 32.5H45C46.3261 32.5 47.5979 33.0268 48.5355 33.9645C49.4732 34.9021 50 36.1739 50 37.5V45C50 46.3261 49.4732 47.5979 48.5355 48.5355C47.5979 49.4732 46.3261 50 45 50H42.5C41.1739 50 39.9021 49.4732 38.9645 48.5355C38.0268 47.5979 37.5 46.3261 37.5 45V37.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 37.5V30C10 24.6957 12.1071 19.6086 15.8579 15.8579C19.6086 12.1071 24.6957 10 30 10C35.3043 10 40.3914 12.1071 44.1421 15.8579C47.8929 19.6086 50 24.6957 50 30V37.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_12_1745"> <rect width="60" height="60" fill="white"/> </clipPath></defs></svg>',
|
|
3919
|
-
responsiveUploadFile: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.059 17" stroke="#7897a8"><g id="upload" transform="translate(-3.5 -3.5)"><path id="Path_1362" data-name="Path 1362" d="M4,17v2a1.944,1.944,0,0,0,1.882,2H17.176a1.944,1.944,0,0,0,1.882-2V17" transform="translate(0 -1)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1363" data-name="Path 1363" d="M7,9l4.529-5,4.529,5" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1364" data-name="Path 1364" d="M12,4V16" transform="translate(-0.471)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
3920
|
-
cancel: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 12 12"><path id="Union_8" data-name="Union 8" d="M9.742,11.613,6,7.871,2.258,11.613A1.323,1.323,0,0,1,.388,9.742L4.129,6,.388,2.258A1.322,1.322,0,0,1,2.258.388L6,4.129,9.742.388a1.323,1.323,0,0,1,1.871,1.87L7.871,6l3.742,3.742a1.323,1.323,0,0,1-1.871,1.871Z" transform="translate(0 0)" fill="none" stroke="#7897a8"/></svg>',
|
|
3921
|
-
X: '<svg class="my-svg" xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 12 12"><path id="Union_8" data-name="Union 8" d="M9.742,11.613,6,7.871,2.258,11.613A1.323,1.323,0,0,1,.388,9.742L4.129,6,.388,2.258A1.322,1.322,0,0,1,2.258.388L6,4.129,9.742.388a1.323,1.323,0,0,1,1.871,1.87L7.871,6l3.742,3.742a1.323,1.323,0,0,1-1.871,1.871Z" transform="translate(0 0)" stroke-width="0"/></svg>',
|
|
3922
|
-
chevron: '<svg xmlns="http://www.w3.org/2000/svg" width="14px" height:"14px" viewBox="0 0 11.299 6.649"><path id="Vector_43-2" data-name="Vector 43-2" d="M1006.235,549.5,1002,553.735l-4.236-4.235" transform="translate(-996.35 -548.086)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>',
|
|
3923
|
-
smallChevron: '<svg xmlns="http://www.w3.org/2000/svg" width="11.299" height="6.649" viewBox="0 0 11.299 6.649"><path id="Vector_43-2" data-name="Vector 43-2" d="M1006.235,549.5,1002,553.735l-4.236-4.235" transform="translate(-996.35 -548.086)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>',
|
|
3924
|
-
search: '<svg width="100%" height:"100%" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.78653 9.25985C2.27371 8.49236 2 7.59004 2 6.667C2 5.42923 2.4917 4.24217 3.36693 3.36693C4.24217 2.4917 5.42923 2 6.667 2C7.59004 2 8.49236 2.27371 9.25985 2.78653C10.0273 3.29935 10.6255 4.02823 10.9787 4.88102C11.332 5.7338 11.4244 6.67218 11.2443 7.57749C11.0642 8.4828 10.6198 9.31438 9.96707 9.96707C9.31438 10.6198 8.4828 11.0642 7.57749 11.2443C6.67218 11.4244 5.7338 11.332 4.88102 10.9787C4.02823 10.6255 3.29935 10.0273 2.78653 9.25985Z" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 14L10 10" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
3925
|
-
clock: '<svg width="100%" height:"100%" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.30029 7.019C1.30029 8.20945 1.64312 9.37316 2.28543 10.363C2.92774 11.3528 3.84068 12.1243 4.9088 12.5798C5.97692 13.0354 7.15224 13.1546 8.28615 12.9223C9.42006 12.6901 10.4616 12.1168 11.2791 11.2751C12.0966 10.4333 12.6534 9.36082 12.8789 8.19325C13.1045 7.02568 12.9887 5.81546 12.5463 4.71563C12.1038 3.6158 11.3546 2.67576 10.3933 2.01438C9.43204 1.35301 8.30188 1 7.14576 1C5.59544 1 4.10863 1.63414 3.01239 2.76292C1.91615 3.89171 1.30029 5.42266 1.30029 7.019Z" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.15625 3.70801V7.00801L9.08014 8.98901" stroke="#26945A" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
3926
|
-
calendar: '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.66669 10.0002C1.66669 6.85747 1.66669 5.28612 2.643 4.30981C3.61931 3.3335 5.19066 3.3335 8.33335 3.3335H11.6667C14.8094 3.3335 16.3807 3.3335 17.357 4.30981C18.3334 5.28612 18.3334 6.85747 18.3334 10.0002V11.6668C18.3334 14.8095 18.3334 16.3809 17.357 17.3572C16.3807 18.3335 14.8094 18.3335 11.6667 18.3335H8.33335C5.19066 18.3335 3.61931 18.3335 2.643 17.3572C1.66669 16.3809 1.66669 14.8095 1.66669 11.6668V10.0002Z" stroke-width="1"/><path d="M5.83331 3.3335V2.0835" stroke-width="1" stroke-linecap="round"/><path d="M14.1667 3.3335V2.0835" stroke-width="1" stroke-linecap="round"/><path d="M2.08331 7.5H17.9166" stroke-width="1" stroke-linecap="round"/><path d="M15 14.1667C15 14.6269 14.6269 15 14.1666 15C13.7064 15 13.3333 14.6269 13.3333 14.1667C13.3333 13.7064 13.7064 13.3333 14.1666 13.3333C14.6269 13.3333 15 13.7064 15 14.1667Z"/><path d="M15 10.8333C15 11.2936 14.6269 11.6667 14.1666 11.6667C13.7064 11.6667 13.3333 11.2936 13.3333 10.8333C13.3333 10.3731 13.7064 10 14.1666 10C14.6269 10 15 10.3731 15 10.8333Z" /><path d="M10.8334 14.1667C10.8334 14.6269 10.4603 15 10 15C9.53978 15 9.16669 14.6269 9.16669 14.1667C9.16669 13.7064 9.53978 13.3333 10 13.3333C10.4603 13.3333 10.8334 13.7064 10.8334 14.1667Z" /><path d="M10.8334 10.8333C10.8334 11.2936 10.4603 11.6667 10 11.6667C9.53978 11.6667 9.16669 11.2936 9.16669 10.8333C9.16669 10.3731 9.53978 10 10 10C10.4603 10 10.8334 10.3731 10.8334 10.8333Z" /><path d="M6.66667 14.1667C6.66667 14.6269 6.29357 15 5.83333 15C5.3731 15 5 14.6269 5 14.1667C5 13.7064 5.3731 13.3333 5.83333 13.3333C6.29357 13.3333 6.66667 13.7064 6.66667 14.1667Z" /><path d="M6.66667 10.8333C6.66667 11.2936 6.29357 11.6667 5.83333 11.6667C5.3731 11.6667 5 11.2936 5 10.8333C5 10.3731 5.3731 10 5.83333 10C6.29357 10 6.66667 10.3731 6.66667 10.8333Z" /></svg>',
|
|
3927
|
-
civilProfession: '<svg xmlns="http://www.w3.org/2000/svg" width="14.621" height="17.175" viewBox="0 0 14.621 17.175"><g id="Group_1472" data-name="Group 1472" transform="translate(0.157 0.157)"><g id="Group_1471" data-name="Group 1471" transform="translate(0.343 0.343)"> <path id="Path_2640" data-name="Path 2640" d="M11.5.5V3.905a.852.852,0,0,0,.851.851h3.405" transform="translate(-2.136 -0.5)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2641" data-name="Path 2641" d="M2.5,4.756V2.2A1.7,1.7,0,0,1,4.2.5h5.959l4.256,4.256v9.364a1.7,1.7,0,0,1-1.7,1.7H8.459" transform="translate(-0.797 -0.5)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2642" data-name="Path 2642" d="M.5,11.054A2.554,2.554,0,1,0,3.054,8.5,2.554,2.554,0,0,0,.5,11.054" transform="translate(-0.5 -1.69)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2643" data-name="Path 2643" d="M1.777,14.5.5,18.756,3.054,17.48l2.554,1.277L4.331,14.5" transform="translate(-0.5 -2.582)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></g></svg>',
|
|
3928
|
-
position: '<svg id="report-money" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_2553" data-name="Path 2553" d="M8.881,5H6.94A2.016,2.016,0,0,0,5,7.083v12.5a2.016,2.016,0,0,0,1.94,2.083h9.7a2.016,2.016,0,0,0,1.94-2.083V7.083A2.016,2.016,0,0,0,16.643,5H14.7" transform="translate(0.208 -0.792)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2554" data-name="Path 2554" d="M9,3,9,5.083A2.083,2.083,0,0,1,11.083,3h2.083A2.083,2.083,0,0,1,15.25,5.083h0a2.083,2.083,0,0,1-2.083,2.083H11.083A2.083,2.083,0,0,1,9,5.083Z" transform="translate(-0.125 0.125)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2555" data-name="Path 2555" d="M14.167,11h-2.6a1.563,1.563,0,0,0,0,3.125H12.6a1.563,1.563,0,0,1,0,3.125H10" transform="translate(-0.083 -0.153)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2556" data-name="Path 2556" d="M12,17.292v1.042M12,10v1.042" transform="translate(0 -0.208)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
3929
|
-
role: '<svg id="military-award" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_2568" data-name="Path 2568" d="M11.932,12.932,8,12.932A3.932,3.932,0,1,0,11.932,9,3.932,3.932,0,0,0,8,12.932" transform="translate(0.068 0.076)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2569" data-name="Path 2569" d="M8.39,10.458,7.407,8H2l2.438,5.69a1.966,1.966,0,0,0,1.809,1.192H8.39" transform="translate(-0.034 0.056)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2570" data-name="Path 2570" d="M15.5,10.458,16.483,8H21.89l-2.438,5.69a1.966,1.966,0,0,1-1.809,1.192H15.5" transform="translate(0.144 0.056)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
3930
|
-
school: '<svg id="school_1_" data-name="school (1)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_2565" data-name="Path 2565" d="M22.167,8.833,12.083,5,2,8.833l10.083,3.833L22.167,8.833v5.75" transform="translate(-0.083 0.149)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2566" data-name="Path 2566" d="M6,10.6v5.175c0,1.588,2.574,2.875,5.75,2.875s5.75-1.287,5.75-2.875V10.6" transform="translate(0.25 0.238)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
3931
|
-
struct: '<svg id="user-scan" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_2558" data-name="Path 2558" d="M10,9.185A2.185,2.185,0,1,0,12.185,7,2.185,2.185,0,0,0,10,9.185" transform="translate(-0.185 -0.13)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2559" data-name="Path 2559" d="M4,8.371V6.185A2.185,2.185,0,0,1,6.185,4H8.371" transform="translate(-0.074 -0.074)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2560" data-name="Path 2560" d="M4,16v2.185a2.185,2.185,0,0,0,2.185,2.185H8.371" transform="translate(-0.074 -0.297)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2561" data-name="Path 2561" d="M16,4h2.185a2.185,2.185,0,0,1,2.185,2.185V8.371" transform="translate(-0.297 -0.074)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2562" data-name="Path 2562" d="M16,20.371h2.185a2.185,2.185,0,0,0,2.185-2.185V16" transform="translate(-0.297 -0.297)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2563" data-name="Path 2563" d="M8,16.185A2.185,2.185,0,0,1,10.185,14h4.371a2.185,2.185,0,0,1,2.185,2.185" transform="translate(-0.371 -0.118)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
3932
|
-
id: '<svg id="id_1_" data-name="id (1)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_2547" data-name="Path 2547" d="M3,4,3,6.775A2.814,2.814,0,0,1,5.85,4h11.4A2.814,2.814,0,0,1,20.1,6.775v9.251a2.814,2.814,0,0,1-2.85,2.775H5.85A2.814,2.814,0,0,1,3,16.026Z" transform="translate(0.449 0.599)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2548" data-name="Path 2548" d="M9.3,10.3,7,10.3A2.3,2.3,0,1,0,9.3,8,2.3,2.3,0,0,0,7,10.3" transform="translate(-0.21 -0.24)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2549" data-name="Path 2549" d="M15,8h2.3" transform="translate(-0.204 0)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2550" data-name="Path 2550" d="M15,12h2.3" transform="translate(-0.204)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2551" data-name="Path 2551" d="M7,16H18.5" transform="translate(-0.749 0)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
3933
|
-
clipboardText: '<svg id="clipboard-text" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18 18"><path id="Path_2572" data-name="Path 2572" d="M8,5H6.5A1.5,1.5,0,0,0,5,6.5v9A1.5,1.5,0,0,0,6.5,17H14a1.5,1.5,0,0,0,1.5-1.5v-9A1.5,1.5,0,0,0,14,5H12.5" transform="translate(-1.25 -1.25)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2574" data-name="Path 2574" d="M9,12h4.5" transform="translate(-2.25 -2.25)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2576" data-name="Path 2576" d="M9,12h4.5" transform="translate(-2.25 -5.25)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2575" data-name="Path 2575" d="M9,16h4.5" transform="translate(-2.25 -3.25)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
3934
|
-
audio: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 10.7143C1 10.2596 1.16857 9.82359 1.46863 9.5021C1.76869 9.18061 2.17565 9 2.6 9H3.4C3.82435 9 4.23131 9.18061 4.53137 9.5021C4.83143 9.82359 5 10.2596 5 10.7143V13.2857C5 13.7404 4.83143 14.1764 4.53137 14.4979C4.23131 14.8194 3.82435 15 3.4 15H2.6C2.17565 15 1.76869 14.8194 1.46863 14.4979C1.16857 14.1764 1 13.7404 1 13.2857V10.7143Z" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 10.7143C11 10.2596 11.1686 9.82359 11.4686 9.5021C11.7687 9.18061 12.1757 9 12.6 9H13.4C13.8243 9 14.2313 9.18061 14.5314 9.5021C14.8314 9.82359 15 10.2596 15 10.7143V13.2857C15 13.7404 14.8314 14.1764 14.5314 14.4979C14.2313 14.8194 13.8243 15 13.4 15H12.6C12.1757 15 11.7687 14.8194 11.4686 14.4979C11.1686 14.1764 11 13.7404 11 13.2857V10.7143Z" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 11V8.27273C1 6.34388 1.7375 4.49403 3.05025 3.13013C4.36301 1.76623 6.14348 1 8 1C9.85652 1 11.637 1.76623 12.9497 3.13013C14.2625 4.49403 15 6.34388 15 8.27273V11" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
3935
|
-
collection: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21" height="22" viewBox="0 0 21 18"><defs><clipPath id="clip-path"><rect id="Rectangle_2250" data-name="Rectangle 2250" width="16" height="18" fill="none" stroke-width="1"/></clipPath></defs><g id="Group_1560" data-name="Group 1560" transform="translate(4 4)"><path id="Path_2888" data-name="Path 2888" d="M0,0H24V24H0Z" transform="translate(-4 -4)" fill="none"/><g id="Group_1559" data-name="Group 1559" transform="translate(0 -1)" clip-path="url(#clip-path)"><path id="Path_2886" data-name="Path 2886" d="M15,1V17H3a2,2,0,0,1-2-2V3A2,2,0,0,1,3,1Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2887" data-name="Path 2887" d="M15,13H3a2,2,0,0,0-2,2" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><line id="Line_438" data-name="Line 438" x2="6" transform="translate(5 5)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></g></svg>',
|
|
3936
|
-
exercise: '<svg id="Group_882" data-name="Group 882" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.005" height="16" viewBox="0 0 16.005 16"><defs><clipPath id="clip-path"><rect id="Rectangle_1679" data-name="Rectangle 1679" width="16.005" height="16" fill="none"/></clipPath></defs><g id="Group_881" data-name="Group 881" clip-path="url(#clip-path)"><path id="Path_1277" data-name="Path 1277" d="M9.829,10.33H3.638a.387.387,0,0,1,0-.774H9.829a.387.387,0,0,1,0,.774" /><path id="Path_1278" data-name="Path 1278" d="M7.894,13.039H3.638a.387.387,0,1,1,0-.774H7.894a.387.387,0,1,1,0,.774" /><path id="Path_1279" data-name="Path 1279" d="M15.916,6.88l-3.253,0c-1.712-.033-2.655-.049-3.315-.71-.68-.679-.68-1.647-.68-3.576V.658h.774V2.592c0,1.715,0,2.576.454,3.03.439.439,1.271.454,2.781.482l.151,0h3.088Z" /><path id="Path_1280" data-name="Path 1280" d="M12.21,16H3.79A3.794,3.794,0,0,1,0,12.21V3.79A3.794,3.794,0,0,1,3.79,0l6,.052A1.747,1.747,0,0,1,11.04.6l4.477,4.781A1.8,1.8,0,0,1,16,6.619l0,5.591A3.8,3.8,0,0,1,12.21,16M3.787.774A3.019,3.019,0,0,0,.774,3.79v8.42A3.019,3.019,0,0,0,3.79,15.226h8.42a3.02,3.02,0,0,0,3.017-3.016l0-5.592a1.03,1.03,0,0,0-.278-.707l-4.478-4.78A.971.971,0,0,0,9.781.826Z" /></g></svg>',
|
|
3937
|
-
genericFile: '<svg class="generic-file-icon" xmlns="http://www.w3.org/2000/svg" width="13.165" height="16.641" viewBox="0 0 13.165 16.641"><g id="file-dots" transform="translate(-3.845 -2.107)"><path id="Path_1460" data-name="Path 1460" d="M15.427,18.641H6.738A1.738,1.738,0,0,1,5,16.9V4.738A1.738,1.738,0,0,1,6.738,3H12.82l4.345,4.345V16.9A1.738,1.738,0,0,1,15.427,18.641Z" transform="translate(-0.655 -0.393)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1461" data-name="Path 1461" d="M9,14v.009" transform="translate(-1.18 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1462" data-name="Path 1462" d="M12,14v.009" transform="translate(-1.573 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1463" data-name="Path 1463" d="M15,14v.009" transform="translate(-1.966 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
3938
|
-
image: '<svg id="photo-up" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 18"><path id="Path_2633" data-name="Path 2633" d="M0,0H24V24H0Z" fill="none"/><g id="Group_1464" data-name="Group 1464" transform="translate(1 1)"><path id="Path_2634" data-name="Path 2634" d="M15,8h.008" transform="translate(-1.895 -0.789)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2635" data-name="Path 2635" d="M11,18.162H5.527A2.527,2.527,0,0,1,3,15.635V5.527A2.527,2.527,0,0,1,5.527,3H15.635a2.527,2.527,0,0,1,2.527,2.527V11" transform="translate(0 0)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2636" data-name="Path 2636" d="M3,15.084l4.192-4.192a1.689,1.689,0,0,1,2.515,0l2.935,2.935" transform="translate(0 -1.146)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2637" data-name="Path 2637" d="M14,13.73l.838-.838a1.677,1.677,0,0,1,1.856-.441" transform="translate(-1.729 -1.47)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2638" data-name="Path 2638" d="M19,21.031V16" transform="translate(-2.515 -2.031)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2639" data-name="Path 2639" d="M21.031,18.515,18.515,16,16,18.515" transform="translate(-2.031 -2.044)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
3939
|
-
pdf: '<svg id="Group_884" data-name="Group 884" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.005" height="16" viewBox="0 0 16.005 16"><defs><clipPath id="clip-path"><rect id="Rectangle_1680" data-name="Rectangle 1680" width="16.005" height="16" fill="none"/></clipPath></defs><g id="Group_883" data-name="Group 883" clip-path="url(#clip-path)"><path id="Path_1281" data-name="Path 1281" d="M2.947,8.524h.594v4.217H2.947Zm.523,2.91V10.87h.719a1.018,1.018,0,0,0,.736-.242.945.945,0,0,0,.249-.708A.767.767,0,0,0,4.925,9.3a1.112,1.112,0,0,0-.736-.211H3.482V8.524h.707a1.792,1.792,0,0,1,1.2.353A1.305,1.305,0,0,1,5.8,9.92a1.478,1.478,0,0,1-.408,1.129,1.688,1.688,0,0,1-1.2.385Z" /><path id="Path_1282" data-name="Path 1282" d="M6.452,8.523h.594V12.74H6.452ZM7,12.74v-.564h.469a1.24,1.24,0,0,0,.979-.371,1.645,1.645,0,0,0,.328-1.114,1.872,1.872,0,0,0-.328-1.2,1.194,1.194,0,0,0-.979-.4H7.016l-.071-.565h.528q1.931,0,1.93,2.168,0,2.049-1.93,2.049Z" /> <path id="Path_1283" data-name="Path 1283" d="M10.134,8.524h.594v4.217h-.594Zm0,0h2.791v.564H10.134Zm0,2h2.257v.564H10.134Z" /><path id="Path_1284" data-name="Path 1284" d="M15.916,6.88l-3.253,0c-1.712-.033-2.655-.049-3.315-.71-.68-.679-.68-1.647-.68-3.576V.658h.774V2.592c0,1.715,0,2.576.453,3.03.439.439,1.272.454,2.782.482l.151,0h3.088Z" /><path id="Path_1285" data-name="Path 1285" d="M12.211,16H3.79A3.8,3.8,0,0,1,0,12.21V3.79A3.8,3.8,0,0,1,3.79,0l6,.053A1.746,1.746,0,0,1,11.04.6l4.477,4.781a1.8,1.8,0,0,1,.489,1.235L16,12.21A3.8,3.8,0,0,1,12.211,16M3.787.774A3.019,3.019,0,0,0,.774,3.79v8.42A3.019,3.019,0,0,0,3.79,15.226h8.421a3.019,3.019,0,0,0,3.016-3.016l.005-5.592a1.029,1.029,0,0,0-.279-.706L10.475,1.131a.962.962,0,0,0-.694-.3Z" /></g></svg>',
|
|
3940
|
-
presentation: '<svg id="Group_886" data-name="Group 886" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.684" height="16" viewBox="0 0 17.684 16"><defs><clipPath id="clip-path"><rect id="Rectangle_1681" data-name="Rectangle 1681" width="17.684" height="16" fill="none"/></clipPath></defs><g id="Group_885" data-name="Group 885" clip-path="url(#clip-path)"> <path id="Path_1286" data-name="Path 1286" d="M12.211,11.789H5.474c-2.495,0-3.748,0-4.61-.863S0,8.811,0,6.316V5.474C0,2.979,0,1.726.864.863S2.979,0,5.474,0h6.737c2.495,0,3.747,0,4.61.863s.863,2.116.863,4.611v.842c0,2.495,0,3.747-.864,4.61s-2.114.863-4.609.863M5.474.842c-2.263,0-3.4,0-4.015.617S.842,3.21.842,5.474v.842c0,2.263,0,3.4.617,4.014s1.752.617,4.015.617h6.737c2.263,0,3.4,0,4.014-.617s.617-1.751.617-4.014V5.474c0-2.264,0-3.4-.616-4.015S14.474.842,12.211.842Z" /><path id="Path_1287" data-name="Path 1287" d="M13.9,16a.44.44,0,0,1-.133-.021l-4.92-1.64-4.919,1.64a.422.422,0,0,1-.266-.8l4.764-1.588v-1.8a.421.421,0,0,1,.842,0v1.8l4.765,1.588A.421.421,0,0,1,13.9,16" /></g></svg>',
|
|
3941
|
-
quiz: '<svg id="Group_888" data-name="Group 888" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.476" height="16" viewBox="0 0 14.476 16"><defs><clipPath id="clip-path"><rect id="Rectangle_1682" data-name="Rectangle 1682" width="14.476" height="16" fill="none"/></clipPath></defs><g id="Group_887" data-name="Group 887" clip-path="url(#clip-path)"><path id="Path_1288" data-name="Path 1288" d="M9.524,16H4.953c-2.258,0-3.391,0-4.172-.781S0,13.305,0,11.048V6.476c0-2.257,0-3.39.781-4.171.715-.714,1.764-.771,3.407-.78l0,.762c-1.642.009-2.4.088-2.873.557C.762,3.4.762,4.429.762,6.476v4.572c0,2.047,0,3.075.558,3.633s1.585.557,3.633.557H9.524c2.047,0,3.075,0,3.632-.557s.558-1.586.558-3.633V6.476c0-2.047,0-3.074-.558-3.632-.468-.469-1.23-.548-2.872-.557l0-.762c1.643.009,2.693.066,3.407.78.781.781.781,1.914.781,4.171v4.572c0,2.257,0,3.39-.781,4.171S11.781,16,9.524,16" /><path id="Path_1289" data-name="Path 1289" d="M8,9.763H3.048a.286.286,0,1,1,0-.571H8a.286.286,0,1,1,0,.571" /><path id="Path_1290" data-name="Path 1290" d="M8,7.063H3.048a.286.286,0,1,1,0-.571H8a.286.286,0,1,1,0,.571" /><path id="Path_1291" data-name="Path 1291" d="M8,12.476H3.048a.286.286,0,1,1,0-.571H8a.286.286,0,1,1,0,.571" /><path id="Path_1292" data-name="Path 1292" d="M9.143,3.81H5.333A1.526,1.526,0,0,1,3.809,2.286V1.524A1.526,1.526,0,0,1,5.333,0h3.81a1.525,1.525,0,0,1,1.523,1.524v.762A1.525,1.525,0,0,1,9.143,3.81M5.333.762a.763.763,0,0,0-.762.762v.762a.763.763,0,0,0,.762.762h3.81A.762.762,0,0,0,9.9,2.286V1.524A.762.762,0,0,0,9.143.762Z" /><path id="Path_1293" data-name="Path 1293" d="M10.64,7.445a.182.182,0,0,1-.136-.061l-.347-.389a.182.182,0,0,1,.272-.243l.211.237.732-.82a.182.182,0,1,1,.272.243l-.868.972a.182.182,0,0,1-.136.061" /><path id="Path_1294" data-name="Path 1294" d="M10.64,10.146a.182.182,0,0,1-.136-.061L10.157,9.7a.182.182,0,0,1,.272-.243l.211.237.732-.82a.182.182,0,1,1,.272.243l-.868.972a.182.182,0,0,1-.136.061" /><path id="Path_1295" data-name="Path 1295" d="M10.64,12.859A.182.182,0,0,1,10.5,12.8l-.347-.389a.182.182,0,0,1,.272-.243l.211.237.732-.82a.182.182,0,1,1,.272.243l-.868.972a.182.182,0,0,1-.136.061" /></g></svg>',
|
|
3942
|
-
story: '<svg xmlns="http://www.w3.org/2000/svg" width="20.554" height="17.009" viewBox="0 0 20.554 17.009"><g id="Group_952" data-name="Group 952" transform="translate(-0.5 -1.491)"> <g id="Group_951" data-name="Group 951"> <path id="Path_1356" data-name="Path 1356" d="M20.063,6.538,11.175,2.093a.889.889,0,0,0-.8,0L1.491,6.538a.886.886,0,0,0-.4.412,1.1,1.1,0,0,0-.1.384v5.124a.89.89,0,0,0,1.778,0V8.647l1.778.711v4.358a.89.89,0,0,0,.492.8,11.458,11.458,0,0,0,5.73,1.706,11.464,11.464,0,0,0,5.73-1.706.891.891,0,0,0,.492-.8V9.358l3-1.2a.891.891,0,0,0,.067-1.621Zm-4.842,6.629-.867.433a8.033,8.033,0,0,1-7.155,0l-.867-.433v-3.1l4.114,1.646a.887.887,0,0,0,.331.062.871.871,0,0,0,.331-.063l4.114-1.646ZM10.777,9.931,4.057,7.242l6.721-3.359L17.5,7.242,10.777,9.931ZM1.889,14.444A.889.889,0,0,0,1,15.333V17.11a.889.889,0,0,0,1.778,0V15.333A.889.889,0,0,0,1.889,14.444Z" stroke="#fff" stroke-width="1"/> </g></g></svg>',
|
|
3943
|
-
video: '<svg id="Group_890" data-name="Group 890" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="clip-path"><rect id="Rectangle_1683" data-name="Rectangle 1683" width="16" height="16" fill="none"/></clipPath></defs><g id="Group_889" data-name="Group 889" clip-path="url(#clip-path)"> <path id="Path_1296" data-name="Path 1296" d="M8,16a8,8,0,1,1,8-8,8.009,8.009,0,0,1-8,8M8,.762A7.238,7.238,0,1,0,15.238,8,7.246,7.246,0,0,0,8,.762" /> <path id="Path_1297" data-name="Path 1297" d="M6.912,11.431a.88.88,0,0,1-.549-.194c-.507-.38-.544-1.017-.618-2.284-.019-.333-.031-.66-.031-.953s.012-.62.031-.952c.074-1.268.111-1.9.617-2.286.574-.431,1.149-.08,2.02.449.22.133.433.27.619.4.212.149.444.329.678.519.854.7,1.369,1.116,1.369,1.869s-.515,1.171-1.367,1.867c-.236.192-.468.372-.682.521-.184.131-.4.267-.617.4a3.279,3.279,0,0,1-1.47.643M6.93,5.337a.18.18,0,0,0-.11.034c-.224.168-.258.752-.314,1.72-.018.317-.03.629-.03.909s.012.591.03.909c.056.967.09,1.551.315,1.72.145.108.436-.048,1.166-.491.2-.125.4-.25.575-.373.2-.141.417-.309.635-.488.81-.659,1.089-.906,1.089-1.277s-.28-.619-1.088-1.278c-.219-.178-.435-.346-.636-.487-.174-.123-.372-.249-.575-.373A3.108,3.108,0,0,0,6.93,5.337" /></g></svg>',
|
|
3944
|
-
text: '<svg width="22" height="22" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1788 6H6.82125L6.75 8.5H7.375C7.6 7.13 7.82 7.01 9.4925 6.95625L9.85875 6.94375V14.5563C9.85875 15.1438 9.73375 15.2837 8.73625 15.375V16H12.2625V15.375C11.2587 15.2837 11.1337 15.145 11.1337 14.5575V6.94375L11.5063 6.95625C13.1788 7.01 13.3987 7.13125 13.6237 8.5H14.2487L14.1788 6Z"/><path d="M5.5 1C4.83696 1 4.20107 1.26339 3.73223 1.73223C3.26339 2.20107 3 2.83696 3 3.5V18.5C3 19.163 3.26339 19.7989 3.73223 20.2678C4.20107 20.7366 4.83696 21 5.5 21H15.5C16.163 21 16.7989 20.7366 17.2678 20.2678C17.7366 19.7989 18 19.163 18 18.5V3.5C18 2.83696 17.7366 2.20107 17.2678 1.73223C16.7989 1.26339 16.163 1 15.5 1H5.5ZM5.5 2.25H15.5C15.8315 2.25 16.1495 2.3817 16.3839 2.61612C16.6183 2.85054 16.75 3.16848 16.75 3.5V18.5C16.75 18.8315 16.6183 19.1495 16.3839 19.3839C16.1495 19.6183 15.8315 19.75 15.5 19.75H5.5C5.16848 19.75 4.85054 19.6183 4.61612 19.3839C4.3817 19.1495 4.25 18.8315 4.25 18.5V3.5C4.25 3.16848 4.3817 2.85054 4.61612 2.61612C4.85054 2.3817 5.16848 2.25 5.5 2.25Z"/></svg>',
|
|
3945
|
-
learningunit: '<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 19L6.757 11.649C6.82844 11.4584 6.95632 11.2942 7.12357 11.1782C7.29082 11.0623 7.48948 11.0001 7.693 11H20M4 19H18.026C18.4913 18.9999 18.942 18.8375 19.3004 18.5409C19.6589 18.2443 19.9028 17.832 19.99 17.375L20.986 12.164C21.0098 12.0208 21.0022 11.8741 20.9636 11.7342C20.925 11.5943 20.8564 11.4644 20.7626 11.3536C20.6688 11.2429 20.5519 11.1539 20.4203 11.0928C20.2886 11.0317 20.1452 11.0001 20 11M4 19C3.46957 19 2.96086 18.7893 2.58579 18.4142C2.21071 18.0391 2 17.5304 2 17V6C2 5.46957 2.21071 4.96086 2.58579 4.58579C2.96086 4.21071 3.46957 4 4 4H8L11 7H18C18.5304 7 19.0391 7.21071 19.4142 7.58579C19.7893 7.96086 20 8.46957 20 9V11" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
3946
|
-
generic: '<svg class="generic-file-icon" xmlns="http://www.w3.org/2000/svg" width="13.165" height="16.641" viewBox="0 0 13.165 16.641"><g id="file-dots" transform="translate(-3.845 -2.107)"><path id="Path_1460" data-name="Path 1460" d="M15.427,18.641H6.738A1.738,1.738,0,0,1,5,16.9V4.738A1.738,1.738,0,0,1,6.738,3H12.82l4.345,4.345V16.9A1.738,1.738,0,0,1,15.427,18.641Z" transform="translate(-0.655 -0.393)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1461" data-name="Path 1461" d="M9,14v.009" transform="translate(-1.18 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1462" data-name="Path 1462" d="M12,14v.009" transform="translate(-1.573 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1463" data-name="Path 1463" d="M15,14v.009" transform="translate(-1.966 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
3947
|
-
success: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="success" transform="translate(-268 -524)"><g id="circle-check" transform="translate(268 524)"><path id="Path_1570" data-name="Path 1570" d="M0,0H24V24H0Z" fill="none"/><path id="Path_1571" data-name="Path 1571" d="M12,21.5A9.5,9.5,0,1,1,21.5,12,9.438,9.438,0,0,1,12,21.5ZM3.5,12A8.5,8.5,0,1,0,12,3.5,8.444,8.444,0,0,0,3.5,12Z"/> <path id="Path_1572" data-name="Path 1572" d="M11.25,14.5h-.094a.75.75,0,0,1-.473-.168l-2.156-1.75a.75.75,0,0,1,.945-1.165l1.683,1.366L14.47,9.47A.75.75,0,1,1,15.53,10.53l-3.75,3.75A.75.75,0,0,1,11.25,14.5Z"/></g></g></svg>',
|
|
3948
|
-
error: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Error" transform="translate(-310 -524)"><path id="Path_1570" data-name="Path 1570" d="M0,0H24V24H0Z" transform="translate(310 524)" fill="none"/><path id="Path_1571" data-name="Path 1571" d="M12,21.5A9.5,9.5,0,1,1,21.5,12,9.438,9.438,0,0,1,12,21.5ZM3.5,12A8.5,8.5,0,1,0,12,3.5,8.444,8.444,0,0,0,3.5,12Z" transform="translate(310 524)" fill="#ff0a4d"/><line id="Line_433" data-name="Line 433" x1="5" y2="5" transform="translate(319.5 533.5)" fill="none" stroke="#ff0a4d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><line id="Line_434" data-name="Line 434" x2="5" y2="5" transform="translate(319.5 533.5)" fill="none" stroke="#ff0a4d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
3949
|
-
information: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.75 10.55V7.75M7.75 4.95H7.757M14.75 7.75C14.75 11.616 11.616 14.75 7.75 14.75C3.88401 14.75 0.75 11.616 0.75 7.75C0.75 3.88401 3.88401 0.75 7.75 0.75C11.616 0.75 14.75 3.88401 14.75 7.75Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
3950
|
-
primaryPlay: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 247.285 247.285"><defs><clipPath id="clip-path"><rect id="Rectangle_537" data-name="Rectangle 537" width="247.285" height="247.285" fill="#fff"/></clipPath><linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop class="start-stop-color" offset="0" stop-color=""/><stop class="middle-stop-color" offset="0.661" stop-color=""/><stop class="end-stop-color" offset="1" stop-color=""/></linearGradient></defs><g id="Group_944" data-name="Group 944" transform="translate(-508.407 -275.197)"><g id="Group_770" data-name="Group 770" transform="translate(508.407 275.197)" opacity="0.5" style="mix-blend-mode: overlay;isolation: isolate"><g id="Group_769" data-name="Group 769"><g id="Group_768" data-name="Group 768" clip-path="url(#clip-path)"><path id="Path_975" data-name="Path 975" d="M2042.058,1095.954a123.643,123.643,0,1,1-123.643-123.643,123.643,123.643,0,0,1,123.643,123.643" transform="translate(-1794.772 -972.311)" fill="#fff"/></g></g></g><path id="Path_976" data-name="Path 976" d="M2197.875,1288.733l-60.24-33.5a7.1,7.1,0,0,0-10.546,6.2v66.994a7.1,7.1,0,0,0,10.546,6.2l60.24-33.5a7.1,7.1,0,0,0,0-12.406" transform="translate(-1519.037 -896.098)" fill="url(#linear-gradient)"/></g></svg>',
|
|
3951
|
-
hadrachaHierarchy: '<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 19L6.757 11.649C6.82844 11.4584 6.95632 11.2942 7.12357 11.1782C7.29082 11.0623 7.48948 11.0001 7.693 11H20M4 19H18.026C18.4913 18.9999 18.942 18.8375 19.3004 18.5409C19.6589 18.2443 19.9028 17.832 19.99 17.375L20.986 12.164C21.0098 12.0208 21.0022 11.8741 20.9636 11.7342C20.925 11.5943 20.8564 11.4644 20.7626 11.3536C20.6688 11.2429 20.5519 11.1539 20.4203 11.0928C20.2886 11.0317 20.1452 11.0001 20 11M4 19C3.46957 19 2.96086 18.7893 2.58579 18.4142C2.21071 18.0391 2 17.5304 2 17V6C2 5.46957 2.21071 4.96086 2.58579 4.58579C2.96086 4.21071 3.46957 4 4 4H8L11 7H18C18.5304 7 19.0391 7.21071 19.4142 7.58579C19.7893 7.96086 20 8.46957 20 9V11" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
3952
|
-
hadrachaHierarchyResource: '<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.8644 1V5C9.8644 5.26522 9.96966 5.51957 10.157 5.70711C10.3444 5.89464 10.5985 6 10.8634 6H14.8596M9.8644 1H2.87113C2.3412 1 1.83298 1.21071 1.45827 1.58579C1.08356 1.96086 0.873047 2.46957 0.873047 3V17C0.873047 17.5304 1.08356 18.0391 1.45827 18.4142C1.83298 18.7893 2.3412 19 2.87113 19H12.8615C13.3914 19 13.8997 18.7893 14.2744 18.4142C14.6491 18.0391 14.8596 17.5304 14.8596 17V6M9.8644 1L14.8596 6M4.8692 15H10.8634M4.8692 11H10.8634" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
3953
|
-
link: '<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.99151 9.25504C7.31542 9.68851 7.72868 10.0472 8.20326 10.3067C8.67783 10.5663 9.20261 10.7206 9.74201 10.7593C10.2814 10.798 10.8228 10.72 11.3295 10.5309C11.8362 10.3417 12.2963 10.0456 12.6786 9.66275L14.9414 7.39769C15.6283 6.6857 16.0085 5.7321 15.9999 4.74229C15.9913 3.75247 15.5946 2.80563 14.8954 2.1057C14.1962 1.40577 13.2503 1.00874 12.2615 1.00014C11.2727 0.991541 10.32 1.37205 9.60877 2.05971L8.31145 3.35079M10.0085 7.74496C9.68458 7.31149 9.27132 6.95281 8.79674 6.69327C8.32217 6.43373 7.79739 6.27939 7.25799 6.24072C6.71859 6.20205 6.17719 6.27995 5.67051 6.46915C5.16383 6.65835 4.70373 6.95441 4.32141 7.33725L2.05864 9.60231C1.37167 10.3143 0.99155 11.2679 1.00014 12.2577C1.00874 13.2475 1.40536 14.1944 2.10458 14.8943C2.80381 15.5942 3.74969 15.9913 4.73851 15.9999C5.72732 16.0085 6.67996 15.628 7.39123 14.9403L8.681 13.6492" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
3954
|
-
messagePlus: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" ><g clip - path="url(#clip0_17_2752)"><path d="M8 9H16" stroke - linecap="round" stroke - linejoin="round"/>< path d="M8 13H14" stroke- linecap="round" stroke - linejoin="round" /> <path d="M12.01 18.594L8 21V18H6C5.20435 18 4.44129 17.6839 3.87868 17.1213C3.31607 16.5587 3 15.7956 3 15V7C3 6.20435 3.31607 5.44129 3.87868 4.87868C4.44129 4.31607 5.20435 4 6 4H18C18.7956 4 19.5587 4.31607 20.1213 4.87868C20.6839 5.44129 21 6.20435 21 7V12.5" stroke - linecap="round" stroke - linejoin="round" /> <path d="M16 19H22" stroke - linecap="round" stroke - linejoin="round" /> <path d="M19 16V22" stroke - linecap="round" stroke - linejoin="round" /> </g>< defs ><clipPath id="clip0_17_2752" ><rect width="24" height = "24" fill ="white" /></clipPath> </defs> </svg>',
|
|
3955
|
-
check: '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L4.66667 9L12 1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'
|
|
3956
|
-
};
|
|
3957
|
-
|
|
3958
3906
|
class HerumToolTipDirective {
|
|
3959
3907
|
el;
|
|
3960
3908
|
tooltipText = '';
|
|
@@ -4071,7 +4019,7 @@ class HerumTextAreaComponent {
|
|
|
4071
4019
|
return svgsStrings$1.X;
|
|
4072
4020
|
}
|
|
4073
4021
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4074
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumTextAreaComponent, isStandalone: false, selector: "herum-text-area", inputs: { placeholder: "placeholder", disabled: "disabled", formControlName: "formControlName", isValid: "isValid", isLoading: "isLoading", errorMsg: "errorMsg", showErrorMsgGap: "showErrorMsgGap", id: "id", preventMacroKeysPressEvent: "preventMacroKeysPressEvent", heightMode: "heightMode", fontSize: "fontSize", inputValue: "inputValue", maxLength: "maxLength" }, outputs: { inputValueEmitter: "inputValueEmitter" }, host: { listeners: { "keypress": "onKeyPress($event)" } }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<div class=\"input-container custom-resizer\" [ngClass]=\"heightMode\">\r\n <textarea #textarea class=\"input-field no-resizer min-height-input w-100\"\r\n [ngClass]=\"{'error-input':!isValid && touched && isBlurred}\" [placeholder]=\"placeholder\" [disabled]=\"disabled\"\r\n [maxlength]=\"maxLength\" [(ngModel)]=\"inputValue\" [id]=\"id ? id : formControlName\"\r\n [attr.prevent-macro-keys-press-event]=\"preventMacroKeysPressEvent\" (ngModelChange)=\"_onInput($event)\"\r\n (blur)=\"setBlurred()\">\r\n </textarea>\r\n\r\n <span class=\"icon clickable\" *ngIf=\"inputValue && !disabled && !isLoading\" (click)=\"_onClearTextArea()\">\r\n <span class=\"small-icon\" [innerHTML]=\"xSvg | safeHtml\"></span>\r\n </span>\r\n\r\n <herum-spinner class=\"small-icon\" *ngIf=\"isLoading\"></herum-spinner>\r\n</div>\r\n\r\n<ng-container *ngIf=\"!isValid && touched && isBlurred\">\r\n <label class=\"error-msg right\" *ngIf=\"showErrorMsgGap\">\r\n {{ errorMsg }}\r\n </label>\r\n</ng-container>", styles: [":host{--atom-input-height: 60px}.max{height:100%}.max textarea{height:100%!important}textarea{color:var(--text-color)}.min-height-input{min-height:var(--atom-input-height)}.small-icon{position:absolute;cursor:pointer;height:9px;top:16px;left:16px;fill:var(--icons-color)}.custom-resizer{position:relative}.custom-resizer:before{content:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.914\" height=\"9.414\" viewBox=\"0 0 9.914 9.414\">%0D%0A <g id=\"Group_955\" data-name=\"Group 955\" transform=\"translate(-1485.894 -372.793)\">%0D%0A <line id=\"Line_326\" data-name=\"Line 326\" x2=\"5\" y2=\"5\" transform=\"translate(1486.602 376.5)\" fill=\"none\" stroke=\"%237897a8\" stroke-linecap=\"round\" stroke-width=\"1\"/>%0D%0A <line id=\"Line_327\" data-name=\"Line 327\" x2=\"8\" y2=\"8\" transform=\"translate(1487.102 373.5)\" fill=\"none\" stroke=\"%237897a8\" stroke-linecap=\"round\" stroke-width=\"1\"/>%0D%0A </g>%0D%0A</svg>%0D%0A');position:absolute;left:0;bottom:-4px;color:green;pointer-events:none}.no-resizer::-webkit-resizer{display:none}.no-resizer::-moz-resizer{display:none}.no-resizer::-ms-resizer{display:none}\n", ".input-container{position:relative;display:flex;align-items:center}.input-container .input-field{padding:8px 12px 8px 30px;color:#000;height:var(--atom-input-height)}.input-field{border:1px solid var(--inactive-border-color);padding:var(--button-padding-size);border-radius:var(--border-radius);font-size:var(--standard-font-size);box-shadow:0 0 var(--box-shadow-blur) #00000029!important}.input-field:hover{border-color:var(--icons-color-light-2)}.input-field:focus{outline:none;border-color:var(--icons-color-light-1);box-shadow:0 0 5px var(--icons-color-light-1)}.input-field::placeholder{color:var(--disabled-text-color)}span{justify-content:center;display:flex}img{height:16px}.right{justify-content:right}.error-input,.error-input:focus{border-color:var(--error-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$
|
|
4022
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumTextAreaComponent, isStandalone: false, selector: "herum-text-area", inputs: { placeholder: "placeholder", disabled: "disabled", formControlName: "formControlName", isValid: "isValid", isLoading: "isLoading", errorMsg: "errorMsg", showErrorMsgGap: "showErrorMsgGap", id: "id", preventMacroKeysPressEvent: "preventMacroKeysPressEvent", heightMode: "heightMode", fontSize: "fontSize", inputValue: "inputValue", maxLength: "maxLength" }, outputs: { inputValueEmitter: "inputValueEmitter" }, host: { listeners: { "keypress": "onKeyPress($event)" } }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<div class=\"input-container custom-resizer\" [ngClass]=\"heightMode\">\r\n <textarea #textarea class=\"input-field no-resizer min-height-input w-100\"\r\n [ngClass]=\"{'error-input':!isValid && touched && isBlurred}\" [placeholder]=\"placeholder\" [disabled]=\"disabled\"\r\n [maxlength]=\"maxLength\" [(ngModel)]=\"inputValue\" [id]=\"id ? id : formControlName\"\r\n [attr.prevent-macro-keys-press-event]=\"preventMacroKeysPressEvent\" (ngModelChange)=\"_onInput($event)\"\r\n (blur)=\"setBlurred()\">\r\n </textarea>\r\n\r\n <span class=\"icon clickable\" *ngIf=\"inputValue && !disabled && !isLoading\" (click)=\"_onClearTextArea()\">\r\n <span class=\"small-icon\" [innerHTML]=\"xSvg | safeHtml\"></span>\r\n </span>\r\n\r\n <herum-spinner class=\"small-icon\" *ngIf=\"isLoading\"></herum-spinner>\r\n</div>\r\n\r\n<ng-container *ngIf=\"!isValid && touched && isBlurred\">\r\n <label class=\"error-msg right\" *ngIf=\"showErrorMsgGap\">\r\n {{ errorMsg }}\r\n </label>\r\n</ng-container>", styles: [":host{--atom-input-height: 60px}.max{height:100%}.max textarea{height:100%!important}textarea{color:var(--text-color)}.min-height-input{min-height:var(--atom-input-height)}.small-icon{position:absolute;cursor:pointer;height:9px;top:16px;left:16px;fill:var(--icons-color)}.custom-resizer{position:relative}.custom-resizer:before{content:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.914\" height=\"9.414\" viewBox=\"0 0 9.914 9.414\">%0D%0A <g id=\"Group_955\" data-name=\"Group 955\" transform=\"translate(-1485.894 -372.793)\">%0D%0A <line id=\"Line_326\" data-name=\"Line 326\" x2=\"5\" y2=\"5\" transform=\"translate(1486.602 376.5)\" fill=\"none\" stroke=\"%237897a8\" stroke-linecap=\"round\" stroke-width=\"1\"/>%0D%0A <line id=\"Line_327\" data-name=\"Line 327\" x2=\"8\" y2=\"8\" transform=\"translate(1487.102 373.5)\" fill=\"none\" stroke=\"%237897a8\" stroke-linecap=\"round\" stroke-width=\"1\"/>%0D%0A </g>%0D%0A</svg>%0D%0A');position:absolute;left:0;bottom:-4px;color:green;pointer-events:none}.no-resizer::-webkit-resizer{display:none}.no-resizer::-moz-resizer{display:none}.no-resizer::-ms-resizer{display:none}\n", ".input-container{position:relative;display:flex;align-items:center}.input-container .input-field{padding:8px 12px 8px 30px;color:#000;height:var(--atom-input-height)}.input-field{border:1px solid var(--inactive-border-color);padding:var(--button-padding-size);border-radius:var(--border-radius);font-size:var(--standard-font-size);box-shadow:0 0 var(--box-shadow-blur) #00000029!important}.input-field:hover{border-color:var(--icons-color-light-2)}.input-field:focus{outline:none;border-color:var(--icons-color-light-1);box-shadow:0 0 5px var(--icons-color-light-1)}.input-field::placeholder{color:var(--disabled-text-color)}span{justify-content:center;display:flex}img{height:16px}.right{justify-content:right}.error-input,.error-input:focus{border-color:var(--error-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: HerumSpinnerComponent, selector: "herum-spinner", inputs: ["size", "borderColor", "borderWidth", "borderTopColor", "shape"] }, { kind: "pipe", type: i4$1.SafeHtmlPipe, name: "safeHtml" }] });
|
|
4075
4023
|
}
|
|
4076
4024
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumTextAreaComponent, decorators: [{
|
|
4077
4025
|
type: Component,
|
|
@@ -4112,12 +4060,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4112
4060
|
args: ['textarea']
|
|
4113
4061
|
}] } });
|
|
4114
4062
|
|
|
4115
|
-
const additionTagName$1 = 'ins';
|
|
4116
|
-
const editorContainerElementId$1 = 'editor-container';
|
|
4117
|
-
const mouseEnterHandlerKey$1 = 'mouseEnterHandler';
|
|
4118
|
-
const mouseLeaveHandlerKey$1 = 'mouseLeaveHandler';
|
|
4119
|
-
const mouseEnter$1 = 'mouseenter';
|
|
4120
|
-
const mouseLeave$1 = 'mouseleave';
|
|
4121
4063
|
class TrackTextChangesComponent {
|
|
4122
4064
|
trackTextChangesService;
|
|
4123
4065
|
changes = [];
|
|
@@ -4127,7 +4069,7 @@ class TrackTextChangesComponent {
|
|
|
4127
4069
|
isReadOnly = false;
|
|
4128
4070
|
fontSize;
|
|
4129
4071
|
showComments = true;
|
|
4130
|
-
allowedActions;
|
|
4072
|
+
allowedActions = ["addition", "deletion", "comment"];
|
|
4131
4073
|
changesEmitter = new EventEmitter();
|
|
4132
4074
|
editor;
|
|
4133
4075
|
trackChangesEnabled = true;
|
|
@@ -4144,7 +4086,6 @@ class TrackTextChangesComponent {
|
|
|
4144
4086
|
isCursorInsideMarker = false;
|
|
4145
4087
|
editingCommentElement = null;
|
|
4146
4088
|
markerTimeoutId;
|
|
4147
|
-
defaultAllowedActions = ["addition", "deletion", "comment"];
|
|
4148
4089
|
textChangeStyle;
|
|
4149
4090
|
commentTextHoverColor;
|
|
4150
4091
|
// #endregion
|
|
@@ -4154,10 +4095,8 @@ class TrackTextChangesComponent {
|
|
|
4154
4095
|
this.textChangeStyle = this.trackTextChangesService.getStyle();
|
|
4155
4096
|
}
|
|
4156
4097
|
ngOnChanges(changes) {
|
|
4157
|
-
|
|
4158
|
-
this.changes
|
|
4159
|
-
else
|
|
4160
|
-
this.changes = this.changes?.filter(change => change.type != "generalNote");
|
|
4098
|
+
this.changes = (!changes["changes"]?.currentValue && !changes["selectedChange"]) ?
|
|
4099
|
+
[] : this.changes?.filter(change => change.type != "generalNote");
|
|
4161
4100
|
this.applyChangesToContent();
|
|
4162
4101
|
}
|
|
4163
4102
|
ngAfterViewInit() {
|
|
@@ -4167,34 +4106,56 @@ class TrackTextChangesComponent {
|
|
|
4167
4106
|
}
|
|
4168
4107
|
// #endregion
|
|
4169
4108
|
// #region Event Handlers
|
|
4109
|
+
_onPaste(event) {
|
|
4110
|
+
if (this.markerTimeoutId)
|
|
4111
|
+
return;
|
|
4112
|
+
const pastedText = event.clipboardData.getData('text');
|
|
4113
|
+
if (!pastedText)
|
|
4114
|
+
return;
|
|
4115
|
+
const selection = window.getSelection();
|
|
4116
|
+
event.preventDefault();
|
|
4117
|
+
if (!this.isAdditionKeyPressValid(selection))
|
|
4118
|
+
return;
|
|
4119
|
+
const range = selection.getRangeAt(0);
|
|
4120
|
+
const isInsideInsTag = this.isInsideTag(range.startContainer, additionTagName$1);
|
|
4121
|
+
if (isInsideInsTag || this.isUpdateAdditionWhileSelectionIsNextToInsTag(range, selection)) {
|
|
4122
|
+
const additionEvent = { key: pastedText };
|
|
4123
|
+
const isDeletionKey = false;
|
|
4124
|
+
if (isInsideInsTag)
|
|
4125
|
+
this.updateAdditionWhileSelectionIsInsideInsTag(selection, additionEvent, isDeletionKey);
|
|
4126
|
+
else
|
|
4127
|
+
this.updateAdditionWhileSelectionIsNextToInsTag(selection, additionEvent, isDeletionKey);
|
|
4128
|
+
return;
|
|
4129
|
+
}
|
|
4130
|
+
this.insertNewAddition(selection, pastedText);
|
|
4131
|
+
}
|
|
4170
4132
|
_onKeyDown(event) {
|
|
4171
4133
|
this.showTooltip = false;
|
|
4172
|
-
if (
|
|
4134
|
+
if (this.markerTimeoutId) {
|
|
4135
|
+
event.preventDefault();
|
|
4136
|
+
return;
|
|
4137
|
+
}
|
|
4138
|
+
if (event.code.toLowerCase().includes("numpad") || event.ctrlKey)
|
|
4173
4139
|
return;
|
|
4174
4140
|
if (event.key == 'Enter')
|
|
4175
4141
|
event.preventDefault();
|
|
4176
4142
|
const selection = window.getSelection();
|
|
4177
|
-
if (!selection || !selection.rangeCount)
|
|
4143
|
+
if (!selection || !selection.rangeCount)
|
|
4178
4144
|
return;
|
|
4179
|
-
}
|
|
4180
4145
|
const isDeletionKey = event.key === 'Backspace' || event.key === 'Delete';
|
|
4181
4146
|
const isSingleCharacterKey = event.key.length === 1;
|
|
4182
4147
|
if (isDeletionKey || isSingleCharacterKey) {
|
|
4183
4148
|
event.preventDefault();
|
|
4184
|
-
if (!isDeletionKey && !this.
|
|
4185
|
-
this.
|
|
4186
|
-
return;
|
|
4187
|
-
}
|
|
4188
|
-
if (isDeletionKey && !this.isActionAllowed("deletion")) {
|
|
4189
|
-
this.handleShowNotAllowedActionTooltip(selection);
|
|
4190
|
-
return;
|
|
4191
|
-
}
|
|
4192
|
-
if (!this.isAdditionKeyPressValid(selection))
|
|
4149
|
+
if (!isDeletionKey && !this.allowedActions.includes("addition") || isDeletionKey && !this.allowedActions.includes("deletion")
|
|
4150
|
+
|| !this.isAdditionKeyPressValid(selection))
|
|
4193
4151
|
return;
|
|
4194
4152
|
const range = selection.getRangeAt(0);
|
|
4195
4153
|
const isInsideInsTag = this.isInsideTag(range.startContainer, additionTagName$1);
|
|
4196
|
-
if (isInsideInsTag || this.isUpdateAdditionWhileSelectionIsNextToInsTag(selection)) {
|
|
4197
|
-
|
|
4154
|
+
if (isInsideInsTag || this.isUpdateAdditionWhileSelectionIsNextToInsTag(range, selection)) {
|
|
4155
|
+
if (isInsideInsTag)
|
|
4156
|
+
this.updateAdditionWhileSelectionIsInsideInsTag(selection, event, isDeletionKey);
|
|
4157
|
+
else
|
|
4158
|
+
this.updateAdditionWhileSelectionIsNextToInsTag(selection, event, isDeletionKey);
|
|
4198
4159
|
return;
|
|
4199
4160
|
}
|
|
4200
4161
|
if (isDeletionKey) {
|
|
@@ -4202,9 +4163,8 @@ class TrackTextChangesComponent {
|
|
|
4202
4163
|
return;
|
|
4203
4164
|
this.handleDeletion(selection);
|
|
4204
4165
|
}
|
|
4205
|
-
else
|
|
4166
|
+
else
|
|
4206
4167
|
this.insertNewAddition(selection, event.key);
|
|
4207
|
-
}
|
|
4208
4168
|
}
|
|
4209
4169
|
}
|
|
4210
4170
|
/**
|
|
@@ -4212,6 +4172,8 @@ class TrackTextChangesComponent {
|
|
|
4212
4172
|
* @param event mouse event from the text editor.
|
|
4213
4173
|
*/
|
|
4214
4174
|
_onTextSelection() {
|
|
4175
|
+
if (this.markerTimeoutId)
|
|
4176
|
+
return;
|
|
4215
4177
|
if (this.showTooltip) {
|
|
4216
4178
|
this.showTooltip = false;
|
|
4217
4179
|
return;
|
|
@@ -4226,10 +4188,8 @@ class TrackTextChangesComponent {
|
|
|
4226
4188
|
else
|
|
4227
4189
|
this.showNotAllowedActionTooltip = false;
|
|
4228
4190
|
if (!selection.isCollapsed) {
|
|
4229
|
-
if (!this.
|
|
4230
|
-
this.showTooltip = false;
|
|
4191
|
+
if (!this.allowedActions.includes("comment"))
|
|
4231
4192
|
return;
|
|
4232
|
-
}
|
|
4233
4193
|
this.tooltipPosition = this.getSelectionTooltipPosition(selection);
|
|
4234
4194
|
this.showTooltip = true;
|
|
4235
4195
|
this.showNotAllowedActionTooltip = this.showCommentBox = false;
|
|
@@ -4289,13 +4249,11 @@ class TrackTextChangesComponent {
|
|
|
4289
4249
|
* Applies external changes to the base content and updates the editor.
|
|
4290
4250
|
*/
|
|
4291
4251
|
applyChangesToContent() {
|
|
4292
|
-
if (!this.editor || !this.editor.nativeElement)
|
|
4252
|
+
if (!this.editor || !this.editor.nativeElement)
|
|
4293
4253
|
return;
|
|
4294
|
-
}
|
|
4295
4254
|
this.editor.nativeElement.innerHTML = this.baseContent ?? '';
|
|
4296
|
-
if (!this.changes || !this.changes.length)
|
|
4255
|
+
if (!this.changes || !this.changes.length)
|
|
4297
4256
|
return;
|
|
4298
|
-
}
|
|
4299
4257
|
let content = this.baseContent ?? '';
|
|
4300
4258
|
const sortedChanges = this.changes.sort((a, b) => b.startOffset - a.startOffset);
|
|
4301
4259
|
this.sortAdjacentChangesWhichOneOfThemIsAdditionType(sortedChanges);
|
|
@@ -4351,7 +4309,7 @@ class TrackTextChangesComponent {
|
|
|
4351
4309
|
const hoverColor = (this.selectedChange?.id === change.id) ? this.textChangeStyle.delHoverColor : '';
|
|
4352
4310
|
const end = change.endOffset || change.startOffset;
|
|
4353
4311
|
return content.slice(0, change.startOffset) +
|
|
4354
|
-
`<del type="${change.type}" style="${this.textChangeStyle.del + hoverColor}">` +
|
|
4312
|
+
`<del id="${change.id}" type="${change.type}" style="${this.textChangeStyle.del + hoverColor}">` +
|
|
4355
4313
|
change.note +
|
|
4356
4314
|
`</del>` +
|
|
4357
4315
|
content.slice(end + 1);
|
|
@@ -4460,23 +4418,15 @@ class TrackTextChangesComponent {
|
|
|
4460
4418
|
}
|
|
4461
4419
|
// #endregion
|
|
4462
4420
|
// #region Insertion Logic
|
|
4463
|
-
isUpdateAdditionWhileSelectionIsNextToInsTag(selection) {
|
|
4464
|
-
const
|
|
4465
|
-
const
|
|
4466
|
-
const nextSiblingInsertionElement = this.getNextSiblingSameTag(range.startContainer, additionTagName$1);
|
|
4421
|
+
isUpdateAdditionWhileSelectionIsNextToInsTag(range, selection) {
|
|
4422
|
+
const currentNodeAbsoluteStartOffset = selection.anchorOffset + this.getAbsoluteOffset(this.editor.nativeElement, range.startContainer);
|
|
4423
|
+
const nextSiblingInsertionElement = this.getSiblingSameTag(range.startContainer, additionTagName$1, 'nextElementSibling');
|
|
4467
4424
|
if (!nextSiblingInsertionElement)
|
|
4468
4425
|
return false;
|
|
4469
|
-
const
|
|
4470
|
-
return
|
|
4471
|
-
}
|
|
4472
|
-
updateAddition(event, selection, isDeletionKey, isInsideInsTag) {
|
|
4473
|
-
if (isInsideInsTag) {
|
|
4474
|
-
this.updateAdditionWhileSelectionIsInsideInsTag(selection, event, isDeletionKey);
|
|
4475
|
-
return;
|
|
4476
|
-
}
|
|
4477
|
-
this.updateAdditionWhileSelectionIsNextToInsTag(selection, event, isDeletionKey);
|
|
4426
|
+
const nextSiblingInsertionElementAbsoluteStartOffset = this.getAbsoluteOffset(this.editor.nativeElement, nextSiblingInsertionElement);
|
|
4427
|
+
return nextSiblingInsertionElementAbsoluteStartOffset === currentNodeAbsoluteStartOffset;
|
|
4478
4428
|
}
|
|
4479
|
-
updateAdditionWhileSelectionIsInsideInsTag(selection,
|
|
4429
|
+
updateAdditionWhileSelectionIsInsideInsTag(selection, additionEvent, isDeletionKey) {
|
|
4480
4430
|
const range = selection.getRangeAt(0);
|
|
4481
4431
|
const currentNode = range.startContainer;
|
|
4482
4432
|
const offset = range.startOffset;
|
|
@@ -4486,28 +4436,28 @@ class TrackTextChangesComponent {
|
|
|
4486
4436
|
text = isDeletionKey ?
|
|
4487
4437
|
text.slice(0, offset - 1) + text.slice(offset)
|
|
4488
4438
|
:
|
|
4489
|
-
text.slice(0, offset) +
|
|
4439
|
+
text.slice(0, offset) + additionEvent.key + text.slice(offset);
|
|
4490
4440
|
const textChangeToUpdate = this.changes.find(change => change.id === currentNode.parentNode.id);
|
|
4491
4441
|
if (!textChangeToUpdate)
|
|
4492
4442
|
return;
|
|
4493
4443
|
text ? textChangeToUpdate.note = currentNode.textContent = text : this.deleteChange(textChangeToUpdate);
|
|
4494
|
-
const caretDiffPosition = !isDeletionKey ?
|
|
4444
|
+
const caretDiffPosition = !isDeletionKey ? additionEvent.key.length : -1;
|
|
4495
4445
|
this.updateSelection(selection, currentNode, offset + caretDiffPosition);
|
|
4496
4446
|
if (text)
|
|
4497
4447
|
this.changesEmitter.emit(this.changes);
|
|
4498
4448
|
}
|
|
4499
|
-
updateAdditionWhileSelectionIsNextToInsTag(selection,
|
|
4449
|
+
updateAdditionWhileSelectionIsNextToInsTag(selection, additionEvent, isDeletionKey) {
|
|
4500
4450
|
const range = selection.getRangeAt(0);
|
|
4501
|
-
const nextSiblingInsertionElement = this.
|
|
4451
|
+
const nextSiblingInsertionElement = this.getSiblingSameTag(range.startContainer, additionTagName$1, 'nextElementSibling');
|
|
4502
4452
|
if (isDeletionKey)
|
|
4503
4453
|
return;
|
|
4504
4454
|
const textChangeToUpdate = this.changes.find(change => change?.id === nextSiblingInsertionElement?.id);
|
|
4505
4455
|
if (!textChangeToUpdate)
|
|
4506
4456
|
return;
|
|
4507
4457
|
const textElement = nextSiblingInsertionElement;
|
|
4508
|
-
textElement.textContent =
|
|
4458
|
+
textElement.textContent = additionEvent.key + textElement.textContent;
|
|
4509
4459
|
textChangeToUpdate.note = textElement.textContent;
|
|
4510
|
-
const nextCharCaretDiffPosition =
|
|
4460
|
+
const nextCharCaretDiffPosition = additionEvent.key.length;
|
|
4511
4461
|
this.updateSelection(selection, nextSiblingInsertionElement?.firstChild, nextCharCaretDiffPosition);
|
|
4512
4462
|
this.changesEmitter.emit(this.changes);
|
|
4513
4463
|
}
|
|
@@ -4529,16 +4479,15 @@ class TrackTextChangesComponent {
|
|
|
4529
4479
|
selection.removeAllRanges();
|
|
4530
4480
|
selection.addRange(range);
|
|
4531
4481
|
}
|
|
4532
|
-
const
|
|
4533
|
-
|
|
4482
|
+
const startOffset = this.getAbsoluteOffset(this.editor.nativeElement, newInsTag);
|
|
4483
|
+
this.recordChange({
|
|
4534
4484
|
id: newInsTag.id,
|
|
4535
4485
|
type: 'addition',
|
|
4536
4486
|
note: text,
|
|
4537
4487
|
creatingUser: this.currentUser,
|
|
4538
4488
|
timeStamp: new Date(),
|
|
4539
|
-
startOffset:
|
|
4540
|
-
};
|
|
4541
|
-
this.recordChange(textChange);
|
|
4489
|
+
startOffset: startOffset
|
|
4490
|
+
});
|
|
4542
4491
|
}
|
|
4543
4492
|
/**
|
|
4544
4493
|
* Creates an <ins> tag element for added text.
|
|
@@ -4574,32 +4523,81 @@ class TrackTextChangesComponent {
|
|
|
4574
4523
|
*/
|
|
4575
4524
|
handleDeletion(selection) {
|
|
4576
4525
|
const deletedText = window.getSelection().toString();
|
|
4577
|
-
if (deletedText)
|
|
4578
|
-
|
|
4579
|
-
|
|
4580
|
-
|
|
4581
|
-
|
|
4582
|
-
|
|
4583
|
-
|
|
4526
|
+
if (!deletedText)
|
|
4527
|
+
return;
|
|
4528
|
+
const delTag = this.createDelTag(deletedText);
|
|
4529
|
+
const range = selection.getRangeAt(0);
|
|
4530
|
+
try {
|
|
4531
|
+
range.surroundContents(delTag);
|
|
4532
|
+
}
|
|
4533
|
+
catch (error) {
|
|
4534
|
+
return;
|
|
4535
|
+
}
|
|
4536
|
+
const targetNode = range.startContainer.childNodes[range.startOffset];
|
|
4537
|
+
const currentNodeAbsoluteStartOffset = this.getAbsoluteOffset(this.editor.nativeElement, targetNode);
|
|
4538
|
+
const deletionTagsUpdateData = this.getDeletionTagsUpdateData(targetNode, currentNodeAbsoluteStartOffset, deletedText);
|
|
4539
|
+
if (deletionTagsUpdateData.isNewDeletionAdjacentBeforeDeletionTag || deletionTagsUpdateData.isNewDeletionAdjacentAfterDeletionTag) {
|
|
4540
|
+
this.updateDeletionTags(deletionTagsUpdateData);
|
|
4541
|
+
return;
|
|
4542
|
+
}
|
|
4543
|
+
this.recordChange({
|
|
4544
|
+
id: delTag.id,
|
|
4545
|
+
type: 'deletion',
|
|
4546
|
+
note: deletedText,
|
|
4547
|
+
creatingUser: this.currentUser,
|
|
4548
|
+
timeStamp: new Date(),
|
|
4549
|
+
startOffset: currentNodeAbsoluteStartOffset,
|
|
4550
|
+
endOffset: currentNodeAbsoluteStartOffset + deletedText?.length - 1
|
|
4551
|
+
});
|
|
4552
|
+
}
|
|
4553
|
+
getDeletionTagsUpdateData(targetNode, currentNodeAbsoluteOffset, deletedText) {
|
|
4554
|
+
const nextSiblingDeletionElement = this.getSiblingSameTag(targetNode, deletionTagName$1, 'nextElementSibling');
|
|
4555
|
+
const previousSiblingDeletionElement = this.getSiblingSameTag(targetNode, deletionTagName$1, 'previousElementSibling');
|
|
4556
|
+
const nextSiblingDeletionElementAbsoluteStartOffset = nextSiblingDeletionElement ? this.getAbsoluteOffset(this.editor.nativeElement, nextSiblingDeletionElement) : undefined;
|
|
4557
|
+
const previousSiblingDeletionElementAbsoluteStartOffset = previousSiblingDeletionElement ? this.getAbsoluteOffset(this.editor.nativeElement, previousSiblingDeletionElement) : undefined;
|
|
4558
|
+
const isNewDeletionAdjacentBeforeDeletionTag = nextSiblingDeletionElement && (currentNodeAbsoluteOffset + deletedText.length === nextSiblingDeletionElementAbsoluteStartOffset);
|
|
4559
|
+
const isNewDeletionAdjacentAfterDeletionTag = previousSiblingDeletionElement && (currentNodeAbsoluteOffset === previousSiblingDeletionElementAbsoluteStartOffset + previousSiblingDeletionElement.textContent.length);
|
|
4560
|
+
return {
|
|
4561
|
+
isNewDeletionAdjacentBeforeDeletionTag: isNewDeletionAdjacentBeforeDeletionTag,
|
|
4562
|
+
isNewDeletionAdjacentAfterDeletionTag: isNewDeletionAdjacentAfterDeletionTag,
|
|
4563
|
+
nextSiblingDeletionElement: nextSiblingDeletionElement,
|
|
4564
|
+
previousSiblingDeletionElement: previousSiblingDeletionElement,
|
|
4565
|
+
deletedText: deletedText
|
|
4566
|
+
};
|
|
4567
|
+
}
|
|
4568
|
+
updateDeletionTags(deletionTagsUpdateData) {
|
|
4569
|
+
const { isNewDeletionAdjacentBeforeDeletionTag, isNewDeletionAdjacentAfterDeletionTag, nextSiblingDeletionElement, previousSiblingDeletionElement, deletedText } = deletionTagsUpdateData;
|
|
4570
|
+
const isNewDeletionBetweenToDeletionTags = isNewDeletionAdjacentBeforeDeletionTag && isNewDeletionAdjacentAfterDeletionTag;
|
|
4571
|
+
let changeToUpdate;
|
|
4572
|
+
if (isNewDeletionBetweenToDeletionTags) {
|
|
4573
|
+
changeToUpdate = this.changes.find(change => change.id === previousSiblingDeletionElement.id);
|
|
4574
|
+
if (!changeToUpdate)
|
|
4584
4575
|
return;
|
|
4585
|
-
|
|
4586
|
-
|
|
4587
|
-
|
|
4588
|
-
|
|
4589
|
-
|
|
4590
|
-
|
|
4591
|
-
|
|
4592
|
-
|
|
4593
|
-
|
|
4594
|
-
|
|
4595
|
-
|
|
4576
|
+
this.changes = this.changes.filter(change => change.id !== nextSiblingDeletionElement.id);
|
|
4577
|
+
changeToUpdate.note += deletedText + nextSiblingDeletionElement.textContent;
|
|
4578
|
+
}
|
|
4579
|
+
else if (isNewDeletionAdjacentBeforeDeletionTag) {
|
|
4580
|
+
changeToUpdate = this.changes.find(change => change.id === nextSiblingDeletionElement.id);
|
|
4581
|
+
if (!changeToUpdate)
|
|
4582
|
+
return;
|
|
4583
|
+
changeToUpdate.note = deletedText + changeToUpdate.note;
|
|
4584
|
+
changeToUpdate.startOffset -= deletedText.length;
|
|
4585
|
+
}
|
|
4586
|
+
else {
|
|
4587
|
+
changeToUpdate = this.changes.find(change => change.id === previousSiblingDeletionElement.id);
|
|
4588
|
+
if (!changeToUpdate)
|
|
4589
|
+
return;
|
|
4590
|
+
changeToUpdate.note += deletedText;
|
|
4596
4591
|
}
|
|
4592
|
+
changeToUpdate.endOffset = changeToUpdate.startOffset + changeToUpdate.note.length - 1;
|
|
4593
|
+
this.changesEmitter.emit(this.changes);
|
|
4594
|
+
this.applyChangesToContent();
|
|
4597
4595
|
}
|
|
4598
4596
|
deleteChange(changeToDelete) {
|
|
4599
4597
|
const index = this.changes.findIndex(change => change === changeToDelete);
|
|
4600
|
-
if (index
|
|
4601
|
-
|
|
4602
|
-
|
|
4598
|
+
if (index === -1)
|
|
4599
|
+
return;
|
|
4600
|
+
this.changes.splice(index, 1);
|
|
4603
4601
|
this.changesEmitter.emit(this.changes);
|
|
4604
4602
|
this.applyChangesToContent();
|
|
4605
4603
|
}
|
|
@@ -4609,7 +4607,7 @@ class TrackTextChangesComponent {
|
|
|
4609
4607
|
* @returns The created <del> HTMLElement.
|
|
4610
4608
|
*/
|
|
4611
4609
|
createDelTag(text) {
|
|
4612
|
-
const tag = document.createElement(
|
|
4610
|
+
const tag = document.createElement(deletionTagName$1);
|
|
4613
4611
|
tag.textContent = text;
|
|
4614
4612
|
tag.id = this.generateId();
|
|
4615
4613
|
tag.setAttribute('style', this.textChangeStyle.del);
|
|
@@ -4621,9 +4619,7 @@ class TrackTextChangesComponent {
|
|
|
4621
4619
|
/**
|
|
4622
4620
|
* Opens the comment box tooltip for the current selection.
|
|
4623
4621
|
*/
|
|
4624
|
-
|
|
4625
|
-
if (!this.isActionAllowed("comment"))
|
|
4626
|
-
return;
|
|
4622
|
+
_onOpenCommentBox() {
|
|
4627
4623
|
const selection = window.getSelection();
|
|
4628
4624
|
if (selection && selection.rangeCount > 0) {
|
|
4629
4625
|
const range = selection.getRangeAt(0);
|
|
@@ -4633,9 +4629,8 @@ class TrackTextChangesComponent {
|
|
|
4633
4629
|
this.showTooltip = false;
|
|
4634
4630
|
this.showCommentBox = true;
|
|
4635
4631
|
}
|
|
4636
|
-
else
|
|
4632
|
+
else
|
|
4637
4633
|
this.resetCommentUI();
|
|
4638
|
-
}
|
|
4639
4634
|
}
|
|
4640
4635
|
/**
|
|
4641
4636
|
* Calculates the position for the comment box.
|
|
@@ -4652,8 +4647,6 @@ class TrackTextChangesComponent {
|
|
|
4652
4647
|
* Adds a comment using a prompt (used by the toolbar).
|
|
4653
4648
|
*/
|
|
4654
4649
|
addComment() {
|
|
4655
|
-
if (!this.isActionAllowed("comment"))
|
|
4656
|
-
return;
|
|
4657
4650
|
const selection = window.getSelection();
|
|
4658
4651
|
if (selection && selection.rangeCount > 0) {
|
|
4659
4652
|
const range = selection.getRangeAt(0);
|
|
@@ -4678,8 +4671,6 @@ class TrackTextChangesComponent {
|
|
|
4678
4671
|
* Saves a comment from the comment box. If editing, updates the existing comment.
|
|
4679
4672
|
*/
|
|
4680
4673
|
saveComment() {
|
|
4681
|
-
if (!this.isActionAllowed("comment"))
|
|
4682
|
-
return;
|
|
4683
4674
|
if (this.editCommentBox && this.editingCommentElement) {
|
|
4684
4675
|
this.editingCommentElement.setAttribute('data-comment', this.newCommentText);
|
|
4685
4676
|
const tooltip = this.editingCommentElement.querySelector('.comment-tooltip');
|
|
@@ -4806,10 +4797,6 @@ class TrackTextChangesComponent {
|
|
|
4806
4797
|
const rect = commentTag.getBoundingClientRect();
|
|
4807
4798
|
this.commentBoxPosition = { top: rect.bottom + window.scrollY, left: rect.left + window.scrollX };
|
|
4808
4799
|
tooltip.style.display = 'none';
|
|
4809
|
-
// tooltip.style.fontSize = '0';
|
|
4810
|
-
// tooltip.querySelector('p').style.fontSize = '0';
|
|
4811
|
-
// tooltip.style.top = '0';
|
|
4812
|
-
// tooltip.style.left = '0';
|
|
4813
4800
|
}
|
|
4814
4801
|
/**
|
|
4815
4802
|
* Deletes a comment from the DOM and removes its change record.
|
|
@@ -4821,9 +4808,9 @@ class TrackTextChangesComponent {
|
|
|
4821
4808
|
parent.replaceChild(document.createTextNode(commentTag.ariaLabel || ''), commentTag);
|
|
4822
4809
|
}
|
|
4823
4810
|
const index = this.changes.findIndex(change => change.id === commentTag.id);
|
|
4824
|
-
if (index
|
|
4825
|
-
|
|
4826
|
-
|
|
4811
|
+
if (index === -1)
|
|
4812
|
+
return;
|
|
4813
|
+
this.changes.splice(index, 1);
|
|
4827
4814
|
this.changesEmitter.emit(this.changes);
|
|
4828
4815
|
this.applyChangesToContent();
|
|
4829
4816
|
this.updateListenersForMarksAndTooltips();
|
|
@@ -4854,9 +4841,8 @@ class TrackTextChangesComponent {
|
|
|
4854
4841
|
const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
|
|
4855
4842
|
acceptNode: (node) => {
|
|
4856
4843
|
// Ignore comment markers and other non-text nodes
|
|
4857
|
-
if (node.parentElement?.tagName === 'P')
|
|
4844
|
+
if (node.parentElement?.tagName === 'P')
|
|
4858
4845
|
return NodeFilter.FILTER_REJECT;
|
|
4859
|
-
}
|
|
4860
4846
|
return NodeFilter.FILTER_ACCEPT;
|
|
4861
4847
|
}
|
|
4862
4848
|
});
|
|
@@ -4864,9 +4850,8 @@ class TrackTextChangesComponent {
|
|
|
4864
4850
|
let currentNode = walker.nextNode();
|
|
4865
4851
|
while (currentNode) {
|
|
4866
4852
|
const isInsElement = currentNode.parentNode.tagName.toLowerCase() === additionTagName$1;
|
|
4867
|
-
if ((currentNode.parentNode === node || currentNode === node))
|
|
4853
|
+
if ((currentNode.parentNode === node || currentNode === node))
|
|
4868
4854
|
return currentOffset;
|
|
4869
|
-
}
|
|
4870
4855
|
if (!isInsElement)
|
|
4871
4856
|
currentOffset += currentNode.textContent?.length || 0;
|
|
4872
4857
|
currentNode = walker.nextNode();
|
|
@@ -4881,21 +4866,20 @@ class TrackTextChangesComponent {
|
|
|
4881
4866
|
*/
|
|
4882
4867
|
isInsideTag(node, tagName) {
|
|
4883
4868
|
while (node) {
|
|
4884
|
-
if (node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() === tagName)
|
|
4869
|
+
if (node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() === tagName)
|
|
4885
4870
|
return true;
|
|
4886
|
-
}
|
|
4887
4871
|
node = node.parentNode;
|
|
4888
4872
|
if (node.id === editorContainerElementId$1)
|
|
4889
4873
|
return false;
|
|
4890
4874
|
}
|
|
4891
4875
|
return false;
|
|
4892
4876
|
}
|
|
4893
|
-
|
|
4894
|
-
let
|
|
4895
|
-
if (!
|
|
4877
|
+
getSiblingSameTag(node, tagName, siblingKey) {
|
|
4878
|
+
let sibling = node[siblingKey];
|
|
4879
|
+
if (!sibling)
|
|
4896
4880
|
return null;
|
|
4897
|
-
return
|
|
4898
|
-
|
|
4881
|
+
return sibling.nodeType === Node.ELEMENT_NODE && sibling.tagName.toLowerCase() === tagName ?
|
|
4882
|
+
sibling : null;
|
|
4899
4883
|
}
|
|
4900
4884
|
/**
|
|
4901
4885
|
* Records a change in the changes list.
|
|
@@ -4926,25 +4910,21 @@ class TrackTextChangesComponent {
|
|
|
4926
4910
|
return isTruncatedTitleElement(element);
|
|
4927
4911
|
}
|
|
4928
4912
|
get informationIconSvgString() {
|
|
4929
|
-
return svgsStrings.information;
|
|
4913
|
+
return svgsStrings$1.information;
|
|
4930
4914
|
}
|
|
4931
4915
|
get messagePlusIconSvgString() {
|
|
4932
|
-
return svgsStrings.messagePlus;
|
|
4916
|
+
return svgsStrings$1.messagePlus;
|
|
4933
4917
|
}
|
|
4934
4918
|
ngOnDestroy() {
|
|
4935
4919
|
this.removeEventListenerFromMarkersAndTooltips();
|
|
4936
4920
|
}
|
|
4937
|
-
|
|
4938
|
-
|
|
4939
|
-
return actions.includes(action);
|
|
4940
|
-
}
|
|
4941
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TrackTextChangesComponent, deps: [{ token: i2$1.TrackTextChangesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4942
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: TrackTextChangesComponent, isStandalone: false, selector: "track-text-changes", inputs: { changes: "changes", selectedChange: "selectedChange", currentUser: "currentUser", baseContent: "baseContent", isReadOnly: "isReadOnly", fontSize: "fontSize", showComments: "showComments", allowedActions: "allowedActions" }, outputs: { changesEmitter: "changesEmitter" }, viewQueries: [{ propertyName: "editor", first: true, predicate: ["editor"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"editor-container\" class=\"editor-container\" dir=\"rtl\" [ngClass]=\"{'editor-container-with-grid':showComments}\">\r\n <div #editor class=\"text-editor\" [attr.contenteditable]=\"!isReadOnly\" (keydown)=\"_onKeyDown($event)\"\r\n (mouseup)=\"_onTextSelection()\" (drop)=\"_onDropTextSelection($event)\">\r\n </div>\r\n\r\n <div *ngIf=\"showComments\" class=\"comments-panel\">\r\n <h3>\u05D4\u05E2\u05E8\u05D5\u05EA:</h3>\r\n <div *ngFor=\"let change of changes\">\r\n <div class=\"comment\">\r\n <div class=\"comment-header align-items-center\">\r\n <strong><img [src]=\"change?.creatingUser?.pictureUrl\">{{ change?.creatingUser?.firstName + ' ' +\r\n change?.creatingUser?.lastName }}</strong>\r\n <span>{{ change.timestamp | date:'dd/MM/yy' }}</span>\r\n </div>\r\n\r\n <p #commentRef class=\"reference-text\" appHerumToolTip\r\n [matTooltip]=\"_isTruncatedElement(commentRef) ? change.note : ''\">\r\n <img src=\"assets/shared/trackChanges/text-reference.svg\">\r\n {{ change.note | ellipsis:commentRef }}\r\n </p>\r\n\r\n <div class=\"d-flex flex-cloumn justify-content-between w-100\">\r\n <span class=\"d-flex gap-3 align-items-center w-100\">\r\n\r\n <p class=\"comment-text m-0\">\r\n {{ change.commentText }}\r\n </p>\r\n </span>\r\n\r\n <button class=\"cancel-deletion\" (click)=\"deleteChange(change)\" *ngIf=\"!isReadOnly\">\r\n <img src=\"assets/shared/trackChanges/trash.svg\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"showTooltip && !isReadOnly\" class=\"comment-tooltip\" [style.top.px]=\"tooltipPosition.top\"\r\n [style.left.px]=\"tooltipPosition.left\">\r\n <button (click)=\"openCommentBox()\">\r\n <span class=\"icon\" [innerHTML]=\"messagePlusIconSvgString | safeHtml\"></span>\r\n \u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4\r\n </button>\r\n </div>\r\n\r\n <div *ngIf=\"showNotAllowedActionTooltip && !isReadOnly\" class=\"comment-tooltip\"\r\n [style.top.px]=\"showNotAllowedActionTooltipPosition.top\" [style.left.px]=\"showNotAllowedActionTooltipPosition.left\">\r\n <span>\r\n <span class=\"icon\" [innerHTML]=\"informationIconSvgString | safeHtml\"></span>\r\n \u05DC\u05D0 \u05E0\u05D9\u05EA\u05DF \u05DC\u05D1\u05E6\u05E2 \u05E4\u05E2\u05D5\u05DC\u05D4 \u05E2\u05DC \u05D4\u05E2\u05E8\u05D4 \u05E7\u05D9\u05D9\u05DE\u05EA\r\n </span>\r\n </div>\r\n\r\n <div *ngIf=\"showCommentBox && !isReadOnly\" class=\"comment-box\" [style.top.px]=\"commentBoxPosition.top\"\r\n [style.left.px]=\"commentBoxPosition.left\">\r\n <herum-text-area [(ngModel)]=\"newCommentText\" placeholder=\"\u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4\">\r\n </herum-text-area>\r\n\r\n <div class=\"comment-actions\">\r\n <button class=\"cancel\" (click)=\"cancelComment()\">\u05D1\u05D8\u05DC</button>\r\n <button class=\"save\" (click)=\"saveComment()\">\u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4</button>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"editCommentBox && !isReadOnly\" class=\"comment-box\" [style.top.px]=\"commentBoxPosition.top\"\r\n [style.left.px]=\"commentBoxPosition.left\">\r\n <herum-text-area [(ngModel)]=\"newCommentText\" placeholder=\"\u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4\">\r\n </herum-text-area>\r\n\r\n <div class=\"comment-actions\">\r\n <button class=\"cancel\" (click)=\"cancelComment()\">\u05D1\u05D8\u05DC</button>\r\n <button class=\"save\" (click)=\"saveComment()\">\u05E9\u05DE\u05D5\u05E8</button>\r\n </div>\r\n </div>\r\n</div>", styles: [":host{height:100%}.editor-container{padding:0 20px 20px;height:100%}.text-editor:focus-visible{outline:none;border-color:var(--icons-color-light-1)}.editor-container-with-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.text-editor{border:1px solid #ccc;padding:10px;min-height:300px;line-height:1.5;position:relative;border-radius:8px;white-space:pre-wrap;width:90%;overflow-y:auto}.text-editor *{font-size:inherit}::selection{background-color:var(--hover-background);box-shadow:0 0 0 1px var(--hover-background)}.text-editor del{color:red;text-decoration:line-through;background-color:#ffd7d7;border-radius:8px}.text-editor ins{color:#00f;text-decoration:none;border-radius:4px}.comment-marker{background-color:var(--comment-marker-background);border-radius:4px;width:100%}.comments-panel{overflow-y:auto;padding:10px;width:100%;height:100%}.comment{margin-bottom:10px;padding:10px;background-color:#f5f5f5;border-radius:4px;position:relative;width:100%}.comment .comment-text{width:90%;word-break:break-word}.comment-header{display:flex;justify-content:space-between;margin-bottom:8px}.comment-header strong img{margin-left:4px;width:24px;height:24px;border-radius:50%}.toolbar{grid-column:1/-1;padding:10px 0}.comment-tooltip{position:fixed;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0003;z-index:1000;padding:6px 12px}.comment-tooltip .icon{stroke:var(--icons-color)}.comment-tooltip button{background:#fff;color:#1a2d4c;border:none;border-radius:8px;cursor:pointer}.reference-text{opacity:.7}.comment-view-container{width:250px;display:flex;flex-direction:row;justify-content:space-between}.comment-box{display:flex;gap:12px;flex-direction:column;position:fixed;background:#fff;border-radius:8px;padding:10px;box-shadow:0 2px 8px #0003;z-index:1000;width:250px}.comment-box textarea{width:100%;min-height:100px;padding:8px;border:1px solid #ddd;border-radius:8px}.cancel-deletion{background:transparent;color:#fff;border:none;border-radius:4px;padding-inline:4px 0px}.comment-actions{display:flex;gap:10px;justify-content:space-between}.comment-actions .save{background:var(--icons-color);color:#fff;border:none}.comment-actions .cancel{color:var(--icons-color);background:none;border:none}.comment-actions button{padding:6px 12px;border-radius:4px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: HerumToolTipDirective, selector: "[appHerumToolTip]", inputs: ["tooltipText"] }, { kind: "component", type: HerumTextAreaComponent, selector: "herum-text-area", inputs: ["placeholder", "disabled", "formControlName", "isValid", "isLoading", "errorMsg", "showErrorMsgGap", "id", "preventMacroKeysPressEvent", "heightMode", "fontSize", "inputValue", "maxLength"], outputs: ["inputValueEmitter"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }], encapsulation: i0.ViewEncapsulation.None });
|
|
4921
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TrackTextChangesComponent, deps: [{ token: i1$2.TrackTextChangesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4922
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: TrackTextChangesComponent, isStandalone: false, selector: "track-text-changes", inputs: { changes: "changes", selectedChange: "selectedChange", currentUser: "currentUser", baseContent: "baseContent", isReadOnly: "isReadOnly", fontSize: "fontSize", showComments: "showComments", allowedActions: "allowedActions" }, outputs: { changesEmitter: "changesEmitter" }, viewQueries: [{ propertyName: "editor", first: true, predicate: ["editor"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"editor-container\" class=\"editor-container\" dir=\"rtl\" [ngClass]=\"{'editor-container-with-grid':showComments}\">\r\n <div #editor class=\"text-editor\" [attr.contenteditable]=\"!isReadOnly\" (keydown)=\"_onKeyDown($event)\"\r\n (mouseup)=\"_onTextSelection()\" (drop)=\"_onDropTextSelection($event)\" (paste)=\"_onPaste($event)\">\r\n </div>\r\n\r\n <div *ngIf=\"showComments\" class=\"comments-panel\">\r\n <h3>\u05D4\u05E2\u05E8\u05D5\u05EA:</h3>\r\n <div *ngFor=\"let change of changes\">\r\n <div class=\"comment\">\r\n <div class=\"comment-header align-items-center\">\r\n <strong><img [src]=\"change?.creatingUser?.pictureUrl\">{{ change?.creatingUser?.firstName + ' ' +\r\n change?.creatingUser?.lastName }}</strong>\r\n <span>{{ change.timestamp | date:'dd/MM/yy' }}</span>\r\n </div>\r\n\r\n <p #commentRef class=\"reference-text\" appHerumToolTip\r\n [matTooltip]=\"_isTruncatedElement(commentRef) ? change.note : ''\">\r\n <img src=\"assets/shared/trackChanges/text-reference.svg\">\r\n {{ change.note | ellipsis:commentRef }}\r\n </p>\r\n\r\n <div class=\"d-flex flex-cloumn justify-content-between w-100\">\r\n <span class=\"d-flex gap-3 align-items-center w-100\">\r\n\r\n <p class=\"comment-text m-0\">\r\n {{ change.commentText }}\r\n </p>\r\n </span>\r\n\r\n <button class=\"cancel-deletion\" (click)=\"deleteChange(change)\" *ngIf=\"!isReadOnly\">\r\n <img src=\"assets/shared/trackChanges/trash.svg\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"showTooltip && !isReadOnly\" class=\"comment-tooltip\" [style.top.px]=\"tooltipPosition.top\"\r\n [style.left.px]=\"tooltipPosition.left\">\r\n <button (click)=\"_onOpenCommentBox()\">\r\n <span class=\"icon\" [innerHTML]=\"messagePlusIconSvgString | safeHtml\"></span>\r\n \u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4\r\n </button>\r\n </div>\r\n\r\n <div *ngIf=\"showNotAllowedActionTooltip && !isReadOnly\" class=\"comment-tooltip\"\r\n [style.top.px]=\"showNotAllowedActionTooltipPosition.top\" [style.left.px]=\"showNotAllowedActionTooltipPosition.left\">\r\n <span>\r\n <span class=\"icon\" [innerHTML]=\"informationIconSvgString | safeHtml\"></span>\r\n \u05DC\u05D0 \u05E0\u05D9\u05EA\u05DF \u05DC\u05D1\u05E6\u05E2 \u05E4\u05E2\u05D5\u05DC\u05D4 \u05E2\u05DC \u05D4\u05E2\u05E8\u05D4 \u05E7\u05D9\u05D9\u05DE\u05EA\r\n </span>\r\n </div>\r\n\r\n <div *ngIf=\"showCommentBox && !isReadOnly\" class=\"comment-box\" [style.top.px]=\"commentBoxPosition.top\"\r\n [style.left.px]=\"commentBoxPosition.left\">\r\n <herum-text-area [(ngModel)]=\"newCommentText\" placeholder=\"\u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4\">\r\n </herum-text-area>\r\n\r\n <div class=\"comment-actions\">\r\n <button class=\"cancel\" (click)=\"cancelComment()\">\u05D1\u05D8\u05DC</button>\r\n <button class=\"save\" (click)=\"saveComment()\">\u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4</button>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"editCommentBox && !isReadOnly\" class=\"comment-box\" [style.top.px]=\"commentBoxPosition.top\"\r\n [style.left.px]=\"commentBoxPosition.left\">\r\n <herum-text-area [(ngModel)]=\"newCommentText\" placeholder=\"\u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4\">\r\n </herum-text-area>\r\n\r\n <div class=\"comment-actions\">\r\n <button class=\"cancel\" (click)=\"cancelComment()\">\u05D1\u05D8\u05DC</button>\r\n <button class=\"save\" (click)=\"saveComment()\">\u05E9\u05DE\u05D5\u05E8</button>\r\n </div>\r\n </div>\r\n</div>", styles: [":host{height:100%}.editor-container{padding:0 20px 20px;height:100%}.text-editor:focus-visible{outline:none;border-color:var(--icons-color-light-1)}.editor-container-with-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.text-editor{border:1px solid #ccc;padding:10px;min-height:300px;line-height:1.5;position:relative;border-radius:8px;white-space:pre-wrap;width:90%;overflow-y:auto}.text-editor *{font-size:inherit}::selection{background-color:var(--hover-background);box-shadow:0 0 0 1px var(--hover-background)}.text-editor del{color:red;text-decoration:line-through;background-color:#ffd7d7;border-radius:8px}.text-editor ins{color:#00f;text-decoration:none;border-radius:4px}.comment-marker{background-color:var(--comment-marker-background);border-radius:4px;width:100%}.comments-panel{overflow-y:auto;padding:10px;width:100%;height:100%}.comment{margin-bottom:10px;padding:10px;background-color:#f5f5f5;border-radius:4px;position:relative;width:100%}.comment .comment-text{width:90%;word-break:break-word}.comment-header{display:flex;justify-content:space-between;margin-bottom:8px}.comment-header strong img{margin-left:4px;width:24px;height:24px;border-radius:50%}.toolbar{grid-column:1/-1;padding:10px 0}.comment-tooltip{position:fixed;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0003;z-index:1000;padding:6px 12px}.comment-tooltip .icon{stroke:var(--icons-color)}.comment-tooltip button{background:#fff;color:#1a2d4c;border:none;border-radius:8px;cursor:pointer}.reference-text{opacity:.7}.comment-view-container{width:250px;display:flex;flex-direction:row;justify-content:space-between}.comment-box{display:flex;gap:12px;flex-direction:column;position:fixed;background:#fff;border-radius:8px;padding:10px;box-shadow:0 2px 8px #0003;z-index:1000;width:250px}.comment-box textarea{width:100%;min-height:100px;padding:8px;border:1px solid #ddd;border-radius:8px}.cancel-deletion{background:transparent;color:#fff;border:none;border-radius:4px;padding-inline:4px 0px}.comment-actions{display:flex;gap:10px;justify-content:space-between}.comment-actions .save{background:var(--icons-color);color:#fff;border:none}.comment-actions .cancel{color:var(--icons-color);background:none;border:none}.comment-actions button{padding:6px 12px;border-radius:4px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: HerumToolTipDirective, selector: "[appHerumToolTip]", inputs: ["tooltipText"] }, { kind: "component", type: HerumTextAreaComponent, selector: "herum-text-area", inputs: ["placeholder", "disabled", "formControlName", "isValid", "isLoading", "errorMsg", "showErrorMsgGap", "id", "preventMacroKeysPressEvent", "heightMode", "fontSize", "inputValue", "maxLength"], outputs: ["inputValueEmitter"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }], encapsulation: i0.ViewEncapsulation.None });
|
|
4943
4923
|
}
|
|
4944
4924
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TrackTextChangesComponent, decorators: [{
|
|
4945
4925
|
type: Component,
|
|
4946
|
-
args: [{ standalone: false, selector: 'track-text-changes', encapsulation: ViewEncapsulation.None, template: "<div id=\"editor-container\" class=\"editor-container\" dir=\"rtl\" [ngClass]=\"{'editor-container-with-grid':showComments}\">\r\n <div #editor class=\"text-editor\" [attr.contenteditable]=\"!isReadOnly\" (keydown)=\"_onKeyDown($event)\"\r\n (mouseup)=\"_onTextSelection()\" (drop)=\"_onDropTextSelection($event)\">\r\n </div>\r\n\r\n <div *ngIf=\"showComments\" class=\"comments-panel\">\r\n <h3>\u05D4\u05E2\u05E8\u05D5\u05EA:</h3>\r\n <div *ngFor=\"let change of changes\">\r\n <div class=\"comment\">\r\n <div class=\"comment-header align-items-center\">\r\n <strong><img [src]=\"change?.creatingUser?.pictureUrl\">{{ change?.creatingUser?.firstName + ' ' +\r\n change?.creatingUser?.lastName }}</strong>\r\n <span>{{ change.timestamp | date:'dd/MM/yy' }}</span>\r\n </div>\r\n\r\n <p #commentRef class=\"reference-text\" appHerumToolTip\r\n [matTooltip]=\"_isTruncatedElement(commentRef) ? change.note : ''\">\r\n <img src=\"assets/shared/trackChanges/text-reference.svg\">\r\n {{ change.note | ellipsis:commentRef }}\r\n </p>\r\n\r\n <div class=\"d-flex flex-cloumn justify-content-between w-100\">\r\n <span class=\"d-flex gap-3 align-items-center w-100\">\r\n\r\n <p class=\"comment-text m-0\">\r\n {{ change.commentText }}\r\n </p>\r\n </span>\r\n\r\n <button class=\"cancel-deletion\" (click)=\"deleteChange(change)\" *ngIf=\"!isReadOnly\">\r\n <img src=\"assets/shared/trackChanges/trash.svg\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"showTooltip && !isReadOnly\" class=\"comment-tooltip\" [style.top.px]=\"tooltipPosition.top\"\r\n [style.left.px]=\"tooltipPosition.left\">\r\n <button (click)=\"
|
|
4947
|
-
}], ctorParameters: () => [{ type:
|
|
4926
|
+
args: [{ standalone: false, selector: 'track-text-changes', encapsulation: ViewEncapsulation.None, template: "<div id=\"editor-container\" class=\"editor-container\" dir=\"rtl\" [ngClass]=\"{'editor-container-with-grid':showComments}\">\r\n <div #editor class=\"text-editor\" [attr.contenteditable]=\"!isReadOnly\" (keydown)=\"_onKeyDown($event)\"\r\n (mouseup)=\"_onTextSelection()\" (drop)=\"_onDropTextSelection($event)\" (paste)=\"_onPaste($event)\">\r\n </div>\r\n\r\n <div *ngIf=\"showComments\" class=\"comments-panel\">\r\n <h3>\u05D4\u05E2\u05E8\u05D5\u05EA:</h3>\r\n <div *ngFor=\"let change of changes\">\r\n <div class=\"comment\">\r\n <div class=\"comment-header align-items-center\">\r\n <strong><img [src]=\"change?.creatingUser?.pictureUrl\">{{ change?.creatingUser?.firstName + ' ' +\r\n change?.creatingUser?.lastName }}</strong>\r\n <span>{{ change.timestamp | date:'dd/MM/yy' }}</span>\r\n </div>\r\n\r\n <p #commentRef class=\"reference-text\" appHerumToolTip\r\n [matTooltip]=\"_isTruncatedElement(commentRef) ? change.note : ''\">\r\n <img src=\"assets/shared/trackChanges/text-reference.svg\">\r\n {{ change.note | ellipsis:commentRef }}\r\n </p>\r\n\r\n <div class=\"d-flex flex-cloumn justify-content-between w-100\">\r\n <span class=\"d-flex gap-3 align-items-center w-100\">\r\n\r\n <p class=\"comment-text m-0\">\r\n {{ change.commentText }}\r\n </p>\r\n </span>\r\n\r\n <button class=\"cancel-deletion\" (click)=\"deleteChange(change)\" *ngIf=\"!isReadOnly\">\r\n <img src=\"assets/shared/trackChanges/trash.svg\">\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"showTooltip && !isReadOnly\" class=\"comment-tooltip\" [style.top.px]=\"tooltipPosition.top\"\r\n [style.left.px]=\"tooltipPosition.left\">\r\n <button (click)=\"_onOpenCommentBox()\">\r\n <span class=\"icon\" [innerHTML]=\"messagePlusIconSvgString | safeHtml\"></span>\r\n \u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4\r\n </button>\r\n </div>\r\n\r\n <div *ngIf=\"showNotAllowedActionTooltip && !isReadOnly\" class=\"comment-tooltip\"\r\n [style.top.px]=\"showNotAllowedActionTooltipPosition.top\" [style.left.px]=\"showNotAllowedActionTooltipPosition.left\">\r\n <span>\r\n <span class=\"icon\" [innerHTML]=\"informationIconSvgString | safeHtml\"></span>\r\n \u05DC\u05D0 \u05E0\u05D9\u05EA\u05DF \u05DC\u05D1\u05E6\u05E2 \u05E4\u05E2\u05D5\u05DC\u05D4 \u05E2\u05DC \u05D4\u05E2\u05E8\u05D4 \u05E7\u05D9\u05D9\u05DE\u05EA\r\n </span>\r\n </div>\r\n\r\n <div *ngIf=\"showCommentBox && !isReadOnly\" class=\"comment-box\" [style.top.px]=\"commentBoxPosition.top\"\r\n [style.left.px]=\"commentBoxPosition.left\">\r\n <herum-text-area [(ngModel)]=\"newCommentText\" placeholder=\"\u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4\">\r\n </herum-text-area>\r\n\r\n <div class=\"comment-actions\">\r\n <button class=\"cancel\" (click)=\"cancelComment()\">\u05D1\u05D8\u05DC</button>\r\n <button class=\"save\" (click)=\"saveComment()\">\u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4</button>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"editCommentBox && !isReadOnly\" class=\"comment-box\" [style.top.px]=\"commentBoxPosition.top\"\r\n [style.left.px]=\"commentBoxPosition.left\">\r\n <herum-text-area [(ngModel)]=\"newCommentText\" placeholder=\"\u05D4\u05D5\u05E1\u05E3 \u05D4\u05E2\u05E8\u05D4\">\r\n </herum-text-area>\r\n\r\n <div class=\"comment-actions\">\r\n <button class=\"cancel\" (click)=\"cancelComment()\">\u05D1\u05D8\u05DC</button>\r\n <button class=\"save\" (click)=\"saveComment()\">\u05E9\u05DE\u05D5\u05E8</button>\r\n </div>\r\n </div>\r\n</div>", styles: [":host{height:100%}.editor-container{padding:0 20px 20px;height:100%}.text-editor:focus-visible{outline:none;border-color:var(--icons-color-light-1)}.editor-container-with-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.text-editor{border:1px solid #ccc;padding:10px;min-height:300px;line-height:1.5;position:relative;border-radius:8px;white-space:pre-wrap;width:90%;overflow-y:auto}.text-editor *{font-size:inherit}::selection{background-color:var(--hover-background);box-shadow:0 0 0 1px var(--hover-background)}.text-editor del{color:red;text-decoration:line-through;background-color:#ffd7d7;border-radius:8px}.text-editor ins{color:#00f;text-decoration:none;border-radius:4px}.comment-marker{background-color:var(--comment-marker-background);border-radius:4px;width:100%}.comments-panel{overflow-y:auto;padding:10px;width:100%;height:100%}.comment{margin-bottom:10px;padding:10px;background-color:#f5f5f5;border-radius:4px;position:relative;width:100%}.comment .comment-text{width:90%;word-break:break-word}.comment-header{display:flex;justify-content:space-between;margin-bottom:8px}.comment-header strong img{margin-left:4px;width:24px;height:24px;border-radius:50%}.toolbar{grid-column:1/-1;padding:10px 0}.comment-tooltip{position:fixed;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0003;z-index:1000;padding:6px 12px}.comment-tooltip .icon{stroke:var(--icons-color)}.comment-tooltip button{background:#fff;color:#1a2d4c;border:none;border-radius:8px;cursor:pointer}.reference-text{opacity:.7}.comment-view-container{width:250px;display:flex;flex-direction:row;justify-content:space-between}.comment-box{display:flex;gap:12px;flex-direction:column;position:fixed;background:#fff;border-radius:8px;padding:10px;box-shadow:0 2px 8px #0003;z-index:1000;width:250px}.comment-box textarea{width:100%;min-height:100px;padding:8px;border:1px solid #ddd;border-radius:8px}.cancel-deletion{background:transparent;color:#fff;border:none;border-radius:4px;padding-inline:4px 0px}.comment-actions{display:flex;gap:10px;justify-content:space-between}.comment-actions .save{background:var(--icons-color);color:#fff;border:none}.comment-actions .cancel{color:var(--icons-color);background:none;border:none}.comment-actions button{padding:6px 12px;border-radius:4px;cursor:pointer}\n"] }]
|
|
4927
|
+
}], ctorParameters: () => [{ type: i1$2.TrackTextChangesService }], propDecorators: { changes: [{
|
|
4948
4928
|
type: Input
|
|
4949
4929
|
}], selectedChange: [{
|
|
4950
4930
|
type: Input
|
|
@@ -5003,7 +4983,7 @@ class QuizOpenAnswerQuestionComponent {
|
|
|
5003
4983
|
this.destroySubject$.complete();
|
|
5004
4984
|
}
|
|
5005
4985
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizOpenAnswerQuestionComponent, deps: [{ token: i4$1.AnswerNotesToTextChangesPipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
5006
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizOpenAnswerQuestionComponent, isStandalone: false, selector: "quiz-open-answer-question", inputs: { previewMode: "previewMode", question: "question", userQuestion: "userQuestion", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", isCheckingMode: "isCheckingMode", selectedTextChange: "selectedTextChange" }, outputs: { answerChange: "answerChange", notesChange: "notesChange" }, usesOnChanges: true, ngImport: i0, template: "<span class=\"answer-title\">{{ isCheckingMode ? '\u05EA\u05E9\u05D5\u05D1\u05EA \u05D4\u05D7\u05E0\u05D9\u05DA' : '\u05DB\u05EA\u05D5\u05D1 \u05EA\u05E9\u05D5\u05D1\u05EA\u05DA' }}\r\n <span *ngIf=\"!isCheckingMode && question?.freeAnswerContent?.charactersLimit > 0\">\r\n (\u05E2\u05D3 {{ question?.freeAnswerContent?.charactersLimit }} \u05EA\u05D5\u05D5\u05D9\u05DD)\r\n </span>\r\n</span>\r\n\r\n<herum-text-area *ngIf=\"!areAnswersRevealed && !isCheckingMode\" [disabled]=\"previewMode || areAnswersBlocked\"\r\n [maxLength]=\"question?.freeAnswerContent?.charactersLimit\" [formControl]=\"freeTextControl\" heightMode=\"max\">\r\n</herum-text-area>\r\n\r\n<track-text-changes *ngIf=\"isCheckingMode || areAnswersRevealed\"\r\n [isReadOnly]=\"areAnswersRevealed && !isCheckingMode || !isCheckingMode\" [fontSize]=\"14\"\r\n [selectedChange]=\"selectedTextChange\" [showComments]=\"false\" [baseContent]=\"freeTextControl.value\"\r\n [changes]=\"notes\" (changesEmitter)=\"_notesChange($event)\">\r\n</track-text-changes>", styles: [".answer-title{font-size:14px;margin-block-end:8px}herum-text-area,track-text-changes{height:100%;width:100%}::ng-deep track-text-changes .editor-container{padding:0}::ng-deep track-text-changes .text-editor{min-height:180px;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$
|
|
4986
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: QuizOpenAnswerQuestionComponent, isStandalone: false, selector: "quiz-open-answer-question", inputs: { previewMode: "previewMode", question: "question", userQuestion: "userQuestion", areAnswersRevealed: "areAnswersRevealed", areAnswersBlocked: "areAnswersBlocked", isCheckingMode: "isCheckingMode", selectedTextChange: "selectedTextChange" }, outputs: { answerChange: "answerChange", notesChange: "notesChange" }, usesOnChanges: true, ngImport: i0, template: "<span class=\"answer-title\">{{ isCheckingMode ? '\u05EA\u05E9\u05D5\u05D1\u05EA \u05D4\u05D7\u05E0\u05D9\u05DA' : '\u05DB\u05EA\u05D5\u05D1 \u05EA\u05E9\u05D5\u05D1\u05EA\u05DA' }}\r\n <span *ngIf=\"!isCheckingMode && question?.freeAnswerContent?.charactersLimit > 0\">\r\n (\u05E2\u05D3 {{ question?.freeAnswerContent?.charactersLimit }} \u05EA\u05D5\u05D5\u05D9\u05DD)\r\n </span>\r\n</span>\r\n\r\n<herum-text-area *ngIf=\"!areAnswersRevealed && !isCheckingMode\" [disabled]=\"previewMode || areAnswersBlocked\"\r\n [maxLength]=\"question?.freeAnswerContent?.charactersLimit\" [formControl]=\"freeTextControl\" heightMode=\"max\">\r\n</herum-text-area>\r\n\r\n<track-text-changes *ngIf=\"isCheckingMode || areAnswersRevealed\"\r\n [isReadOnly]=\"areAnswersRevealed && !isCheckingMode || !isCheckingMode\" [fontSize]=\"14\"\r\n [selectedChange]=\"selectedTextChange\" [showComments]=\"false\" [baseContent]=\"freeTextControl.value\"\r\n [changes]=\"notes\" (changesEmitter)=\"_notesChange($event)\">\r\n</track-text-changes>", styles: [".answer-title{font-size:14px;margin-block-end:8px}herum-text-area,track-text-changes{height:100%;width:100%}::ng-deep track-text-changes .editor-container{padding:0}::ng-deep track-text-changes .text-editor{min-height:180px;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: HerumTextAreaComponent, selector: "herum-text-area", inputs: ["placeholder", "disabled", "formControlName", "isValid", "isLoading", "errorMsg", "showErrorMsgGap", "id", "preventMacroKeysPressEvent", "heightMode", "fontSize", "inputValue", "maxLength"], outputs: ["inputValueEmitter"] }, { kind: "component", type: TrackTextChangesComponent, selector: "track-text-changes", inputs: ["changes", "selectedChange", "currentUser", "baseContent", "isReadOnly", "fontSize", "showComments", "allowedActions"], outputs: ["changesEmitter"] }] });
|
|
5007
4987
|
}
|
|
5008
4988
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: QuizOpenAnswerQuestionComponent, decorators: [{
|
|
5009
4989
|
type: Component,
|
|
@@ -5191,13 +5171,13 @@ class InsuranceDialogComponent {
|
|
|
5191
5171
|
get isWarning() {
|
|
5192
5172
|
return this.data.type == 'warning';
|
|
5193
5173
|
}
|
|
5194
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InsuranceDialogComponent, deps: [{ token: i1$
|
|
5195
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: InsuranceDialogComponent, isStandalone: false, selector: "app-insurance-dialog", ngImport: i0, template: "<div class=\"dialog-container cubes-background\" [class]=\"systemIdentifier\" [class.warning-dialog]=\"isWarning\">\r\n <div class=\"title-container\">\r\n <img class=\"warning-icon\" *ngIf=\"isWarning\" src=\"assets/hadracha/general/warningDialog.svg\" alt=\"close-icon\">\r\n <p class=\"section-title\">{{data.title}}</p>\r\n <img class=\"close-button\" src=\"assets/shared/icons/secondary-x.svg\" alt=\"close-icon\" (click)=\"_onClose()\">\r\n </div>\r\n\r\n <p class=\"description\">{{ data.description }}</p>\r\n\r\n <p *ngIf=\"data.note\" class=\"note\">{{ data.note }}</p>\r\n\r\n <div class=\"dialog-buttons-actions-container\" *ngIf=\"!!data.submitActionButton\">\r\n <herum-button (click)=\"_onClose()\" [type]=\"'ghost'\">{{ data.closeActionButton ?? '\u05D1\u05D8\u05DC' }}</herum-button>\r\n <herum-button [color]=\"isWarning ? 'error' : 'regular'\" (click)=\"_onSubmit()\">{{ data.submitActionButton }}</herum-button>\r\n </div>\r\n</div>", styles: [".dialog-container{background-size:auto}.dialog-container .title-container{position:relative;flex-direction:column}.dialog-container .title-container .close-button{position:absolute;top:12px;left:12px}.dialog-container .note{font-weight:700}.warning-icon{height:44px;margin-bottom:24px}.warning-dialog .title-container{position:relative;flex-direction:column}.warning-dialog .title-container .section-title{font-size:22px}.warning-dialog .title-container .close-button{position:absolute;top:12px;left:12px}.warning-dialog .description{font-size:18px;text-align:center;margin-bottom:12px}.warning-dialog .note{font-size:18px;text-align:center}.description{text-align:center}\n", ".dialog-container,form{display:flex;flex-direction:column;gap:16px;position:relative;padding:16px;max-height:80vh;width:30vw}.title{font-size:18px;font-weight:600}p{margin:0}.dialog-buttons-actions-container{width:100%;gap:16px;display:flex;flex-direction:row}.close-dialog{position:absolute;top:20px;left:20px}.title-container{display:flex;align-items:center;justify-content:space-between}.close-button{cursor:pointer;height:11px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$
|
|
5174
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InsuranceDialogComponent, deps: [{ token: i1$5.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
|
|
5175
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: InsuranceDialogComponent, isStandalone: false, selector: "app-insurance-dialog", ngImport: i0, template: "<div class=\"dialog-container cubes-background\" [class]=\"systemIdentifier\" [class.warning-dialog]=\"isWarning\">\r\n <div class=\"title-container\">\r\n <img class=\"warning-icon\" *ngIf=\"isWarning\" src=\"assets/hadracha/general/warningDialog.svg\" alt=\"close-icon\">\r\n <p class=\"section-title\">{{data.title}}</p>\r\n <img class=\"close-button\" src=\"assets/shared/icons/secondary-x.svg\" alt=\"close-icon\" (click)=\"_onClose()\">\r\n </div>\r\n\r\n <p class=\"description\">{{ data.description }}</p>\r\n\r\n <p *ngIf=\"data.note\" class=\"note\">{{ data.note }}</p>\r\n\r\n <div class=\"dialog-buttons-actions-container\" *ngIf=\"!!data.submitActionButton\">\r\n <herum-button (click)=\"_onClose()\" [type]=\"'ghost'\">{{ data.closeActionButton ?? '\u05D1\u05D8\u05DC' }}</herum-button>\r\n <herum-button [color]=\"isWarning ? 'error' : 'regular'\" (click)=\"_onSubmit()\">{{ data.submitActionButton }}</herum-button>\r\n </div>\r\n</div>", styles: [".dialog-container{background-size:auto}.dialog-container .title-container{position:relative;flex-direction:column}.dialog-container .title-container .close-button{position:absolute;top:12px;left:12px}.dialog-container .note{font-weight:700}.warning-icon{height:44px;margin-bottom:24px}.warning-dialog .title-container{position:relative;flex-direction:column}.warning-dialog .title-container .section-title{font-size:22px}.warning-dialog .title-container .close-button{position:absolute;top:12px;left:12px}.warning-dialog .description{font-size:18px;text-align:center;margin-bottom:12px}.warning-dialog .note{font-size:18px;text-align:center}.description{text-align:center}\n", ".dialog-container,form{display:flex;flex-direction:column;gap:16px;position:relative;padding:16px;max-height:80vh;width:30vw}.title{font-size:18px;font-weight:600}p{margin:0}.dialog-buttons-actions-container{width:100%;gap:16px;display:flex;flex-direction:row}.close-dialog{position:absolute;top:20px;left:20px}.title-container{display:flex;align-items:center;justify-content:space-between}.close-button{cursor:pointer;height:11px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.HerumButtonComponent, selector: "herum-button", inputs: ["type", "color", "size", "roundedCorners", "disabled", "isLoading", "name"] }] });
|
|
5196
5176
|
}
|
|
5197
5177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InsuranceDialogComponent, decorators: [{
|
|
5198
5178
|
type: Component,
|
|
5199
5179
|
args: [{ standalone: false, selector: 'app-insurance-dialog', template: "<div class=\"dialog-container cubes-background\" [class]=\"systemIdentifier\" [class.warning-dialog]=\"isWarning\">\r\n <div class=\"title-container\">\r\n <img class=\"warning-icon\" *ngIf=\"isWarning\" src=\"assets/hadracha/general/warningDialog.svg\" alt=\"close-icon\">\r\n <p class=\"section-title\">{{data.title}}</p>\r\n <img class=\"close-button\" src=\"assets/shared/icons/secondary-x.svg\" alt=\"close-icon\" (click)=\"_onClose()\">\r\n </div>\r\n\r\n <p class=\"description\">{{ data.description }}</p>\r\n\r\n <p *ngIf=\"data.note\" class=\"note\">{{ data.note }}</p>\r\n\r\n <div class=\"dialog-buttons-actions-container\" *ngIf=\"!!data.submitActionButton\">\r\n <herum-button (click)=\"_onClose()\" [type]=\"'ghost'\">{{ data.closeActionButton ?? '\u05D1\u05D8\u05DC' }}</herum-button>\r\n <herum-button [color]=\"isWarning ? 'error' : 'regular'\" (click)=\"_onSubmit()\">{{ data.submitActionButton }}</herum-button>\r\n </div>\r\n</div>", styles: [".dialog-container{background-size:auto}.dialog-container .title-container{position:relative;flex-direction:column}.dialog-container .title-container .close-button{position:absolute;top:12px;left:12px}.dialog-container .note{font-weight:700}.warning-icon{height:44px;margin-bottom:24px}.warning-dialog .title-container{position:relative;flex-direction:column}.warning-dialog .title-container .section-title{font-size:22px}.warning-dialog .title-container .close-button{position:absolute;top:12px;left:12px}.warning-dialog .description{font-size:18px;text-align:center;margin-bottom:12px}.warning-dialog .note{font-size:18px;text-align:center}.description{text-align:center}\n", ".dialog-container,form{display:flex;flex-direction:column;gap:16px;position:relative;padding:16px;max-height:80vh;width:30vw}.title{font-size:18px;font-weight:600}p{margin:0}.dialog-buttons-actions-container{width:100%;gap:16px;display:flex;flex-direction:row}.close-dialog{position:absolute;top:20px;left:20px}.title-container{display:flex;align-items:center;justify-content:space-between}.close-button{cursor:pointer;height:11px}\n"] }]
|
|
5200
|
-
}], ctorParameters: () => [{ type: i1$
|
|
5180
|
+
}], ctorParameters: () => [{ type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
|
|
5201
5181
|
type: Inject,
|
|
5202
5182
|
args: [MAT_DIALOG_DATA]
|
|
5203
5183
|
}] }, { type: undefined, decorators: [{
|
|
@@ -5219,13 +5199,13 @@ class HerumFilesViewerDialogComponent {
|
|
|
5219
5199
|
_downloadFile() {
|
|
5220
5200
|
this.dialogRef.close(this.fileData);
|
|
5221
5201
|
}
|
|
5222
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumFilesViewerDialogComponent, deps: [{ token: i1$
|
|
5223
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumFilesViewerDialogComponent, isStandalone: false, selector: "herum-files-viewer-dialog", ngImport: i0, template: "<herum-files-viewer [fileData]=\"fileData\" (downloadFile)=\"_downloadFile()\">\r\n</herum-files-viewer>", styles: ["::ng-deep .mat-mdc-dialog-container{padding:0!important;display:block}:host{height:100%;width:100%;display:flex}\n"], dependencies: [{ kind: "component", type: i2$
|
|
5202
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumFilesViewerDialogComponent, deps: [{ token: i1$5.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
5203
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumFilesViewerDialogComponent, isStandalone: false, selector: "herum-files-viewer-dialog", ngImport: i0, template: "<herum-files-viewer [fileData]=\"fileData\" (downloadFile)=\"_downloadFile()\">\r\n</herum-files-viewer>", styles: ["::ng-deep .mat-mdc-dialog-container{padding:0!important;display:block}:host{height:100%;width:100%;display:flex}\n"], dependencies: [{ kind: "component", type: i2$4.HerumFilesViewerComponent, selector: "herum-files-viewer", inputs: ["fileData", "showDeleteFileButton"], outputs: ["downloadFile", "deleteFile"] }] });
|
|
5224
5204
|
}
|
|
5225
5205
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumFilesViewerDialogComponent, decorators: [{
|
|
5226
5206
|
type: Component,
|
|
5227
5207
|
args: [{ standalone: false, selector: 'herum-files-viewer-dialog', template: "<herum-files-viewer [fileData]=\"fileData\" (downloadFile)=\"_downloadFile()\">\r\n</herum-files-viewer>", styles: ["::ng-deep .mat-mdc-dialog-container{padding:0!important;display:block}:host{height:100%;width:100%;display:flex}\n"] }]
|
|
5228
|
-
}], ctorParameters: () => [{ type: i1$
|
|
5208
|
+
}], ctorParameters: () => [{ type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
|
|
5229
5209
|
type: Inject,
|
|
5230
5210
|
args: [MAT_DIALOG_DATA]
|
|
5231
5211
|
}] }] });
|
|
@@ -5537,13 +5517,13 @@ class HerumDatePickerComponent {
|
|
|
5537
5517
|
return true;
|
|
5538
5518
|
return date >= this.minDate;
|
|
5539
5519
|
};
|
|
5540
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i1$
|
|
5520
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i1$6.DateAdapter }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5541
5521
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumDatePickerComponent, isStandalone: false, selector: "herum-date-picker", inputs: { activeColor: "activeColor", hoverColor: "hoverColor", minDate: "minDate", rangeMode: "rangeMode", selectedDate: "selectedDate" }, outputs: { dateChange: "dateChange" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [ngStyle]=\"{ 'height.px': matCalendarContainerHeight }\">\r\n <mat-calendar #calendar [dateFilter]=\"_minDateFilter\" [selected]=\"selectedDate\"\r\n (selectedChange)=\"_onSelectedDateChange($event)\">\r\n </mat-calendar>\r\n</div>", styles: [":host{--active-calendar-color: var(--primary-color);--hover-calendar-color: var(--hovered-item-background-color)}::ng-deep .mat-calendar-body-selected{background:var(--active-calendar-color)!important;color:var(--light-text-color)!important}::ng-deep .mat-button{padding-inline:0!important}::ng-deep .mat-calendar-body-label{font-size:var(--standard-font-size)}::ng-deep .mat-calendar-content{padding-block-end:0px!important}::ng-deep .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 #fff!important}::ng-deep .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-calendar-body-in-range:before{background-color:var(--hover-calendar-color)!important}::ng-deep .mat-calendar-header{padding:0!important}::ng-deep .mat-calendar-controls{display:flex;margin:0!important;margin-block-end:20px!important}::ng-deep .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,.mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,::ng-deep .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important}::ng-deep .mat-button-wrapper{position:relative!important;z-index:1!important}::ng-deep .mat-button-focus-overlay,::ng-deep .mat-button-focus-overlay:active{background:transparent!important;background-color:var(--hover-calendar-color)!important}::ng-deep .mat-calendar-body-cell-content,::ng-deep .mat-calendar-table-header th,::ng-deep .mat-calendar-body-label,::ng-deep .mat-button-wrapper{color:var(--text-color)}::ng-deep .mat-calendar-body-cell-content{border-style:none!important;line-height:0!important;border-radius:var(--border-radius)!important}::ng-deep .mat-calendar-table-header-divider:after{background:var(--table-border-color)}::ng-deep .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:var(--disabled-text-color)}::ng-deep .mat-calendar-body-range-start:before,::ng-deep .mat-calendar-body-range-end:after{left:0%!important;background:var(--active-calendar-color)!important}::ng-deep .mat-calendar-body-range-start:before{border-top-right-radius:var(--border-radius)!important;border-bottom-right-radius:var(--border-radius)!important}::ng-deep .mat-calendar-body-range-end:after{border-top-left-radius:var(--border-radius)!important;border-bottom-left-radius:var(--border-radius)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }] });
|
|
5542
5522
|
}
|
|
5543
5523
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumDatePickerComponent, decorators: [{
|
|
5544
5524
|
type: Component,
|
|
5545
5525
|
args: [{ standalone: false, selector: 'herum-date-picker', template: "<div [ngStyle]=\"{ 'height.px': matCalendarContainerHeight }\">\r\n <mat-calendar #calendar [dateFilter]=\"_minDateFilter\" [selected]=\"selectedDate\"\r\n (selectedChange)=\"_onSelectedDateChange($event)\">\r\n </mat-calendar>\r\n</div>", styles: [":host{--active-calendar-color: var(--primary-color);--hover-calendar-color: var(--hovered-item-background-color)}::ng-deep .mat-calendar-body-selected{background:var(--active-calendar-color)!important;color:var(--light-text-color)!important}::ng-deep .mat-button{padding-inline:0!important}::ng-deep .mat-calendar-body-label{font-size:var(--standard-font-size)}::ng-deep .mat-calendar-content{padding-block-end:0px!important}::ng-deep .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 #fff!important}::ng-deep .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-calendar-body-in-range:before{background-color:var(--hover-calendar-color)!important}::ng-deep .mat-calendar-header{padding:0!important}::ng-deep .mat-calendar-controls{display:flex;margin:0!important;margin-block-end:20px!important}::ng-deep .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,.mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,::ng-deep .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important}::ng-deep .mat-button-wrapper{position:relative!important;z-index:1!important}::ng-deep .mat-button-focus-overlay,::ng-deep .mat-button-focus-overlay:active{background:transparent!important;background-color:var(--hover-calendar-color)!important}::ng-deep .mat-calendar-body-cell-content,::ng-deep .mat-calendar-table-header th,::ng-deep .mat-calendar-body-label,::ng-deep .mat-button-wrapper{color:var(--text-color)}::ng-deep .mat-calendar-body-cell-content{border-style:none!important;line-height:0!important;border-radius:var(--border-radius)!important}::ng-deep .mat-calendar-table-header-divider:after{background:var(--table-border-color)}::ng-deep .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:var(--disabled-text-color)}::ng-deep .mat-calendar-body-range-start:before,::ng-deep .mat-calendar-body-range-end:after{left:0%!important;background:var(--active-calendar-color)!important}::ng-deep .mat-calendar-body-range-start:before{border-top-right-radius:var(--border-radius)!important;border-bottom-right-radius:var(--border-radius)!important}::ng-deep .mat-calendar-body-range-end:after{border-top-left-radius:var(--border-radius)!important;border-bottom-left-radius:var(--border-radius)!important}\n"] }]
|
|
5546
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$
|
|
5526
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$6.DateAdapter }, { type: i0.ChangeDetectorRef }], propDecorators: { activeColor: [{
|
|
5547
5527
|
type: Input
|
|
5548
5528
|
}], hoverColor: [{
|
|
5549
5529
|
type: Input
|
|
@@ -5655,7 +5635,7 @@ class ConditionalFormControlNameDirective {
|
|
|
5655
5635
|
this.renderer.removeAttribute(this.el.nativeElement, 'formControlName');
|
|
5656
5636
|
}
|
|
5657
5637
|
}
|
|
5658
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConditionalFormControlNameDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$
|
|
5638
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConditionalFormControlNameDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$3.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5659
5639
|
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: ConditionalFormControlNameDirective, isStandalone: false, selector: "[appConditionalFormControlName]", inputs: { formControlName: ["appConditionalFormControlName", "formControlName"] }, ngImport: i0 });
|
|
5660
5640
|
}
|
|
5661
5641
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConditionalFormControlNameDirective, decorators: [{
|
|
@@ -5664,7 +5644,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
5664
5644
|
standalone: false,
|
|
5665
5645
|
selector: '[appConditionalFormControlName]'
|
|
5666
5646
|
}]
|
|
5667
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$
|
|
5647
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$3.NgControl }], propDecorators: { formControlName: [{
|
|
5668
5648
|
type: Input,
|
|
5669
5649
|
args: ['appConditionalFormControlName']
|
|
5670
5650
|
}] } });
|
|
@@ -5923,7 +5903,7 @@ class HerumMultiSelectComponent {
|
|
|
5923
5903
|
this.destroySubject$.complete();
|
|
5924
5904
|
}
|
|
5925
5905
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5926
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumMultiSelectComponent, isStandalone: false, selector: "herum-multi-select", inputs: { placeholder: "placeholder", options: "options", titledOptionsList: "titledOptionsList", recursiveTitledOption: "recursiveTitledOption", selectedOptionsInput: "selectedOptionsInput", maxChips: "maxChips", disabled: "disabled", size: "size", isDropDownInPositionFixed: "isDropDownInPositionFixed", dropDownDirection: "dropDownDirection", isMultiHeads: "isMultiHeads" }, outputs: { selectedOptions: "selectedOptions", selectedRecursiveOptions: "selectedRecursiveOptions" }, host: { listeners: { "window:click": "onClick($event)" } }, providers: [CUSTOM_MULTI_SELECT_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }, { propertyName: "dropContainer", first: true, predicate: ["dropContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #dropContainer class=\"dropdown\" dir=\"rtl\" [ngClass]=\"{'w-100': size === 'responsive'}\">\r\n <button class=\"drop-button internal\" [class]=\"size\"\r\n [ngClass]=\"(isDropdownOpen ? 'open-drop-button-' + dropDownDirection : '')\" (click)=\"toggleDropdown()\">\r\n <span class=\"button-placeholder internal\" *ngIf=\"!selectedOptionsValue?.length\">{{placeholder}}</span>\r\n\r\n <div class=\"herum-chips-container\">\r\n <herum-chip *ngFor=\"let option of getLimitedList()\" [title]=\"option.name\"\r\n (remove)=\"removeSelectedOption(option)\"></herum-chip>\r\n\r\n <ng-container *ngIf=\"selectedOptionsValue && selectedOptionsValue.length > maxChips\">\r\n <herum-chip class=\"last-chip\" [matTooltip]=\"_getHiddenOptions()\"\r\n [title]=\"(selectedOptionsValue.length - maxChips) + '+'\" [isDeleteButtonNeeded]=\"false\">\r\n </herum-chip>\r\n </ng-container>\r\n </div>\r\n\r\n <span class=\"shevron-icon internal\" [ngClass]=\"{'rotate-chevron': isDropdownOpen}\">\r\n <svg class=\"internal\" xmlns=\"http://www.w3.org/2000/svg\" width=\"11.299\" height=\"6.649\" viewBox=\"0 0 11.299 6.649\">\r\n <path id=\"Vector_43-2\" data-name=\"Vector 43-2\" d=\"M1006.235,549.5,1002,553.735l-4.236-4.235\"\r\n transform=\"translate(-996.35 -548.086)\" fill=\"none\" stroke=\"var(--icons-color)\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" />\r\n </svg>\r\n </span>\r\n </button>\r\n\r\n <div id=\"myDropdown\" class=\"internal\" [ngClass]=\"dropdownClasses\" [@openClose]=\"_getDropdownStates\">\r\n <herum-input-field #filterInput *ngIf=\"optionsLength>2\" class=\"input-filter\" [type]=\"'search'\"\r\n [placeholder]=\"'\u05D7\u05E4\u05E9/\u05D9 \u05E2\u05E8\u05DA \u05DE\u05D1\u05D5\u05E7\u05E9...'\" (click)=\"_onStopPropagation($event)\"\r\n (inputValueEmitter)=\"_onFilterDropDown($event)\"></herum-input-field>\r\n\r\n <ng-container *ngIf=\"options\">\r\n <herum-options-list [options]=\"filteredOptions\" [selectedOptions]=\"selectedOptionsValue\"\r\n (selectedOptionsEmitter)=\"_select($event)\">\r\n </herum-options-list>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"titledOptionsList\">\r\n <ng-container *ngFor=\"let filteredTitledOptions of filteredTitledOptionsList\">\r\n <herum-expendable-panel [title]=\"filteredTitledOptions.title\" [isBoldTitle]=\"true\">\r\n <herum-options-list [options]=\"filteredTitledOptions.options\"\r\n [isContentInsideExpendablePanel]=\"true\" [selectedOptions]=\"selectedOptionsValue\"\r\n (selectedOptionsEmitter)=\"_select($event)\"></herum-options-list>\r\n </herum-expendable-panel>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"recursiveTitledOption\">\r\n <ng-container *ngIf=\"isMultiHeads\">\r\n <herum-recursive-hierarchy-options-list *ngFor=\"let treeHead of recursiveTitledOption\"\r\n [recursiveTitledOption]=\"treeHead\" [selectedOptions]=\"selectedOptionsValue\"\r\n (selectedOptionsEmitter)=\"_select($event)\"\r\n (selectedRecursiveOptionsEmitter)=\"_selectRecursive($event)\">\r\n </herum-recursive-hierarchy-options-list>\r\n </ng-container>\r\n\r\n <herum-recursive-hierarchy-options-list *ngIf=\"!isMultiHeads\"\r\n [recursiveTitledOption]=\"recursiveTitledOption\" [selectedOptions]=\"selectedOptionsValue\"\r\n (selectedOptionsEmitter)=\"_select($event)\">\r\n </herum-recursive-hierarchy-options-list>\r\n </ng-container>\r\n\r\n <a class=\"text-center\" *ngIf=\"hasNoResults()\">\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D5 \u05EA\u05D5\u05E6\u05D0\u05D5\u05EA</a>\r\n </div>\r\n</div>", styles: [".drop-button{gap:8px}.button-placeholder{color:var(--disabled-text-color)}.last-chip{margin-inline-end:20px}.herum-chips-container{display:flex;gap:8px}.big-scroll-view{overflow-y:auto;max-height:600px}\n", ".drop-button{display:flex;background-color:var(--light-background-color);color:var(--disabled-text-color);border:none;cursor:pointer;border-radius:var(--border-radius);box-shadow:0 0 var(--box-shadow-blur) #00000029!important;text-align:right;font-size:var(--standard-font-size);align-items:center;justify-content:space-between}.responsive,.responsive-dropdown{width:100%}.default,.big,.default-dropdown,.big-dropdown{min-width:300px}.responsive,.default,.big{padding:16px}.responsive,.default{height:var(--atom-input-height)}.big{height:42px}.fit,.fit-dropdown{min-width:180px}.min,.min-dropdown{min-width:95px}.fit,.min{padding:8px}.drop-button:hover,.drop-button:focus{outline:1px solid var(--icons-color-light-2)}.dropdown{position:relative;display:inline-block}button{position:relative}::ng-deep .dropdown-content{position:absolute;background-color:#fff;box-shadow:0 1px 4px #0000002b;z-index:10;min-width:120px}.open-drop-button-downwards,.open-drop-button-upwards{box-shadow:0 0 var(--box-shadow-blur) #00000029!important}.open-drop-button-downwards{border-radius:var(--border-radius) var(--border-radius) 0 0}.open-drop-button-upwards{border-radius:0 0 var(--border-radius) var(--border-radius)}.dropdown-downwards{border-top:1px solid var(--chips-divider-color);border-radius:0 0 var(--border-radius) var(--border-radius)}.dropdown-upwards{border-bottom:1px solid var(--chips-divider-color);border-radius:var(--border-radius) var(--border-radius) 0 0;top:0}.dropdown-content a{color:#000;padding:6px 16px;text-decoration:none;display:block;font-size:var(--standard-font-size)}.dropdown a:hover{background-color:var(--hover-background);cursor:pointer}.shevron-icon{cursor:pointer;color:var(--icons-color)!important;transition:transform .3s ease}.selected{color:var(--icons-color)!important;font-weight:bolder}.input-filter{height:36px;display:block}.scrollable-settings{max-height:164px;overflow-y:auto}.fixed{position:fixed}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i2$
|
|
5906
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumMultiSelectComponent, isStandalone: false, selector: "herum-multi-select", inputs: { placeholder: "placeholder", options: "options", titledOptionsList: "titledOptionsList", recursiveTitledOption: "recursiveTitledOption", selectedOptionsInput: "selectedOptionsInput", maxChips: "maxChips", disabled: "disabled", size: "size", isDropDownInPositionFixed: "isDropDownInPositionFixed", dropDownDirection: "dropDownDirection", isMultiHeads: "isMultiHeads" }, outputs: { selectedOptions: "selectedOptions", selectedRecursiveOptions: "selectedRecursiveOptions" }, host: { listeners: { "window:click": "onClick($event)" } }, providers: [CUSTOM_MULTI_SELECT_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }, { propertyName: "dropContainer", first: true, predicate: ["dropContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #dropContainer class=\"dropdown\" dir=\"rtl\" [ngClass]=\"{'w-100': size === 'responsive'}\">\r\n <button class=\"drop-button internal\" [class]=\"size\"\r\n [ngClass]=\"(isDropdownOpen ? 'open-drop-button-' + dropDownDirection : '')\" (click)=\"toggleDropdown()\">\r\n <span class=\"button-placeholder internal\" *ngIf=\"!selectedOptionsValue?.length\">{{placeholder}}</span>\r\n\r\n <div class=\"herum-chips-container\">\r\n <herum-chip *ngFor=\"let option of getLimitedList()\" [title]=\"option.name\"\r\n (remove)=\"removeSelectedOption(option)\"></herum-chip>\r\n\r\n <ng-container *ngIf=\"selectedOptionsValue && selectedOptionsValue.length > maxChips\">\r\n <herum-chip class=\"last-chip\" [matTooltip]=\"_getHiddenOptions()\"\r\n [title]=\"(selectedOptionsValue.length - maxChips) + '+'\" [isDeleteButtonNeeded]=\"false\">\r\n </herum-chip>\r\n </ng-container>\r\n </div>\r\n\r\n <span class=\"shevron-icon internal\" [ngClass]=\"{'rotate-chevron': isDropdownOpen}\">\r\n <svg class=\"internal\" xmlns=\"http://www.w3.org/2000/svg\" width=\"11.299\" height=\"6.649\" viewBox=\"0 0 11.299 6.649\">\r\n <path id=\"Vector_43-2\" data-name=\"Vector 43-2\" d=\"M1006.235,549.5,1002,553.735l-4.236-4.235\"\r\n transform=\"translate(-996.35 -548.086)\" fill=\"none\" stroke=\"var(--icons-color)\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" />\r\n </svg>\r\n </span>\r\n </button>\r\n\r\n <div id=\"myDropdown\" class=\"internal\" [ngClass]=\"dropdownClasses\" [@openClose]=\"_getDropdownStates\">\r\n <herum-input-field #filterInput *ngIf=\"optionsLength>2\" class=\"input-filter\" [type]=\"'search'\"\r\n [placeholder]=\"'\u05D7\u05E4\u05E9/\u05D9 \u05E2\u05E8\u05DA \u05DE\u05D1\u05D5\u05E7\u05E9...'\" (click)=\"_onStopPropagation($event)\"\r\n (inputValueEmitter)=\"_onFilterDropDown($event)\"></herum-input-field>\r\n\r\n <ng-container *ngIf=\"options\">\r\n <herum-options-list [options]=\"filteredOptions\" [selectedOptions]=\"selectedOptionsValue\"\r\n (selectedOptionsEmitter)=\"_select($event)\">\r\n </herum-options-list>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"titledOptionsList\">\r\n <ng-container *ngFor=\"let filteredTitledOptions of filteredTitledOptionsList\">\r\n <herum-expendable-panel [title]=\"filteredTitledOptions.title\" [isBoldTitle]=\"true\">\r\n <herum-options-list [options]=\"filteredTitledOptions.options\"\r\n [isContentInsideExpendablePanel]=\"true\" [selectedOptions]=\"selectedOptionsValue\"\r\n (selectedOptionsEmitter)=\"_select($event)\"></herum-options-list>\r\n </herum-expendable-panel>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"recursiveTitledOption\">\r\n <ng-container *ngIf=\"isMultiHeads\">\r\n <herum-recursive-hierarchy-options-list *ngFor=\"let treeHead of recursiveTitledOption\"\r\n [recursiveTitledOption]=\"treeHead\" [selectedOptions]=\"selectedOptionsValue\"\r\n (selectedOptionsEmitter)=\"_select($event)\"\r\n (selectedRecursiveOptionsEmitter)=\"_selectRecursive($event)\">\r\n </herum-recursive-hierarchy-options-list>\r\n </ng-container>\r\n\r\n <herum-recursive-hierarchy-options-list *ngIf=\"!isMultiHeads\"\r\n [recursiveTitledOption]=\"recursiveTitledOption\" [selectedOptions]=\"selectedOptionsValue\"\r\n (selectedOptionsEmitter)=\"_select($event)\">\r\n </herum-recursive-hierarchy-options-list>\r\n </ng-container>\r\n\r\n <a class=\"text-center\" *ngIf=\"hasNoResults()\">\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D5 \u05EA\u05D5\u05E6\u05D0\u05D5\u05EA</a>\r\n </div>\r\n</div>", styles: [".drop-button{gap:8px}.button-placeholder{color:var(--disabled-text-color)}.last-chip{margin-inline-end:20px}.herum-chips-container{display:flex;gap:8px}.big-scroll-view{overflow-y:auto;max-height:600px}\n", ".drop-button{display:flex;background-color:var(--light-background-color);color:var(--disabled-text-color);border:none;cursor:pointer;border-radius:var(--border-radius);box-shadow:0 0 var(--box-shadow-blur) #00000029!important;text-align:right;font-size:var(--standard-font-size);align-items:center;justify-content:space-between}.responsive,.responsive-dropdown{width:100%}.default,.big,.default-dropdown,.big-dropdown{min-width:300px}.responsive,.default,.big{padding:16px}.responsive,.default{height:var(--atom-input-height)}.big{height:42px}.fit,.fit-dropdown{min-width:180px}.min,.min-dropdown{min-width:95px}.fit,.min{padding:8px}.drop-button:hover,.drop-button:focus{outline:1px solid var(--icons-color-light-2)}.dropdown{position:relative;display:inline-block}button{position:relative}::ng-deep .dropdown-content{position:absolute;background-color:#fff;box-shadow:0 1px 4px #0000002b;z-index:10;min-width:120px}.open-drop-button-downwards,.open-drop-button-upwards{box-shadow:0 0 var(--box-shadow-blur) #00000029!important}.open-drop-button-downwards{border-radius:var(--border-radius) var(--border-radius) 0 0}.open-drop-button-upwards{border-radius:0 0 var(--border-radius) var(--border-radius)}.dropdown-downwards{border-top:1px solid var(--chips-divider-color);border-radius:0 0 var(--border-radius) var(--border-radius)}.dropdown-upwards{border-bottom:1px solid var(--chips-divider-color);border-radius:var(--border-radius) var(--border-radius) 0 0;top:0}.dropdown-content a{color:#000;padding:6px 16px;text-decoration:none;display:block;font-size:var(--standard-font-size)}.dropdown a:hover{background-color:var(--hover-background);cursor:pointer}.shevron-icon{cursor:pointer;color:var(--icons-color)!important;transition:transform .3s ease}.selected{color:var(--icons-color)!important;font-weight:bolder}.input-filter{height:36px;display:block}.scrollable-settings{max-height:164px;overflow-y:auto}.fixed{position:fixed}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: HerumChipComponent, selector: "herum-chip", inputs: ["title", "isDeleteButtonNeeded", "isActive", "isMenuMode", "type"], outputs: ["remove", "chipsActivation"] }, { kind: "component", type: HerumInputFieldComponent, selector: "herum-input-field", inputs: ["type", "placeholder", "disabled", "isBlocked", "isValid", "errorMsg", "showErrorMsgGap", "inputValue", "isLoading", "id", "debounceTime", "minValue", "maxValue", "isBlurred", "touched", "ltrMode", "preventMacroKeysPressEvent"], outputs: ["inputValueEmitter"] }, { kind: "component", type: HerumOptionsListComponent, selector: "herum-options-list", inputs: ["options", "selectedOptions", "isContentInsideExpendablePanel", "isInternalMode"], outputs: ["selectedOptionsEmitter"] }, { kind: "component", type: HerumRecursiveHierarchyOptionsListComponent, selector: "herum-recursive-hierarchy-options-list", inputs: ["options", "selectedOptions", "recursiveTitledOption"], outputs: ["selectedOptionsEmitter", "selectedRecursiveOptionsEmitter"] }], animations: [openClose$1] });
|
|
5927
5907
|
}
|
|
5928
5908
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumMultiSelectComponent, decorators: [{
|
|
5929
5909
|
type: Component,
|
|
@@ -6777,12 +6757,12 @@ class HerumUploadFileComponent {
|
|
|
6777
6757
|
return this.parentForm?.control.get(this.formControlName);
|
|
6778
6758
|
}
|
|
6779
6759
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUploadFileComponent, deps: [{ token: ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
6780
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumUploadFileComponent, isStandalone: false, selector: "herum-upload-file", inputs: { size: "size", placeholder: "placeholder", isDirectoryMode: "isDirectoryMode", allowedFileTypes: "allowedFileTypes", selectedFile: "selectedFile", formControlName: "formControlName", isEditMode: "isEditMode" }, outputs: { uploadFile: "uploadFile" }, providers: [CUSTOM_UPLOAD_FILE_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button svgOnHover class=\"upload-file-button upload-file-border\" [class]=\"size\" (click)=\"fileInput.click()\"\r\n (drop)=\"_onDrop($event)\" (dragover)=\"_onPreventDefault($event)\">\r\n <ng-container *ngIf=\"!hasTouched && !files\">\r\n <div class=\"placeholder-container\">\r\n <span class=\"upload-file-icon\" [innerHTML]=\"uploadFileSvg | safeHtml\"></span>\r\n <span dir=\"rtl\" class=\"button-placeholder\">{{ placeholder }}</span>\r\n </div>\r\n </ng-container>\r\n\r\n <span class=\"error\" *ngIf=\"hasTouched && !files\">\r\n \u05D7\u05D5\u05D1\u05D4 \u05DC\u05D4\u05E2\u05DC\u05D5\u05EA \u05E7\u05D5\u05D1\u05E5\r\n </span>\r\n\r\n <div svgOnHover *ngIf=\"files?.length>=0\" class=\"file-container\">\r\n <span *ngIf=\"files?.length>0\" class=\"upload-file-icon\" [innerHTML]=\"uploadFileSvg | safeHtml\"></span>\r\n\r\n <ng-container *ngIf=\"!isDirectoryMode\">\r\n <span #fileName class=\"file-name\" *ngIf=\"files?.length\"\r\n [matTooltip]=\"_isTruncatedTitleElement(fileName) ? uploadName : ''\">\r\n {{ uploadName | ellipsis:fileName }}\r\n </span>\r\n\r\n <img class=\"delete-button\" *ngIf=\"files?.length\" src=\"../../assets/general/secondary-x.svg\"\r\n (click)=\"_onRemoveFiles($event)\">\r\n\r\n <span class=\"error\" *ngIf=\"!isFileTypeAllowed()\">\u05E1\u05D5\u05D2 \u05D4\u05E7\u05D5\u05D1\u05E5 \u05D0\u05D9\u05E0\u05D5 \u05DE\u05D5\u05E8\u05E9\u05D4/\u05EA\u05E7\u05D9\u05DF</span>\r\n </ng-container>\r\n\r\n <ng-container class=\"cursor-pointer\" *ngIf=\"isDirectoryMode\">\r\n <span class=\"directory-name-upload\" #directoryNameUpload *ngIf=\"files?.length\"\r\n [matTooltip]=\"_isTruncatedTitleElement(directoryNameUpload) ? directoryName : ''\">\r\n {{ directoryName | ellipsis:directoryNameUpload }}\r\n </span>\r\n\r\n <img *ngIf=\"files?.length\" class=\"delete-button\" src=\"../../assets/general/secondary-x.svg\"\r\n (click)=\"_onRemoveFiles($event)\">\r\n\r\n <span class=\"error\" *ngIf=\"!isValidirectory\">\u05D4\u05EA\u05D9\u05D9\u05E7\u05D9\u05D4 \u05D0\u05D9\u05E0\u05D4 \u05E1\u05D8\u05D5\u05E8\u05D9</span>\r\n </ng-container>\r\n </div>\r\n</button>\r\n\r\n<input #fileInput class=\"d-none\" type=\"file\" [accept]=\"getAcceptValue(allowedFileTypes)\"\r\n [attr.webkitDirectory]=\"isDirectoryMode ? '' : null\" (change)=\"_onUploadFile($event.target.files)\"\r\n (cancel)=\"_onCancelUploadFile()\">", styles: [":host{padding:0}.upload-file-button{height:var(--atom-input-height);cursor:pointer;position:relative;color:var(--text-color);background:var(--light-background-color);font-size:var(--standard-font-size)}.upload-file-icon{cursor:pointer;stroke:var(--active-color);fill:var(--active-color)}.default{width:195px}.responsive{width:100%}.upload-file-button:hover{background:var(--item-hover-color);border-color:var(--secondary-color)}.upload-file-button:active{transform:scale(.96)}.file-container{display:flex;align-items:center;gap:6px;width:100%}.delete-button{position:absolute;left:8px;z-index:2}.file-name,.directory-name-upload{text-align:right;width:calc(100% - 40px);white-space:nowrap}.file-name{padding-left:var(--standard-padding)}.button-placeholder{color:var(--disabled-text-color);cursor:pointer;width:100%;text-align:right}.error-input,.error-input:focus{border-color:var(--error-color)}.error{color:var(--error-color);width:100%;text-align:right}.placeholder-container{display:flex;gap:8px;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i2$
|
|
6760
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumUploadFileComponent, isStandalone: false, selector: "herum-upload-file", inputs: { size: "size", placeholder: "placeholder", isDirectoryMode: "isDirectoryMode", allowedFileTypes: "allowedFileTypes", selectedFile: "selectedFile", formControlName: "formControlName", isEditMode: "isEditMode" }, outputs: { uploadFile: "uploadFile" }, providers: [CUSTOM_UPLOAD_FILE_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button svgOnHover class=\"upload-file-button upload-file-border\" [class]=\"size\" (click)=\"fileInput.click()\"\r\n (drop)=\"_onDrop($event)\" (dragover)=\"_onPreventDefault($event)\">\r\n <ng-container *ngIf=\"!hasTouched && !files\">\r\n <div class=\"placeholder-container\">\r\n <span class=\"upload-file-icon\" [innerHTML]=\"uploadFileSvg | safeHtml\"></span>\r\n <span dir=\"rtl\" class=\"button-placeholder\">{{ placeholder }}</span>\r\n </div>\r\n </ng-container>\r\n\r\n <span class=\"error\" *ngIf=\"hasTouched && !files\">\r\n \u05D7\u05D5\u05D1\u05D4 \u05DC\u05D4\u05E2\u05DC\u05D5\u05EA \u05E7\u05D5\u05D1\u05E5\r\n </span>\r\n\r\n <div svgOnHover *ngIf=\"files?.length>=0\" class=\"file-container\">\r\n <span *ngIf=\"files?.length>0\" class=\"upload-file-icon\" [innerHTML]=\"uploadFileSvg | safeHtml\"></span>\r\n\r\n <ng-container *ngIf=\"!isDirectoryMode\">\r\n <span #fileName class=\"file-name\" *ngIf=\"files?.length\"\r\n [matTooltip]=\"_isTruncatedTitleElement(fileName) ? uploadName : ''\">\r\n {{ uploadName | ellipsis:fileName }}\r\n </span>\r\n\r\n <img class=\"delete-button\" *ngIf=\"files?.length\" src=\"../../assets/general/secondary-x.svg\"\r\n (click)=\"_onRemoveFiles($event)\">\r\n\r\n <span class=\"error\" *ngIf=\"!isFileTypeAllowed()\">\u05E1\u05D5\u05D2 \u05D4\u05E7\u05D5\u05D1\u05E5 \u05D0\u05D9\u05E0\u05D5 \u05DE\u05D5\u05E8\u05E9\u05D4/\u05EA\u05E7\u05D9\u05DF</span>\r\n </ng-container>\r\n\r\n <ng-container class=\"cursor-pointer\" *ngIf=\"isDirectoryMode\">\r\n <span class=\"directory-name-upload\" #directoryNameUpload *ngIf=\"files?.length\"\r\n [matTooltip]=\"_isTruncatedTitleElement(directoryNameUpload) ? directoryName : ''\">\r\n {{ directoryName | ellipsis:directoryNameUpload }}\r\n </span>\r\n\r\n <img *ngIf=\"files?.length\" class=\"delete-button\" src=\"../../assets/general/secondary-x.svg\"\r\n (click)=\"_onRemoveFiles($event)\">\r\n\r\n <span class=\"error\" *ngIf=\"!isValidirectory\">\u05D4\u05EA\u05D9\u05D9\u05E7\u05D9\u05D4 \u05D0\u05D9\u05E0\u05D4 \u05E1\u05D8\u05D5\u05E8\u05D9</span>\r\n </ng-container>\r\n </div>\r\n</button>\r\n\r\n<input #fileInput class=\"d-none\" type=\"file\" [accept]=\"getAcceptValue(allowedFileTypes)\"\r\n [attr.webkitDirectory]=\"isDirectoryMode ? '' : null\" (change)=\"_onUploadFile($event.target.files)\"\r\n (cancel)=\"_onCancelUploadFile()\">", styles: [":host{padding:0}.upload-file-button{height:var(--atom-input-height);cursor:pointer;position:relative;color:var(--text-color);background:var(--light-background-color);font-size:var(--standard-font-size)}.upload-file-icon{cursor:pointer;stroke:var(--active-color);fill:var(--active-color)}.default{width:195px}.responsive{width:100%}.upload-file-button:hover{background:var(--item-hover-color);border-color:var(--secondary-color)}.upload-file-button:active{transform:scale(.96)}.file-container{display:flex;align-items:center;gap:6px;width:100%}.delete-button{position:absolute;left:8px;z-index:2}.file-name,.directory-name-upload{text-align:right;width:calc(100% - 40px);white-space:nowrap}.file-name{padding-left:var(--standard-padding)}.button-placeholder{color:var(--disabled-text-color);cursor:pointer;width:100%;text-align:right}.error-input,.error-input:focus{border-color:var(--error-color)}.error{color:var(--error-color);width:100%;text-align:right}.placeholder-container{display:flex;gap:8px;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i4.SvgOnHoverDirective, selector: "[svgOnHover]", inputs: ["svgOnHover"] }, { kind: "pipe", type: i4$1.SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i4$1.EllipsisPipe, name: "ellipsis" }] });
|
|
6781
6761
|
}
|
|
6782
6762
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUploadFileComponent, decorators: [{
|
|
6783
6763
|
type: Component,
|
|
6784
6764
|
args: [{ standalone: false, selector: 'herum-upload-file', providers: [CUSTOM_UPLOAD_FILE_CONTROL_VALUE_ACCESSOR], template: "<button svgOnHover class=\"upload-file-button upload-file-border\" [class]=\"size\" (click)=\"fileInput.click()\"\r\n (drop)=\"_onDrop($event)\" (dragover)=\"_onPreventDefault($event)\">\r\n <ng-container *ngIf=\"!hasTouched && !files\">\r\n <div class=\"placeholder-container\">\r\n <span class=\"upload-file-icon\" [innerHTML]=\"uploadFileSvg | safeHtml\"></span>\r\n <span dir=\"rtl\" class=\"button-placeholder\">{{ placeholder }}</span>\r\n </div>\r\n </ng-container>\r\n\r\n <span class=\"error\" *ngIf=\"hasTouched && !files\">\r\n \u05D7\u05D5\u05D1\u05D4 \u05DC\u05D4\u05E2\u05DC\u05D5\u05EA \u05E7\u05D5\u05D1\u05E5\r\n </span>\r\n\r\n <div svgOnHover *ngIf=\"files?.length>=0\" class=\"file-container\">\r\n <span *ngIf=\"files?.length>0\" class=\"upload-file-icon\" [innerHTML]=\"uploadFileSvg | safeHtml\"></span>\r\n\r\n <ng-container *ngIf=\"!isDirectoryMode\">\r\n <span #fileName class=\"file-name\" *ngIf=\"files?.length\"\r\n [matTooltip]=\"_isTruncatedTitleElement(fileName) ? uploadName : ''\">\r\n {{ uploadName | ellipsis:fileName }}\r\n </span>\r\n\r\n <img class=\"delete-button\" *ngIf=\"files?.length\" src=\"../../assets/general/secondary-x.svg\"\r\n (click)=\"_onRemoveFiles($event)\">\r\n\r\n <span class=\"error\" *ngIf=\"!isFileTypeAllowed()\">\u05E1\u05D5\u05D2 \u05D4\u05E7\u05D5\u05D1\u05E5 \u05D0\u05D9\u05E0\u05D5 \u05DE\u05D5\u05E8\u05E9\u05D4/\u05EA\u05E7\u05D9\u05DF</span>\r\n </ng-container>\r\n\r\n <ng-container class=\"cursor-pointer\" *ngIf=\"isDirectoryMode\">\r\n <span class=\"directory-name-upload\" #directoryNameUpload *ngIf=\"files?.length\"\r\n [matTooltip]=\"_isTruncatedTitleElement(directoryNameUpload) ? directoryName : ''\">\r\n {{ directoryName | ellipsis:directoryNameUpload }}\r\n </span>\r\n\r\n <img *ngIf=\"files?.length\" class=\"delete-button\" src=\"../../assets/general/secondary-x.svg\"\r\n (click)=\"_onRemoveFiles($event)\">\r\n\r\n <span class=\"error\" *ngIf=\"!isValidirectory\">\u05D4\u05EA\u05D9\u05D9\u05E7\u05D9\u05D4 \u05D0\u05D9\u05E0\u05D4 \u05E1\u05D8\u05D5\u05E8\u05D9</span>\r\n </ng-container>\r\n </div>\r\n</button>\r\n\r\n<input #fileInput class=\"d-none\" type=\"file\" [accept]=\"getAcceptValue(allowedFileTypes)\"\r\n [attr.webkitDirectory]=\"isDirectoryMode ? '' : null\" (change)=\"_onUploadFile($event.target.files)\"\r\n (cancel)=\"_onCancelUploadFile()\">", styles: [":host{padding:0}.upload-file-button{height:var(--atom-input-height);cursor:pointer;position:relative;color:var(--text-color);background:var(--light-background-color);font-size:var(--standard-font-size)}.upload-file-icon{cursor:pointer;stroke:var(--active-color);fill:var(--active-color)}.default{width:195px}.responsive{width:100%}.upload-file-button:hover{background:var(--item-hover-color);border-color:var(--secondary-color)}.upload-file-button:active{transform:scale(.96)}.file-container{display:flex;align-items:center;gap:6px;width:100%}.delete-button{position:absolute;left:8px;z-index:2}.file-name,.directory-name-upload{text-align:right;width:calc(100% - 40px);white-space:nowrap}.file-name{padding-left:var(--standard-padding)}.button-placeholder{color:var(--disabled-text-color);cursor:pointer;width:100%;text-align:right}.error-input,.error-input:focus{border-color:var(--error-color)}.error{color:var(--error-color);width:100%;text-align:right}.placeholder-container{display:flex;gap:8px;width:100%}\n"] }]
|
|
6785
|
-
}], ctorParameters: () => [{ type: i1$
|
|
6765
|
+
}], ctorParameters: () => [{ type: i1$3.ControlContainer, decorators: [{
|
|
6786
6766
|
type: Optional
|
|
6787
6767
|
}, {
|
|
6788
6768
|
type: Inject,
|
|
@@ -6844,7 +6824,7 @@ class RoundedVerticalMenuComponent {
|
|
|
6844
6824
|
});
|
|
6845
6825
|
}
|
|
6846
6826
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: RoundedVerticalMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6847
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: RoundedVerticalMenuComponent, isStandalone: false, selector: "rounded-vertical-menu", inputs: { menuItems: "menuItems", currentItem: "currentItem", currentUser: "currentUser" }, outputs: { itemSelected: "itemSelected" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"nav-list\">\r\n <li *ngFor=\"let item of menuItems\" [class.active]=\"item === currentItem\" (click)=\"_onSelectItem(item)\"\r\n [class.disabled]=\"item.disabled\" appHerumToolTip [matTooltip]=\"item.disabledTooltip\">\r\n <img src=\"assets/hadracha/creation-icons/{{item.disabled ? 'disabled' : item === currentItem ? 'active' : 'regular'}}/{{ item.iconName }}.svg\"\r\n alt=\"{{ item.label }} icon\">\r\n <a>{{ item.label }}</a>\r\n </li>\r\n</ul>", styles: [":host{--body-bg: var(--light-background-color);--nav-bg: var(--icons-color);--nav-width: 15%}.nav-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.nav-list li{padding-block:1rem;padding-inline:2rem;display:flex;gap:8px}.nav-list li a{color:#fff;text-decoration:none;display:block;font-size:14px;cursor:pointer}.nav-list li.active{view-transition-name:nav;background:var(--body-bg);border-radius:0 100vw 100vw 0;position:relative}.nav-list li.active a{color:var(--text-color)}.nav-list li.active:before,.nav-list li.active:after{--r: 1rem;content:\"\";position:absolute;width:var(--r);height:var(--r);left:0;background:var(--nav-bg)}.nav-list li.active:before{border-radius:0 0 0 var(--r);top:calc(-1 * var(--r));box-shadow:-5px 5px 0 5px var(--body-bg)}.nav-list li.active:after{border-radius:var(--r) 0 0 0;bottom:calc(-1 * var(--r));box-shadow:-5px -5px 0 5px var(--body-bg)}.nav-list li.active ::view-transition-group(nav){animation-duration:1s}.nav-list li.disabled{cursor:not-allowed}.nav-list li.disabled a{color:var(--disabled-text-color);cursor:not-allowed}.nav-list li:nth-child(1) a{view-transition-name:test}.nav-list li:nth-child(2) a{view-transition-name:test-2}.nav-list li:nth-child(3) a{view-transition-name:test-3}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$
|
|
6827
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: RoundedVerticalMenuComponent, isStandalone: false, selector: "rounded-vertical-menu", inputs: { menuItems: "menuItems", currentItem: "currentItem", currentUser: "currentUser" }, outputs: { itemSelected: "itemSelected" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"nav-list\">\r\n <li *ngFor=\"let item of menuItems\" [class.active]=\"item === currentItem\" (click)=\"_onSelectItem(item)\"\r\n [class.disabled]=\"item.disabled\" appHerumToolTip [matTooltip]=\"item.disabledTooltip\">\r\n <img src=\"assets/hadracha/creation-icons/{{item.disabled ? 'disabled' : item === currentItem ? 'active' : 'regular'}}/{{ item.iconName }}.svg\"\r\n alt=\"{{ item.label }} icon\">\r\n <a>{{ item.label }}</a>\r\n </li>\r\n</ul>", styles: [":host{--body-bg: var(--light-background-color);--nav-bg: var(--icons-color);--nav-width: 15%}.nav-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.nav-list li{padding-block:1rem;padding-inline:2rem;display:flex;gap:8px}.nav-list li a{color:#fff;text-decoration:none;display:block;font-size:14px;cursor:pointer}.nav-list li.active{view-transition-name:nav;background:var(--body-bg);border-radius:0 100vw 100vw 0;position:relative}.nav-list li.active a{color:var(--text-color)}.nav-list li.active:before,.nav-list li.active:after{--r: 1rem;content:\"\";position:absolute;width:var(--r);height:var(--r);left:0;background:var(--nav-bg)}.nav-list li.active:before{border-radius:0 0 0 var(--r);top:calc(-1 * var(--r));box-shadow:-5px 5px 0 5px var(--body-bg)}.nav-list li.active:after{border-radius:var(--r) 0 0 0;bottom:calc(-1 * var(--r));box-shadow:-5px -5px 0 5px var(--body-bg)}.nav-list li.active ::view-transition-group(nav){animation-duration:1s}.nav-list li.disabled{cursor:not-allowed}.nav-list li.disabled a{color:var(--disabled-text-color);cursor:not-allowed}.nav-list li:nth-child(1) a{view-transition-name:test}.nav-list li:nth-child(2) a{view-transition-name:test-2}.nav-list li:nth-child(3) a{view-transition-name:test-3}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i4.HerumToolTipDirective, selector: "[appHerumToolTip]", inputs: ["tooltipText"] }] });
|
|
6848
6828
|
}
|
|
6849
6829
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: RoundedVerticalMenuComponent, decorators: [{
|
|
6850
6830
|
type: Component,
|
|
@@ -7571,7 +7551,7 @@ class HerumActiveMenuComponent {
|
|
|
7571
7551
|
});
|
|
7572
7552
|
}
|
|
7573
7553
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumActiveMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7574
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumActiveMenuComponent, isStandalone: false, selector: "herum-active-menu", inputs: { useIcons: "useIcons", view: "view", activeColor: "activeColor", activeTextColor: "activeTextColor", secondaryTextColor: "secondaryTextColor", menuItems: "menuItems", selectedItem: "selectedItem", selectById: "selectById", isBlock: "isBlock", dragEvent: "dragEvent" }, outputs: { selectionIndex: "selectionIndex" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "tabsContainer", first: true, predicate: ["tabsContainer"], descendants: true }, { propertyName: "tabsElement", predicate: ["tabs"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ul #tabsContainer class=\"tabs group\" [ngClass]=\"view\" [class.isBlock]=\"isBlock\">\r\n <li #tabs *ngFor=\"let menuItem of menuItems; let i = index\"\r\n [class.active]=\"selectById ? menuItem?.id === selectedItem?.id : (currentItemIndex === i || menuItem === selectedItem)\">\r\n <a (click)=\"_onSelectTab(i)\" [userAction]=\"menuItem.label\">\r\n <span *ngIf=\"useIcons\" [innerHTML]=\"menuItem.icon | safeHtml\"\r\n [ngClass]=\"i == currentItemIndex ? 'active-icon' : 'non-active-icon'\">\r\n </span>\r\n\r\n <p class=\"m-0 truncate\" [matTooltip]=\"menuItem.label\">\r\n {{ menuItem.label }}\r\n </p>\r\n </a>\r\n </li>\r\n</ul>", styles: ["a{cursor:pointer;display:flex;width:100%;gap:8px;align-items:center;justify-content:center;z-index:3}a .active-icon{stroke:var(--active-menu-background, var(--icons-color))}a .active-icon,a .non-active-icon{z-index:3;width:24px}a .non-active-icon{stroke:var(--active-menu-secondary-text-color, #ffffff)}.narrow a{flex-direction:column}.narrow a span{height:18px}.narrow a p{font-size:14px;margin-right:0}#content{background-color:#fff;position:relative;overflow:hidden;min-height:400px}.tabs{list-style:none;width:100%;border-radius:8px 0 0}.tabs li{float:left;height:40px;position:relative}.tabs a{float:left;padding-inline:10px;background-color:var(--active-menu-background);height:100%}.tabs a p{text-decoration:none;font-size:16px;font-weight:500;color:var(--active-menu-secondary-text-color, #ffffff);z-index:3}.isBlock a p{color:gray}.active a{border-top-left-radius:12px;border-top-right-radius:12px}.active a p{color:var(--active-menu-text-color, var(--icons-color))}.tabs .active{z-index:3}.tabs .active a{background-color:#fff;color:var(--icons-color)}.tabs li:before,.tabs li:after,.tabs li a:before,.tabs li a:after{position:absolute;bottom:0}.tabs li:last-child:after,.tabs li:last-child a:after,.tabs li:first-child:before,.tabs li:first-child a:before,.tabs .active:after,.tabs .active:before,.tabs .active a:after,.tabs .active a:before{content:\"\"}.tabs .active:before,.tabs .active:after{background-color:#fff;z-index:1}.tabs li:before,.tabs li:after{background-color:var(--active-menu-background, var(--icons-color));width:12px;height:12px}.tabs li:before{left:-12px}.tabs li:after{right:-12px}.tabs li a:after,.tabs li a:before{width:20px;height:20px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;background-color:var(--active-menu-background, var(--icons-color));z-index:2}.tabs .active a:after,.tabs .active a:before{background-color:var(--active-menu-background, var(--icons-color))}.tabs li:first-child.active a:before,.tabs li:last-child.active a:after{background-color:var(--active-menu-background, var(--icons-color))}.tabs li a:before{left:-20px}.tabs li a:after{right:-20px}ul{background-color:var(--active-menu-background, var(--icons-color));height:52px;margin:0;padding-top:var(--standard-padding);justify-content:flex-start;display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$
|
|
7554
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumActiveMenuComponent, isStandalone: false, selector: "herum-active-menu", inputs: { useIcons: "useIcons", view: "view", activeColor: "activeColor", activeTextColor: "activeTextColor", secondaryTextColor: "secondaryTextColor", menuItems: "menuItems", selectedItem: "selectedItem", selectById: "selectById", isBlock: "isBlock", dragEvent: "dragEvent" }, outputs: { selectionIndex: "selectionIndex" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "tabsContainer", first: true, predicate: ["tabsContainer"], descendants: true }, { propertyName: "tabsElement", predicate: ["tabs"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ul #tabsContainer class=\"tabs group\" [ngClass]=\"view\" [class.isBlock]=\"isBlock\">\r\n <li #tabs *ngFor=\"let menuItem of menuItems; let i = index\"\r\n [class.active]=\"selectById ? menuItem?.id === selectedItem?.id : (currentItemIndex === i || menuItem === selectedItem)\">\r\n <a (click)=\"_onSelectTab(i)\" [userAction]=\"menuItem.label\">\r\n <span *ngIf=\"useIcons\" [innerHTML]=\"menuItem.icon | safeHtml\"\r\n [ngClass]=\"i == currentItemIndex ? 'active-icon' : 'non-active-icon'\">\r\n </span>\r\n\r\n <p class=\"m-0 truncate\" [matTooltip]=\"menuItem.label\">\r\n {{ menuItem.label }}\r\n </p>\r\n </a>\r\n </li>\r\n</ul>", styles: ["a{cursor:pointer;display:flex;width:100%;gap:8px;align-items:center;justify-content:center;z-index:3}a .active-icon{stroke:var(--active-menu-background, var(--icons-color))}a .active-icon,a .non-active-icon{z-index:3;width:24px}a .non-active-icon{stroke:var(--active-menu-secondary-text-color, #ffffff)}.narrow a{flex-direction:column}.narrow a span{height:18px}.narrow a p{font-size:14px;margin-right:0}#content{background-color:#fff;position:relative;overflow:hidden;min-height:400px}.tabs{list-style:none;width:100%;border-radius:8px 0 0}.tabs li{float:left;height:40px;position:relative}.tabs a{float:left;padding-inline:10px;background-color:var(--active-menu-background);height:100%}.tabs a p{text-decoration:none;font-size:16px;font-weight:500;color:var(--active-menu-secondary-text-color, #ffffff);z-index:3}.isBlock a p{color:gray}.active a{border-top-left-radius:12px;border-top-right-radius:12px}.active a p{color:var(--active-menu-text-color, var(--icons-color))}.tabs .active{z-index:3}.tabs .active a{background-color:#fff;color:var(--icons-color)}.tabs li:before,.tabs li:after,.tabs li a:before,.tabs li a:after{position:absolute;bottom:0}.tabs li:last-child:after,.tabs li:last-child a:after,.tabs li:first-child:before,.tabs li:first-child a:before,.tabs .active:after,.tabs .active:before,.tabs .active a:after,.tabs .active a:before{content:\"\"}.tabs .active:before,.tabs .active:after{background-color:#fff;z-index:1}.tabs li:before,.tabs li:after{background-color:var(--active-menu-background, var(--icons-color));width:12px;height:12px}.tabs li:before{left:-12px}.tabs li:after{right:-12px}.tabs li a:after,.tabs li a:before{width:20px;height:20px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;background-color:var(--active-menu-background, var(--icons-color));z-index:2}.tabs .active a:after,.tabs .active a:before{background-color:var(--active-menu-background, var(--icons-color))}.tabs li:first-child.active a:before,.tabs li:last-child.active a:after{background-color:var(--active-menu-background, var(--icons-color))}.tabs li a:before{left:-20px}.tabs li a:after{right:-20px}ul{background-color:var(--active-menu-background, var(--icons-color));height:52px;margin:0;padding-top:var(--standard-padding);justify-content:flex-start;display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i4.UserActionDirective, selector: "[userAction]", inputs: ["userAction"] }, { kind: "pipe", type: i4$1.SafeHtmlPipe, name: "safeHtml" }] });
|
|
7575
7555
|
}
|
|
7576
7556
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumActiveMenuComponent, decorators: [{
|
|
7577
7557
|
type: Component,
|
|
@@ -7719,13 +7699,13 @@ class HerumAutocompleteComponent {
|
|
|
7719
7699
|
return normalizedOptionText.includes(normalizedSearchText);
|
|
7720
7700
|
});
|
|
7721
7701
|
}
|
|
7722
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumAutocompleteComponent, deps: [{ token: i1$
|
|
7723
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumAutocompleteComponent, isStandalone: false, selector: "herum-autocomplete", inputs: { options: "options", displayBy: "displayBy", subTitleBy: "subTitleBy", placeholder: "placeholder", noResultsText: "noResultsText", disabled: "disabled", isLoadingInput: "isLoadingInput", debounceTime: "debounceTime", selectedOption: "selectedOption", isBlurred: "isBlurred" }, outputs: { filterTextEmitter: "filterTextEmitter", selectedOptionEmitter: "selectedOptionEmitter" }, host: { listeners: { "window:click": "onWindowClick($event)" } }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #container class=\"autocomplete-container\" dir=\"rtl\" [class.disabled]=\"disabled\">\r\n <herum-input-field #filterInput class=\"autocomplete-input internal\" \r\n [type]=\"isBlurred ? 'search-blur' : 'search'\" [placeholder]=\"placeholder\"\r\n [debounceTime]=\"debounceTime\" [disabled]=\"disabled\" [inputValue]=\"currentSearchedItem\"\r\n (click)=\"_onInputClick($event)\" (inputValueEmitter)=\"_inputChange($event)\">\r\n </herum-input-field>\r\n\r\n <div class=\"autocomplete-dropdown\" [@openClose]=\"isDropdownOpen ? 'openDown' : 'closeUp'\" \r\n [class.hidden]=\"!isDropdownOpen\" [class.glass]=\"isBlurred\">\r\n <ng-container *ngIf=\"isLoadingInput || isWaitingForResults; else optionsList\">\r\n <div *ngFor=\"let _ of skeletonRows; let i = index\" class=\"autocomplete-option loading-state\">\r\n <span class=\"skeleton-text skeleton\" [ngStyle]=\"{width: _getSkeletonWidth(i) + 'px'}\"> </span>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-template #optionsList>\r\n <ng-container *ngIf=\"filteredOptions?.length; else noResults\">\r\n <a class=\"autocomplete-option\" *ngFor=\"let option of filteredOptions\" (click)=\"_onSelectOption(option)\">\r\n <div class=\"option-main\">\r\n <ng-container *ngIf=\"option.iconUrl; else defaultLeadingIcon\">\r\n <img [src]=\"option.iconUrl\" class=\"option-icon-img\" />\r\n </ng-container>\r\n \r\n <ng-template #defaultLeadingIcon>\r\n <img src=\"assets/hadracha/general/plus.svg\" class=\"option-icon\">\r\n </ng-template>\r\n\r\n <span [highlightText]=\"option[displayBy]\" [herumHighlight]=\"currentSearchedItem\"></span>\r\n </div>\r\n\r\n <span class=\"option-subtitle\" *ngIf=\"subTitleBy && option[subTitleBy]\">\r\n {{ option[subTitleBy] }}\r\n </span>\r\n </a>\r\n </ng-container>\r\n\r\n <ng-template #noResults>\r\n <a *ngIf=\"!(isLoadingInput || isWaitingForResults)\"\r\n class=\"autocomplete-option text-center no-results-blurred\">\r\n {{ noResultsText }}\r\n </a>\r\n </ng-template>\r\n </ng-template>\r\n </div>\r\n</div>", styles: [":host{--option-icon-size: 14px;--option-item-size: 28px;--autocomplete-visible-options: 5;--autocomplete-option-padding-vertical: 8px;--autocomplete-option-height: calc(var(--option-item-size) + 2 * var(--autocomplete-option-padding-vertical));--dropdown-height: calc(var(--autocomplete-option-height) * var(--autocomplete-visible-options));--loading-state-padding-vertical: calc((var(--option-item-size) + var(--autocomplete-option-padding-vertical)) / 2)}.autocomplete-container{position:relative;width:100%;direction:rtl}.autocomplete-container.disabled{opacity:.6;pointer-events:none}.autocomplete-container .autocomplete-input{width:100%;display:block}.autocomplete-container .autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;max-height:var(--dropdown-height);overflow-y:auto;overflow-x:hidden;line-height:var(--option-item-size)}.autocomplete-container .autocomplete-dropdown.hidden{pointer-events:none}.autocomplete-container .autocomplete-dropdown:not(.glass){background-color:var(--light-background-color);border-radius:var(--border-radius);box-shadow:0 2px 4px #00000029}.autocomplete-container .autocomplete-dropdown.glass .no-results-blurred{color:var(--text-color)!important}.autocomplete-container .autocomplete-dropdown .autocomplete-option{display:flex;align-items:center;justify-content:flex-start;padding:var(--autocomplete-option-padding-vertical) 16px;cursor:pointer;font-size:14px;color:var(--text-color);text-decoration:none}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-main{display:flex;align-items:center;gap:8px;min-width:0}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-subtitle{margin-inline-start:auto;white-space:nowrap;opacity:.75;font-size:12px}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-icon{width:var(--option-icon-size);height:var(--option-icon-size);margin-left:4px}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-icon-img{width:var(--option-item-size);height:var(--option-item-size);margin-left:8px;border-radius:16px}.autocomplete-container .autocomplete-dropdown .autocomplete-option.autocomplete-option{border-top:1px solid var(--divider-color)}.autocomplete-container .autocomplete-dropdown .autocomplete-option:hover{background-color:var(--hover-background)}.autocomplete-container .autocomplete-dropdown .autocomplete-option.text-center{cursor:default;color:var(--homepage-separator)}.autocomplete-container .autocomplete-dropdown .autocomplete-option.loading-state{padding-top:var(--loading-state-padding-vertical);padding-bottom:var(--loading-state-padding-vertical)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i4.HerumHighlightDirective, selector: "[herumHighlight]", inputs: ["highlightText", "herumHighlight"] }, { kind: "component", type: i2$
|
|
7702
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumAutocompleteComponent, deps: [{ token: i1$3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
7703
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumAutocompleteComponent, isStandalone: false, selector: "herum-autocomplete", inputs: { options: "options", displayBy: "displayBy", subTitleBy: "subTitleBy", placeholder: "placeholder", noResultsText: "noResultsText", disabled: "disabled", isLoadingInput: "isLoadingInput", debounceTime: "debounceTime", selectedOption: "selectedOption", isBlurred: "isBlurred" }, outputs: { filterTextEmitter: "filterTextEmitter", selectedOptionEmitter: "selectedOptionEmitter" }, host: { listeners: { "window:click": "onWindowClick($event)" } }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #container class=\"autocomplete-container\" dir=\"rtl\" [class.disabled]=\"disabled\">\r\n <herum-input-field #filterInput class=\"autocomplete-input internal\" \r\n [type]=\"isBlurred ? 'search-blur' : 'search'\" [placeholder]=\"placeholder\"\r\n [debounceTime]=\"debounceTime\" [disabled]=\"disabled\" [inputValue]=\"currentSearchedItem\"\r\n (click)=\"_onInputClick($event)\" (inputValueEmitter)=\"_inputChange($event)\">\r\n </herum-input-field>\r\n\r\n <div class=\"autocomplete-dropdown\" [@openClose]=\"isDropdownOpen ? 'openDown' : 'closeUp'\" \r\n [class.hidden]=\"!isDropdownOpen\" [class.glass]=\"isBlurred\">\r\n <ng-container *ngIf=\"isLoadingInput || isWaitingForResults; else optionsList\">\r\n <div *ngFor=\"let _ of skeletonRows; let i = index\" class=\"autocomplete-option loading-state\">\r\n <span class=\"skeleton-text skeleton\" [ngStyle]=\"{width: _getSkeletonWidth(i) + 'px'}\"> </span>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-template #optionsList>\r\n <ng-container *ngIf=\"filteredOptions?.length; else noResults\">\r\n <a class=\"autocomplete-option\" *ngFor=\"let option of filteredOptions\" (click)=\"_onSelectOption(option)\">\r\n <div class=\"option-main\">\r\n <ng-container *ngIf=\"option.iconUrl; else defaultLeadingIcon\">\r\n <img [src]=\"option.iconUrl\" class=\"option-icon-img\" />\r\n </ng-container>\r\n \r\n <ng-template #defaultLeadingIcon>\r\n <img src=\"assets/hadracha/general/plus.svg\" class=\"option-icon\">\r\n </ng-template>\r\n\r\n <span [highlightText]=\"option[displayBy]\" [herumHighlight]=\"currentSearchedItem\"></span>\r\n </div>\r\n\r\n <span class=\"option-subtitle\" *ngIf=\"subTitleBy && option[subTitleBy]\">\r\n {{ option[subTitleBy] }}\r\n </span>\r\n </a>\r\n </ng-container>\r\n\r\n <ng-template #noResults>\r\n <a *ngIf=\"!(isLoadingInput || isWaitingForResults)\"\r\n class=\"autocomplete-option text-center no-results-blurred\">\r\n {{ noResultsText }}\r\n </a>\r\n </ng-template>\r\n </ng-template>\r\n </div>\r\n</div>", styles: [":host{--option-icon-size: 14px;--option-item-size: 28px;--autocomplete-visible-options: 5;--autocomplete-option-padding-vertical: 8px;--autocomplete-option-height: calc(var(--option-item-size) + 2 * var(--autocomplete-option-padding-vertical));--dropdown-height: calc(var(--autocomplete-option-height) * var(--autocomplete-visible-options));--loading-state-padding-vertical: calc((var(--option-item-size) + var(--autocomplete-option-padding-vertical)) / 2)}.autocomplete-container{position:relative;width:100%;direction:rtl}.autocomplete-container.disabled{opacity:.6;pointer-events:none}.autocomplete-container .autocomplete-input{width:100%;display:block}.autocomplete-container .autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;max-height:var(--dropdown-height);overflow-y:auto;overflow-x:hidden;line-height:var(--option-item-size)}.autocomplete-container .autocomplete-dropdown.hidden{pointer-events:none}.autocomplete-container .autocomplete-dropdown:not(.glass){background-color:var(--light-background-color);border-radius:var(--border-radius);box-shadow:0 2px 4px #00000029}.autocomplete-container .autocomplete-dropdown.glass .no-results-blurred{color:var(--text-color)!important}.autocomplete-container .autocomplete-dropdown .autocomplete-option{display:flex;align-items:center;justify-content:flex-start;padding:var(--autocomplete-option-padding-vertical) 16px;cursor:pointer;font-size:14px;color:var(--text-color);text-decoration:none}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-main{display:flex;align-items:center;gap:8px;min-width:0}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-subtitle{margin-inline-start:auto;white-space:nowrap;opacity:.75;font-size:12px}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-icon{width:var(--option-icon-size);height:var(--option-icon-size);margin-left:4px}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-icon-img{width:var(--option-item-size);height:var(--option-item-size);margin-left:8px;border-radius:16px}.autocomplete-container .autocomplete-dropdown .autocomplete-option.autocomplete-option{border-top:1px solid var(--divider-color)}.autocomplete-container .autocomplete-dropdown .autocomplete-option:hover{background-color:var(--hover-background)}.autocomplete-container .autocomplete-dropdown .autocomplete-option.text-center{cursor:default;color:var(--homepage-separator)}.autocomplete-container .autocomplete-dropdown .autocomplete-option.loading-state{padding-top:var(--loading-state-padding-vertical);padding-bottom:var(--loading-state-padding-vertical)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i4.HerumHighlightDirective, selector: "[herumHighlight]", inputs: ["highlightText", "herumHighlight"] }, { kind: "component", type: i2$2.HerumInputFieldComponent, selector: "herum-input-field", inputs: ["type", "placeholder", "disabled", "isBlocked", "isValid", "errorMsg", "showErrorMsgGap", "inputValue", "isLoading", "id", "debounceTime", "minValue", "maxValue", "isBlurred", "touched", "ltrMode", "preventMacroKeysPressEvent"], outputs: ["inputValueEmitter"] }], animations: [openClose$1] });
|
|
7724
7704
|
}
|
|
7725
7705
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumAutocompleteComponent, decorators: [{
|
|
7726
7706
|
type: Component,
|
|
7727
7707
|
args: [{ standalone: false, selector: 'herum-autocomplete', animations: [openClose$1], template: "<div #container class=\"autocomplete-container\" dir=\"rtl\" [class.disabled]=\"disabled\">\r\n <herum-input-field #filterInput class=\"autocomplete-input internal\" \r\n [type]=\"isBlurred ? 'search-blur' : 'search'\" [placeholder]=\"placeholder\"\r\n [debounceTime]=\"debounceTime\" [disabled]=\"disabled\" [inputValue]=\"currentSearchedItem\"\r\n (click)=\"_onInputClick($event)\" (inputValueEmitter)=\"_inputChange($event)\">\r\n </herum-input-field>\r\n\r\n <div class=\"autocomplete-dropdown\" [@openClose]=\"isDropdownOpen ? 'openDown' : 'closeUp'\" \r\n [class.hidden]=\"!isDropdownOpen\" [class.glass]=\"isBlurred\">\r\n <ng-container *ngIf=\"isLoadingInput || isWaitingForResults; else optionsList\">\r\n <div *ngFor=\"let _ of skeletonRows; let i = index\" class=\"autocomplete-option loading-state\">\r\n <span class=\"skeleton-text skeleton\" [ngStyle]=\"{width: _getSkeletonWidth(i) + 'px'}\"> </span>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-template #optionsList>\r\n <ng-container *ngIf=\"filteredOptions?.length; else noResults\">\r\n <a class=\"autocomplete-option\" *ngFor=\"let option of filteredOptions\" (click)=\"_onSelectOption(option)\">\r\n <div class=\"option-main\">\r\n <ng-container *ngIf=\"option.iconUrl; else defaultLeadingIcon\">\r\n <img [src]=\"option.iconUrl\" class=\"option-icon-img\" />\r\n </ng-container>\r\n \r\n <ng-template #defaultLeadingIcon>\r\n <img src=\"assets/hadracha/general/plus.svg\" class=\"option-icon\">\r\n </ng-template>\r\n\r\n <span [highlightText]=\"option[displayBy]\" [herumHighlight]=\"currentSearchedItem\"></span>\r\n </div>\r\n\r\n <span class=\"option-subtitle\" *ngIf=\"subTitleBy && option[subTitleBy]\">\r\n {{ option[subTitleBy] }}\r\n </span>\r\n </a>\r\n </ng-container>\r\n\r\n <ng-template #noResults>\r\n <a *ngIf=\"!(isLoadingInput || isWaitingForResults)\"\r\n class=\"autocomplete-option text-center no-results-blurred\">\r\n {{ noResultsText }}\r\n </a>\r\n </ng-template>\r\n </ng-template>\r\n </div>\r\n</div>", styles: [":host{--option-icon-size: 14px;--option-item-size: 28px;--autocomplete-visible-options: 5;--autocomplete-option-padding-vertical: 8px;--autocomplete-option-height: calc(var(--option-item-size) + 2 * var(--autocomplete-option-padding-vertical));--dropdown-height: calc(var(--autocomplete-option-height) * var(--autocomplete-visible-options));--loading-state-padding-vertical: calc((var(--option-item-size) + var(--autocomplete-option-padding-vertical)) / 2)}.autocomplete-container{position:relative;width:100%;direction:rtl}.autocomplete-container.disabled{opacity:.6;pointer-events:none}.autocomplete-container .autocomplete-input{width:100%;display:block}.autocomplete-container .autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;max-height:var(--dropdown-height);overflow-y:auto;overflow-x:hidden;line-height:var(--option-item-size)}.autocomplete-container .autocomplete-dropdown.hidden{pointer-events:none}.autocomplete-container .autocomplete-dropdown:not(.glass){background-color:var(--light-background-color);border-radius:var(--border-radius);box-shadow:0 2px 4px #00000029}.autocomplete-container .autocomplete-dropdown.glass .no-results-blurred{color:var(--text-color)!important}.autocomplete-container .autocomplete-dropdown .autocomplete-option{display:flex;align-items:center;justify-content:flex-start;padding:var(--autocomplete-option-padding-vertical) 16px;cursor:pointer;font-size:14px;color:var(--text-color);text-decoration:none}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-main{display:flex;align-items:center;gap:8px;min-width:0}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-subtitle{margin-inline-start:auto;white-space:nowrap;opacity:.75;font-size:12px}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-icon{width:var(--option-icon-size);height:var(--option-icon-size);margin-left:4px}.autocomplete-container .autocomplete-dropdown .autocomplete-option .option-icon-img{width:var(--option-item-size);height:var(--option-item-size);margin-left:8px;border-radius:16px}.autocomplete-container .autocomplete-dropdown .autocomplete-option.autocomplete-option{border-top:1px solid var(--divider-color)}.autocomplete-container .autocomplete-dropdown .autocomplete-option:hover{background-color:var(--hover-background)}.autocomplete-container .autocomplete-dropdown .autocomplete-option.text-center{cursor:default;color:var(--homepage-separator)}.autocomplete-container .autocomplete-dropdown .autocomplete-option.loading-state{padding-top:var(--loading-state-padding-vertical);padding-bottom:var(--loading-state-padding-vertical)}\n"] }]
|
|
7728
|
-
}], ctorParameters: () => [{ type: i1$
|
|
7708
|
+
}], ctorParameters: () => [{ type: i1$3.NgControl, decorators: [{
|
|
7729
7709
|
type: Optional
|
|
7730
7710
|
}, {
|
|
7731
7711
|
type: Self
|
|
@@ -7821,13 +7801,13 @@ class HerumClosedListMultiSelectComponent {
|
|
|
7821
7801
|
registerOnTouched(fn) {
|
|
7822
7802
|
this.onTouched = fn;
|
|
7823
7803
|
}
|
|
7824
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumClosedListMultiSelectComponent, deps: [{ token:
|
|
7825
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumClosedListMultiSelectComponent, isStandalone: false, selector: "herum-closed-list-multi-select", inputs: { closedListName: "closedListName", placeholder: "placeholder", disabled: "disabled", isDropDownInPositionFixed: "isDropDownInPositionFixed", size: "size", dropDownDirection: "dropDownDirection", selectedClosedListOptionalValues: "selectedClosedListOptionalValues" }, outputs: { selectedClosedListValueEmitter: "selectedClosedListValueEmitter" }, providers: [CUSTOM_CLOSED_LIST_MULTI_SELECT_CONTROL_VALUE_ACCESSOR], usesOnChanges: true, ngImport: i0, template: "<herum-multi-select [placeholder]=\"placeholder\" [options]=\"closedListValues\"\r\n [selectedOptionsInput]=\"selectedClosedListOptionalValues\" [disabled]=\"disabled\"\r\n [isDropDownInPositionFixed]=\"isDropDownInPositionFixed\" [size]=\"size\" [dropDownDirection]=\"dropDownDirection\"\r\n (selectedOptions)=\"_selectedOptionsEmitter($event)\">\r\n</herum-multi-select>", styles: [""], dependencies: [{ kind: "component", type: i2$
|
|
7804
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumClosedListMultiSelectComponent, deps: [{ token: i1$2.CommonGraphqlRequestsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7805
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumClosedListMultiSelectComponent, isStandalone: false, selector: "herum-closed-list-multi-select", inputs: { closedListName: "closedListName", placeholder: "placeholder", disabled: "disabled", isDropDownInPositionFixed: "isDropDownInPositionFixed", size: "size", dropDownDirection: "dropDownDirection", selectedClosedListOptionalValues: "selectedClosedListOptionalValues" }, outputs: { selectedClosedListValueEmitter: "selectedClosedListValueEmitter" }, providers: [CUSTOM_CLOSED_LIST_MULTI_SELECT_CONTROL_VALUE_ACCESSOR], usesOnChanges: true, ngImport: i0, template: "<herum-multi-select [placeholder]=\"placeholder\" [options]=\"closedListValues\"\r\n [selectedOptionsInput]=\"selectedClosedListOptionalValues\" [disabled]=\"disabled\"\r\n [isDropDownInPositionFixed]=\"isDropDownInPositionFixed\" [size]=\"size\" [dropDownDirection]=\"dropDownDirection\"\r\n (selectedOptions)=\"_selectedOptionsEmitter($event)\">\r\n</herum-multi-select>", styles: [""], dependencies: [{ kind: "component", type: i2$2.HerumMultiSelectComponent, selector: "herum-multi-select", inputs: ["placeholder", "options", "titledOptionsList", "recursiveTitledOption", "selectedOptionsInput", "maxChips", "disabled", "size", "isDropDownInPositionFixed", "dropDownDirection", "isMultiHeads"], outputs: ["selectedOptions", "selectedRecursiveOptions"] }] });
|
|
7826
7806
|
}
|
|
7827
7807
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumClosedListMultiSelectComponent, decorators: [{
|
|
7828
7808
|
type: Component,
|
|
7829
7809
|
args: [{ standalone: false, selector: 'herum-closed-list-multi-select', providers: [CUSTOM_CLOSED_LIST_MULTI_SELECT_CONTROL_VALUE_ACCESSOR], template: "<herum-multi-select [placeholder]=\"placeholder\" [options]=\"closedListValues\"\r\n [selectedOptionsInput]=\"selectedClosedListOptionalValues\" [disabled]=\"disabled\"\r\n [isDropDownInPositionFixed]=\"isDropDownInPositionFixed\" [size]=\"size\" [dropDownDirection]=\"dropDownDirection\"\r\n (selectedOptions)=\"_selectedOptionsEmitter($event)\">\r\n</herum-multi-select>" }]
|
|
7830
|
-
}], ctorParameters: () => [{ type:
|
|
7810
|
+
}], ctorParameters: () => [{ type: i1$2.CommonGraphqlRequestsService }], propDecorators: { closedListName: [{
|
|
7831
7811
|
type: Input
|
|
7832
7812
|
}], placeholder: [{
|
|
7833
7813
|
type: Input
|
|
@@ -7913,13 +7893,13 @@ class HerumClosedListSelectComponent {
|
|
|
7913
7893
|
registerOnTouched(fn) {
|
|
7914
7894
|
this.onTouched = fn;
|
|
7915
7895
|
}
|
|
7916
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumClosedListSelectComponent, deps: [{ token:
|
|
7917
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumClosedListSelectComponent, isStandalone: false, selector: "herum-closed-list-select", inputs: { closedListName: ["formControlName", "closedListName"], placeholder: "placeholder", closedListOptionalValueName: "closedListOptionalValueName", disabled: "disabled", isDropDownInPositionFixed: "isDropDownInPositionFixed", iconPath: "iconPath", isAutoComplete: "isAutoComplete", title: "title", size: "size", displayLoadingMode: "displayLoadingMode", isLoadingInput: "isLoadingInput", dropDownDirection: "dropDownDirection", filterPlaceholder: "filterPlaceholder" }, outputs: { selectedClosedListValueEmitter: "selectedClosedListValueEmitter", filterTextEmitter: "filterTextEmitter" }, providers: [CUSTOM_CLOSED_LIST_SELECT_CONTROL_VALUE_ACCESSOR], usesOnChanges: true, ngImport: i0, template: "<herum-select\r\n[options]=\"closedListValues\"\r\n[placeholder]=\"placeholder\"\r\n[selectedOption]=\"selectedClosedListOptionalValue\"\r\n[disabled]=\"disabled\"\r\n[isDropDownInPositionFixed]=\"isDropDownInPositionFixed\"\r\n[iconPath]=\"iconPath\"\r\n[isAutoComplete]=\"isAutoComplete\"\r\n[title]=\"title\"\r\n[size]=\"size\"\r\n[displayLoadingMode]=\"displayLoadingMode\"\r\n[isLoadingInput]=\"isLoadingInput\"\r\n[dropDownDirection]=\"dropDownDirection\"\r\n[filterPlaceholder]=\"filterPlaceholder\"\r\n(selectedOptionEmitter)=\"_selectedOptionEmitter($event)\"\r\n(filterTextEmitter)=\"_filterTextEmitter($event)\"\r\n>\r\n</herum-select>", dependencies: [{ kind: "component", type: i2$
|
|
7896
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumClosedListSelectComponent, deps: [{ token: i1$2.CommonGraphqlRequestsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7897
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumClosedListSelectComponent, isStandalone: false, selector: "herum-closed-list-select", inputs: { closedListName: ["formControlName", "closedListName"], placeholder: "placeholder", closedListOptionalValueName: "closedListOptionalValueName", disabled: "disabled", isDropDownInPositionFixed: "isDropDownInPositionFixed", iconPath: "iconPath", isAutoComplete: "isAutoComplete", title: "title", size: "size", displayLoadingMode: "displayLoadingMode", isLoadingInput: "isLoadingInput", dropDownDirection: "dropDownDirection", filterPlaceholder: "filterPlaceholder" }, outputs: { selectedClosedListValueEmitter: "selectedClosedListValueEmitter", filterTextEmitter: "filterTextEmitter" }, providers: [CUSTOM_CLOSED_LIST_SELECT_CONTROL_VALUE_ACCESSOR], usesOnChanges: true, ngImport: i0, template: "<herum-select\r\n[options]=\"closedListValues\"\r\n[placeholder]=\"placeholder\"\r\n[selectedOption]=\"selectedClosedListOptionalValue\"\r\n[disabled]=\"disabled\"\r\n[isDropDownInPositionFixed]=\"isDropDownInPositionFixed\"\r\n[iconPath]=\"iconPath\"\r\n[isAutoComplete]=\"isAutoComplete\"\r\n[title]=\"title\"\r\n[size]=\"size\"\r\n[displayLoadingMode]=\"displayLoadingMode\"\r\n[isLoadingInput]=\"isLoadingInput\"\r\n[dropDownDirection]=\"dropDownDirection\"\r\n[filterPlaceholder]=\"filterPlaceholder\"\r\n(selectedOptionEmitter)=\"_selectedOptionEmitter($event)\"\r\n(filterTextEmitter)=\"_filterTextEmitter($event)\"\r\n>\r\n</herum-select>", dependencies: [{ kind: "component", type: i2$2.HerumSelectComponent, selector: "herum-select", inputs: ["options", "displayBy", "placeholder", "selectedOption", "disabled", "isDropDownInPositionFixed", "iconPath", "isAutoComplete", "title", "size", "displayLoadingMode", "isLoadingInput", "dropDownDirection", "filterPlaceholder", "debounceTime"], outputs: ["selectedOptionEmitter", "filterTextEmitter"] }] });
|
|
7918
7898
|
}
|
|
7919
7899
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumClosedListSelectComponent, decorators: [{
|
|
7920
7900
|
type: Component,
|
|
7921
7901
|
args: [{ standalone: false, selector: 'herum-closed-list-select', providers: [CUSTOM_CLOSED_LIST_SELECT_CONTROL_VALUE_ACCESSOR], template: "<herum-select\r\n[options]=\"closedListValues\"\r\n[placeholder]=\"placeholder\"\r\n[selectedOption]=\"selectedClosedListOptionalValue\"\r\n[disabled]=\"disabled\"\r\n[isDropDownInPositionFixed]=\"isDropDownInPositionFixed\"\r\n[iconPath]=\"iconPath\"\r\n[isAutoComplete]=\"isAutoComplete\"\r\n[title]=\"title\"\r\n[size]=\"size\"\r\n[displayLoadingMode]=\"displayLoadingMode\"\r\n[isLoadingInput]=\"isLoadingInput\"\r\n[dropDownDirection]=\"dropDownDirection\"\r\n[filterPlaceholder]=\"filterPlaceholder\"\r\n(selectedOptionEmitter)=\"_selectedOptionEmitter($event)\"\r\n(filterTextEmitter)=\"_filterTextEmitter($event)\"\r\n>\r\n</herum-select>" }]
|
|
7922
|
-
}], ctorParameters: () => [{ type:
|
|
7902
|
+
}], ctorParameters: () => [{ type: i1$2.CommonGraphqlRequestsService }], propDecorators: { closedListName: [{
|
|
7923
7903
|
type: Input,
|
|
7924
7904
|
args: ['formControlName']
|
|
7925
7905
|
}], placeholder: [{
|
|
@@ -7957,6 +7937,7 @@ const defaultFileIconPath = iconsFolderPath + 'generic-file.svg';
|
|
|
7957
7937
|
const requiredFieldMessage = 'חובה לעלות קובץ';
|
|
7958
7938
|
class HerumDropZoneComponent {
|
|
7959
7939
|
environmentConfig;
|
|
7940
|
+
utilsService;
|
|
7960
7941
|
selectedFiles = [];
|
|
7961
7942
|
placeholder = 'העלה או גרור לכאן קובץ';
|
|
7962
7943
|
numberOfAllowedFiles = 1;
|
|
@@ -7994,8 +7975,9 @@ class HerumDropZoneComponent {
|
|
|
7994
7975
|
message: `אין להעלות תמונות בגודל של מעל ${maxImageHeight$1} על ${maxImageWidth$1}`
|
|
7995
7976
|
},
|
|
7996
7977
|
];
|
|
7997
|
-
constructor(environmentConfig) {
|
|
7978
|
+
constructor(environmentConfig, utilsService) {
|
|
7998
7979
|
this.environmentConfig = environmentConfig;
|
|
7980
|
+
this.utilsService = utilsService;
|
|
7999
7981
|
}
|
|
8000
7982
|
ngOnChanges(changes) {
|
|
8001
7983
|
if (changes['selectedFiles'] && Array.isArray(this.selectedFiles))
|
|
@@ -8108,7 +8090,10 @@ class HerumDropZoneComponent {
|
|
|
8108
8090
|
return filePath ? filePath : defaultFileIconPath;
|
|
8109
8091
|
}
|
|
8110
8092
|
get convertorMediaPath() {
|
|
8111
|
-
return
|
|
8093
|
+
return this.utilsService.getUrlFromFileData({
|
|
8094
|
+
bucket: this.environmentConfig?.buckets?.GeneralFiles,
|
|
8095
|
+
key: 'XMediaRecode.exe'
|
|
8096
|
+
});
|
|
8112
8097
|
}
|
|
8113
8098
|
parseAllowedFileTypes(allowedFileTypes) {
|
|
8114
8099
|
if (!allowedFileTypes || !allowedFileTypes?.length)
|
|
@@ -8125,8 +8110,8 @@ class HerumDropZoneComponent {
|
|
|
8125
8110
|
}
|
|
8126
8111
|
this.errorMessages = this.errorMessages.filter(errorMessage => errorMessage.message !== requiredFieldMessage);
|
|
8127
8112
|
}
|
|
8128
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumDropZoneComponent, deps: [{ token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
|
|
8129
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumDropZoneComponent, isStandalone: false, selector: "herum-drop-zone", inputs: { selectedFiles: "selectedFiles", placeholder: "placeholder", numberOfAllowedFiles: "numberOfAllowedFiles", allowedFileTypes: "allowedFileTypes", supportedFilesMimes: "supportedFilesMimes", supportedFilesTypes: "supportedFilesTypes", requiredField: "requiredField", directionPreview: "directionPreview", type: "type", grow: "grow", fillContainer: "fillContainer", uploadFileSvg: "uploadFileSvg", previewImageUrl: "previewImageUrl", allowToDeleteImage: "allowToDeleteImage" }, outputs: { filesDataEvent: "filesDataEvent" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button class=\"dropzone\" type=\"button\" [class.not-displayed]=\"previewImageUrl\" [class.fill-container]=\"fillContainer\"\r\n [style.height]=\"grow ? '100%' : ''\" (drop)=\"_onUploadDroppedFiles($event)\" (click)=\"_onClickFileInput()\"\r\n (dragover)=\"_onPreventDefault($event)\">\r\n <div svgOnHover class=\"dropzone-content upload-file-border\" [style.height]=\"grow ? '100%' : '130px'\"\r\n [ngClass]=\"{'row-dropzone':type=='row'}\"\r\n [ngStyle]=\"{'justify-content': (filesList?.length || type == 'row') ? 'start' : 'center'}\">\r\n <div class=\"center-icon\" [ngClass]=\"{'upload-file-row-preview':directionPreview==='row' }\"\r\n *ngIf=\"!filesList?.length\">\r\n <span class=\"upload-file-image mb-2\" [style.height]=\"grow ? '60px' : ''\" [style.width]=\"grow ? '60px' : ''\"\r\n [innerHTML]=\"uploadFileSvg | safeHtml\">\r\n </span>\r\n\r\n <div class=\"dropzone-text\" [style.fontSize]=\"grow ? 'large' : ''\"> {{ placeholder }} </div>\r\n </div>\r\n\r\n <ng-container *ngIf=\"filesList?.length > 0\">\r\n <div class=\"files-container\" *ngFor=\"let file of filesList; index as i\">\r\n <img [src]=\"getIconPath(file)\" alt=\"#{{i+1}} picture\" />\r\n\r\n <span class=\"file-name truncate\">{{ file?.name }}</span>\r\n\r\n <div class=\"delete-container\" (click)=\"_onRemoveFile(i, $event)\">\r\n <img class=\"delete-button\" src=\"assets/general/secondary-x.svg\">\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div *ngFor=\"let error of errorMessages\">\r\n <span *ngIf=\"error.condition()\" class=\"error-msg\"\r\n [matTooltip]=\"!isSupportedFileType ? '\u05E1\u05D5\u05D2\u05D9 \u05D4\u05E7\u05D1\u05E6\u05D9\u05DD \u05D4\u05E0\u05EA\u05DE\u05DB\u05D9\u05DD: ' + supportedFilesTypes : ''\">\r\n {{ error.message }}\r\n </span>\r\n </div>\r\n\r\n <span (click)=\"$event.stopPropagation()\">\r\n <herum-download-file *ngIf=\"!isSupportedFileType\" [filePath]=\"convertorMediaPath\"\r\n linkText=\"\u05DC\u05D4\u05D5\u05E8\u05D3\u05D4 \u05EA\u05D5\u05DB\u05E0\u05EA \u05D4\u05DE\u05E8\u05EA \u05DE\u05D3\u05D9\u05D4\">\r\n </herum-download-file>\r\n </span>\r\n </div>\r\n</button>\r\n\r\n<div *ngIf=\"previewImageUrl\" class=\"preview-wrapper\">\r\n <div class=\"image-container\">\r\n <img [src]=\"previewImageUrl\" alt=\"Preview\" class=\"preview-image\">\r\n\r\n <button type=\"button\" class=\"remove-button\" aria-label=\"Remove image\" (click)=\"_onRemoveImage()\">\r\n <img class=\"remove-icon\" src=\"assets/general/secondary-x.svg\" alt=Remove />\r\n </button>\r\n </div>\r\n</div>\r\n\r\n<input #fileInput class=\"d-none\" type=\"file\" [accept]=\"parsedAllowedFileTypes\" (change)=\"_onUploadFiles($event)\"\r\n multiple>", styles: [":host{--close-button-size: 12px;display:flex}.dropzone:focus-visible{outline:none}.dropzone:focus-visible .dropzone-content{border-color:var(--icons-color-light-1)}.dropzone{display:flex;align-items:center;flex-direction:column;overflow-y:auto;flex:1;border:none;background-color:transparent;padding:0}.dropzone .dropzone-content{width:100%;display:flex;height:100%;justify-content:center;flex-direction:column;align-items:center}.row-dropzone{display:flex;align-items:center;flex-direction:row!important;gap:8px!important;height:unset!important;padding:8px!important}.upload-file-row-preview{display:flex;gap:8px}.center-icon{align-items:center;display:flex;justify-content:center;flex-direction:column}.dropzone-content:hover{background:var(--item-hover-color);border-color:var(--secondary-color)}.dropzone-content:active{transform:scale(.96)}.dropzone-text{text-align:center}.files-container{display:flex;padding-block-start:10px;gap:10px;width:95%;height:50px;padding:5px;align-items:center}.file-name{width:90%;line-height:1}.delete-container{display:flex;align-items:center;height:100%;width:24px;z-index:3}.delete-button{height:12px;width:12px;position:relative}.upload-file-image{display:flex;align-items:center;justify-content:center;cursor:pointer}.fill-container,.fill-container .dropzone-content{height:100%!important}.not-displayed{display:none}.preview-wrapper{display:inline-block;height:100%;width:100%}.preview-wrapper .image-container{position:relative;display:inline-block;height:100%;width:100%}.preview-wrapper .image-container .preview-image{width:100%;height:100%;border-radius:var(--upload-file-border-radius);object-fit:cover;display:block;position:relative;transition:filter .4s ease}.preview-wrapper .image-container .remove-button{position:absolute;top:8px;left:8px;background:transparent;border:none;width:var(--close-button-size);height:var(--close-button-size);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s ease}.preview-wrapper .image-container .remove-button:hover{opacity:1}.preview-wrapper .image-container .remove-button .remove-icon{height:var(--close-button-size);width:var(--close-button-size);filter:brightness(0) invert(1)}.preview-wrapper .image-container:hover .preview-image{filter:brightness(50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$
|
|
8113
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumDropZoneComponent, deps: [{ token: HERUM_SHARED_CONFIG_TOKEN }, { token: i1$2.UtilsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8114
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumDropZoneComponent, isStandalone: false, selector: "herum-drop-zone", inputs: { selectedFiles: "selectedFiles", placeholder: "placeholder", numberOfAllowedFiles: "numberOfAllowedFiles", allowedFileTypes: "allowedFileTypes", supportedFilesMimes: "supportedFilesMimes", supportedFilesTypes: "supportedFilesTypes", requiredField: "requiredField", directionPreview: "directionPreview", type: "type", grow: "grow", fillContainer: "fillContainer", uploadFileSvg: "uploadFileSvg", previewImageUrl: "previewImageUrl", allowToDeleteImage: "allowToDeleteImage" }, outputs: { filesDataEvent: "filesDataEvent" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button class=\"dropzone\" type=\"button\" [class.not-displayed]=\"previewImageUrl\" [class.fill-container]=\"fillContainer\"\r\n [style.height]=\"grow ? '100%' : ''\" (drop)=\"_onUploadDroppedFiles($event)\" (click)=\"_onClickFileInput()\"\r\n (dragover)=\"_onPreventDefault($event)\">\r\n <div svgOnHover class=\"dropzone-content upload-file-border\" [style.height]=\"grow ? '100%' : '130px'\"\r\n [ngClass]=\"{'row-dropzone':type=='row'}\"\r\n [ngStyle]=\"{'justify-content': (filesList?.length || type == 'row') ? 'start' : 'center'}\">\r\n <div class=\"center-icon\" [ngClass]=\"{'upload-file-row-preview':directionPreview==='row' }\"\r\n *ngIf=\"!filesList?.length\">\r\n <span class=\"upload-file-image mb-2\" [style.height]=\"grow ? '60px' : ''\" [style.width]=\"grow ? '60px' : ''\"\r\n [innerHTML]=\"uploadFileSvg | safeHtml\">\r\n </span>\r\n\r\n <div class=\"dropzone-text\" [style.fontSize]=\"grow ? 'large' : ''\"> {{ placeholder }} </div>\r\n </div>\r\n\r\n <ng-container *ngIf=\"filesList?.length > 0\">\r\n <div class=\"files-container\" *ngFor=\"let file of filesList; index as i\">\r\n <img [src]=\"getIconPath(file)\" alt=\"#{{i+1}} picture\" />\r\n\r\n <span class=\"file-name truncate\">{{ file?.name }}</span>\r\n\r\n <div class=\"delete-container\" (click)=\"_onRemoveFile(i, $event)\">\r\n <img class=\"delete-button\" src=\"assets/general/secondary-x.svg\">\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div *ngFor=\"let error of errorMessages\">\r\n <span *ngIf=\"error.condition()\" class=\"error-msg\"\r\n [matTooltip]=\"!isSupportedFileType ? '\u05E1\u05D5\u05D2\u05D9 \u05D4\u05E7\u05D1\u05E6\u05D9\u05DD \u05D4\u05E0\u05EA\u05DE\u05DB\u05D9\u05DD: ' + supportedFilesTypes : ''\">\r\n {{ error.message }}\r\n </span>\r\n </div>\r\n\r\n <span (click)=\"$event.stopPropagation()\">\r\n <herum-download-file *ngIf=\"!isSupportedFileType\" [filePath]=\"convertorMediaPath\"\r\n linkText=\"\u05DC\u05D4\u05D5\u05E8\u05D3\u05D4 \u05EA\u05D5\u05DB\u05E0\u05EA \u05D4\u05DE\u05E8\u05EA \u05DE\u05D3\u05D9\u05D4\">\r\n </herum-download-file>\r\n </span>\r\n </div>\r\n</button>\r\n\r\n<div *ngIf=\"previewImageUrl\" class=\"preview-wrapper\">\r\n <div class=\"image-container\">\r\n <img [src]=\"previewImageUrl\" alt=\"Preview\" class=\"preview-image\">\r\n\r\n <button type=\"button\" class=\"remove-button\" aria-label=\"Remove image\" (click)=\"_onRemoveImage()\">\r\n <img class=\"remove-icon\" src=\"assets/general/secondary-x.svg\" alt=Remove />\r\n </button>\r\n </div>\r\n</div>\r\n\r\n<input #fileInput class=\"d-none\" type=\"file\" [accept]=\"parsedAllowedFileTypes\" (change)=\"_onUploadFiles($event)\"\r\n multiple>", styles: [":host{--close-button-size: 12px;display:flex}.dropzone:focus-visible{outline:none}.dropzone:focus-visible .dropzone-content{border-color:var(--icons-color-light-1)}.dropzone{display:flex;align-items:center;flex-direction:column;overflow-y:auto;flex:1;border:none;background-color:transparent;padding:0}.dropzone .dropzone-content{width:100%;display:flex;height:100%;justify-content:center;flex-direction:column;align-items:center}.row-dropzone{display:flex;align-items:center;flex-direction:row!important;gap:8px!important;height:unset!important;padding:8px!important}.upload-file-row-preview{display:flex;gap:8px}.center-icon{align-items:center;display:flex;justify-content:center;flex-direction:column}.dropzone-content:hover{background:var(--item-hover-color);border-color:var(--secondary-color)}.dropzone-content:active{transform:scale(.96)}.dropzone-text{text-align:center}.files-container{display:flex;padding-block-start:10px;gap:10px;width:95%;height:50px;padding:5px;align-items:center}.file-name{width:90%;line-height:1}.delete-container{display:flex;align-items:center;height:100%;width:24px;z-index:3}.delete-button{height:12px;width:12px;position:relative}.upload-file-image{display:flex;align-items:center;justify-content:center;cursor:pointer}.fill-container,.fill-container .dropzone-content{height:100%!important}.not-displayed{display:none}.preview-wrapper{display:inline-block;height:100%;width:100%}.preview-wrapper .image-container{position:relative;display:inline-block;height:100%;width:100%}.preview-wrapper .image-container .preview-image{width:100%;height:100%;border-radius:var(--upload-file-border-radius);object-fit:cover;display:block;position:relative;transition:filter .4s ease}.preview-wrapper .image-container .remove-button{position:absolute;top:8px;left:8px;background:transparent;border:none;width:var(--close-button-size);height:var(--close-button-size);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s ease}.preview-wrapper .image-container .remove-button:hover{opacity:1}.preview-wrapper .image-container .remove-button .remove-icon{height:var(--close-button-size);width:var(--close-button-size);filter:brightness(0) invert(1)}.preview-wrapper .image-container:hover .preview-image{filter:brightness(50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i4.SvgOnHoverDirective, selector: "[svgOnHover]", inputs: ["svgOnHover"] }, { kind: "component", type: i2$2.HerumDownloadFileComponent, selector: "herum-download-file", inputs: ["fileId", "filePath", "linkText"], outputs: ["downloadFile"] }, { kind: "pipe", type: i4$1.SafeHtmlPipe, name: "safeHtml" }] });
|
|
8130
8115
|
}
|
|
8131
8116
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumDropZoneComponent, decorators: [{
|
|
8132
8117
|
type: Component,
|
|
@@ -8134,7 +8119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
8134
8119
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
8135
8120
|
type: Inject,
|
|
8136
8121
|
args: [HERUM_SHARED_CONFIG_TOKEN]
|
|
8137
|
-
}] }], propDecorators: { selectedFiles: [{
|
|
8122
|
+
}] }, { type: i1$2.UtilsService }], propDecorators: { selectedFiles: [{
|
|
8138
8123
|
type: Input
|
|
8139
8124
|
}], placeholder: [{
|
|
8140
8125
|
type: Input
|
|
@@ -8190,15 +8175,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
8190
8175
|
}] } });
|
|
8191
8176
|
|
|
8192
8177
|
class HerumFilesViewerComponent {
|
|
8193
|
-
|
|
8178
|
+
utilsService;
|
|
8194
8179
|
fileData;
|
|
8195
8180
|
showDeleteFileButton = false;
|
|
8196
8181
|
downloadFile = new EventEmitter();
|
|
8197
8182
|
deleteFile = new EventEmitter();
|
|
8198
8183
|
srcPath;
|
|
8199
8184
|
fileType;
|
|
8200
|
-
constructor(
|
|
8201
|
-
this.
|
|
8185
|
+
constructor(utilsService) {
|
|
8186
|
+
this.utilsService = utilsService;
|
|
8202
8187
|
}
|
|
8203
8188
|
ngOnChanges(changes) {
|
|
8204
8189
|
if (changes['fileData']?.currentValue) {
|
|
@@ -8213,7 +8198,7 @@ class HerumFilesViewerComponent {
|
|
|
8213
8198
|
const type = this.fileData.type;
|
|
8214
8199
|
const typeIndex = type?.includes('pdf') ? 1 : 0;
|
|
8215
8200
|
this.fileType = type?.split("/")[typeIndex];
|
|
8216
|
-
this.srcPath = this.
|
|
8201
|
+
this.srcPath = this.utilsService.getUrlFromFileData(this.fileData) ?? '';
|
|
8217
8202
|
}
|
|
8218
8203
|
}
|
|
8219
8204
|
_onDeleteFile() {
|
|
@@ -8222,16 +8207,13 @@ class HerumFilesViewerComponent {
|
|
|
8222
8207
|
_downloadFile() {
|
|
8223
8208
|
this.downloadFile.emit(this.fileData);
|
|
8224
8209
|
}
|
|
8225
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumFilesViewerComponent, deps: [{ token:
|
|
8226
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumFilesViewerComponent, isStandalone: false, selector: "herum-files-viewer", inputs: { fileData: "fileData", showDeleteFileButton: "showDeleteFileButton" }, outputs: { downloadFile: "downloadFile", deleteFile: "deleteFile" }, usesOnChanges: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"fileType\">\r\n <div class=\"image-container\" *ngSwitchCase=\"'image'\">\r\n <div *ngIf=\"showDeleteFileButton\" class=\"overlay-container\">\r\n <ng-container *ngTemplateOutlet=\"deleteFileButton\">\r\n </ng-container>\r\n </div>\r\n\r\n <img [src]=\"srcPath\">\r\n </div>\r\n\r\n <herum-video-player *ngSwitchCase=\"'video'\" [srcPath]=\"srcPath\" [isResourceInWideMode]=\"true\"></herum-video-player>\r\n\r\n <herum-pdf-viewer *ngSwitchCase=\"'pdf'\" [srcPath]=\"srcPath\" [isResourceInWideMode]=\"true\"></herum-pdf-viewer>\r\n\r\n <herum-audio-player *ngSwitchCase=\"'audio'\" [id]=\"fileData.key\" [bucketName]=\"fileData.bucket\"\r\n [audioFile]=\"fileData.file\">\r\n </herum-audio-player>\r\n\r\n <herum-download-file *ngSwitchDefault linkText=\"\u05D4\u05E7\u05D5\u05D1\u05E5 \u05D0\u05D9\u05E0\u05D5 \u05E0\u05EA\u05DE\u05DA, \u05E0\u05D9\u05EA\u05DF \u05DC\u05D4\u05D5\u05E8\u05D3\u05D5\" (downloadFile)=\"_downloadFile()\">\r\n </herum-download-file>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"fileType!=='image'\">\r\n <ng-container *ngTemplateOutlet=\"deleteFileButton\">\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #deleteFileButton>\r\n <button *ngIf=\"showDeleteFileButton\" class=\"delete-file-button\" (click)=\"_onDeleteFile()\">\r\n <img src=\"assets/general/secondary-x.svg\" />\r\n </button>\r\n</ng-template>", styles: [":host{display:flex;position:relative;min-height:0;flex:1 1 0}herum-video-player,herum-pdf-viewer,herum-audio-player,herum-download-file{flex:1}herum-video-player{display:flex}herum-download-file{display:flex;align-items:center;justify-content:center;background-color:var(--icons-color-light-2);border-radius:var(--border-radius);padding:var(--standard-padding)}.image-container:hover .overlay-container{background-color:var(--dark-overlay);visibility:visible}.image-container{position:relative}.image-container .overlay-container{border-radius:var(--border-radius);width:100%;height:100%;position:absolute;visibility:hidden;transition:background-color .5s ease}.image-container img{height:100%;object-fit:contain;width:100%;border-radius:var(--border-radius)}.delete-file-button{background-color:transparent;border:none;position:absolute;top:var(--standard-padding);left:var(--standard-padding)}.delete-file-button img{height:14px;filter:brightness(0) invert(1)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2$
|
|
8210
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumFilesViewerComponent, deps: [{ token: i1$2.UtilsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8211
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumFilesViewerComponent, isStandalone: false, selector: "herum-files-viewer", inputs: { fileData: "fileData", showDeleteFileButton: "showDeleteFileButton" }, outputs: { downloadFile: "downloadFile", deleteFile: "deleteFile" }, usesOnChanges: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"fileType\">\r\n <div class=\"image-container\" *ngSwitchCase=\"'image'\">\r\n <div *ngIf=\"showDeleteFileButton\" class=\"overlay-container\">\r\n <ng-container *ngTemplateOutlet=\"deleteFileButton\">\r\n </ng-container>\r\n </div>\r\n\r\n <img [src]=\"srcPath\">\r\n </div>\r\n\r\n <herum-video-player *ngSwitchCase=\"'video'\" [srcPath]=\"srcPath\" [isResourceInWideMode]=\"true\"></herum-video-player>\r\n\r\n <herum-pdf-viewer *ngSwitchCase=\"'pdf'\" [srcPath]=\"srcPath\" [isResourceInWideMode]=\"true\"></herum-pdf-viewer>\r\n\r\n <herum-audio-player *ngSwitchCase=\"'audio'\" [id]=\"fileData.key\" [bucketName]=\"fileData.bucket\"\r\n [audioFile]=\"fileData.file\">\r\n </herum-audio-player>\r\n\r\n <herum-download-file *ngSwitchDefault linkText=\"\u05D4\u05E7\u05D5\u05D1\u05E5 \u05D0\u05D9\u05E0\u05D5 \u05E0\u05EA\u05DE\u05DA, \u05E0\u05D9\u05EA\u05DF \u05DC\u05D4\u05D5\u05E8\u05D3\u05D5\" (downloadFile)=\"_downloadFile()\">\r\n </herum-download-file>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"fileType!=='image'\">\r\n <ng-container *ngTemplateOutlet=\"deleteFileButton\">\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #deleteFileButton>\r\n <button *ngIf=\"showDeleteFileButton\" class=\"delete-file-button\" (click)=\"_onDeleteFile()\">\r\n <img src=\"assets/general/secondary-x.svg\" />\r\n </button>\r\n</ng-template>", styles: [":host{display:flex;position:relative;min-height:0;flex:1 1 0}herum-video-player,herum-pdf-viewer,herum-audio-player,herum-download-file{flex:1}herum-video-player{display:flex}herum-download-file{display:flex;align-items:center;justify-content:center;background-color:var(--icons-color-light-2);border-radius:var(--border-radius);padding:var(--standard-padding)}.image-container:hover .overlay-container{background-color:var(--dark-overlay);visibility:visible}.image-container{position:relative}.image-container .overlay-container{border-radius:var(--border-radius);width:100%;height:100%;position:absolute;visibility:hidden;transition:background-color .5s ease}.image-container img{height:100%;object-fit:contain;width:100%;border-radius:var(--border-radius)}.delete-file-button{background-color:transparent;border:none;position:absolute;top:var(--standard-padding);left:var(--standard-padding)}.delete-file-button img{height:14px;filter:brightness(0) invert(1)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2$2.HerumDownloadFileComponent, selector: "herum-download-file", inputs: ["fileId", "filePath", "linkText"], outputs: ["downloadFile"] }] });
|
|
8227
8212
|
}
|
|
8228
8213
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumFilesViewerComponent, decorators: [{
|
|
8229
8214
|
type: Component,
|
|
8230
8215
|
args: [{ standalone: false, selector: 'herum-files-viewer', template: "<ng-container [ngSwitch]=\"fileType\">\r\n <div class=\"image-container\" *ngSwitchCase=\"'image'\">\r\n <div *ngIf=\"showDeleteFileButton\" class=\"overlay-container\">\r\n <ng-container *ngTemplateOutlet=\"deleteFileButton\">\r\n </ng-container>\r\n </div>\r\n\r\n <img [src]=\"srcPath\">\r\n </div>\r\n\r\n <herum-video-player *ngSwitchCase=\"'video'\" [srcPath]=\"srcPath\" [isResourceInWideMode]=\"true\"></herum-video-player>\r\n\r\n <herum-pdf-viewer *ngSwitchCase=\"'pdf'\" [srcPath]=\"srcPath\" [isResourceInWideMode]=\"true\"></herum-pdf-viewer>\r\n\r\n <herum-audio-player *ngSwitchCase=\"'audio'\" [id]=\"fileData.key\" [bucketName]=\"fileData.bucket\"\r\n [audioFile]=\"fileData.file\">\r\n </herum-audio-player>\r\n\r\n <herum-download-file *ngSwitchDefault linkText=\"\u05D4\u05E7\u05D5\u05D1\u05E5 \u05D0\u05D9\u05E0\u05D5 \u05E0\u05EA\u05DE\u05DA, \u05E0\u05D9\u05EA\u05DF \u05DC\u05D4\u05D5\u05E8\u05D3\u05D5\" (downloadFile)=\"_downloadFile()\">\r\n </herum-download-file>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"fileType!=='image'\">\r\n <ng-container *ngTemplateOutlet=\"deleteFileButton\">\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #deleteFileButton>\r\n <button *ngIf=\"showDeleteFileButton\" class=\"delete-file-button\" (click)=\"_onDeleteFile()\">\r\n <img src=\"assets/general/secondary-x.svg\" />\r\n </button>\r\n</ng-template>", styles: [":host{display:flex;position:relative;min-height:0;flex:1 1 0}herum-video-player,herum-pdf-viewer,herum-audio-player,herum-download-file{flex:1}herum-video-player{display:flex}herum-download-file{display:flex;align-items:center;justify-content:center;background-color:var(--icons-color-light-2);border-radius:var(--border-radius);padding:var(--standard-padding)}.image-container:hover .overlay-container{background-color:var(--dark-overlay);visibility:visible}.image-container{position:relative}.image-container .overlay-container{border-radius:var(--border-radius);width:100%;height:100%;position:absolute;visibility:hidden;transition:background-color .5s ease}.image-container img{height:100%;object-fit:contain;width:100%;border-radius:var(--border-radius)}.delete-file-button{background-color:transparent;border:none;position:absolute;top:var(--standard-padding);left:var(--standard-padding)}.delete-file-button img{height:14px;filter:brightness(0) invert(1)}\n"] }]
|
|
8231
|
-
}], ctorParameters: () => [{ type:
|
|
8232
|
-
type: Inject,
|
|
8233
|
-
args: [HERUM_SHARED_CONFIG_TOKEN]
|
|
8234
|
-
}] }], propDecorators: { fileData: [{
|
|
8216
|
+
}], ctorParameters: () => [{ type: i1$2.UtilsService }], propDecorators: { fileData: [{
|
|
8235
8217
|
type: Input
|
|
8236
8218
|
}], showDeleteFileButton: [{
|
|
8237
8219
|
type: Input
|
|
@@ -8259,7 +8241,7 @@ class HerumMultiProgressBarComponent {
|
|
|
8259
8241
|
}
|
|
8260
8242
|
}
|
|
8261
8243
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumMultiProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8262
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumMultiProgressBarComponent, isStandalone: false, selector: "herum-multi-progress-bar", inputs: { progressBarsSections: "progressBarsSections" }, ngImport: i0, template: "<div class=\"sections-bars-container\">\r\n <div class=\"progress-bars-container\" *ngFor=\"let section of progressBarsSections; let sectionIndex = index\"\r\n [ngStyle]=\"{'width':(section.percentage + '%')}\">\r\n <herum-progress-bar *ngFor=\"let progressBar of section.progressBars; let progressBarIndex = index\"\r\n [color]=\"progressBar.color\" [percentage]=\"progressBar.value\" [borderRadius]=\"getBorderRadius(sectionIndex,progressBarIndex)\"\r\n [ngStyle]=\"{'width':(progressBar.percentage + '%')}\"></herum-progress-bar>\r\n </div>\r\n</div>", styles: [".sections-bars-container,.sections-bars-container .progress-bars-container{display:flex;flex-direction:row-reverse}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$
|
|
8244
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumMultiProgressBarComponent, isStandalone: false, selector: "herum-multi-progress-bar", inputs: { progressBarsSections: "progressBarsSections" }, ngImport: i0, template: "<div class=\"sections-bars-container\">\r\n <div class=\"progress-bars-container\" *ngFor=\"let section of progressBarsSections; let sectionIndex = index\"\r\n [ngStyle]=\"{'width':(section.percentage + '%')}\">\r\n <herum-progress-bar *ngFor=\"let progressBar of section.progressBars; let progressBarIndex = index\"\r\n [color]=\"progressBar.color\" [percentage]=\"progressBar.value\" [borderRadius]=\"getBorderRadius(sectionIndex,progressBarIndex)\"\r\n [ngStyle]=\"{'width':(progressBar.percentage + '%')}\"></herum-progress-bar>\r\n </div>\r\n</div>", styles: [".sections-bars-container,.sections-bars-container .progress-bars-container{display:flex;flex-direction:row-reverse}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$2.HerumProgressBarComponent, selector: "herum-progress-bar", inputs: ["percentage", "invalidPercentage", "showPercentage", "percentagePosition", "type", "size", "color", "borderRadius", "total", "showBorder", "thickness"] }] });
|
|
8263
8245
|
}
|
|
8264
8246
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumMultiProgressBarComponent, decorators: [{
|
|
8265
8247
|
type: Component,
|
|
@@ -8284,7 +8266,7 @@ class HerumNavigatorComponent {
|
|
|
8284
8266
|
this.updatedItemIndex.emit(++currentItemIndex);
|
|
8285
8267
|
}
|
|
8286
8268
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumNavigatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8287
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumNavigatorComponent, isStandalone: false, selector: "herum-navigator", inputs: { isFirstItem: "isFirstItem", isLastItem: "isLastItem", nextButtonText: "nextButtonText", previousButtonText: "previousButtonText", isNextButtonDisable: "isNextButtonDisable", isBackButtonDisable: "isBackButtonDisable", currentItemIndex: "currentItemIndex" }, outputs: { updatedItemIndex: "updatedItemIndex" }, ngImport: i0, template: "<div class=\"buttons-container\">\r\n <herum-button *ngIf=\"!isFirstItem\" [size]=\"'medium'\" [type]=\"'ghost'\" [disabled]=\"isBackButtonDisable\" id=\"prev\"\r\n (click)=\"_onPreviousItem(currentItemIndex)\">\r\n {{previousButtonText}}\r\n </herum-button>\r\n\r\n <herum-button *ngIf=\"!isLastItem\" [size]=\"'medium'\" [disabled]=\"isNextButtonDisable\" id=\"next\"\r\n (click)=\"_onNextItem(currentItemIndex)\">\r\n {{nextButtonText}}\r\n </herum-button>\r\n</div>", styles: [".buttons-container{display:flex;gap:10px;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$
|
|
8269
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumNavigatorComponent, isStandalone: false, selector: "herum-navigator", inputs: { isFirstItem: "isFirstItem", isLastItem: "isLastItem", nextButtonText: "nextButtonText", previousButtonText: "previousButtonText", isNextButtonDisable: "isNextButtonDisable", isBackButtonDisable: "isBackButtonDisable", currentItemIndex: "currentItemIndex" }, outputs: { updatedItemIndex: "updatedItemIndex" }, ngImport: i0, template: "<div class=\"buttons-container\">\r\n <herum-button *ngIf=\"!isFirstItem\" [size]=\"'medium'\" [type]=\"'ghost'\" [disabled]=\"isBackButtonDisable\" id=\"prev\"\r\n (click)=\"_onPreviousItem(currentItemIndex)\">\r\n {{previousButtonText}}\r\n </herum-button>\r\n\r\n <herum-button *ngIf=\"!isLastItem\" [size]=\"'medium'\" [disabled]=\"isNextButtonDisable\" id=\"next\"\r\n (click)=\"_onNextItem(currentItemIndex)\">\r\n {{nextButtonText}}\r\n </herum-button>\r\n</div>", styles: [".buttons-container{display:flex;gap:10px;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.HerumButtonComponent, selector: "herum-button", inputs: ["type", "color", "size", "roundedCorners", "disabled", "isLoading", "name"] }] });
|
|
8288
8270
|
}
|
|
8289
8271
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumNavigatorComponent, decorators: [{
|
|
8290
8272
|
type: Component,
|
|
@@ -8310,7 +8292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
8310
8292
|
class HerumStepNavigatorComponent {
|
|
8311
8293
|
steps;
|
|
8312
8294
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumStepNavigatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8313
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumStepNavigatorComponent, isStandalone: false, selector: "herum-step-navigator", inputs: { steps: "steps" }, ngImport: i0, template: "<div class=\"steps\">\r\n <div *ngFor=\"let step of steps\" class=\"stepper-item\"\r\n [ngClass]=\"{'completed-step': step.status === 0, 'active-step': step.status === 1}\">\r\n <herum-radio-button [options]=\"[{id:step.index, name:step.label}]\" [selectedOption]=\"step.index\"\r\n [isBlocked]=\"true\" [type]=\"step.status === 0 ? 'completed' : step.status === 2 ? 'disabled' :'checked'\">\r\n </herum-radio-button>\r\n </div>\r\n</div>", styles: [".steps{display:flex;gap:8px;position:relative}.steps .stepper-item{margin-block-end:8px;width:168px}.steps .stepper-item ::ng-deep herum-radio-button .option-name{font-size:14px}.steps .stepper-item ::ng-deep herum-radio-button .option-name[type=disabled]{color:var(--disabled-border-color)}.steps .stepper-item ::ng-deep herum-radio-button .option-name[type=completed]{color:var(--icons-color)}.steps .stepper-item ::ng-deep herum-radio-button .option-name[type=checked]{color:var(--secondary-color)}.steps .stepper-item ::ng-deep herum-radio-button .checked-border{border-color:var(--secondary-color)}.steps .stepper-item ::ng-deep herum-radio-button .checked-background{background-color:var(--secondary-color)}.steps .stepper-item ::ng-deep herum-radio-button .completed-background{background-color:var(--icons-color)}.steps .stepper-item ::ng-deep herum-radio-button .disabled-background{background:var(--disabled-border-color)}.steps .stepper-item ::ng-deep herum-radio-button .disabled-border{border-color:var(--disabled-border-color)}.steps .stepper-item:before{content:\"\";display:block;border:4px solid var(--disabled-border-color);border-radius:var(--border-radius);width:100%}.steps .stepper-item.completed-step:before{border-color:var(--icons-color)}.steps .stepper-item.active-step:before{border-color:var(--secondary-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$
|
|
8295
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumStepNavigatorComponent, isStandalone: false, selector: "herum-step-navigator", inputs: { steps: "steps" }, ngImport: i0, template: "<div class=\"steps\">\r\n <div *ngFor=\"let step of steps\" class=\"stepper-item\"\r\n [ngClass]=\"{'completed-step': step.status === 0, 'active-step': step.status === 1}\">\r\n <herum-radio-button [options]=\"[{id:step.index, name:step.label}]\" [selectedOption]=\"step.index\"\r\n [isBlocked]=\"true\" [type]=\"step.status === 0 ? 'completed' : step.status === 2 ? 'disabled' :'checked'\">\r\n </herum-radio-button>\r\n </div>\r\n</div>", styles: [".steps{display:flex;gap:8px;position:relative}.steps .stepper-item{margin-block-end:8px;width:168px}.steps .stepper-item ::ng-deep herum-radio-button .option-name{font-size:14px}.steps .stepper-item ::ng-deep herum-radio-button .option-name[type=disabled]{color:var(--disabled-border-color)}.steps .stepper-item ::ng-deep herum-radio-button .option-name[type=completed]{color:var(--icons-color)}.steps .stepper-item ::ng-deep herum-radio-button .option-name[type=checked]{color:var(--secondary-color)}.steps .stepper-item ::ng-deep herum-radio-button .checked-border{border-color:var(--secondary-color)}.steps .stepper-item ::ng-deep herum-radio-button .checked-background{background-color:var(--secondary-color)}.steps .stepper-item ::ng-deep herum-radio-button .completed-background{background-color:var(--icons-color)}.steps .stepper-item ::ng-deep herum-radio-button .disabled-background{background:var(--disabled-border-color)}.steps .stepper-item ::ng-deep herum-radio-button .disabled-border{border-color:var(--disabled-border-color)}.steps .stepper-item:before{content:\"\";display:block;border:4px solid var(--disabled-border-color);border-radius:var(--border-radius);width:100%}.steps .stepper-item.completed-step:before{border-color:var(--icons-color)}.steps .stepper-item.active-step:before{border-color:var(--secondary-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$2.HerumRadioButtonComponent, selector: "herum-radio-button", inputs: ["options", "isValid", "errorMsg", "isVertical", "isBlocked", "type", "selectedOption", "additionalOptionsText", "showAdditionalOptionsText", "secondarySelectedOption"], outputs: ["selectOptionEmitter"] }] });
|
|
8314
8296
|
}
|
|
8315
8297
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumStepNavigatorComponent, decorators: [{
|
|
8316
8298
|
type: Component,
|
|
@@ -8388,7 +8370,7 @@ class HerumUserProfileComponent {
|
|
|
8388
8370
|
return getAssignmentStateDisplayName(this.userData.assignments[0].assignmentMetadata.state);
|
|
8389
8371
|
}
|
|
8390
8372
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8391
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumUserProfileComponent, isStandalone: false, selector: "herum-user-profile", inputs: { userData: "userData", mode: "mode", titleSize: "titleSize", imageSize: "imageSize" }, ngImport: i0, template: "<div class=\"profile-top-conatiner\" [ngClass]=\"mode\" *ngIf=\"userData\">\r\n <user-profile-image [user]=\"userData\" [imageSize]=\"imageSize\" [mode]=\"mode\"></user-profile-image>\r\n\r\n <div class=\"profile-name-container\">\r\n <p\r\n [ngClass]=\"{'section-header-title': titleSize === 'medium','profile-title': titleSize === 'big','section-title': titleSize === 'small'}\">\r\n {{userFullName}}\r\n\r\n <herum-chip *ngIf=\"userData.assignments?.length > 0\"\r\n [type]=\"userData.assignments[0].assignmentMetadata?.state == 2 ? 'negative':'positive'\"\r\n [title]=\"assignmentStateDisplayName\" [isDeleteButtonNeeded]=\"false\"></herum-chip>\r\n </p>\r\n <p class=\"profile-subtitle\">{{fullHierarchyName}}</p>\r\n <p class=\"profile-description\" *ngIf=\"mode=='horizontal'\">{{userData.profession}}</p>\r\n </div>\r\n</div>", styles: [".profile-top-conatiner{display:flex;gap:24px;align-items:center;flex-direction:column;text-align:center}.profile-top-conatiner .profile-title{font-size:22px;font-weight:700;margin:0;width:fit-content}.profile-top-conatiner .profile-subtitle{font-size:14px;margin:0;width:fit-content}.vertical{flex-direction:column}.vertical .profile-title{width:unset;display:flex;justify-content:center;align-items:center;gap:12px}.vertical .profile-subtitle{width:unset}.horizontal{flex-direction:row;padding-bottom:8px}.horizontal .profile-subtitle{width:fit-content}.horizontal .profile-description{width:fit-content;color:gray}.profile-image-for-fallback{display:none;width:0px;height:0px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$
|
|
8373
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumUserProfileComponent, isStandalone: false, selector: "herum-user-profile", inputs: { userData: "userData", mode: "mode", titleSize: "titleSize", imageSize: "imageSize" }, ngImport: i0, template: "<div class=\"profile-top-conatiner\" [ngClass]=\"mode\" *ngIf=\"userData\">\r\n <user-profile-image [user]=\"userData\" [imageSize]=\"imageSize\" [mode]=\"mode\"></user-profile-image>\r\n\r\n <div class=\"profile-name-container\">\r\n <p\r\n [ngClass]=\"{'section-header-title': titleSize === 'medium','profile-title': titleSize === 'big','section-title': titleSize === 'small'}\">\r\n {{userFullName}}\r\n\r\n <herum-chip *ngIf=\"userData.assignments?.length > 0\"\r\n [type]=\"userData.assignments[0].assignmentMetadata?.state == 2 ? 'negative':'positive'\"\r\n [title]=\"assignmentStateDisplayName\" [isDeleteButtonNeeded]=\"false\"></herum-chip>\r\n </p>\r\n <p class=\"profile-subtitle\">{{fullHierarchyName}}</p>\r\n <p class=\"profile-description\" *ngIf=\"mode=='horizontal'\">{{userData.profession}}</p>\r\n </div>\r\n</div>", styles: [".profile-top-conatiner{display:flex;gap:24px;align-items:center;flex-direction:column;text-align:center}.profile-top-conatiner .profile-title{font-size:22px;font-weight:700;margin:0;width:fit-content}.profile-top-conatiner .profile-subtitle{font-size:14px;margin:0;width:fit-content}.vertical{flex-direction:column}.vertical .profile-title{width:unset;display:flex;justify-content:center;align-items:center;gap:12px}.vertical .profile-subtitle{width:unset}.horizontal{flex-direction:row;padding-bottom:8px}.horizontal .profile-subtitle{width:fit-content}.horizontal .profile-description{width:fit-content;color:gray}.profile-image-for-fallback{display:none;width:0px;height:0px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.HerumChipComponent, selector: "herum-chip", inputs: ["title", "isDeleteButtonNeeded", "isActive", "isMenuMode", "type"], outputs: ["remove", "chipsActivation"] }, { kind: "component", type: i2$2.UserProfileImageComponent, selector: "user-profile-image", inputs: ["imageSize", "mode", "user", "isLoadingUser", "isUserClickAble"], outputs: ["userClicked"] }] });
|
|
8392
8374
|
}
|
|
8393
8375
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUserProfileComponent, decorators: [{
|
|
8394
8376
|
type: Component,
|
|
@@ -8406,7 +8388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
8406
8388
|
class KeyValueListComponent {
|
|
8407
8389
|
items = [];
|
|
8408
8390
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: KeyValueListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8409
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: KeyValueListComponent, isStandalone: false, selector: "key-value-list", inputs: { items: "items" }, ngImport: i0, template: "\r\n<div class=\"item-contianer mb-1\" *ngFor=\"let item of items\">\r\n <div *ngIf=\"item.iconPath\" class=\"col-1\">\r\n <img *ngIf=\"item.iconPath\" [src]=\"item.iconPath\">\r\n </div>\r\n <div class=\"key col-4 bold\">{{item.key}}</div>\r\n <div class=\"value col-7 truncate\" [matTooltip]=\"item.value\">{{item.value}}</div>\r\n</div>", styles: [".item-contianer{display:flex;gap:8px}.bold{font-weight:700}img{width:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$
|
|
8391
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: KeyValueListComponent, isStandalone: false, selector: "key-value-list", inputs: { items: "items" }, ngImport: i0, template: "\r\n<div class=\"item-contianer mb-1\" *ngFor=\"let item of items\">\r\n <div *ngIf=\"item.iconPath\" class=\"col-1\">\r\n <img *ngIf=\"item.iconPath\" [src]=\"item.iconPath\">\r\n </div>\r\n <div class=\"key col-4 bold\">{{item.key}}</div>\r\n <div class=\"value col-7 truncate\" [matTooltip]=\"item.value\">{{item.value}}</div>\r\n</div>", styles: [".item-contianer{display:flex;gap:8px}.bold{font-weight:700}img{width:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
8410
8392
|
}
|
|
8411
8393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: KeyValueListComponent, decorators: [{
|
|
8412
8394
|
type: Component,
|
|
@@ -8434,7 +8416,7 @@ class ProgressesOverViewComponent {
|
|
|
8434
8416
|
progressOverViewDirection = 'row';
|
|
8435
8417
|
containerProgressesOverViewDirection = 'column';
|
|
8436
8418
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ProgressesOverViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8437
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: ProgressesOverViewComponent, isStandalone: false, selector: "progresses-over-view", inputs: { titleSize: "titleSize", circularProgressSize: "circularProgressSize", progressesOverView: "progressesOverView", progressOverViewDirection: "progressOverViewDirection", containerProgressesOverViewDirection: "containerProgressesOverViewDirection" }, ngImport: i0, template: "<div class=\"layout\">\r\n <div class=\"progresses-container\"\r\n [ngClass]=\"{'row-progresses-container':containerProgressesOverViewDirection === 'row'}\">\r\n <div class=\"progress-over-view\" [ngClass]=\"{'flex-direction-column':progressOverViewDirection === 'column'}\"\r\n *ngFor=\"let progressOverView of progressesOverView\">\r\n <herum-circular-progress-bar [fill]=\"false\" [showPercentage]=\"progressOverView.showPercentage\"\r\n [percentage]=\"progressOverView.progress\" [displayedContent]=\"progressOverView.displayedContent\"\r\n [displayedContentColorMatchesGradientColor]=\"progressOverView.displayedContentColorMatchesGradientColor\"\r\n [firstGradient]=\"progressOverView.firstGradient\" [size]=\"circularProgressSize\">\r\n </herum-circular-progress-bar>\r\n\r\n <div class=\"progress-labels\" [ngClass]=\"{'align-items-center':progressOverViewDirection === 'column'}\">\r\n <h2 class=\"section-header-title m-0 p-0\" [ngClass]=\"[titleSize]\">\r\n {{ progressOverView.title }}\r\n </h2>\r\n\r\n <span *ngIf=\"progressOverView.description\" class=\"w-100 text-align-right\">\r\n {{ progressOverView.description }}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".progresses-container.row-progresses-container{flex-direction:row;justify-content:space-between}.progresses-container{display:flex;flex-direction:column}.progresses-container .progress-over-view{display:flex;align-items:center;gap:var(--standard-medium-padding)}.progresses-container .progress-over-view .progress-labels{display:flex;flex-direction:column;gap:4px}.flex-direction-column{flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$
|
|
8419
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: ProgressesOverViewComponent, isStandalone: false, selector: "progresses-over-view", inputs: { titleSize: "titleSize", circularProgressSize: "circularProgressSize", progressesOverView: "progressesOverView", progressOverViewDirection: "progressOverViewDirection", containerProgressesOverViewDirection: "containerProgressesOverViewDirection" }, ngImport: i0, template: "<div class=\"layout\">\r\n <div class=\"progresses-container\"\r\n [ngClass]=\"{'row-progresses-container':containerProgressesOverViewDirection === 'row'}\">\r\n <div class=\"progress-over-view\" [ngClass]=\"{'flex-direction-column':progressOverViewDirection === 'column'}\"\r\n *ngFor=\"let progressOverView of progressesOverView\">\r\n <herum-circular-progress-bar [fill]=\"false\" [showPercentage]=\"progressOverView.showPercentage\"\r\n [percentage]=\"progressOverView.progress\" [displayedContent]=\"progressOverView.displayedContent\"\r\n [displayedContentColorMatchesGradientColor]=\"progressOverView.displayedContentColorMatchesGradientColor\"\r\n [firstGradient]=\"progressOverView.firstGradient\" [size]=\"circularProgressSize\">\r\n </herum-circular-progress-bar>\r\n\r\n <div class=\"progress-labels\" [ngClass]=\"{'align-items-center':progressOverViewDirection === 'column'}\">\r\n <h2 class=\"section-header-title m-0 p-0\" [ngClass]=\"[titleSize]\">\r\n {{ progressOverView.title }}\r\n </h2>\r\n\r\n <span *ngIf=\"progressOverView.description\" class=\"w-100 text-align-right\">\r\n {{ progressOverView.description }}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".progresses-container.row-progresses-container{flex-direction:row;justify-content:space-between}.progresses-container{display:flex;flex-direction:column}.progresses-container .progress-over-view{display:flex;align-items:center;gap:var(--standard-medium-padding)}.progresses-container .progress-over-view .progress-labels{display:flex;flex-direction:column;gap:4px}.flex-direction-column{flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.HerumCircularProgressBarComponent, selector: "herum-circular-progress-bar", inputs: ["percentage", "fill", "size", "firstGradient", "fillColor", "showPercentage", "displayedContent", "displayedContentColorMatchesGradientColor"] }] });
|
|
8438
8420
|
}
|
|
8439
8421
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ProgressesOverViewComponent, decorators: [{
|
|
8440
8422
|
type: Component,
|
|
@@ -8636,13 +8618,13 @@ class ErrorMessageDialogComponent {
|
|
|
8636
8618
|
_onClose() {
|
|
8637
8619
|
this.dialogRef.close();
|
|
8638
8620
|
}
|
|
8639
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorMessageDialogComponent, deps: [{ token: i1$
|
|
8621
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorMessageDialogComponent, deps: [{ token: i1$5.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
|
|
8640
8622
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: ErrorMessageDialogComponent, isStandalone: false, selector: "error-message-dialog", ngImport: i0, template: "<div class=\"error-dialog-container\">\r\n <div class=\"w-100 d-flex justify-content-center\">\r\n <img [src]=\"errorImagePath\">\r\n </div>\r\n\r\n <p class=\"title\">{{ data.title }}</p>\r\n <p class=\"description\">{{ data.description }}</p>\r\n</div>", styles: [".error-dialog-container{display:flex;justify-content:center;align-items:stretch;flex-direction:column;padding:16px}.error-dialog-container img{max-width:55%}.error-dialog-container p{text-align:center}.error-dialog-container .title{font-size:16px;font-weight:700}.error-dialog-container .description{font-size:14px;font-weight:700}\n"] });
|
|
8641
8623
|
}
|
|
8642
8624
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorMessageDialogComponent, decorators: [{
|
|
8643
8625
|
type: Component,
|
|
8644
8626
|
args: [{ standalone: false, selector: 'error-message-dialog', template: "<div class=\"error-dialog-container\">\r\n <div class=\"w-100 d-flex justify-content-center\">\r\n <img [src]=\"errorImagePath\">\r\n </div>\r\n\r\n <p class=\"title\">{{ data.title }}</p>\r\n <p class=\"description\">{{ data.description }}</p>\r\n</div>", styles: [".error-dialog-container{display:flex;justify-content:center;align-items:stretch;flex-direction:column;padding:16px}.error-dialog-container img{max-width:55%}.error-dialog-container p{text-align:center}.error-dialog-container .title{font-size:16px;font-weight:700}.error-dialog-container .description{font-size:14px;font-weight:700}\n"] }]
|
|
8645
|
-
}], ctorParameters: () => [{ type: i1$
|
|
8627
|
+
}], ctorParameters: () => [{ type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
|
|
8646
8628
|
type: Inject,
|
|
8647
8629
|
args: [MAT_DIALOG_DATA]
|
|
8648
8630
|
}] }, { type: undefined, decorators: [{
|
|
@@ -8688,13 +8670,13 @@ class FetchedMessageDialog {
|
|
|
8688
8670
|
_onCloseDialog() {
|
|
8689
8671
|
this.dialogRef.close();
|
|
8690
8672
|
}
|
|
8691
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FetchedMessageDialog, deps: [{ token: i1$
|
|
8692
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: FetchedMessageDialog, isStandalone: false, selector: "fetched-message-dialog", ngImport: i0, template: "<div class=\"fetched-message-dialog-container\">\r\n <div class=\"message-content\">\r\n <div [innerHTML]=\"message?.image | safeHtml\"></div>\r\n\r\n <div>\r\n <div [innerHTML]=\"message?.title | safeHtml\"></div>\r\n <div [innerHTML]=\"message?.subTitle | safeHtml\"></div>\r\n <div [innerHTML]=\"message?.content | safeHtml\"></div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"dialog-buttons-actions-container\">\r\n <herum-button [name]=\"'fetched-messsage-dialog-submission'\" (click)=\"_onCloseDialog()\">\r\n {{message?.actionButtonText}}\r\n </herum-button>\r\n </div>\r\n</div>", styles: [".fetched-message-dialog-container{width:50vw;min-width:710px}.message-content{display:flex;gap:16px}\n", ".dialog-container,form{display:flex;flex-direction:column;gap:16px;position:relative;padding:16px;max-height:80vh;width:30vw}.title{font-size:18px;font-weight:600}p{margin:0}.dialog-buttons-actions-container{width:100%;gap:16px;display:flex;flex-direction:row}.close-dialog{position:absolute;top:20px;left:20px}.title-container{display:flex;align-items:center;justify-content:space-between}.close-button{cursor:pointer;height:11px}\n"], dependencies: [{ kind: "component", type: i2$
|
|
8673
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FetchedMessageDialog, deps: [{ token: i1$5.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
8674
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: FetchedMessageDialog, isStandalone: false, selector: "fetched-message-dialog", ngImport: i0, template: "<div class=\"fetched-message-dialog-container\">\r\n <div class=\"message-content\">\r\n <div [innerHTML]=\"message?.image | safeHtml\"></div>\r\n\r\n <div>\r\n <div [innerHTML]=\"message?.title | safeHtml\"></div>\r\n <div [innerHTML]=\"message?.subTitle | safeHtml\"></div>\r\n <div [innerHTML]=\"message?.content | safeHtml\"></div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"dialog-buttons-actions-container\">\r\n <herum-button [name]=\"'fetched-messsage-dialog-submission'\" (click)=\"_onCloseDialog()\">\r\n {{message?.actionButtonText}}\r\n </herum-button>\r\n </div>\r\n</div>", styles: [".fetched-message-dialog-container{width:50vw;min-width:710px}.message-content{display:flex;gap:16px}\n", ".dialog-container,form{display:flex;flex-direction:column;gap:16px;position:relative;padding:16px;max-height:80vh;width:30vw}.title{font-size:18px;font-weight:600}p{margin:0}.dialog-buttons-actions-container{width:100%;gap:16px;display:flex;flex-direction:row}.close-dialog{position:absolute;top:20px;left:20px}.title-container{display:flex;align-items:center;justify-content:space-between}.close-button{cursor:pointer;height:11px}\n"], dependencies: [{ kind: "component", type: i2$2.HerumButtonComponent, selector: "herum-button", inputs: ["type", "color", "size", "roundedCorners", "disabled", "isLoading", "name"] }, { kind: "pipe", type: i4$1.SafeHtmlPipe, name: "safeHtml" }] });
|
|
8693
8675
|
}
|
|
8694
8676
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FetchedMessageDialog, decorators: [{
|
|
8695
8677
|
type: Component,
|
|
8696
8678
|
args: [{ standalone: false, selector: 'fetched-message-dialog', template: "<div class=\"fetched-message-dialog-container\">\r\n <div class=\"message-content\">\r\n <div [innerHTML]=\"message?.image | safeHtml\"></div>\r\n\r\n <div>\r\n <div [innerHTML]=\"message?.title | safeHtml\"></div>\r\n <div [innerHTML]=\"message?.subTitle | safeHtml\"></div>\r\n <div [innerHTML]=\"message?.content | safeHtml\"></div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"dialog-buttons-actions-container\">\r\n <herum-button [name]=\"'fetched-messsage-dialog-submission'\" (click)=\"_onCloseDialog()\">\r\n {{message?.actionButtonText}}\r\n </herum-button>\r\n </div>\r\n</div>", styles: [".fetched-message-dialog-container{width:50vw;min-width:710px}.message-content{display:flex;gap:16px}\n", ".dialog-container,form{display:flex;flex-direction:column;gap:16px;position:relative;padding:16px;max-height:80vh;width:30vw}.title{font-size:18px;font-weight:600}p{margin:0}.dialog-buttons-actions-container{width:100%;gap:16px;display:flex;flex-direction:row}.close-dialog{position:absolute;top:20px;left:20px}.title-container{display:flex;align-items:center;justify-content:space-between}.close-button{cursor:pointer;height:11px}\n"] }]
|
|
8697
|
-
}], ctorParameters: () => [{ type: i1$
|
|
8679
|
+
}], ctorParameters: () => [{ type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
|
|
8698
8680
|
type: Inject,
|
|
8699
8681
|
args: [MAT_DIALOG_DATA]
|
|
8700
8682
|
}] }] });
|
|
@@ -8748,7 +8730,7 @@ class CheckboxCellComponent {
|
|
|
8748
8730
|
this.params = params;
|
|
8749
8731
|
}
|
|
8750
8732
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CheckboxCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8751
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: CheckboxCellComponent, isStandalone: false, selector: "app-checkbox-cell", ngImport: i0, template: "<div class=\"checkbox-container\" [ngClass]=\"align\">\r\n <herum-checkbox [isChecked]=\"isChecked\" [isBlocked]=\"blocked\" (checkedEmitter)=\"_checked($event)\"></herum-checkbox>\r\n</div>", styles: [".checkbox-container{width:100%;height:100%}.checkbox-container.center,.checkbox-container.right,.checkbox-container.left,.checkbox-container.top,.checkbox-container.bottom{height:100%;display:flex}.checkbox-container.center,.checkbox-container.right,.checkbox-container.left{align-items:center}.checkbox-container.center,.checkbox-container.top,.checkbox-container.bottom{justify-content:center}.checkbox-container.right{justify-content:flex-start}.checkbox-container.left{justify-content:flex-end}.checkbox-container.top{align-items:flex-start}.checkbox-container.bottom{align-items:flex-end}.checkbox-container herum-checkbox{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$
|
|
8733
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: CheckboxCellComponent, isStandalone: false, selector: "app-checkbox-cell", ngImport: i0, template: "<div class=\"checkbox-container\" [ngClass]=\"align\">\r\n <herum-checkbox [isChecked]=\"isChecked\" [isBlocked]=\"blocked\" (checkedEmitter)=\"_checked($event)\"></herum-checkbox>\r\n</div>", styles: [".checkbox-container{width:100%;height:100%}.checkbox-container.center,.checkbox-container.right,.checkbox-container.left,.checkbox-container.top,.checkbox-container.bottom{height:100%;display:flex}.checkbox-container.center,.checkbox-container.right,.checkbox-container.left{align-items:center}.checkbox-container.center,.checkbox-container.top,.checkbox-container.bottom{justify-content:center}.checkbox-container.right{justify-content:flex-start}.checkbox-container.left{justify-content:flex-end}.checkbox-container.top{align-items:flex-start}.checkbox-container.bottom{align-items:flex-end}.checkbox-container herum-checkbox{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$2.HerumCheckboxComponent, selector: "herum-checkbox", inputs: ["type", "isChecked", "isBlocked"], outputs: ["checkedEmitter"] }] });
|
|
8752
8734
|
}
|
|
8753
8735
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CheckboxCellComponent, decorators: [{
|
|
8754
8736
|
type: Component,
|
|
@@ -8785,7 +8767,7 @@ class CopyableCellComponent {
|
|
|
8785
8767
|
return true;
|
|
8786
8768
|
}
|
|
8787
8769
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CopyableCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8788
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: CopyableCellComponent, isStandalone: false, selector: "app-copyable-cell", ngImport: i0, template: "<span class=\"text\" [cdkCopyToClipboard]=\"value\" matTooltip=\"\u05DC\u05D7\u05E5 \u05DC\u05D4\u05E2\u05EA\u05E7\u05D4\" matTooltipShowDelay=\"300\">\r\n {{value}}\r\n</span>", styles: [""], dependencies: [{ kind: "directive", type: i2$
|
|
8770
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: CopyableCellComponent, isStandalone: false, selector: "app-copyable-cell", ngImport: i0, template: "<span class=\"text\" [cdkCopyToClipboard]=\"value\" matTooltip=\"\u05DC\u05D7\u05E5 \u05DC\u05D4\u05E2\u05EA\u05E7\u05D4\" matTooltipShowDelay=\"300\">\r\n {{value}}\r\n</span>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i1$7.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }] });
|
|
8789
8771
|
}
|
|
8790
8772
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CopyableCellComponent, decorators: [{
|
|
8791
8773
|
type: Component,
|
|
@@ -8816,7 +8798,7 @@ class DeleteRowComponent {
|
|
|
8816
8798
|
this.params?.context.componentParent.deleteChildComponentReference(this);
|
|
8817
8799
|
}
|
|
8818
8800
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DeleteRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8819
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: DeleteRowComponent, isStandalone: false, selector: "delete-row", inputs: { isRowHovered: "isRowHovered", params: "params" }, ngImport: i0, template: "<div class=\"cell-container\">\r\n <div #cellValue class=\"cell-value\" [matTooltip]=\"_isTruncatedTitleElement(cellValue)? value : ''\">\r\n {{value | ellipsis:cellValue}}\r\n </div>\r\n\r\n <img class=\"cursor-pointer\" *ngIf=\"isRowHovered\" src=\"assets/feed/icons/garbage.svg\"\r\n (click)=\"_onDelete($event)\" alt=\"delete\">\r\n</div>", styles: [".cell-container{display:flex;justify-content:space-between;align-items:center;gap:10px}.cell-value{width:250px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$
|
|
8801
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: DeleteRowComponent, isStandalone: false, selector: "delete-row", inputs: { isRowHovered: "isRowHovered", params: "params" }, ngImport: i0, template: "<div class=\"cell-container\">\r\n <div #cellValue class=\"cell-value\" [matTooltip]=\"_isTruncatedTitleElement(cellValue)? value : ''\">\r\n {{value | ellipsis:cellValue}}\r\n </div>\r\n\r\n <img class=\"cursor-pointer\" *ngIf=\"isRowHovered\" src=\"assets/feed/icons/garbage.svg\"\r\n (click)=\"_onDelete($event)\" alt=\"delete\">\r\n</div>", styles: [".cell-container{display:flex;justify-content:space-between;align-items:center;gap:10px}.cell-value{width:250px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i4$1.EllipsisPipe, name: "ellipsis" }] });
|
|
8820
8802
|
}
|
|
8821
8803
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DeleteRowComponent, decorators: [{
|
|
8822
8804
|
type: Component,
|
|
@@ -8865,13 +8847,13 @@ class EditRowComponent {
|
|
|
8865
8847
|
ngOnDestroy() {
|
|
8866
8848
|
this.params?.context.componentParent.deleteChildComponentReference(this);
|
|
8867
8849
|
}
|
|
8868
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditRowComponent, deps: [{ token: i1$
|
|
8869
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: EditRowComponent, isStandalone: false, selector: "edit-row", inputs: { isRowHovered: "isRowHovered", params: "params" }, ngImport: i0, template: "<div class=\"cell-container\">\r\n <span class=\"text\" (click)=\"_onCopyToClipboard($event)\" [matTooltip]=\"isCopyableToClipboard? '\u05DC\u05D7\u05E5 \u05DC\u05D4\u05E2\u05EA\u05E7\u05D4' : ''\"\r\n matTooltipShowDelay=\"600\">{{value}}</span>\r\n\r\n <span class=\"edit-button\" *ngIf=\"isRowHovered\" [innerHTML]=\"editIcon | safeHtml\" (click)=\"_onEdit($event)\"\r\n alt=\"edit\"></span>\r\n</div>", styles: [":host{width:100%}.cell-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.edit-button{cursor:pointer;stroke:var(--icons-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$
|
|
8850
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditRowComponent, deps: [{ token: i1$7.Clipboard }], target: i0.ɵɵFactoryTarget.Component });
|
|
8851
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: EditRowComponent, isStandalone: false, selector: "edit-row", inputs: { isRowHovered: "isRowHovered", params: "params" }, ngImport: i0, template: "<div class=\"cell-container\">\r\n <span class=\"text\" (click)=\"_onCopyToClipboard($event)\" [matTooltip]=\"isCopyableToClipboard? '\u05DC\u05D7\u05E5 \u05DC\u05D4\u05E2\u05EA\u05E7\u05D4' : ''\"\r\n matTooltipShowDelay=\"600\">{{value}}</span>\r\n\r\n <span class=\"edit-button\" *ngIf=\"isRowHovered\" [innerHTML]=\"editIcon | safeHtml\" (click)=\"_onEdit($event)\"\r\n alt=\"edit\"></span>\r\n</div>", styles: [":host{width:100%}.cell-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.edit-button{cursor:pointer;stroke:var(--icons-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i4$1.SafeHtmlPipe, name: "safeHtml" }] });
|
|
8870
8852
|
}
|
|
8871
8853
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditRowComponent, decorators: [{
|
|
8872
8854
|
type: Component,
|
|
8873
8855
|
args: [{ standalone: false, selector: 'edit-row', template: "<div class=\"cell-container\">\r\n <span class=\"text\" (click)=\"_onCopyToClipboard($event)\" [matTooltip]=\"isCopyableToClipboard? '\u05DC\u05D7\u05E5 \u05DC\u05D4\u05E2\u05EA\u05E7\u05D4' : ''\"\r\n matTooltipShowDelay=\"600\">{{value}}</span>\r\n\r\n <span class=\"edit-button\" *ngIf=\"isRowHovered\" [innerHTML]=\"editIcon | safeHtml\" (click)=\"_onEdit($event)\"\r\n alt=\"edit\"></span>\r\n</div>", styles: [":host{width:100%}.cell-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.edit-button{cursor:pointer;stroke:var(--icons-color)}\n"] }]
|
|
8874
|
-
}], ctorParameters: () => [{ type: i1$
|
|
8856
|
+
}], ctorParameters: () => [{ type: i1$7.Clipboard }], propDecorators: { isRowHovered: [{
|
|
8875
8857
|
type: Input
|
|
8876
8858
|
}], params: [{
|
|
8877
8859
|
type: Input
|
|
@@ -8899,7 +8881,7 @@ let InputCellComponent = class InputCellComponent {
|
|
|
8899
8881
|
this.align = params.align;
|
|
8900
8882
|
}
|
|
8901
8883
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InputCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8902
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: InputCellComponent, isStandalone: false, selector: "input-cell", ngImport: i0, template: "<div class=\"input-cell-container\" [ngClass]=\"align\">\r\n <herum-input-field type=\"number\" (inputValueEmitter)=\"_input($event)\" [inputValue]=\"inputValue\" placeholder=\"\"></herum-input-field>\r\n</div>", styles: [".input-cell-container{height:100%;line-height:normal}.input-cell-container.center,.input-cell-container.right,.input-cell-container.left,.input-cell-container.top,.input-cell-container.bottom{height:100%;display:flex}.input-cell-container.center,.input-cell-container.right,.input-cell-container.left{align-items:center}.input-cell-container.center,.input-cell-container.top,.input-cell-container.bottom{justify-content:center}.input-cell-container.right{justify-content:flex-start}.input-cell-container.left{justify-content:flex-end}.input-cell-container.top{align-items:flex-start}.input-cell-container.bottom{align-items:flex-end}.input-cell-container herum-input-field{width:80px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$
|
|
8884
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: InputCellComponent, isStandalone: false, selector: "input-cell", ngImport: i0, template: "<div class=\"input-cell-container\" [ngClass]=\"align\">\r\n <herum-input-field type=\"number\" (inputValueEmitter)=\"_input($event)\" [inputValue]=\"inputValue\" placeholder=\"\"></herum-input-field>\r\n</div>", styles: [".input-cell-container{height:100%;line-height:normal}.input-cell-container.center,.input-cell-container.right,.input-cell-container.left,.input-cell-container.top,.input-cell-container.bottom{height:100%;display:flex}.input-cell-container.center,.input-cell-container.right,.input-cell-container.left{align-items:center}.input-cell-container.center,.input-cell-container.top,.input-cell-container.bottom{justify-content:center}.input-cell-container.right{justify-content:flex-start}.input-cell-container.left{justify-content:flex-end}.input-cell-container.top{align-items:flex-start}.input-cell-container.bottom{align-items:flex-end}.input-cell-container herum-input-field{width:80px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$2.HerumInputFieldComponent, selector: "herum-input-field", inputs: ["type", "placeholder", "disabled", "isBlocked", "isValid", "errorMsg", "showErrorMsgGap", "inputValue", "isLoading", "id", "debounceTime", "minValue", "maxValue", "isBlurred", "touched", "ltrMode", "preventMacroKeysPressEvent"], outputs: ["inputValueEmitter"] }] });
|
|
8903
8885
|
};
|
|
8904
8886
|
InputCellComponent = __decorate([
|
|
8905
8887
|
TableRowHeight$1(tableRowHeights$1.switchCell)
|
|
@@ -8948,7 +8930,7 @@ let SwitchCellComponent = class SwitchCellComponent {
|
|
|
8948
8930
|
return true;
|
|
8949
8931
|
}
|
|
8950
8932
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SwitchCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8951
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: SwitchCellComponent, isStandalone: false, selector: "switch-cell", inputs: { isChecked: "isChecked", align: "align", disabled: "disabled" }, ngImport: i0, template: "<div class=\"switch-container\" [ngClass]=\"align\">\r\n <herum-switch [isChecked]=\"isChecked\" (checked)=\"_checked($event)\" [disabled]=\"disabled\"></herum-switch>\r\n</div>", styles: [".switch-container{width:100%}.switch-container.center,.switch-container.right,.switch-container.left,.switch-container.top,.switch-container.bottom{height:100%;display:flex}.switch-container.center,.switch-container.right,.switch-container.left{align-items:center}.switch-container.center,.switch-container.top,.switch-container.bottom{justify-content:center}.switch-container.right{justify-content:flex-start}.switch-container.left{justify-content:flex-end}.switch-container.top{align-items:flex-start}.switch-container.bottom{align-items:flex-end}.switch-container herum-switch{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$
|
|
8933
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: SwitchCellComponent, isStandalone: false, selector: "switch-cell", inputs: { isChecked: "isChecked", align: "align", disabled: "disabled" }, ngImport: i0, template: "<div class=\"switch-container\" [ngClass]=\"align\">\r\n <herum-switch [isChecked]=\"isChecked\" (checked)=\"_checked($event)\" [disabled]=\"disabled\"></herum-switch>\r\n</div>", styles: [".switch-container{width:100%}.switch-container.center,.switch-container.right,.switch-container.left,.switch-container.top,.switch-container.bottom{height:100%;display:flex}.switch-container.center,.switch-container.right,.switch-container.left{align-items:center}.switch-container.center,.switch-container.top,.switch-container.bottom{justify-content:center}.switch-container.right{justify-content:flex-start}.switch-container.left{justify-content:flex-end}.switch-container.top{align-items:flex-start}.switch-container.bottom{align-items:flex-end}.switch-container herum-switch{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$2.HerumSwitchComponent, selector: "herum-switch", inputs: ["isChecked", "disabled"], outputs: ["checked"] }] });
|
|
8952
8934
|
};
|
|
8953
8935
|
SwitchCellComponent = __decorate([
|
|
8954
8936
|
TableRowHeight$1(tableRowHeights$1.switchCell)
|
|
@@ -9156,7 +9138,7 @@ class HerumAgGridFilterComponent {
|
|
|
9156
9138
|
this.destroySubject$.complete();
|
|
9157
9139
|
}
|
|
9158
9140
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumAgGridFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9159
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumAgGridFilterComponent, isStandalone: false, selector: "app-herum-ag-grid-filter", ngImport: i0, template: "<div class=\"ag-filter\">\r\n <herum-input-field [type]=\"'search'\" [placeholder]=\"'\u05D7\u05E4\u05E9 \u05E2\u05E8\u05DA \u05DC\u05E4\u05D9\u05DC\u05D8\u05D5\u05E8'\" [showErrorMsgGap]=\"false\"\r\n [formControl]=\"selectedFilter\"></herum-input-field>\r\n <div>\r\n <div class=\"ag-filter-body-wrapper\">\r\n <div ref=\"ag-filter-loading\" class=\"loading-filter ag-hidden\">\r\n Loading...\r\n </div>\r\n <div>\r\n <div id=\"richList\" class=\"ag-set-filter-list\">\r\n <div class=\"ag-virtual-list-viewport\">\r\n <div class=\"ag-virtual-list-container\" [attr.style.height]=\"containerHeight\">\r\n <div style=\"line-height: 28px;\">\r\n <label class=\"ag-set-filter-item\">\r\n <div class=\"ag-filter-checkbox\">\r\n <herum-checkbox [isChecked]=\"isEverythingSelected\" [type]=\"checkBoxType\"\r\n [isBlocked]=\"isToggleAllCheckBoxBlocked\"\r\n (checkedEmitter)=\"toggleEverything()\"></herum-checkbox>\r\n </div>\r\n <span class=\"ag-filter-value select-all-bold\">\u05D1\u05D7\u05E8 \u05D4\u05DB\u05DC</span>\r\n </label>\r\n </div>\r\n\r\n <div style=\"line-height: 28px;\" *ngFor=\"let item of (onFilterValuesChanged$ | async)\">\r\n <label class=\"ag-set-filter-item\">\r\n <div class=\"ag-filter-checkbox\">\r\n <herum-checkbox (checkedEmitter)=\"toggleItem(item)\"\r\n [isChecked]=\"selectedValuesMap.hasOwnProperty(item)\"></herum-checkbox>\r\n </div>\r\n\r\n <span #agFilterValue appHerumToolTip class=\"ag-filter-value w-100\"\r\n [matTooltip]=\"isTruncatedTitleElement(agFilterValue)? item : ''\">\r\n {{item === '' ? '(\u05E8\u05D9\u05E7)': item | ellipsis:agFilterValue}}\r\n </span>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".ag-set-filter-item{gap:8px}::ng-deep .ag-menu{border-radius:var(--border-radius)!important}.select-all-bold{font-weight:700}::ng-deep .ag-theme-alpine .ag-popup-child:not(.ag-tooltip-custom){width:136px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$
|
|
9141
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumAgGridFilterComponent, isStandalone: false, selector: "app-herum-ag-grid-filter", ngImport: i0, template: "<div class=\"ag-filter\">\r\n <herum-input-field [type]=\"'search'\" [placeholder]=\"'\u05D7\u05E4\u05E9 \u05E2\u05E8\u05DA \u05DC\u05E4\u05D9\u05DC\u05D8\u05D5\u05E8'\" [showErrorMsgGap]=\"false\"\r\n [formControl]=\"selectedFilter\"></herum-input-field>\r\n <div>\r\n <div class=\"ag-filter-body-wrapper\">\r\n <div ref=\"ag-filter-loading\" class=\"loading-filter ag-hidden\">\r\n Loading...\r\n </div>\r\n <div>\r\n <div id=\"richList\" class=\"ag-set-filter-list\">\r\n <div class=\"ag-virtual-list-viewport\">\r\n <div class=\"ag-virtual-list-container\" [attr.style.height]=\"containerHeight\">\r\n <div style=\"line-height: 28px;\">\r\n <label class=\"ag-set-filter-item\">\r\n <div class=\"ag-filter-checkbox\">\r\n <herum-checkbox [isChecked]=\"isEverythingSelected\" [type]=\"checkBoxType\"\r\n [isBlocked]=\"isToggleAllCheckBoxBlocked\"\r\n (checkedEmitter)=\"toggleEverything()\"></herum-checkbox>\r\n </div>\r\n <span class=\"ag-filter-value select-all-bold\">\u05D1\u05D7\u05E8 \u05D4\u05DB\u05DC</span>\r\n </label>\r\n </div>\r\n\r\n <div style=\"line-height: 28px;\" *ngFor=\"let item of (onFilterValuesChanged$ | async)\">\r\n <label class=\"ag-set-filter-item\">\r\n <div class=\"ag-filter-checkbox\">\r\n <herum-checkbox (checkedEmitter)=\"toggleItem(item)\"\r\n [isChecked]=\"selectedValuesMap.hasOwnProperty(item)\"></herum-checkbox>\r\n </div>\r\n\r\n <span #agFilterValue appHerumToolTip class=\"ag-filter-value w-100\"\r\n [matTooltip]=\"isTruncatedTitleElement(agFilterValue)? item : ''\">\r\n {{item === '' ? '(\u05E8\u05D9\u05E7)': item | ellipsis:agFilterValue}}\r\n </span>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".ag-set-filter-item{gap:8px}::ng-deep .ag-menu{border-radius:var(--border-radius)!important}.select-all-bold{font-weight:700}::ng-deep .ag-theme-alpine .ag-popup-child:not(.ag-tooltip-custom){width:136px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$2.HerumCheckboxComponent, selector: "herum-checkbox", inputs: ["type", "isChecked", "isBlocked"], outputs: ["checkedEmitter"] }, { kind: "component", type: i2$2.HerumInputFieldComponent, selector: "herum-input-field", inputs: ["type", "placeholder", "disabled", "isBlocked", "isValid", "errorMsg", "showErrorMsgGap", "inputValue", "isLoading", "id", "debounceTime", "minValue", "maxValue", "isBlurred", "touched", "ltrMode", "preventMacroKeysPressEvent"], outputs: ["inputValueEmitter"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.EllipsisPipe, name: "ellipsis" }] });
|
|
9160
9142
|
}
|
|
9161
9143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumAgGridFilterComponent, decorators: [{
|
|
9162
9144
|
type: Component,
|
|
@@ -9402,7 +9384,7 @@ class HerumTableComponent {
|
|
|
9402
9384
|
return maxHeight;
|
|
9403
9385
|
}
|
|
9404
9386
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9405
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumTableComponent, isStandalone: false, selector: "herum-table", inputs: { rowData: "rowData", columnDefs: "columnDefs", selectedRowsIds: "selectedRowsIds", noResults: "noResults", overlayNoRowsTemplate: "overlayNoRowsTemplate", rowsSelectionType: "rowsSelectionType", usePagination: "usePagination", suppressRowClickSelection: "suppressRowClickSelection", showExportToExcel: "showExportToExcel" }, outputs: { onCheckedRow: "onCheckedRow", onUncheckedRow: "onUncheckedRow", selectedRowByChild: "selectedRowByChild", cellValueChangeByChild: "cellValueChangeByChild", cellMouseOver: "cellMouseOver", onPaginationChanged: "onPaginationChanged" }, host: { listeners: { "window:resize": "onResize($event)" } }, providers: [HerumAgGridFilterComponent], viewQueries: [{ propertyName: "tableContainer", first: true, predicate: ["tableContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"table-layout-container\" [class.show-export-button]=\"showExportToExcel\">\r\n <div #tableContainer class=\"table-container\">\r\n <ag-grid-angular style=\"height: 100% ;width: 100%\" class=\"ag-theme-alpine ag-rtl\" [rowData]=\"rowData\"\r\n [rowSelection]=\"rowsSelectionType\" [rowMultiSelectWithClick]=\"true\" [columnDefs]=\"columnDefs\"\r\n [defaultColDef]=\"defaultColDef\" [context]=\"context\" [components]=\"frameworkComponents\"\r\n [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\" [enableRtl]=\"true\" [rowHeight]=\"rowHeight\"\r\n [pagination]=\"usePagination\" [paginationAutoPageSize]=\"usePagination\" [tooltipShowDelay]=\"0\"\r\n [gridOptions]=\"gridOptions\" [suppressRowClickSelection]=\"suppressRowClickSelection\"\r\n (cellMouseOver)=\"_onCellMouseOver($event)\" (paginationChanged)=\"_onPaginationChanged($event)\"\r\n (rowSelected)=\"_onRowSelected($event)\" (firstDataRendered)=\"_onFirstDataRendered($event)\"\r\n (filterChanged)=\"_onFilterChanged($event)\" (gridReady)=\"_onGridReady($event)\"\r\n (modelUpdated)=\"_onModelUpdated($event)\" (mouseleave)=\"_onGridMouseLeave()\">\r\n </ag-grid-angular>\r\n <ng-container *ngIf=\"isLoading\"><herum-loader></herum-loader></ng-container>\r\n </div>\r\n\r\n <div class=\"export-button-container\">\r\n <herum-button [type]=\"'secondary'\" (click)=\"_onExportCsv()\">\u05D9\u05D9\u05E6\u05D5\u05D0 \u05DC\u05D0\u05E7\u05E1\u05DC</herum-button>\r\n </div>\r\n</div>", styles: [":host{--export-buttons-margin: 0px;--export-buttons-container-height: 0px}.table-layout-container{height:100%;width:100%}.table-layout-container .table-container{position:relative;width:100%;--table-border-color: transparent}.table-layout-container .table-container .img-container{box-shadow:0 0 var(--box-shadow-blur) #00000029!important;position:absolute;top:10px;left:10px;z-index:1;background-color:#fff;border-radius:var(--border-radius);padding:5px;cursor:pointer}.table-layout-container .export-button-container{display:flex;justify-content:left;margin-top:var(--export-buttons-margin);margin-left:var(--export-buttons-margin);height:var(--export-buttons-container-height);overflow:hidden}.table-layout-container.show-export-button{--export-buttons-margin: 12px;--export-buttons-container-height: 32px}::ng-deep .hadracha .ag-header{border-radius:var(--border-radius)}::ng-deep .hadracha .ag-header .ag-header-viewport,::ng-deep .hadracha .ag-header .ag-pinned-right-header{background-color:var(--icons-color)}::ng-deep .hadracha .ag-header *{color:#fff;font-size:16px}::ng-deep .hadracha .ag-header ::ng-deep .ag-icon-menu:before{color:#fff!important}::ng-deep .hadracha .ag-header-cell:not(:first-child),::ng-deep .hadracha .ag-header-group-cell{border:none!important}::ng-deep .hadracha ::ng-deep .ag-header-cell-label,::ng-deep .hadracha .ag-cell{text-align:center;padding:0!important;justify-content:center;font-size:14px;border:none!important}::ng-deep .hadracha ::ng-deep .ag-cell:not(:first-child){border:none!important}::ng-deep .hadracha ::ng-deep .ag-row:not(:last-child){border-bottom:2px solid var(--divider-color)}::ng-deep .hadracha ::ng-deep .ag-header-cell-text{font-size:14px}::ng-deep .ag-theme-alpine .ag-body-viewport{overflow-y:scroll}.ag-theme-alpine{--ag-checkbox-unchecked-color: var(--secondary-color);--ag-active-color: transparent;--ag-border-color: var(--table-border-color)}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper{height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important;font-size:0px;line-height:0px}::ng-deep .ag-checkbox-input-wrapper input{cursor:pointer;border:1px solid var(--secondary-color);opacity:1!important;border-radius:2px!important;height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper:after{content:\"\"}::ng-deep .ag-checkbox-input-wrapper input:checked{background:var(--primary-color)!important;border:0px solid var(--secondary-color)!important}::ng-deep .ag-unselectable{-webkit-user-select:text;user-select:text}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked:after{content:url(/assets/shared/icons/bigV.svg)!important;pointer-events:none;border-color:transparent;position:absolute;top:52%!important;left:51%!important;transform:translate(-50%,-50%)!important}::ng-deep .ag-indeterminate{outline:.5px solid var(--icons-color)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-indeterminate:after{content:\"\"!important;background:var(--primary-color);height:50%;width:50%;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}::ng-deep .ag-tooltip{background-color:var(--tooltip-background-color)!important;color:var(--light-background-color)!important;border-radius:var(--border-radius)!important;font-size:var(--standard-font-size)!important;box-shadow:0 0 var(--box-shadow-blur) #00000029!important}::ng-deep .ag-header-cell-sortable{padding-right:9px!important}::ng-deep .ag-theme-alpine .ag-row{border-bottom:none}::ng-deep .ag-theme-alpine .ag-body-viewport{border-bottom:none}::ng-deep .ag-theme-alpine .ag-row{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}.ag-theme-alpine .ag-body-viewport{margin-top:0!important;margin-bottom:0!important}::ng-deep .ag-theme-quartz{--ag-grid-size: 5px;--ag-list-item-height: 20px}::ng-deep .ag-row:hover{background-color:var(--item-hover-color)!important}::ng-deep .ag-header{background:var(--notebook-header);color:#333;font-weight:700;height:20px;border-bottom:none}::ng-deep .ag-theme-alpine{--ag-cell-horizontal-border: \"#333\";--ag-header-column-separator-display: block}::ng-deep .ag-header-cell:not(:first-child),::ng-deep .ag-header-group-cell{border-right:1px solid var(--table-border-color);height:50px!important}::ng-deep .ag-rtl .ag-cell{border-left:1px solid var(--table-border-color);line-height:var(--table-row-line-height)}::ng-deep .ag-header-cell-label,::ng-deep .ag-cell-value{padding-right:8px}::ng-deep .ag-cell{padding-right:8px!important}::ng-deep .ag-theme-alpine .ag-row-selected{background-color:var(--item-hover-color)}::ng-deep .ag-theme-alpine .ag-row-even.selected-row,::ng-deep .ag-theme-alpine .ag-row-odd.selected-row{background-color:var(--item-hover-color)}::ng-deep .ag-cell:not(:first-child){border:none!important;border-right:1px solid var(--table-border-color)!important}::ng-deep .ag-header-cell:before{background:transparent}::ng-deep .ag-header-cell:not(:first-child){padding:0}::ng-deep .ag-header-cell.ag-column-first{border:none!important}::ng-deep .ag-cell-value.ag-cell.ag-column-last{border:none!important}::ng-deep .ag-wrapper.ag-picker-field-wrapper.ag-picker-collapsed:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-picker-field-wrapper.ag-picker-has-focus,.ag-picker-field-wrapper:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-icon-small-down:before{color:var(--icons-color)!important}::ng-deep .ag-checkbox-input-wrapper:after{top:0;left:0;border-radius:4px;transition:background .3s ease}::ng-deep .ag-checkbox-input-wrapper.ag-checked:after{color:var(--secondary-color)}::ng-deep .ag-root-wrapper.ag-layout-normal{border-radius:8px}.edit-row-cell{width:100%!important}::ng-deep edit-row{width:100%!important}::ng-deep .ag-icon-menu:before{color:var(--icons-color)!important}::ng-deep .ag-cell-inline-editing{padding:0}::ng-deep .ag-theme-alpine .ag-header{border-bottom:none;background-color:transparent!important}::ng-deep .ag-theme-alpine .ag-rtl .ag-cell{align-items:center}::ng-deep .mat-tooltip-trigger{overflow:hidden;text-overflow:ellipsis}::ng-deep .text-to-right.ag-header-cell-label,::ng-deep .text-to-right.ag-cell{text-align:start;padding-right:20px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.HerumButtonComponent, selector: "herum-button", inputs: ["type", "color", "size", "roundedCorners", "disabled", "isLoading", "name"] }, { kind: "component", type: i3$1.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }] });
|
|
9387
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumTableComponent, isStandalone: false, selector: "herum-table", inputs: { rowData: "rowData", columnDefs: "columnDefs", selectedRowsIds: "selectedRowsIds", noResults: "noResults", overlayNoRowsTemplate: "overlayNoRowsTemplate", rowsSelectionType: "rowsSelectionType", usePagination: "usePagination", suppressRowClickSelection: "suppressRowClickSelection", showExportToExcel: "showExportToExcel" }, outputs: { onCheckedRow: "onCheckedRow", onUncheckedRow: "onUncheckedRow", selectedRowByChild: "selectedRowByChild", cellValueChangeByChild: "cellValueChangeByChild", cellMouseOver: "cellMouseOver", onPaginationChanged: "onPaginationChanged" }, host: { listeners: { "window:resize": "onResize($event)" } }, providers: [HerumAgGridFilterComponent], viewQueries: [{ propertyName: "tableContainer", first: true, predicate: ["tableContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"table-layout-container\" [class.show-export-button]=\"showExportToExcel\">\r\n <div #tableContainer class=\"table-container\">\r\n <ag-grid-angular style=\"height: 100% ;width: 100%\" class=\"ag-theme-alpine ag-rtl\" [rowData]=\"rowData\"\r\n [rowSelection]=\"rowsSelectionType\" [rowMultiSelectWithClick]=\"true\" [columnDefs]=\"columnDefs\"\r\n [defaultColDef]=\"defaultColDef\" [context]=\"context\" [components]=\"frameworkComponents\"\r\n [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\" [enableRtl]=\"true\" [rowHeight]=\"rowHeight\"\r\n [pagination]=\"usePagination\" [paginationAutoPageSize]=\"usePagination\" [tooltipShowDelay]=\"0\"\r\n [gridOptions]=\"gridOptions\" [suppressRowClickSelection]=\"suppressRowClickSelection\"\r\n (cellMouseOver)=\"_onCellMouseOver($event)\" (paginationChanged)=\"_onPaginationChanged($event)\"\r\n (rowSelected)=\"_onRowSelected($event)\" (firstDataRendered)=\"_onFirstDataRendered($event)\"\r\n (filterChanged)=\"_onFilterChanged($event)\" (gridReady)=\"_onGridReady($event)\"\r\n (modelUpdated)=\"_onModelUpdated($event)\" (mouseleave)=\"_onGridMouseLeave()\">\r\n </ag-grid-angular>\r\n <ng-container *ngIf=\"isLoading\"><herum-loader></herum-loader></ng-container>\r\n </div>\r\n\r\n <div class=\"export-button-container\">\r\n <herum-button [type]=\"'secondary'\" (click)=\"_onExportCsv()\">\u05D9\u05D9\u05E6\u05D5\u05D0 \u05DC\u05D0\u05E7\u05E1\u05DC</herum-button>\r\n </div>\r\n</div>", styles: [":host{--export-buttons-margin: 0px;--export-buttons-container-height: 0px}.table-layout-container{height:100%;width:100%}.table-layout-container .table-container{position:relative;width:100%;--table-border-color: transparent}.table-layout-container .table-container .img-container{box-shadow:0 0 var(--box-shadow-blur) #00000029!important;position:absolute;top:10px;left:10px;z-index:1;background-color:#fff;border-radius:var(--border-radius);padding:5px;cursor:pointer}.table-layout-container .export-button-container{display:flex;justify-content:left;margin-top:var(--export-buttons-margin);margin-left:var(--export-buttons-margin);height:var(--export-buttons-container-height);overflow:hidden}.table-layout-container.show-export-button{--export-buttons-margin: 12px;--export-buttons-container-height: 32px}::ng-deep .hadracha .ag-header{border-radius:var(--border-radius)}::ng-deep .hadracha .ag-header .ag-header-viewport,::ng-deep .hadracha .ag-header .ag-pinned-right-header{background-color:var(--icons-color)}::ng-deep .hadracha .ag-header *{color:#fff;font-size:16px}::ng-deep .hadracha .ag-header ::ng-deep .ag-icon-menu:before{color:#fff!important}::ng-deep .hadracha .ag-header-cell:not(:first-child),::ng-deep .hadracha .ag-header-group-cell{border:none!important}::ng-deep .hadracha ::ng-deep .ag-header-cell-label,::ng-deep .hadracha .ag-cell{text-align:center;padding:0!important;justify-content:center;font-size:14px;border:none!important}::ng-deep .hadracha ::ng-deep .ag-cell:not(:first-child){border:none!important}::ng-deep .hadracha ::ng-deep .ag-row:not(:last-child){border-bottom:2px solid var(--divider-color)}::ng-deep .hadracha ::ng-deep .ag-header-cell-text{font-size:14px}::ng-deep .ag-theme-alpine .ag-body-viewport{overflow-y:scroll}.ag-theme-alpine{--ag-checkbox-unchecked-color: var(--secondary-color);--ag-active-color: transparent;--ag-border-color: var(--table-border-color)}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper{height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important;font-size:0px;line-height:0px}::ng-deep .ag-checkbox-input-wrapper input{cursor:pointer;border:1px solid var(--secondary-color);opacity:1!important;border-radius:2px!important;height:var(--herum-checkbox-size)!important;width:var(--herum-checkbox-size)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper:after{content:\"\"}::ng-deep .ag-checkbox-input-wrapper input:checked{background:var(--primary-color)!important;border:0px solid var(--secondary-color)!important}::ng-deep .ag-unselectable{-webkit-user-select:text;user-select:text}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked:after{content:url(/assets/shared/icons/bigV.svg)!important;pointer-events:none;border-color:transparent;position:absolute;top:52%!important;left:51%!important;transform:translate(-50%,-50%)!important}::ng-deep .ag-indeterminate{outline:.5px solid var(--icons-color)!important}::ng-deep .ag-theme-alpine .ag-checkbox-input-wrapper.ag-indeterminate:after{content:\"\"!important;background:var(--primary-color);height:50%;width:50%;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}::ng-deep .ag-tooltip{background-color:var(--tooltip-background-color)!important;color:var(--light-background-color)!important;border-radius:var(--border-radius)!important;font-size:var(--standard-font-size)!important;box-shadow:0 0 var(--box-shadow-blur) #00000029!important}::ng-deep .ag-header-cell-sortable{padding-right:9px!important}::ng-deep .ag-theme-alpine .ag-row{border-bottom:none}::ng-deep .ag-theme-alpine .ag-body-viewport{border-bottom:none}::ng-deep .ag-theme-alpine .ag-row{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}.ag-theme-alpine .ag-body-viewport{margin-top:0!important;margin-bottom:0!important}::ng-deep .ag-theme-quartz{--ag-grid-size: 5px;--ag-list-item-height: 20px}::ng-deep .ag-row:hover{background-color:var(--item-hover-color)!important}::ng-deep .ag-header{background:var(--notebook-header);color:#333;font-weight:700;height:20px;border-bottom:none}::ng-deep .ag-theme-alpine{--ag-cell-horizontal-border: \"#333\";--ag-header-column-separator-display: block}::ng-deep .ag-header-cell:not(:first-child),::ng-deep .ag-header-group-cell{border-right:1px solid var(--table-border-color);height:50px!important}::ng-deep .ag-rtl .ag-cell{border-left:1px solid var(--table-border-color);line-height:var(--table-row-line-height)}::ng-deep .ag-header-cell-label,::ng-deep .ag-cell-value{padding-right:8px}::ng-deep .ag-cell{padding-right:8px!important}::ng-deep .ag-theme-alpine .ag-row-selected{background-color:var(--item-hover-color)}::ng-deep .ag-theme-alpine .ag-row-even.selected-row,::ng-deep .ag-theme-alpine .ag-row-odd.selected-row{background-color:var(--item-hover-color)}::ng-deep .ag-cell:not(:first-child){border:none!important;border-right:1px solid var(--table-border-color)!important}::ng-deep .ag-header-cell:before{background:transparent}::ng-deep .ag-header-cell:not(:first-child){padding:0}::ng-deep .ag-header-cell.ag-column-first{border:none!important}::ng-deep .ag-cell-value.ag-cell.ag-column-last{border:none!important}::ng-deep .ag-wrapper.ag-picker-field-wrapper.ag-picker-collapsed:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-picker-field-wrapper.ag-picker-has-focus,.ag-picker-field-wrapper:focus-within{border-color:var(--icons-color)!important;box-shadow:none!important}::ng-deep .ag-icon-small-down:before{color:var(--icons-color)!important}::ng-deep .ag-checkbox-input-wrapper:after{top:0;left:0;border-radius:4px;transition:background .3s ease}::ng-deep .ag-checkbox-input-wrapper.ag-checked:after{color:var(--secondary-color)}::ng-deep .ag-root-wrapper.ag-layout-normal{border-radius:8px}.edit-row-cell{width:100%!important}::ng-deep edit-row{width:100%!important}::ng-deep .ag-icon-menu:before{color:var(--icons-color)!important}::ng-deep .ag-cell-inline-editing{padding:0}::ng-deep .ag-theme-alpine .ag-header{border-bottom:none;background-color:transparent!important}::ng-deep .ag-theme-alpine .ag-rtl .ag-cell{align-items:center}::ng-deep .mat-tooltip-trigger{overflow:hidden;text-overflow:ellipsis}::ng-deep .text-to-right.ag-header-cell-label,::ng-deep .text-to-right.ag-cell{text-align:start;padding-right:20px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.HerumButtonComponent, selector: "herum-button", inputs: ["type", "color", "size", "roundedCorners", "disabled", "isLoading", "name"] }, { kind: "component", type: i3$1.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }] });
|
|
9406
9388
|
}
|
|
9407
9389
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumTableComponent, decorators: [{
|
|
9408
9390
|
type: Component,
|
|
@@ -10109,7 +10091,7 @@ class GraphQLService {
|
|
|
10109
10091
|
});
|
|
10110
10092
|
return orderString + '}';
|
|
10111
10093
|
}
|
|
10112
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GraphQLService, deps: [{ token: i1$
|
|
10094
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GraphQLService, deps: [{ token: i1$4.HttpClient }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
10113
10095
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GraphQLService, providedIn: 'root' });
|
|
10114
10096
|
}
|
|
10115
10097
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GraphQLService, decorators: [{
|
|
@@ -10117,7 +10099,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
10117
10099
|
args: [{
|
|
10118
10100
|
providedIn: 'root'
|
|
10119
10101
|
}]
|
|
10120
|
-
}], ctorParameters: () => [{ type: i1$
|
|
10102
|
+
}], ctorParameters: () => [{ type: i1$4.HttpClient }, { type: undefined, decorators: [{
|
|
10121
10103
|
type: Inject,
|
|
10122
10104
|
args: [HERUM_SHARED_CONFIG_TOKEN]
|
|
10123
10105
|
}] }] });
|
|
@@ -10214,7 +10196,7 @@ class AuthService {
|
|
|
10214
10196
|
generateStringForAuthenticationHash(personalId, militaryId) {
|
|
10215
10197
|
return personalId + militaryId;
|
|
10216
10198
|
}
|
|
10217
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthService, deps: [{ token: i1$
|
|
10199
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthService, deps: [{ token: i1$4.HttpClient }, { token: i2$5.Router }, { token: GraphQLService }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
10218
10200
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthService, providedIn: 'root' });
|
|
10219
10201
|
}
|
|
10220
10202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthService, decorators: [{
|
|
@@ -10222,7 +10204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
10222
10204
|
args: [{
|
|
10223
10205
|
providedIn: 'root'
|
|
10224
10206
|
}]
|
|
10225
|
-
}], ctorParameters: () => [{ type: i1$
|
|
10207
|
+
}], ctorParameters: () => [{ type: i1$4.HttpClient }, { type: i2$5.Router }, { type: GraphQLService }, { type: undefined, decorators: [{
|
|
10226
10208
|
type: Inject,
|
|
10227
10209
|
args: [HERUM_SHARED_CONFIG_TOKEN]
|
|
10228
10210
|
}] }] });
|
|
@@ -10360,12 +10342,12 @@ class GlobalErrorHandler {
|
|
|
10360
10342
|
stack: error.stack,
|
|
10361
10343
|
}).subscribe();
|
|
10362
10344
|
}
|
|
10363
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlobalErrorHandler, deps: [{ token: i1$
|
|
10345
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlobalErrorHandler, deps: [{ token: i1$4.HttpClient }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
10364
10346
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlobalErrorHandler });
|
|
10365
10347
|
}
|
|
10366
10348
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlobalErrorHandler, decorators: [{
|
|
10367
10349
|
type: Injectable
|
|
10368
|
-
}], ctorParameters: () => [{ type: i1$
|
|
10350
|
+
}], ctorParameters: () => [{ type: i1$4.HttpClient }, { type: undefined, decorators: [{
|
|
10369
10351
|
type: Inject,
|
|
10370
10352
|
args: [HERUM_SHARED_CONFIG_TOKEN]
|
|
10371
10353
|
}] }] });
|
|
@@ -10682,7 +10664,7 @@ class MicroResourcesService {
|
|
|
10682
10664
|
return 'בבדיקה';
|
|
10683
10665
|
return 'לא הוגש';
|
|
10684
10666
|
}
|
|
10685
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MicroResourcesService, deps: [{ token: i1$
|
|
10667
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MicroResourcesService, deps: [{ token: i1$4.HttpClient }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
10686
10668
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MicroResourcesService, providedIn: 'root' });
|
|
10687
10669
|
}
|
|
10688
10670
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MicroResourcesService, decorators: [{
|
|
@@ -10690,7 +10672,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
10690
10672
|
args: [{
|
|
10691
10673
|
providedIn: 'root'
|
|
10692
10674
|
}]
|
|
10693
|
-
}], ctorParameters: () => [{ type: i1$
|
|
10675
|
+
}], ctorParameters: () => [{ type: i1$4.HttpClient }, { type: undefined, decorators: [{
|
|
10694
10676
|
type: Inject,
|
|
10695
10677
|
args: [HERUM_SHARED_CONFIG_TOKEN]
|
|
10696
10678
|
}] }] });
|
|
@@ -10709,21 +10691,30 @@ class UtilsService {
|
|
|
10709
10691
|
getUrlFromFileData(fileData) {
|
|
10710
10692
|
if (!fileData?.key || !fileData?.bucket)
|
|
10711
10693
|
return;
|
|
10712
|
-
const
|
|
10713
|
-
|
|
10694
|
+
const s3ServerPath = this.environmentConfig?.environment?.s3ServerPath;
|
|
10695
|
+
const bucketPlaceholderKey = this.environmentConfig?.environment?.bucketPlaceholderKey;
|
|
10696
|
+
if (!s3ServerPath || !fileData.bucket)
|
|
10697
|
+
return;
|
|
10698
|
+
const bucketNameWithoutSlashes = this.trimSlashes(fileData.bucket);
|
|
10699
|
+
if (bucketPlaceholderKey && s3ServerPath.includes(bucketPlaceholderKey))
|
|
10700
|
+
return s3ServerPath.replace(bucketPlaceholderKey, bucketNameWithoutSlashes);
|
|
10701
|
+
return this.joinUrlParts([s3ServerPath, bucketNameWithoutSlashes, fileData.key]);
|
|
10714
10702
|
}
|
|
10715
10703
|
fetchFiles(fileId, resourceType, bucket) {
|
|
10716
10704
|
if (!fileId)
|
|
10717
10705
|
return Promise.reject();
|
|
10718
|
-
const bucketPath = bucket
|
|
10719
|
-
|
|
10720
|
-
|
|
10721
|
-
|
|
10706
|
+
const bucketPath = bucket || this.environmentConfig?.buckets?.[resourceType];
|
|
10707
|
+
const path = this.getUrlFromFileData({ bucket: bucketPath, key: fileId });
|
|
10708
|
+
if (!path)
|
|
10709
|
+
return Promise.reject();
|
|
10722
10710
|
return fetch(path);
|
|
10723
10711
|
}
|
|
10724
10712
|
async initAudioFile(fileId, bucketName, signal) {
|
|
10725
|
-
const audioBucketName = bucketName ?
|
|
10726
|
-
|
|
10713
|
+
const audioBucketName = bucketName ? bucketName : this.environmentConfig?.buckets?.Audio;
|
|
10714
|
+
const path = this.getUrlFromFileData({ bucket: audioBucketName, key: fileId });
|
|
10715
|
+
if (!path)
|
|
10716
|
+
return Promise.reject();
|
|
10717
|
+
return fetch(path, { signal: signal })
|
|
10727
10718
|
.then(async (response) => {
|
|
10728
10719
|
const arrayBuffer = await response.arrayBuffer();
|
|
10729
10720
|
if (arrayBuffer.byteLength === 0) {
|
|
@@ -10746,7 +10737,16 @@ class UtilsService {
|
|
|
10746
10737
|
}
|
|
10747
10738
|
});
|
|
10748
10739
|
}
|
|
10749
|
-
|
|
10740
|
+
joinUrlParts(parts) {
|
|
10741
|
+
return parts
|
|
10742
|
+
.filter(part => Boolean(part))
|
|
10743
|
+
.map((part, index) => index === 0 ? part.replace(regexExpressions$1.trailingSlashes, '') : this.trimSlashes(part))
|
|
10744
|
+
.join('/');
|
|
10745
|
+
}
|
|
10746
|
+
trimSlashes(value) {
|
|
10747
|
+
return value.replace(regexExpressions$1.leadingAndTrailingSlashes, '');
|
|
10748
|
+
}
|
|
10749
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UtilsService, deps: [{ token: HERUM_SHARED_CONFIG_TOKEN }, { token: i1$4.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
10750
10750
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UtilsService, providedIn: 'root' });
|
|
10751
10751
|
}
|
|
10752
10752
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UtilsService, decorators: [{
|
|
@@ -10757,7 +10757,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
10757
10757
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
10758
10758
|
type: Inject,
|
|
10759
10759
|
args: [HERUM_SHARED_CONFIG_TOKEN]
|
|
10760
|
-
}] }, { type: i1$
|
|
10760
|
+
}] }, { type: i1$4.HttpClient }] });
|
|
10761
10761
|
|
|
10762
10762
|
class ResourceDataBuilderService {
|
|
10763
10763
|
utilsService;
|
|
@@ -11090,7 +11090,6 @@ const dateRangeTimeRangeWithoutSecondsPlaceHolder = `${dateTimeWithoutSecondsPla
|
|
|
11090
11090
|
const resourceIdPlaceholder = "$resourceId";
|
|
11091
11091
|
const defaultCloseTime = new Date('01-01-2999');
|
|
11092
11092
|
const defaultOpenTime = new Date('01-01-1999');
|
|
11093
|
-
const legacyCorrectAnswerPropertyPath = `.Quiz.Questions[].Answers[].IsCorrect`;
|
|
11094
11093
|
const correctAnswerPropertyPath = `.Quiz.Questions[].ClosedContent.Answers[].IsCorrect`;
|
|
11095
11094
|
const matchingSourceIndexPropertyPath = `.Quiz.Questions[].MatchingContent.Sources[].Index`;
|
|
11096
11095
|
const openStatus = {
|
|
@@ -11188,9 +11187,6 @@ function getPropertyPathsOfPublishAuthorization() {
|
|
|
11188
11187
|
return ([defaultAuthorizationObject.resourceGrade().propertyPath, defaultAuthorizationObject.questionGrade().propertyPath,
|
|
11189
11188
|
defaultAuthorizationObject.areAnswersCorrect().propertyPath, defaultAuthorizationObject.answerNotes().propertyPath, defaultAuthorizationObject.isCorrect().propertyPath, defaultAuthorizationObject.matchingSourceIndex().propertyPath]);
|
|
11190
11189
|
}
|
|
11191
|
-
function normalizeQuizAuthorizationPropertyPath(propertyPath) {
|
|
11192
|
-
return propertyPath?.replace(legacyCorrectAnswerPropertyPath, correctAnswerPropertyPath);
|
|
11193
|
-
}
|
|
11194
11190
|
const viewPermissionLabel = 'צפייה';
|
|
11195
11191
|
|
|
11196
11192
|
const defaultTrackTextChangesStyle = {
|
|
@@ -11454,7 +11450,9 @@ const regexExpressions = {
|
|
|
11454
11450
|
dateTimeWithoutSeconds: /^\d{2}\/\d{2}\/\d{4} \d{2}:\d{2}$/,
|
|
11455
11451
|
chromeVersionRegex: /Chrome\/([0-9.]+)/,
|
|
11456
11452
|
removeSpacesRegex: /\s+/g,
|
|
11457
|
-
phoneNumberTenDigits: /^\d{10}
|
|
11453
|
+
phoneNumberTenDigits: /^\d{10}$/,
|
|
11454
|
+
trailingSlashes: /\/+$/g,
|
|
11455
|
+
leadingAndTrailingSlashes: /^\/+|\/+$/g
|
|
11458
11456
|
};
|
|
11459
11457
|
|
|
11460
11458
|
const resourceFileTypes = {
|
|
@@ -11594,6 +11592,58 @@ function getSignUpFormFieldsByFields(fieldNames) {
|
|
|
11594
11592
|
|
|
11595
11593
|
const structHierarchyTreeMaxHeight = 2;
|
|
11596
11594
|
|
|
11595
|
+
const svgsStrings = {
|
|
11596
|
+
edit: '<svg xmlns="http://www.w3.org/2000/svg" width="17.002" height="16.25" viewBox="0 0 17.002 17.258"><path id="Path_784" data-name="Path 784" d="M105.89,340.545l.742-.742a3.146,3.146,0,0,1,4.45,4.45l-.742.742m-4.45-4.45a5.246,5.246,0,0,0,4.45,4.45m-4.45-4.45-6.818,6.818a10.889,10.889,0,0,0-.887.947,5.217,5.217,0,0,0-.6.969,10.97,10.97,0,0,0-.448,1.221l-.875,2.626m14.082-8.131-6.818,6.818a10.89,10.89,0,0,1-.947.887,5.217,5.217,0,0,1-.969.6,10.976,10.976,0,0,1-1.221.448l-2.626.875m0,0-.642.215a.85.85,0,0,1-1.074-1.074l.215-.642m1.5,1.5-1.5-1.5" transform="translate(-95.502 -338.16)" fill="none" stroke-width="1"/></svg>',
|
|
11597
|
+
garbage: '<svg xmlns="http://www.w3.org/2000/svg" width="15.222" height="16.25" viewBox="0 0 15.222 17"><g id="trash" transform="translate(35.5 83.5)"><path id="Path_1367" data-name="Path 1367" d="M4,7H18.222" transform="translate(-39 -86.444)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1368" data-name="Path 1368" d="M10,11v5.35" transform="translate(-39.667 -86.9)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1369" data-name="Path 1369" d="M14,11v5.35" transform="translate(-40.111 -86.9)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1370" data-name="Path 1370" d="M5,7l.889,10.7a1.78,1.78,0,0,0,1.777,1.783h7.108A1.78,1.78,0,0,0,16.551,17.7L17.439,7" transform="translate(-39.108 -86.482)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1371" data-name="Path 1371" d="M9,6.566V3.892A.892.892,0,0,1,9.892,3h3.566a.892.892,0,0,1,.892.892V6.566" transform="translate(-39.564 -86)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
11598
|
+
greyUploadFile: '<svg xmlns="http://www.w3.org/2000/svg" width="16.059" height="17" viewBox="0 0 16.059 17"><g id="upload" transform="translate(-3.5 -3.5)"><path id="Path_1362" data-name="Path 1362" d="M4,17v2a1.944,1.944,0,0,0,1.882,2H17.176a1.944,1.944,0,0,0,1.882-2V17" transform="translate(0 -1)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1363" data-name="Path 1363" d="M7,9l4.529-5,4.529,5" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1364" data-name="Path 1364" d="M12,4V16" transform="translate(-0.471)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
11599
|
+
uploadFile: '<svg xmlns="http://www.w3.org/2000/svg" width="16.059" height="17" viewBox="0 0 16.059 17" stroke="#7897a8"><g id="upload" transform="translate(-3.5 -3.5)"><path id="Path_1362" data-name="Path 1362" d="M4,17v2a1.944,1.944,0,0,0,1.882,2H17.176a1.944,1.944,0,0,0,1.882-2V17" transform="translate(0 -1)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1363" data-name="Path 1363" d="M7,9l4.529-5,4.529,5" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1364" data-name="Path 1364" d="M12,4V16" transform="translate(-0.471)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
11600
|
+
downloadFile: '<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke-width="1.1" d="M20 8.09094L20 11.6364C20 12.2633 19.7498 12.8645 19.3044 13.3077C18.859 13.751 18.2549 14 17.625 14L3.375 14C2.74511 14 2.14102 13.751 1.69562 13.3077C1.25022 12.8645 1 12.2633 1 11.6364L1 8.09094" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 0.999978L10.5 9.2727M10.5 9.2727L6.9375 5.72725M10.5 9.2727L14.0625 5.72725" stroke-linecap="round" stroke-width="1.1" stroke-linejoin="round"/></svg>',
|
|
11601
|
+
'.mp4': '<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17"><g id="video" transform="translate(-3.5 -3.5)"><path id="Path_1352" data-name="Path 1352" d="M4,4,4,6A2,2,0,0,1,6,4H18a2,2,0,0,1,2,2V18a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2Z" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1353" data-name="Path 1353" d="M8,4V20" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1354" data-name="Path 1354" d="M16,4V20" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1355" data-name="Path 1355" d="M4,8H8" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1356" data-name="Path 1356" d="M4,16H8" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1357" data-name="Path 1357" d="M4,12H20" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1358" data-name="Path 1358" d="M16,8h4" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1359" data-name="Path 1359" d="M16,16h4" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
11602
|
+
'.pdf': '<svg xmlns="http://www.w3.org/2000/svg" width="13.403" height="16.5" viewBox="0 0 13.403 16.5"><g id="Pdf" transform="translate(-13.75 -1.75)"><g id="Group_942" data-name="Group 942" transform="translate(14 2)"><g id="Group_939" data-name="Group 939" transform="translate(0 0)"><g id="Group_938" data-name="Group 938"><path id="Path_1342" data-name="Path 1342" d="M25.613,18H15.29A1.292,1.292,0,0,1,14,16.71V3.29A1.292,1.292,0,0,1,15.29,2h5.25a1.282,1.282,0,0,1,.912.378l5.073,5.073a1.282,1.282,0,0,1,.378.912V16.71A1.292,1.292,0,0,1,25.613,18ZM15.29,2.516a.775.775,0,0,0-.774.774V16.71a.775.775,0,0,0,.774.774H25.613a.775.775,0,0,0,.774-.774V8.363a.78.78,0,0,0-.227-.547L21.088,2.743a.769.769,0,0,0-.547-.227Z" transform="translate(-14 -2)" fill="#7897a8" stroke="#7897a8" stroke-width="0.5"/></g></g><g id="Group_941" data-name="Group 941" transform="translate(2.413 5.032)"><g id="Group_940" data-name="Group 940"><path id="Path_1343" data-name="Path 1343" d="M40.763,46.074a.407.407,0,0,0-.119-.2,1.649,1.649,0,0,0-1.065-.252,8.8,8.8,0,0,0-1.28.094,3.189,3.189,0,0,1-.594-.41,4.335,4.335,0,0,1-1.072-1.663c.015-.061.028-.114.041-.168a10.821,10.821,0,0,0,.188-1.948.566.566,0,0,0-.034-.139l-.022-.057A.462.462,0,0,0,36.388,41l-.126,0h0a.476.476,0,0,0-.485.3,5.643,5.643,0,0,0,.3,2.541l-.075.181c-.208.508-.468,1.019-.7,1.47l-.03.058c-.243.474-.462.876-.662,1.217l-.205.108c-.015.008-.368.195-.45.244a2.518,2.518,0,0,0-1.243,1.271.312.312,0,0,0,.119.346l.2.1a.611.611,0,0,0,.271.065c.5,0,1.079-.622,1.877-2.015a18.675,18.675,0,0,1,2.892-.686,4.989,4.989,0,0,0,2.107.668.975.975,0,0,0,.248-.027.43.43,0,0,0,.246-.168A.893.893,0,0,0,40.763,46.074Zm-7.577,2.453a3.466,3.466,0,0,1,.985-1.178c.034-.027.116-.1.191-.177A3.559,3.559,0,0,1,33.187,48.526Zm3.156-7.268c.16,0,.252.4.259.783a1.61,1.61,0,0,1-.191.843,4.09,4.09,0,0,1-.135-1.052S36.269,41.258,36.343,41.258ZM35.4,46.437q.168-.3.347-.635a11.887,11.887,0,0,0,.609-1.329,4.4,4.4,0,0,0,1.005,1.248l.157.126A12.765,12.765,0,0,0,35.4,46.437Zm5.088-.045a.743.743,0,0,1-.28.048,3.287,3.287,0,0,1-1.161-.351c.195-.014.374-.022.534-.022a2.051,2.051,0,0,1,.667.072C40.535,46.213,40.539,46.361,40.488,46.392Z" transform="translate(-32.697 -41)" fill="#7897a8" stroke="#7897a8" stroke-width="0.5"/></g></g></g></g></svg>',
|
|
11603
|
+
'.pptx': '<svg xmlns="http://www.w3.org/2000/svg" width="13.403" height="16.5" viewBox="0 0 13.403 16.5"><g id="ppt" transform="translate(-13.26 -1.75)"><g id="Group_942" data-name="Group 942" transform="translate(13.51 2)"><g id="Group_939" data-name="Group 939" transform="translate(0 0)"><g id="Group_938" data-name="Group 938"><path id="Path_1342" data-name="Path 1342" d="M25.613,18H15.29A1.292,1.292,0,0,1,14,16.71V3.29A1.292,1.292,0,0,1,15.29,2h5.25a1.282,1.282,0,0,1,.912.378l5.073,5.073a1.282,1.282,0,0,1,.378.912V16.71A1.292,1.292,0,0,1,25.613,18ZM15.29,2.516a.775.775,0,0,0-.774.774V16.71a.775.775,0,0,0,.774.774H25.613a.775.775,0,0,0,.774-.774V8.363a.78.78,0,0,0-.227-.547L21.088,2.743a.769.769,0,0,0-.547-.227Z" transform="translate(-14 -2)" fill="#7897a8" stroke="#7897a8" stroke-width="0.5"/></g></g></g><path id="Path_1360" data-name="Path 1360" d="M78,107.1h1.549a1.549,1.549,0,1,0,0-3.1H78v4.648" transform="translate(-58.99 -94.5)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
11604
|
+
// story: '<svg xmlns="http://www.w3.org/2000/svg" width="16.502" height="13.579" viewBox="0 0 16.502 13.579"><path id="Folder" d="M16.825,8.355a.727.727,0,0,0-.567-.269H14.806V7.36a2.18,2.18,0,0,0-2.18-2.18H8.063L7.83,4.453A2.18,2.18,0,0,0,5.767,3H3.18A2.18,2.18,0,0,0,1,5.18V13.9a2.18,2.18,0,0,0,2.18,2.18H13.643a2.18,2.18,0,0,0,2.122-1.708l1.221-5.4a.727.727,0,0,0-.16-.618Zm-12.65,5.7a.727.727,0,0,1-.727.567H3.18a.727.727,0,0,1-.727-.727V5.18a.727.727,0,0,1,.727-.727H5.767a.727.727,0,0,1,.727.494l.392,1.192a.727.727,0,0,0,.654.494h5.086a.727.727,0,0,1,.727.727v.727H6.086a.727.727,0,0,0-.727.567Zm10.172,0a.727.727,0,0,1-.727.567H5.512a1.032,1.032,0,0,0,.08-.254L6.668,9.539h8.719Z" transform="translate(-0.75 -2.75)" fill="#65899c" stroke="#fff" stroke-width="0.5"/></svg>',
|
|
11605
|
+
bigVideo: '<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_12_1734)"> <path d="M37.5 25.0001L48.8825 19.3101C49.2636 19.1196 49.6869 19.0298 50.1125 19.0489C50.538 19.0681 50.9516 19.1957 51.314 19.4196C51.6764 19.6435 51.9756 19.9562 52.1831 20.3282C52.3907 20.7002 52.4998 21.1191 52.5 21.5451V38.4551C52.4998 38.881 52.3907 39.2999 52.1831 39.6719C51.9756 40.0439 51.6764 40.3566 51.314 40.5805C50.9516 40.8044 50.538 40.932 50.1125 40.9512C49.6869 40.9704 49.2636 40.8805 48.8825 40.6901L37.5 35.0001V25.0001Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.5 20C7.5 18.6739 8.02678 17.4021 8.96447 16.4645C9.90215 15.5268 11.1739 15 12.5 15H32.5C33.8261 15 35.0979 15.5268 36.0355 16.4645C36.9732 17.4021 37.5 18.6739 37.5 20V40C37.5 41.3261 36.9732 42.5979 36.0355 43.5355C35.0979 44.4732 33.8261 45 32.5 45H12.5C11.1739 45 9.90215 44.4732 8.96447 43.5355C8.02678 42.5979 7.5 41.3261 7.5 40V20Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_12_1734"> <rect width="60" height="60" fill="white"/> </clipPath> </defs> </svg> ',
|
|
11606
|
+
bigPdf: '<svg width="60" height="60" id="Group_872" data-name="Group 872" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16.255 16.25"><defs><clipPath id="clip-path"><rect id="Rectangle_1674" data-name="Rectangle 1674" width="16.255" height="16.25" fill="none"/></clipPath></defs><g id="Group_871" data-name="Group 871" clip-path="url(#clip-path)"><path id="Path_1239" data-name="Path 1239" d="M3.072,8.649h.594v4.217H3.072Zm.523,2.91v-.564h.719a1.018,1.018,0,0,0,.736-.242.945.945,0,0,0,.249-.708.767.767,0,0,0-.249-.621,1.112,1.112,0,0,0-.736-.211H3.607V8.649h.707A1.792,1.792,0,0,1,5.515,9a1.305,1.305,0,0,1,.408,1.043,1.478,1.478,0,0,1-.408,1.129,1.688,1.688,0,0,1-1.2.385Z" fill="#65899c"/><path id="Path_1240" data-name="Path 1240" d="M3.072,8.649h.594v4.217H3.072Zm.523,2.91v-.564h.719a1.018,1.018,0,0,0,.736-.242.945.945,0,0,0,.249-.708.767.767,0,0,0-.249-.621,1.112,1.112,0,0,0-.736-.211H3.607V8.649h.707A1.792,1.792,0,0,1,5.515,9a1.305,1.305,0,0,1,.408,1.043,1.478,1.478,0,0,1-.408,1.129,1.688,1.688,0,0,1-1.2.385Z" fill="none" stroke="#65899c" stroke-width="0.25"/><path id="Path_1241" data-name="Path 1241" d="M6.577,8.648h.594v4.217H6.577Zm.552,4.217V12.3H7.6a1.24,1.24,0,0,0,.979-.371A1.645,1.645,0,0,0,8.9,10.816a1.872,1.872,0,0,0-.328-1.2,1.194,1.194,0,0,0-.979-.4H7.141L7.07,8.648H7.6q1.931,0,1.93,2.168,0,2.049-1.93,2.049Z" fill="#65899c"/><path id="Path_1242" data-name="Path 1242" d="M6.577,8.648h.594v4.217H6.577Zm.552,4.217V12.3H7.6a1.24,1.24,0,0,0,.979-.371A1.645,1.645,0,0,0,8.9,10.816a1.872,1.872,0,0,0-.328-1.2,1.194,1.194,0,0,0-.979-.4H7.141L7.07,8.648H7.6q1.931,0,1.93,2.168,0,2.049-1.93,2.049Z" fill="none" stroke="#65899c" stroke-width="0.25"/><path id="Path_1243" data-name="Path 1243" d="M10.259,8.649h.594v4.217h-.594Zm0,0H13.05v.564H10.259Zm0,2h2.257v.564H10.259Z" fill="#65899c"/><path id="Path_1244" data-name="Path 1244" d="M10.259,8.649h.594v4.217h-.594Zm0,0H13.05v.564H10.259Zm0,2h2.257v.564H10.259Z" fill="none" stroke="#65899c" stroke-width="0.25"/><path id="Path_1245" data-name="Path 1245" d="M16.041,7.005,12.788,7c-1.712-.033-2.655-.049-3.315-.71-.68-.679-.68-1.647-.68-3.576V.783h.774V2.717c0,1.715,0,2.576.453,3.03.439.439,1.272.454,2.782.482l.151,0h3.088Z" fill="#65899c"/><path id="Path_1246" data-name="Path 1246" d="M16.041,7.005,12.788,7c-1.712-.033-2.655-.049-3.315-.71-.68-.679-.68-1.647-.68-3.576V.783h.774V2.717c0,1.715,0,2.576.453,3.03.439.439,1.272.454,2.782.482l.151,0h3.088Z" fill="none" stroke="#65899c" stroke-width="0.25"/><path id="Path_1247" data-name="Path 1247" d="M12.336,16.125H3.915a3.8,3.8,0,0,1-3.79-3.79V3.915A3.8,3.8,0,0,1,3.915.125l6,.053a1.746,1.746,0,0,1,1.252.549l4.477,4.781a1.8,1.8,0,0,1,.489,1.235l-.005,5.592a3.8,3.8,0,0,1-3.79,3.79M3.912.9A3.019,3.019,0,0,0,.9,3.915v8.42a3.019,3.019,0,0,0,3.016,3.016h8.421a3.019,3.019,0,0,0,3.016-3.016l.005-5.592a1.029,1.029,0,0,0-.279-.706L10.6,1.256a.962.962,0,0,0-.694-.3Z" fill="#65899c"/><path id="Path_1248" data-name="Path 1248" d="M12.336,16.125H3.915a3.8,3.8,0,0,1-3.79-3.79V3.915A3.8,3.8,0,0,1,3.915.125l6,.053a1.746,1.746,0,0,1,1.252.549l4.477,4.781a1.8,1.8,0,0,1,.489,1.235l-.005,5.592A3.8,3.8,0,0,1,12.336,16.125ZM3.912.9A3.019,3.019,0,0,0,.9,3.915v8.42a3.019,3.019,0,0,0,3.016,3.016h8.421a3.019,3.019,0,0,0,3.016-3.016l.005-5.592a1.029,1.029,0,0,0-.279-.706L10.6,1.256a.962.962,0,0,0-.694-.3Z" fill="none" stroke="#65899c" stroke-width="0.25"/></g></svg>',
|
|
11607
|
+
bigAudio: '<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_12_1745)"> <path d="M10 37.5C10 36.1739 10.5268 34.9021 11.4645 33.9645C12.4021 33.0268 13.6739 32.5 15 32.5H17.5C18.8261 32.5 20.0979 33.0268 21.0355 33.9645C21.9732 34.9021 22.5 36.1739 22.5 37.5V45C22.5 46.3261 21.9732 47.5979 21.0355 48.5355C20.0979 49.4732 18.8261 50 17.5 50H15C13.6739 50 12.4021 49.4732 11.4645 48.5355C10.5268 47.5979 10 46.3261 10 45V37.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M37.5 37.5C37.5 36.1739 38.0268 34.9021 38.9645 33.9645C39.9021 33.0268 41.1739 32.5 42.5 32.5H45C46.3261 32.5 47.5979 33.0268 48.5355 33.9645C49.4732 34.9021 50 36.1739 50 37.5V45C50 46.3261 49.4732 47.5979 48.5355 48.5355C47.5979 49.4732 46.3261 50 45 50H42.5C41.1739 50 39.9021 49.4732 38.9645 48.5355C38.0268 47.5979 37.5 46.3261 37.5 45V37.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 37.5V30C10 24.6957 12.1071 19.6086 15.8579 15.8579C19.6086 12.1071 24.6957 10 30 10C35.3043 10 40.3914 12.1071 44.1421 15.8579C47.8929 19.6086 50 24.6957 50 30V37.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_12_1745"> <rect width="60" height="60" fill="white"/> </clipPath></defs></svg>',
|
|
11608
|
+
responsiveUploadFile: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.059 17" stroke="#7897a8"><g id="upload" transform="translate(-3.5 -3.5)"><path id="Path_1362" data-name="Path 1362" d="M4,17v2a1.944,1.944,0,0,0,1.882,2H17.176a1.944,1.944,0,0,0,1.882-2V17" transform="translate(0 -1)" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1363" data-name="Path 1363" d="M7,9l4.529-5,4.529,5" fill="none" stroke="#7897a8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1364" data-name="Path 1364" d="M12,4V16" transform="translate(-0.471)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
11609
|
+
cancel: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 12 12"><path id="Union_8" data-name="Union 8" d="M9.742,11.613,6,7.871,2.258,11.613A1.323,1.323,0,0,1,.388,9.742L4.129,6,.388,2.258A1.322,1.322,0,0,1,2.258.388L6,4.129,9.742.388a1.323,1.323,0,0,1,1.871,1.87L7.871,6l3.742,3.742a1.323,1.323,0,0,1-1.871,1.871Z" transform="translate(0 0)" fill="none" stroke="#7897a8"/></svg>',
|
|
11610
|
+
X: '<svg class="my-svg" xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 12 12"><path id="Union_8" data-name="Union 8" d="M9.742,11.613,6,7.871,2.258,11.613A1.323,1.323,0,0,1,.388,9.742L4.129,6,.388,2.258A1.322,1.322,0,0,1,2.258.388L6,4.129,9.742.388a1.323,1.323,0,0,1,1.871,1.87L7.871,6l3.742,3.742a1.323,1.323,0,0,1-1.871,1.871Z" transform="translate(0 0)" stroke-width="0"/></svg>',
|
|
11611
|
+
chevron: '<svg xmlns="http://www.w3.org/2000/svg" width="14px" height:"14px" viewBox="0 0 11.299 6.649"><path id="Vector_43-2" data-name="Vector 43-2" d="M1006.235,549.5,1002,553.735l-4.236-4.235" transform="translate(-996.35 -548.086)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>',
|
|
11612
|
+
smallChevron: '<svg xmlns="http://www.w3.org/2000/svg" width="11.299" height="6.649" viewBox="0 0 11.299 6.649"><path id="Vector_43-2" data-name="Vector 43-2" d="M1006.235,549.5,1002,553.735l-4.236-4.235" transform="translate(-996.35 -548.086)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>',
|
|
11613
|
+
search: '<svg width="100%" height:"100%" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.78653 9.25985C2.27371 8.49236 2 7.59004 2 6.667C2 5.42923 2.4917 4.24217 3.36693 3.36693C4.24217 2.4917 5.42923 2 6.667 2C7.59004 2 8.49236 2.27371 9.25985 2.78653C10.0273 3.29935 10.6255 4.02823 10.9787 4.88102C11.332 5.7338 11.4244 6.67218 11.2443 7.57749C11.0642 8.4828 10.6198 9.31438 9.96707 9.96707C9.31438 10.6198 8.4828 11.0642 7.57749 11.2443C6.67218 11.4244 5.7338 11.332 4.88102 10.9787C4.02823 10.6255 3.29935 10.0273 2.78653 9.25985Z" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 14L10 10" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
11614
|
+
clock: '<svg width="100%" height:"100%" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.30029 7.019C1.30029 8.20945 1.64312 9.37316 2.28543 10.363C2.92774 11.3528 3.84068 12.1243 4.9088 12.5798C5.97692 13.0354 7.15224 13.1546 8.28615 12.9223C9.42006 12.6901 10.4616 12.1168 11.2791 11.2751C12.0966 10.4333 12.6534 9.36082 12.8789 8.19325C13.1045 7.02568 12.9887 5.81546 12.5463 4.71563C12.1038 3.6158 11.3546 2.67576 10.3933 2.01438C9.43204 1.35301 8.30188 1 7.14576 1C5.59544 1 4.10863 1.63414 3.01239 2.76292C1.91615 3.89171 1.30029 5.42266 1.30029 7.019Z" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.15625 3.70801V7.00801L9.08014 8.98901" stroke="#26945A" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
11615
|
+
calendar: '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.66669 10.0002C1.66669 6.85747 1.66669 5.28612 2.643 4.30981C3.61931 3.3335 5.19066 3.3335 8.33335 3.3335H11.6667C14.8094 3.3335 16.3807 3.3335 17.357 4.30981C18.3334 5.28612 18.3334 6.85747 18.3334 10.0002V11.6668C18.3334 14.8095 18.3334 16.3809 17.357 17.3572C16.3807 18.3335 14.8094 18.3335 11.6667 18.3335H8.33335C5.19066 18.3335 3.61931 18.3335 2.643 17.3572C1.66669 16.3809 1.66669 14.8095 1.66669 11.6668V10.0002Z" stroke-width="1"/><path d="M5.83331 3.3335V2.0835" stroke-width="1" stroke-linecap="round"/><path d="M14.1667 3.3335V2.0835" stroke-width="1" stroke-linecap="round"/><path d="M2.08331 7.5H17.9166" stroke-width="1" stroke-linecap="round"/><path d="M15 14.1667C15 14.6269 14.6269 15 14.1666 15C13.7064 15 13.3333 14.6269 13.3333 14.1667C13.3333 13.7064 13.7064 13.3333 14.1666 13.3333C14.6269 13.3333 15 13.7064 15 14.1667Z"/><path d="M15 10.8333C15 11.2936 14.6269 11.6667 14.1666 11.6667C13.7064 11.6667 13.3333 11.2936 13.3333 10.8333C13.3333 10.3731 13.7064 10 14.1666 10C14.6269 10 15 10.3731 15 10.8333Z" /><path d="M10.8334 14.1667C10.8334 14.6269 10.4603 15 10 15C9.53978 15 9.16669 14.6269 9.16669 14.1667C9.16669 13.7064 9.53978 13.3333 10 13.3333C10.4603 13.3333 10.8334 13.7064 10.8334 14.1667Z" /><path d="M10.8334 10.8333C10.8334 11.2936 10.4603 11.6667 10 11.6667C9.53978 11.6667 9.16669 11.2936 9.16669 10.8333C9.16669 10.3731 9.53978 10 10 10C10.4603 10 10.8334 10.3731 10.8334 10.8333Z" /><path d="M6.66667 14.1667C6.66667 14.6269 6.29357 15 5.83333 15C5.3731 15 5 14.6269 5 14.1667C5 13.7064 5.3731 13.3333 5.83333 13.3333C6.29357 13.3333 6.66667 13.7064 6.66667 14.1667Z" /><path d="M6.66667 10.8333C6.66667 11.2936 6.29357 11.6667 5.83333 11.6667C5.3731 11.6667 5 11.2936 5 10.8333C5 10.3731 5.3731 10 5.83333 10C6.29357 10 6.66667 10.3731 6.66667 10.8333Z" /></svg>',
|
|
11616
|
+
civilProfession: '<svg xmlns="http://www.w3.org/2000/svg" width="14.621" height="17.175" viewBox="0 0 14.621 17.175"><g id="Group_1472" data-name="Group 1472" transform="translate(0.157 0.157)"><g id="Group_1471" data-name="Group 1471" transform="translate(0.343 0.343)"> <path id="Path_2640" data-name="Path 2640" d="M11.5.5V3.905a.852.852,0,0,0,.851.851h3.405" transform="translate(-2.136 -0.5)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2641" data-name="Path 2641" d="M2.5,4.756V2.2A1.7,1.7,0,0,1,4.2.5h5.959l4.256,4.256v9.364a1.7,1.7,0,0,1-1.7,1.7H8.459" transform="translate(-0.797 -0.5)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2642" data-name="Path 2642" d="M.5,11.054A2.554,2.554,0,1,0,3.054,8.5,2.554,2.554,0,0,0,.5,11.054" transform="translate(-0.5 -1.69)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2643" data-name="Path 2643" d="M1.777,14.5.5,18.756,3.054,17.48l2.554,1.277L4.331,14.5" transform="translate(-0.5 -2.582)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></g></svg>',
|
|
11617
|
+
position: '<svg id="report-money" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_2553" data-name="Path 2553" d="M8.881,5H6.94A2.016,2.016,0,0,0,5,7.083v12.5a2.016,2.016,0,0,0,1.94,2.083h9.7a2.016,2.016,0,0,0,1.94-2.083V7.083A2.016,2.016,0,0,0,16.643,5H14.7" transform="translate(0.208 -0.792)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2554" data-name="Path 2554" d="M9,3,9,5.083A2.083,2.083,0,0,1,11.083,3h2.083A2.083,2.083,0,0,1,15.25,5.083h0a2.083,2.083,0,0,1-2.083,2.083H11.083A2.083,2.083,0,0,1,9,5.083Z" transform="translate(-0.125 0.125)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2555" data-name="Path 2555" d="M14.167,11h-2.6a1.563,1.563,0,0,0,0,3.125H12.6a1.563,1.563,0,0,1,0,3.125H10" transform="translate(-0.083 -0.153)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2556" data-name="Path 2556" d="M12,17.292v1.042M12,10v1.042" transform="translate(0 -0.208)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
11618
|
+
role: '<svg id="military-award" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_2568" data-name="Path 2568" d="M11.932,12.932,8,12.932A3.932,3.932,0,1,0,11.932,9,3.932,3.932,0,0,0,8,12.932" transform="translate(0.068 0.076)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2569" data-name="Path 2569" d="M8.39,10.458,7.407,8H2l2.438,5.69a1.966,1.966,0,0,0,1.809,1.192H8.39" transform="translate(-0.034 0.056)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2570" data-name="Path 2570" d="M15.5,10.458,16.483,8H21.89l-2.438,5.69a1.966,1.966,0,0,1-1.809,1.192H15.5" transform="translate(0.144 0.056)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
11619
|
+
school: '<svg id="school_1_" data-name="school (1)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_2565" data-name="Path 2565" d="M22.167,8.833,12.083,5,2,8.833l10.083,3.833L22.167,8.833v5.75" transform="translate(-0.083 0.149)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2566" data-name="Path 2566" d="M6,10.6v5.175c0,1.588,2.574,2.875,5.75,2.875s5.75-1.287,5.75-2.875V10.6" transform="translate(0.25 0.238)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
11620
|
+
struct: '<svg id="user-scan" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_2558" data-name="Path 2558" d="M10,9.185A2.185,2.185,0,1,0,12.185,7,2.185,2.185,0,0,0,10,9.185" transform="translate(-0.185 -0.13)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2559" data-name="Path 2559" d="M4,8.371V6.185A2.185,2.185,0,0,1,6.185,4H8.371" transform="translate(-0.074 -0.074)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2560" data-name="Path 2560" d="M4,16v2.185a2.185,2.185,0,0,0,2.185,2.185H8.371" transform="translate(-0.074 -0.297)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2561" data-name="Path 2561" d="M16,4h2.185a2.185,2.185,0,0,1,2.185,2.185V8.371" transform="translate(-0.297 -0.074)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2562" data-name="Path 2562" d="M16,20.371h2.185a2.185,2.185,0,0,0,2.185-2.185V16" transform="translate(-0.297 -0.297)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2563" data-name="Path 2563" d="M8,16.185A2.185,2.185,0,0,1,10.185,14h4.371a2.185,2.185,0,0,1,2.185,2.185" transform="translate(-0.371 -0.118)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
11621
|
+
id: '<svg id="id_1_" data-name="id (1)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_2547" data-name="Path 2547" d="M3,4,3,6.775A2.814,2.814,0,0,1,5.85,4h11.4A2.814,2.814,0,0,1,20.1,6.775v9.251a2.814,2.814,0,0,1-2.85,2.775H5.85A2.814,2.814,0,0,1,3,16.026Z" transform="translate(0.449 0.599)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2548" data-name="Path 2548" d="M9.3,10.3,7,10.3A2.3,2.3,0,1,0,9.3,8,2.3,2.3,0,0,0,7,10.3" transform="translate(-0.21 -0.24)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2549" data-name="Path 2549" d="M15,8h2.3" transform="translate(-0.204 0)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2550" data-name="Path 2550" d="M15,12h2.3" transform="translate(-0.204)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2551" data-name="Path 2551" d="M7,16H18.5" transform="translate(-0.749 0)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
11622
|
+
clipboardText: '<svg id="clipboard-text" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18 18"><path id="Path_2572" data-name="Path 2572" d="M8,5H6.5A1.5,1.5,0,0,0,5,6.5v9A1.5,1.5,0,0,0,6.5,17H14a1.5,1.5,0,0,0,1.5-1.5v-9A1.5,1.5,0,0,0,14,5H12.5" transform="translate(-1.25 -1.25)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2574" data-name="Path 2574" d="M9,12h4.5" transform="translate(-2.25 -2.25)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2576" data-name="Path 2576" d="M9,12h4.5" transform="translate(-2.25 -5.25)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2575" data-name="Path 2575" d="M9,16h4.5" transform="translate(-2.25 -3.25)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>',
|
|
11623
|
+
audio: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 10.7143C1 10.2596 1.16857 9.82359 1.46863 9.5021C1.76869 9.18061 2.17565 9 2.6 9H3.4C3.82435 9 4.23131 9.18061 4.53137 9.5021C4.83143 9.82359 5 10.2596 5 10.7143V13.2857C5 13.7404 4.83143 14.1764 4.53137 14.4979C4.23131 14.8194 3.82435 15 3.4 15H2.6C2.17565 15 1.76869 14.8194 1.46863 14.4979C1.16857 14.1764 1 13.7404 1 13.2857V10.7143Z" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 10.7143C11 10.2596 11.1686 9.82359 11.4686 9.5021C11.7687 9.18061 12.1757 9 12.6 9H13.4C13.8243 9 14.2313 9.18061 14.5314 9.5021C14.8314 9.82359 15 10.2596 15 10.7143V13.2857C15 13.7404 14.8314 14.1764 14.5314 14.4979C14.2313 14.8194 13.8243 15 13.4 15H12.6C12.1757 15 11.7687 14.8194 11.4686 14.4979C11.1686 14.1764 11 13.7404 11 13.2857V10.7143Z" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 11V8.27273C1 6.34388 1.7375 4.49403 3.05025 3.13013C4.36301 1.76623 6.14348 1 8 1C9.85652 1 11.637 1.76623 12.9497 3.13013C14.2625 4.49403 15 6.34388 15 8.27273V11" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
11624
|
+
collection: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21" height="22" viewBox="0 0 21 18"><defs><clipPath id="clip-path"><rect id="Rectangle_2250" data-name="Rectangle 2250" width="16" height="18" fill="none" stroke-width="1"/></clipPath></defs><g id="Group_1560" data-name="Group 1560" transform="translate(4 4)"><path id="Path_2888" data-name="Path 2888" d="M0,0H24V24H0Z" transform="translate(-4 -4)" fill="none"/><g id="Group_1559" data-name="Group 1559" transform="translate(0 -1)" clip-path="url(#clip-path)"><path id="Path_2886" data-name="Path 2886" d="M15,1V17H3a2,2,0,0,1-2-2V3A2,2,0,0,1,3,1Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2887" data-name="Path 2887" d="M15,13H3a2,2,0,0,0-2,2" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><line id="Line_438" data-name="Line 438" x2="6" transform="translate(5 5)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></g></svg>',
|
|
11625
|
+
exercise: '<svg id="Group_882" data-name="Group 882" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.005" height="16" viewBox="0 0 16.005 16"><defs><clipPath id="clip-path"><rect id="Rectangle_1679" data-name="Rectangle 1679" width="16.005" height="16" fill="none"/></clipPath></defs><g id="Group_881" data-name="Group 881" clip-path="url(#clip-path)"><path id="Path_1277" data-name="Path 1277" d="M9.829,10.33H3.638a.387.387,0,0,1,0-.774H9.829a.387.387,0,0,1,0,.774" /><path id="Path_1278" data-name="Path 1278" d="M7.894,13.039H3.638a.387.387,0,1,1,0-.774H7.894a.387.387,0,1,1,0,.774" /><path id="Path_1279" data-name="Path 1279" d="M15.916,6.88l-3.253,0c-1.712-.033-2.655-.049-3.315-.71-.68-.679-.68-1.647-.68-3.576V.658h.774V2.592c0,1.715,0,2.576.454,3.03.439.439,1.271.454,2.781.482l.151,0h3.088Z" /><path id="Path_1280" data-name="Path 1280" d="M12.21,16H3.79A3.794,3.794,0,0,1,0,12.21V3.79A3.794,3.794,0,0,1,3.79,0l6,.052A1.747,1.747,0,0,1,11.04.6l4.477,4.781A1.8,1.8,0,0,1,16,6.619l0,5.591A3.8,3.8,0,0,1,12.21,16M3.787.774A3.019,3.019,0,0,0,.774,3.79v8.42A3.019,3.019,0,0,0,3.79,15.226h8.42a3.02,3.02,0,0,0,3.017-3.016l0-5.592a1.03,1.03,0,0,0-.278-.707l-4.478-4.78A.971.971,0,0,0,9.781.826Z" /></g></svg>',
|
|
11626
|
+
genericFile: '<svg class="generic-file-icon" xmlns="http://www.w3.org/2000/svg" width="13.165" height="16.641" viewBox="0 0 13.165 16.641"><g id="file-dots" transform="translate(-3.845 -2.107)"><path id="Path_1460" data-name="Path 1460" d="M15.427,18.641H6.738A1.738,1.738,0,0,1,5,16.9V4.738A1.738,1.738,0,0,1,6.738,3H12.82l4.345,4.345V16.9A1.738,1.738,0,0,1,15.427,18.641Z" transform="translate(-0.655 -0.393)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1461" data-name="Path 1461" d="M9,14v.009" transform="translate(-1.18 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1462" data-name="Path 1462" d="M12,14v.009" transform="translate(-1.573 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1463" data-name="Path 1463" d="M15,14v.009" transform="translate(-1.966 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
11627
|
+
image: '<svg id="photo-up" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 18"><path id="Path_2633" data-name="Path 2633" d="M0,0H24V24H0Z" fill="none"/><g id="Group_1464" data-name="Group 1464" transform="translate(1 1)"><path id="Path_2634" data-name="Path 2634" d="M15,8h.008" transform="translate(-1.895 -0.789)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2635" data-name="Path 2635" d="M11,18.162H5.527A2.527,2.527,0,0,1,3,15.635V5.527A2.527,2.527,0,0,1,5.527,3H15.635a2.527,2.527,0,0,1,2.527,2.527V11" transform="translate(0 0)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2636" data-name="Path 2636" d="M3,15.084l4.192-4.192a1.689,1.689,0,0,1,2.515,0l2.935,2.935" transform="translate(0 -1.146)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2637" data-name="Path 2637" d="M14,13.73l.838-.838a1.677,1.677,0,0,1,1.856-.441" transform="translate(-1.729 -1.47)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2638" data-name="Path 2638" d="M19,21.031V16" transform="translate(-2.515 -2.031)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_2639" data-name="Path 2639" d="M21.031,18.515,18.515,16,16,18.515" transform="translate(-2.031 -2.044)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
11628
|
+
pdf: '<svg id="Group_884" data-name="Group 884" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.005" height="16" viewBox="0 0 16.005 16"><defs><clipPath id="clip-path"><rect id="Rectangle_1680" data-name="Rectangle 1680" width="16.005" height="16" fill="none"/></clipPath></defs><g id="Group_883" data-name="Group 883" clip-path="url(#clip-path)"><path id="Path_1281" data-name="Path 1281" d="M2.947,8.524h.594v4.217H2.947Zm.523,2.91V10.87h.719a1.018,1.018,0,0,0,.736-.242.945.945,0,0,0,.249-.708A.767.767,0,0,0,4.925,9.3a1.112,1.112,0,0,0-.736-.211H3.482V8.524h.707a1.792,1.792,0,0,1,1.2.353A1.305,1.305,0,0,1,5.8,9.92a1.478,1.478,0,0,1-.408,1.129,1.688,1.688,0,0,1-1.2.385Z" /><path id="Path_1282" data-name="Path 1282" d="M6.452,8.523h.594V12.74H6.452ZM7,12.74v-.564h.469a1.24,1.24,0,0,0,.979-.371,1.645,1.645,0,0,0,.328-1.114,1.872,1.872,0,0,0-.328-1.2,1.194,1.194,0,0,0-.979-.4H7.016l-.071-.565h.528q1.931,0,1.93,2.168,0,2.049-1.93,2.049Z" /> <path id="Path_1283" data-name="Path 1283" d="M10.134,8.524h.594v4.217h-.594Zm0,0h2.791v.564H10.134Zm0,2h2.257v.564H10.134Z" /><path id="Path_1284" data-name="Path 1284" d="M15.916,6.88l-3.253,0c-1.712-.033-2.655-.049-3.315-.71-.68-.679-.68-1.647-.68-3.576V.658h.774V2.592c0,1.715,0,2.576.453,3.03.439.439,1.272.454,2.782.482l.151,0h3.088Z" /><path id="Path_1285" data-name="Path 1285" d="M12.211,16H3.79A3.8,3.8,0,0,1,0,12.21V3.79A3.8,3.8,0,0,1,3.79,0l6,.053A1.746,1.746,0,0,1,11.04.6l4.477,4.781a1.8,1.8,0,0,1,.489,1.235L16,12.21A3.8,3.8,0,0,1,12.211,16M3.787.774A3.019,3.019,0,0,0,.774,3.79v8.42A3.019,3.019,0,0,0,3.79,15.226h8.421a3.019,3.019,0,0,0,3.016-3.016l.005-5.592a1.029,1.029,0,0,0-.279-.706L10.475,1.131a.962.962,0,0,0-.694-.3Z" /></g></svg>',
|
|
11629
|
+
presentation: '<svg id="Group_886" data-name="Group 886" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.684" height="16" viewBox="0 0 17.684 16"><defs><clipPath id="clip-path"><rect id="Rectangle_1681" data-name="Rectangle 1681" width="17.684" height="16" fill="none"/></clipPath></defs><g id="Group_885" data-name="Group 885" clip-path="url(#clip-path)"> <path id="Path_1286" data-name="Path 1286" d="M12.211,11.789H5.474c-2.495,0-3.748,0-4.61-.863S0,8.811,0,6.316V5.474C0,2.979,0,1.726.864.863S2.979,0,5.474,0h6.737c2.495,0,3.747,0,4.61.863s.863,2.116.863,4.611v.842c0,2.495,0,3.747-.864,4.61s-2.114.863-4.609.863M5.474.842c-2.263,0-3.4,0-4.015.617S.842,3.21.842,5.474v.842c0,2.263,0,3.4.617,4.014s1.752.617,4.015.617h6.737c2.263,0,3.4,0,4.014-.617s.617-1.751.617-4.014V5.474c0-2.264,0-3.4-.616-4.015S14.474.842,12.211.842Z" /><path id="Path_1287" data-name="Path 1287" d="M13.9,16a.44.44,0,0,1-.133-.021l-4.92-1.64-4.919,1.64a.422.422,0,0,1-.266-.8l4.764-1.588v-1.8a.421.421,0,0,1,.842,0v1.8l4.765,1.588A.421.421,0,0,1,13.9,16" /></g></svg>',
|
|
11630
|
+
quiz: '<svg id="Group_888" data-name="Group 888" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14.476" height="16" viewBox="0 0 14.476 16"><defs><clipPath id="clip-path"><rect id="Rectangle_1682" data-name="Rectangle 1682" width="14.476" height="16" fill="none"/></clipPath></defs><g id="Group_887" data-name="Group 887" clip-path="url(#clip-path)"><path id="Path_1288" data-name="Path 1288" d="M9.524,16H4.953c-2.258,0-3.391,0-4.172-.781S0,13.305,0,11.048V6.476c0-2.257,0-3.39.781-4.171.715-.714,1.764-.771,3.407-.78l0,.762c-1.642.009-2.4.088-2.873.557C.762,3.4.762,4.429.762,6.476v4.572c0,2.047,0,3.075.558,3.633s1.585.557,3.633.557H9.524c2.047,0,3.075,0,3.632-.557s.558-1.586.558-3.633V6.476c0-2.047,0-3.074-.558-3.632-.468-.469-1.23-.548-2.872-.557l0-.762c1.643.009,2.693.066,3.407.78.781.781.781,1.914.781,4.171v4.572c0,2.257,0,3.39-.781,4.171S11.781,16,9.524,16" /><path id="Path_1289" data-name="Path 1289" d="M8,9.763H3.048a.286.286,0,1,1,0-.571H8a.286.286,0,1,1,0,.571" /><path id="Path_1290" data-name="Path 1290" d="M8,7.063H3.048a.286.286,0,1,1,0-.571H8a.286.286,0,1,1,0,.571" /><path id="Path_1291" data-name="Path 1291" d="M8,12.476H3.048a.286.286,0,1,1,0-.571H8a.286.286,0,1,1,0,.571" /><path id="Path_1292" data-name="Path 1292" d="M9.143,3.81H5.333A1.526,1.526,0,0,1,3.809,2.286V1.524A1.526,1.526,0,0,1,5.333,0h3.81a1.525,1.525,0,0,1,1.523,1.524v.762A1.525,1.525,0,0,1,9.143,3.81M5.333.762a.763.763,0,0,0-.762.762v.762a.763.763,0,0,0,.762.762h3.81A.762.762,0,0,0,9.9,2.286V1.524A.762.762,0,0,0,9.143.762Z" /><path id="Path_1293" data-name="Path 1293" d="M10.64,7.445a.182.182,0,0,1-.136-.061l-.347-.389a.182.182,0,0,1,.272-.243l.211.237.732-.82a.182.182,0,1,1,.272.243l-.868.972a.182.182,0,0,1-.136.061" /><path id="Path_1294" data-name="Path 1294" d="M10.64,10.146a.182.182,0,0,1-.136-.061L10.157,9.7a.182.182,0,0,1,.272-.243l.211.237.732-.82a.182.182,0,1,1,.272.243l-.868.972a.182.182,0,0,1-.136.061" /><path id="Path_1295" data-name="Path 1295" d="M10.64,12.859A.182.182,0,0,1,10.5,12.8l-.347-.389a.182.182,0,0,1,.272-.243l.211.237.732-.82a.182.182,0,1,1,.272.243l-.868.972a.182.182,0,0,1-.136.061" /></g></svg>',
|
|
11631
|
+
story: '<svg xmlns="http://www.w3.org/2000/svg" width="20.554" height="17.009" viewBox="0 0 20.554 17.009"><g id="Group_952" data-name="Group 952" transform="translate(-0.5 -1.491)"> <g id="Group_951" data-name="Group 951"> <path id="Path_1356" data-name="Path 1356" d="M20.063,6.538,11.175,2.093a.889.889,0,0,0-.8,0L1.491,6.538a.886.886,0,0,0-.4.412,1.1,1.1,0,0,0-.1.384v5.124a.89.89,0,0,0,1.778,0V8.647l1.778.711v4.358a.89.89,0,0,0,.492.8,11.458,11.458,0,0,0,5.73,1.706,11.464,11.464,0,0,0,5.73-1.706.891.891,0,0,0,.492-.8V9.358l3-1.2a.891.891,0,0,0,.067-1.621Zm-4.842,6.629-.867.433a8.033,8.033,0,0,1-7.155,0l-.867-.433v-3.1l4.114,1.646a.887.887,0,0,0,.331.062.871.871,0,0,0,.331-.063l4.114-1.646ZM10.777,9.931,4.057,7.242l6.721-3.359L17.5,7.242,10.777,9.931ZM1.889,14.444A.889.889,0,0,0,1,15.333V17.11a.889.889,0,0,0,1.778,0V15.333A.889.889,0,0,0,1.889,14.444Z" stroke="#fff" stroke-width="1"/> </g></g></svg>',
|
|
11632
|
+
video: '<svg id="Group_890" data-name="Group 890" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="clip-path"><rect id="Rectangle_1683" data-name="Rectangle 1683" width="16" height="16" fill="none"/></clipPath></defs><g id="Group_889" data-name="Group 889" clip-path="url(#clip-path)"> <path id="Path_1296" data-name="Path 1296" d="M8,16a8,8,0,1,1,8-8,8.009,8.009,0,0,1-8,8M8,.762A7.238,7.238,0,1,0,15.238,8,7.246,7.246,0,0,0,8,.762" /> <path id="Path_1297" data-name="Path 1297" d="M6.912,11.431a.88.88,0,0,1-.549-.194c-.507-.38-.544-1.017-.618-2.284-.019-.333-.031-.66-.031-.953s.012-.62.031-.952c.074-1.268.111-1.9.617-2.286.574-.431,1.149-.08,2.02.449.22.133.433.27.619.4.212.149.444.329.678.519.854.7,1.369,1.116,1.369,1.869s-.515,1.171-1.367,1.867c-.236.192-.468.372-.682.521-.184.131-.4.267-.617.4a3.279,3.279,0,0,1-1.47.643M6.93,5.337a.18.18,0,0,0-.11.034c-.224.168-.258.752-.314,1.72-.018.317-.03.629-.03.909s.012.591.03.909c.056.967.09,1.551.315,1.72.145.108.436-.048,1.166-.491.2-.125.4-.25.575-.373.2-.141.417-.309.635-.488.81-.659,1.089-.906,1.089-1.277s-.28-.619-1.088-1.278c-.219-.178-.435-.346-.636-.487-.174-.123-.372-.249-.575-.373A3.108,3.108,0,0,0,6.93,5.337" /></g></svg>',
|
|
11633
|
+
text: '<svg width="22" height="22" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1788 6H6.82125L6.75 8.5H7.375C7.6 7.13 7.82 7.01 9.4925 6.95625L9.85875 6.94375V14.5563C9.85875 15.1438 9.73375 15.2837 8.73625 15.375V16H12.2625V15.375C11.2587 15.2837 11.1337 15.145 11.1337 14.5575V6.94375L11.5063 6.95625C13.1788 7.01 13.3987 7.13125 13.6237 8.5H14.2487L14.1788 6Z"/><path d="M5.5 1C4.83696 1 4.20107 1.26339 3.73223 1.73223C3.26339 2.20107 3 2.83696 3 3.5V18.5C3 19.163 3.26339 19.7989 3.73223 20.2678C4.20107 20.7366 4.83696 21 5.5 21H15.5C16.163 21 16.7989 20.7366 17.2678 20.2678C17.7366 19.7989 18 19.163 18 18.5V3.5C18 2.83696 17.7366 2.20107 17.2678 1.73223C16.7989 1.26339 16.163 1 15.5 1H5.5ZM5.5 2.25H15.5C15.8315 2.25 16.1495 2.3817 16.3839 2.61612C16.6183 2.85054 16.75 3.16848 16.75 3.5V18.5C16.75 18.8315 16.6183 19.1495 16.3839 19.3839C16.1495 19.6183 15.8315 19.75 15.5 19.75H5.5C5.16848 19.75 4.85054 19.6183 4.61612 19.3839C4.3817 19.1495 4.25 18.8315 4.25 18.5V3.5C4.25 3.16848 4.3817 2.85054 4.61612 2.61612C4.85054 2.3817 5.16848 2.25 5.5 2.25Z"/></svg>',
|
|
11634
|
+
learningunit: '<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 19L6.757 11.649C6.82844 11.4584 6.95632 11.2942 7.12357 11.1782C7.29082 11.0623 7.48948 11.0001 7.693 11H20M4 19H18.026C18.4913 18.9999 18.942 18.8375 19.3004 18.5409C19.6589 18.2443 19.9028 17.832 19.99 17.375L20.986 12.164C21.0098 12.0208 21.0022 11.8741 20.9636 11.7342C20.925 11.5943 20.8564 11.4644 20.7626 11.3536C20.6688 11.2429 20.5519 11.1539 20.4203 11.0928C20.2886 11.0317 20.1452 11.0001 20 11M4 19C3.46957 19 2.96086 18.7893 2.58579 18.4142C2.21071 18.0391 2 17.5304 2 17V6C2 5.46957 2.21071 4.96086 2.58579 4.58579C2.96086 4.21071 3.46957 4 4 4H8L11 7H18C18.5304 7 19.0391 7.21071 19.4142 7.58579C19.7893 7.96086 20 8.46957 20 9V11" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
11635
|
+
generic: '<svg class="generic-file-icon" xmlns="http://www.w3.org/2000/svg" width="13.165" height="16.641" viewBox="0 0 13.165 16.641"><g id="file-dots" transform="translate(-3.845 -2.107)"><path id="Path_1460" data-name="Path 1460" d="M15.427,18.641H6.738A1.738,1.738,0,0,1,5,16.9V4.738A1.738,1.738,0,0,1,6.738,3H12.82l4.345,4.345V16.9A1.738,1.738,0,0,1,15.427,18.641Z" transform="translate(-0.655 -0.393)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1461" data-name="Path 1461" d="M9,14v.009" transform="translate(-1.18 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1462" data-name="Path 1462" d="M12,14v.009" transform="translate(-1.573 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path id="Path_1463" data-name="Path 1463" d="M15,14v.009" transform="translate(-1.966 -1.835)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
11636
|
+
success: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="success" transform="translate(-268 -524)"><g id="circle-check" transform="translate(268 524)"><path id="Path_1570" data-name="Path 1570" d="M0,0H24V24H0Z" fill="none"/><path id="Path_1571" data-name="Path 1571" d="M12,21.5A9.5,9.5,0,1,1,21.5,12,9.438,9.438,0,0,1,12,21.5ZM3.5,12A8.5,8.5,0,1,0,12,3.5,8.444,8.444,0,0,0,3.5,12Z"/> <path id="Path_1572" data-name="Path 1572" d="M11.25,14.5h-.094a.75.75,0,0,1-.473-.168l-2.156-1.75a.75.75,0,0,1,.945-1.165l1.683,1.366L14.47,9.47A.75.75,0,1,1,15.53,10.53l-3.75,3.75A.75.75,0,0,1,11.25,14.5Z"/></g></g></svg>',
|
|
11637
|
+
error: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Error" transform="translate(-310 -524)"><path id="Path_1570" data-name="Path 1570" d="M0,0H24V24H0Z" transform="translate(310 524)" fill="none"/><path id="Path_1571" data-name="Path 1571" d="M12,21.5A9.5,9.5,0,1,1,21.5,12,9.438,9.438,0,0,1,12,21.5ZM3.5,12A8.5,8.5,0,1,0,12,3.5,8.444,8.444,0,0,0,3.5,12Z" transform="translate(310 524)" fill="#ff0a4d"/><line id="Line_433" data-name="Line 433" x1="5" y2="5" transform="translate(319.5 533.5)" fill="none" stroke="#ff0a4d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><line id="Line_434" data-name="Line 434" x2="5" y2="5" transform="translate(319.5 533.5)" fill="none" stroke="#ff0a4d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>',
|
|
11638
|
+
information: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.75 10.55V7.75M7.75 4.95H7.757M14.75 7.75C14.75 11.616 11.616 14.75 7.75 14.75C3.88401 14.75 0.75 11.616 0.75 7.75C0.75 3.88401 3.88401 0.75 7.75 0.75C11.616 0.75 14.75 3.88401 14.75 7.75Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
11639
|
+
primaryPlay: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 247.285 247.285"><defs><clipPath id="clip-path"><rect id="Rectangle_537" data-name="Rectangle 537" width="247.285" height="247.285" fill="#fff"/></clipPath><linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop class="start-stop-color" offset="0" stop-color=""/><stop class="middle-stop-color" offset="0.661" stop-color=""/><stop class="end-stop-color" offset="1" stop-color=""/></linearGradient></defs><g id="Group_944" data-name="Group 944" transform="translate(-508.407 -275.197)"><g id="Group_770" data-name="Group 770" transform="translate(508.407 275.197)" opacity="0.5" style="mix-blend-mode: overlay;isolation: isolate"><g id="Group_769" data-name="Group 769"><g id="Group_768" data-name="Group 768" clip-path="url(#clip-path)"><path id="Path_975" data-name="Path 975" d="M2042.058,1095.954a123.643,123.643,0,1,1-123.643-123.643,123.643,123.643,0,0,1,123.643,123.643" transform="translate(-1794.772 -972.311)" fill="#fff"/></g></g></g><path id="Path_976" data-name="Path 976" d="M2197.875,1288.733l-60.24-33.5a7.1,7.1,0,0,0-10.546,6.2v66.994a7.1,7.1,0,0,0,10.546,6.2l60.24-33.5a7.1,7.1,0,0,0,0-12.406" transform="translate(-1519.037 -896.098)" fill="url(#linear-gradient)"/></g></svg>',
|
|
11640
|
+
hadrachaHierarchy: '<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 19L6.757 11.649C6.82844 11.4584 6.95632 11.2942 7.12357 11.1782C7.29082 11.0623 7.48948 11.0001 7.693 11H20M4 19H18.026C18.4913 18.9999 18.942 18.8375 19.3004 18.5409C19.6589 18.2443 19.9028 17.832 19.99 17.375L20.986 12.164C21.0098 12.0208 21.0022 11.8741 20.9636 11.7342C20.925 11.5943 20.8564 11.4644 20.7626 11.3536C20.6688 11.2429 20.5519 11.1539 20.4203 11.0928C20.2886 11.0317 20.1452 11.0001 20 11M4 19C3.46957 19 2.96086 18.7893 2.58579 18.4142C2.21071 18.0391 2 17.5304 2 17V6C2 5.46957 2.21071 4.96086 2.58579 4.58579C2.96086 4.21071 3.46957 4 4 4H8L11 7H18C18.5304 7 19.0391 7.21071 19.4142 7.58579C19.7893 7.96086 20 8.46957 20 9V11" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
11641
|
+
hadrachaHierarchyResource: '<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.8644 1V5C9.8644 5.26522 9.96966 5.51957 10.157 5.70711C10.3444 5.89464 10.5985 6 10.8634 6H14.8596M9.8644 1H2.87113C2.3412 1 1.83298 1.21071 1.45827 1.58579C1.08356 1.96086 0.873047 2.46957 0.873047 3V17C0.873047 17.5304 1.08356 18.0391 1.45827 18.4142C1.83298 18.7893 2.3412 19 2.87113 19H12.8615C13.3914 19 13.8997 18.7893 14.2744 18.4142C14.6491 18.0391 14.8596 17.5304 14.8596 17V6M9.8644 1L14.8596 6M4.8692 15H10.8634M4.8692 11H10.8634" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
11642
|
+
link: '<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.99151 9.25504C7.31542 9.68851 7.72868 10.0472 8.20326 10.3067C8.67783 10.5663 9.20261 10.7206 9.74201 10.7593C10.2814 10.798 10.8228 10.72 11.3295 10.5309C11.8362 10.3417 12.2963 10.0456 12.6786 9.66275L14.9414 7.39769C15.6283 6.6857 16.0085 5.7321 15.9999 4.74229C15.9913 3.75247 15.5946 2.80563 14.8954 2.1057C14.1962 1.40577 13.2503 1.00874 12.2615 1.00014C11.2727 0.991541 10.32 1.37205 9.60877 2.05971L8.31145 3.35079M10.0085 7.74496C9.68458 7.31149 9.27132 6.95281 8.79674 6.69327C8.32217 6.43373 7.79739 6.27939 7.25799 6.24072C6.71859 6.20205 6.17719 6.27995 5.67051 6.46915C5.16383 6.65835 4.70373 6.95441 4.32141 7.33725L2.05864 9.60231C1.37167 10.3143 0.99155 11.2679 1.00014 12.2577C1.00874 13.2475 1.40536 14.1944 2.10458 14.8943C2.80381 15.5942 3.74969 15.9913 4.73851 15.9999C5.72732 16.0085 6.67996 15.628 7.39123 14.9403L8.681 13.6492" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>',
|
|
11643
|
+
messagePlus: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" ><g clip - path="url(#clip0_17_2752)"><path d="M8 9H16" stroke - linecap="round" stroke - linejoin="round"/>< path d="M8 13H14" stroke- linecap="round" stroke - linejoin="round" /> <path d="M12.01 18.594L8 21V18H6C5.20435 18 4.44129 17.6839 3.87868 17.1213C3.31607 16.5587 3 15.7956 3 15V7C3 6.20435 3.31607 5.44129 3.87868 4.87868C4.44129 4.31607 5.20435 4 6 4H18C18.7956 4 19.5587 4.31607 20.1213 4.87868C20.6839 5.44129 21 6.20435 21 7V12.5" stroke - linecap="round" stroke - linejoin="round" /> <path d="M16 19H22" stroke - linecap="round" stroke - linejoin="round" /> <path d="M19 16V22" stroke - linecap="round" stroke - linejoin="round" /> </g>< defs ><clipPath id="clip0_17_2752" ><rect width="24" height = "24" fill ="white" /></clipPath> </defs> </svg>',
|
|
11644
|
+
check: '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L4.66667 9L12 1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'
|
|
11645
|
+
};
|
|
11646
|
+
|
|
11597
11647
|
const system = {
|
|
11598
11648
|
college: "college",
|
|
11599
11649
|
herum: "herum",
|
|
@@ -14233,11 +14283,12 @@ const testEnvironmentConfig = {
|
|
|
14233
14283
|
filesDisplayServerPath: '',
|
|
14234
14284
|
envName: 'aman',
|
|
14235
14285
|
siteServerPath: 'http://hadracha-site-server-augustus.apps.ocp4-prep.d8200.mil/api',
|
|
14236
|
-
s3ServerPath: 'http://s3-stage-fn-r2.d8200.mil
|
|
14286
|
+
s3ServerPath: 'http://s3-stage-fn-r2.d8200.mil/$bucket$',
|
|
14237
14287
|
userAction: 'http://hadracha-site-server-augustus.apps.ocp4-prep.d8200.mil/api/Activity',
|
|
14238
14288
|
lessonSocketBackend: "ws://college-site-server.d8200.mil/lesson",
|
|
14239
14289
|
keyboardEventsLocalSocketPath: 'ws://localhost:3333',
|
|
14240
|
-
systemIdentifier: "hadracha"
|
|
14290
|
+
systemIdentifier: "hadracha",
|
|
14291
|
+
bucketPlaceholderKey: '$bucket$'
|
|
14241
14292
|
},
|
|
14242
14293
|
mongoUpdates: {
|
|
14243
14294
|
CollectionCategories: {
|
|
@@ -17662,7 +17713,7 @@ class FetchedMessageService {
|
|
|
17662
17713
|
fetchedMessageData() {
|
|
17663
17714
|
return this.http.get(buildPath([this.environmentConfig?.environment?.siteServerPath, 'Messages', this.messageKey]));
|
|
17664
17715
|
}
|
|
17665
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FetchedMessageService, deps: [{ token: i1$
|
|
17716
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FetchedMessageService, deps: [{ token: i1$4.HttpClient }, { token: i1$5.MatDialog }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
17666
17717
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FetchedMessageService, providedIn: 'root' });
|
|
17667
17718
|
}
|
|
17668
17719
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FetchedMessageService, decorators: [{
|
|
@@ -17670,7 +17721,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
17670
17721
|
args: [{
|
|
17671
17722
|
providedIn: 'root'
|
|
17672
17723
|
}]
|
|
17673
|
-
}], ctorParameters: () => [{ type: i1$
|
|
17724
|
+
}], ctorParameters: () => [{ type: i1$4.HttpClient }, { type: i1$5.MatDialog }, { type: undefined, decorators: [{
|
|
17674
17725
|
type: Inject,
|
|
17675
17726
|
args: [HERUM_SHARED_CONFIG_TOKEN]
|
|
17676
17727
|
}] }] });
|
|
@@ -17859,12 +17910,12 @@ class ErrorsHandlerService {
|
|
|
17859
17910
|
else
|
|
17860
17911
|
this.failedDependentsRequestsContext[dependentId] = initialValue ? { error, failedComplexObservableArrowFunctions, initialValue } : { error, failedComplexObservableArrowFunctions };
|
|
17861
17912
|
}
|
|
17862
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorsHandlerService, deps: [{ token: i1$
|
|
17913
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorsHandlerService, deps: [{ token: i1$5.MatDialog }, { token: i1$2.LoaderManagerService }, { token: i1$4.HttpClient }, { token: i1$2.AuthService }, { token: MongoUtilsService }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
17863
17914
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorsHandlerService });
|
|
17864
17915
|
}
|
|
17865
17916
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorsHandlerService, decorators: [{
|
|
17866
17917
|
type: Injectable
|
|
17867
|
-
}], ctorParameters: () => [{ type: i1$
|
|
17918
|
+
}], ctorParameters: () => [{ type: i1$5.MatDialog }, { type: i1$2.LoaderManagerService }, { type: i1$4.HttpClient }, { type: i1$2.AuthService }, { type: MongoUtilsService }, { type: undefined, decorators: [{
|
|
17868
17919
|
type: Inject,
|
|
17869
17920
|
args: [HERUM_SHARED_CONFIG_TOKEN]
|
|
17870
17921
|
}] }] });
|
|
@@ -18047,12 +18098,12 @@ class UploadsManagerService {
|
|
|
18047
18098
|
let status = areAllCommonUploadsProgressFinishedSuccesfully ? toastStatuses$1.success : toastStatuses$1.error;
|
|
18048
18099
|
this.toastsService.showToast(title, content, status);
|
|
18049
18100
|
}
|
|
18050
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UploadsManagerService, deps: [{ token: ErrorsHandlerService }, { token: DependentsService }, { token: i1$
|
|
18101
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UploadsManagerService, deps: [{ token: ErrorsHandlerService }, { token: DependentsService }, { token: i1$4.HttpClient }, { token: i1$2.ToastsService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
18051
18102
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UploadsManagerService });
|
|
18052
18103
|
}
|
|
18053
18104
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UploadsManagerService, decorators: [{
|
|
18054
18105
|
type: Injectable
|
|
18055
|
-
}], ctorParameters: () => [{ type: ErrorsHandlerService }, { type: DependentsService }, { type: i1$
|
|
18106
|
+
}], ctorParameters: () => [{ type: ErrorsHandlerService }, { type: DependentsService }, { type: i1$4.HttpClient }, { type: i1$2.ToastsService }] });
|
|
18056
18107
|
|
|
18057
18108
|
const ATTACH = "Attach";
|
|
18058
18109
|
class DbActionRequestsService {
|
|
@@ -18273,12 +18324,12 @@ class DbActionRequestsService {
|
|
|
18273
18324
|
this.environmentConfig?.mongoUpdates?.Methods?.ModelInfo
|
|
18274
18325
|
]));
|
|
18275
18326
|
}
|
|
18276
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionRequestsService, deps: [{ token: i1$
|
|
18327
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionRequestsService, deps: [{ token: i1$4.HttpClient }, { token: i1$2.DbActionsInnerIdManagerService }, { token: HERUM_SHARED_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
18277
18328
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionRequestsService });
|
|
18278
18329
|
}
|
|
18279
18330
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionRequestsService, decorators: [{
|
|
18280
18331
|
type: Injectable
|
|
18281
|
-
}], ctorParameters: () => [{ type: i1$
|
|
18332
|
+
}], ctorParameters: () => [{ type: i1$4.HttpClient }, { type: i1$2.DbActionsInnerIdManagerService }, { type: undefined, decorators: [{
|
|
18282
18333
|
type: Inject,
|
|
18283
18334
|
args: [HERUM_SHARED_CONFIG_TOKEN]
|
|
18284
18335
|
}] }] });
|
|
@@ -18366,12 +18417,12 @@ class DbActionToastService {
|
|
|
18366
18417
|
if (statusCode >= 400 && statusCode < 599)
|
|
18367
18418
|
return toastStatuses$1.error;
|
|
18368
18419
|
}
|
|
18369
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionToastService, deps: [{ token: ErrorsHandlerService }, { token:
|
|
18420
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionToastService, deps: [{ token: ErrorsHandlerService }, { token: i1$2.ToastsService }, { token: MongoUtilsService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
18370
18421
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionToastService });
|
|
18371
18422
|
}
|
|
18372
18423
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DbActionToastService, decorators: [{
|
|
18373
18424
|
type: Injectable
|
|
18374
|
-
}], ctorParameters: () => [{ type: ErrorsHandlerService }, { type:
|
|
18425
|
+
}], ctorParameters: () => [{ type: ErrorsHandlerService }, { type: i1$2.ToastsService }, { type: MongoUtilsService }] });
|
|
18375
18426
|
|
|
18376
18427
|
class HerumToastsComponent {
|
|
18377
18428
|
toastsService;
|
|
@@ -18467,13 +18518,13 @@ class HerumToastsComponent {
|
|
|
18467
18518
|
this.destroySubject$.next(null);
|
|
18468
18519
|
this.destroySubject$.unsubscribe();
|
|
18469
18520
|
}
|
|
18470
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumToastsComponent, deps: [{ token:
|
|
18521
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumToastsComponent, deps: [{ token: i1$2.ToastsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
18471
18522
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumToastsComponent, isStandalone: false, selector: "herum-toasts", viewQueries: [{ propertyName: "toastElements", predicate: ["toast"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"toasts?.length\">\r\n <div #toast class=\"herum-toast d-flex\" [ngClass]=\"[toast?.state ?? '',toast?.status ?? '']\"\r\n *ngFor=\"let toast of toasts; trackBy: _trackByFn\">\r\n <span [ngClass]=\"{'icons-color':toast?.status===successStatus}\"\r\n [innerHTML]=\"_toastStatusIcon(toast?.status) | safeHtml\">\r\n </span>\r\n\r\n <div class=\"d-flex flex-column\">\r\n <div class=\"section-title\"> {{toast?.title}}</div>\r\n <div class='toast-content'> {{toast?.content}}</div>\r\n </div>\r\n\r\n <img class=\"close-button\" src=\"assets/shared/icons/secondary-x.svg\" alt=\"close-icon\"\r\n (click)=\"_onHideToast(toast,true)\">\r\n </div>\r\n</ng-container>", styles: [".herum-toast{position:absolute;bottom:0;right:0;width:340px;padding:var(--standard-padding);border-radius:var(--border-radius);background-color:#fff;box-shadow:0 0 var(--box-shadow-blur) #00000029!important;transition:transform .4s ease-out,opacity .4s ease-out;transform:translate(100%);opacity:0}.herum-toast .icons-color{fill:var(--icons-color)}.herum-toast .status-image{height:22px;width:22px;margin-left:6px}.herum-toast .close-button{height:8px;left:8px;top:8px;position:absolute;cursor:pointer;margin-block-end:4px}.toast-content{flex-grow:1;flex-shrink:1}.enter{transform:translate(0);opacity:1}.success{border-right:solid 8px #4caf50}.information{border-right:solid 8px var(--information-color)}.error{border-right:solid 8px var(--error-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4$1.SafeHtmlPipe, name: "safeHtml" }] });
|
|
18472
18523
|
}
|
|
18473
18524
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumToastsComponent, decorators: [{
|
|
18474
18525
|
type: Component,
|
|
18475
18526
|
args: [{ standalone: false, selector: 'herum-toasts', template: "<ng-container *ngIf=\"toasts?.length\">\r\n <div #toast class=\"herum-toast d-flex\" [ngClass]=\"[toast?.state ?? '',toast?.status ?? '']\"\r\n *ngFor=\"let toast of toasts; trackBy: _trackByFn\">\r\n <span [ngClass]=\"{'icons-color':toast?.status===successStatus}\"\r\n [innerHTML]=\"_toastStatusIcon(toast?.status) | safeHtml\">\r\n </span>\r\n\r\n <div class=\"d-flex flex-column\">\r\n <div class=\"section-title\"> {{toast?.title}}</div>\r\n <div class='toast-content'> {{toast?.content}}</div>\r\n </div>\r\n\r\n <img class=\"close-button\" src=\"assets/shared/icons/secondary-x.svg\" alt=\"close-icon\"\r\n (click)=\"_onHideToast(toast,true)\">\r\n </div>\r\n</ng-container>", styles: [".herum-toast{position:absolute;bottom:0;right:0;width:340px;padding:var(--standard-padding);border-radius:var(--border-radius);background-color:#fff;box-shadow:0 0 var(--box-shadow-blur) #00000029!important;transition:transform .4s ease-out,opacity .4s ease-out;transform:translate(100%);opacity:0}.herum-toast .icons-color{fill:var(--icons-color)}.herum-toast .status-image{height:22px;width:22px;margin-left:6px}.herum-toast .close-button{height:8px;left:8px;top:8px;position:absolute;cursor:pointer;margin-block-end:4px}.toast-content{flex-grow:1;flex-shrink:1}.enter{transform:translate(0);opacity:1}.success{border-right:solid 8px #4caf50}.information{border-right:solid 8px var(--information-color)}.error{border-right:solid 8px var(--error-color)}\n"] }]
|
|
18476
|
-
}], ctorParameters: () => [{ type:
|
|
18527
|
+
}], ctorParameters: () => [{ type: i1$2.ToastsService }, { type: i0.ChangeDetectorRef }], propDecorators: { toastElements: [{
|
|
18477
18528
|
type: ViewChildren,
|
|
18478
18529
|
args: ['toast']
|
|
18479
18530
|
}] } });
|
|
@@ -18581,7 +18632,7 @@ class HerumUploadsManagerComponent {
|
|
|
18581
18632
|
this.destroySubject$.complete();
|
|
18582
18633
|
}
|
|
18583
18634
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUploadsManagerComponent, deps: [{ token: UploadsManagerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
18584
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumUploadsManagerComponent, isStandalone: false, selector: "herum-uploads-manager", host: { listeners: { "window:beforeunload": "showConfirmationNativeMessage($event)" } }, ngImport: i0, template: "<div class=\"herum-uploads-layout shadow\" [ngClass]=\"{'open':isContainerOpen}\" *ngIf=\"uploadsProgressMetadata?.length\">\r\n <div class=\"herum-uploads-container-header\">\r\n <div class=\"herum-uploads-header\">\r\n <div class=\"herum-uploads-header-text\">\r\n <herum-ellipsis-loader *ngIf=\"!hasUploadProgressFinished\"></herum-ellipsis-loader>\r\n\r\n <p class=\"container-title\" #containerTitle\r\n [matTooltip]=\"_isTruncatedTitleElement(containerTitle)? (containerTitle$ | async) : '' \">\r\n {{containerTitle$ | async | ellipsis:containerTitle}}</p>\r\n </div>\r\n\r\n <div class=\"control-container\">\r\n <img class=\"control-button\"\r\n [ngClass]=\"{'open-chevron':isContainerOpen, 'closed-chevron':!isContainerOpen}\"\r\n src=\"assets/general/white-chevron.svg\" (click)=\"_onToggleUploadsContainer()\">\r\n\r\n <img class=\"control-button\" *ngIf=\"hasUploadProgressFinished\" src=\"assets/shared/icons/X.svg\"\r\n alt=\"close-icon\" (click)=\"_onClose()\">\r\n </div>\r\n </div>\r\n\r\n <herum-progress-bar [percentage]=\"averageProgressSum\" [percentagePosition]=\"'none'\" [borderRadius]=\"'none'\"\r\n [showBorder]=\"false\" [thickness]=\"'thin'\" [showPercentage]=\"false\" [color]=\"progressBarColor\">\r\n </herum-progress-bar>\r\n </div>\r\n\r\n <div class=\"herum-uploads-container\">\r\n <div *ngIf=\"numberOfFailedLoaders > 1\" class=\"upload-all upload-iteration cursor-pointer\"\r\n (click)=\"_onRetryFailedUploads()\">\r\n <div class=\"herum-upload-title w-100\">\r\n \u05D4\u05E2\u05DC\u05D4 \u05DE\u05D7\u05D3\u05E9 \u05E7\u05D1\u05E6\u05D9\u05DD \u05E9\u05E0\u05DB\u05E9\u05DC\u05D5\r\n </div>\r\n\r\n <div class=\"upload-file-image\">\r\n <img src=\"assets/files-icons/upload-file.svg\">\r\n </div>\r\n </div>\r\n\r\n <div class=\"upload-iteration\"\r\n *ngFor=\"let uploadProgressMetadata of uploadsProgressMetadata; trackBy: _trackByFn\">\r\n <div class=\"herum-upload-container\">\r\n <span [ngClass]=\"_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error' : 'icons-color'\"\r\n [innerHTML]=\"_getFileIcon(uploadProgressMetadata.type) | safeHtml\">\r\n </span>\r\n\r\n <div class=\"herum-upload-text-container\">\r\n <p #uploadTitle class=\"herum-upload-title\"\r\n [ngClass]=\"{'error-font-color':_isUploadProgressStatusError(uploadProgressMetadata.status)}\"\r\n [matTooltip]=\"_isTruncatedTitleElement(uploadTitle) ? uploadProgressMetadata.title : ''\">\r\n {{uploadProgressMetadata.title | ellipsis:uploadTitle}}\r\n </p>\r\n\r\n <p\r\n [ngClass]=\"[_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error-font-color' :'disabled-text-color']\">\r\n {{_getUploadProgressDescription(uploadProgressMetadata)}}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"center\">\r\n <herum-circular-progress-bar [fill]=\"false\"\r\n [percentage]=\"(uploadProgressMetadata.currentSize/uploadProgressMetadata.totalSize)*100\"\r\n *ngIf=\"uploadProgressMetadata.status === loadingStatus\">\r\n </herum-circular-progress-bar>\r\n\r\n <div class=\"images-container\">\r\n <img class=\"cursor-pointer\" *ngIf=\"_isUploadProgressStatusError(uploadProgressMetadata.status)\"\r\n src=\"assets/files-icons/upload-file.svg\"\r\n (click)=\"_onRetryFailedUpload(uploadProgressMetadata.id)\">\r\n\r\n <span\r\n *ngIf=\"uploadProgressMetadata.status === errorStatus || uploadProgressMetadata.status === successStatus\"\r\n [ngClass]=\"{'icons-color':uploadProgressMetadata.status===successStatus}\"\r\n [innerHTML]=\"_getUploadStatusIcon(uploadProgressMetadata.status) | safeHtml\">\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>", styles: [".herum-uploads-layout{border-radius:8px 8px 0 0;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--top-overlay-z-index);direction:rtl;width:350px}.herum-uploads-layout .herum-uploads-container-header{border-radius:8px 8px 0 0;background-color:#22213f;cursor:grab}.herum-uploads-layout .herum-uploads-container-header p{padding-block:12px;color:#fff;font-weight:700;margin:0;font-size:16px}.herum-uploads-layout .herum-uploads-container-header:active{cursor:grabbing}.herum-uploads-layout herum-progress-bar{background-color:#22213f}.herum-uploads-layout .herum-uploads-container{display:none}.herum-upload-text-container{width:80%}.herum-upload-title{line-height:1;font-weight:700;font-size:12px;width:100%;white-space:nowrap;margin-block-end:4px}.open{height:fit-content}.open .herum-uploads-container{overflow-y:auto;max-height:500px;display:flex;flex-direction:column;height:100%}.open .herum-uploads-container .herum-upload-container{display:flex;flex-direction:row;gap:8px;width:70%}.open .herum-uploads-container .herum-upload-container .error{fill:var(--error-color)}.open .herum-uploads-container .herum-upload-container .icons-color{stroke:var(--icons-color)}.open .upload-iteration{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--chips-divider-color);align-items:center}.open .upload-all{padding-block:21px}.open .upload-iteration:hover{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);animation:1s ease-in-out}.herum-uploads-header-text{display:flex;width:100%}.herum-uploads-header-text .container-title{width:80%;white-space:nowrap}.herum-uploads-header{display:flex;justify-content:space-between;padding-inline:16px;align-items:center}.herum-uploads-header .control-container{gap:16px;display:flex}.herum-uploads-header .control-container .control-button{width:10px;cursor:pointer}.upload-file-image{width:24px;display:flex;justify-content:center}herum-circular-progress-bar{display:flex;justify-content:center;align-items:center;height:24px;width:24px;transform:scale(1.2)}p{margin:0}.open-chevron{transform:rotate(90deg)}.images-container{display:flex;gap:12px}.icons-color{fill:var(--icons-color)}.icons-color ::ng-deep .generic-file-icon{stroke:var(--icons-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$
|
|
18635
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumUploadsManagerComponent, isStandalone: false, selector: "herum-uploads-manager", host: { listeners: { "window:beforeunload": "showConfirmationNativeMessage($event)" } }, ngImport: i0, template: "<div class=\"herum-uploads-layout shadow\" [ngClass]=\"{'open':isContainerOpen}\" *ngIf=\"uploadsProgressMetadata?.length\">\r\n <div class=\"herum-uploads-container-header\">\r\n <div class=\"herum-uploads-header\">\r\n <div class=\"herum-uploads-header-text\">\r\n <herum-ellipsis-loader *ngIf=\"!hasUploadProgressFinished\"></herum-ellipsis-loader>\r\n\r\n <p class=\"container-title\" #containerTitle\r\n [matTooltip]=\"_isTruncatedTitleElement(containerTitle)? (containerTitle$ | async) : '' \">\r\n {{containerTitle$ | async | ellipsis:containerTitle}}</p>\r\n </div>\r\n\r\n <div class=\"control-container\">\r\n <img class=\"control-button\"\r\n [ngClass]=\"{'open-chevron':isContainerOpen, 'closed-chevron':!isContainerOpen}\"\r\n src=\"assets/general/white-chevron.svg\" (click)=\"_onToggleUploadsContainer()\">\r\n\r\n <img class=\"control-button\" *ngIf=\"hasUploadProgressFinished\" src=\"assets/shared/icons/X.svg\"\r\n alt=\"close-icon\" (click)=\"_onClose()\">\r\n </div>\r\n </div>\r\n\r\n <herum-progress-bar [percentage]=\"averageProgressSum\" [percentagePosition]=\"'none'\" [borderRadius]=\"'none'\"\r\n [showBorder]=\"false\" [thickness]=\"'thin'\" [showPercentage]=\"false\" [color]=\"progressBarColor\">\r\n </herum-progress-bar>\r\n </div>\r\n\r\n <div class=\"herum-uploads-container\">\r\n <div *ngIf=\"numberOfFailedLoaders > 1\" class=\"upload-all upload-iteration cursor-pointer\"\r\n (click)=\"_onRetryFailedUploads()\">\r\n <div class=\"herum-upload-title w-100\">\r\n \u05D4\u05E2\u05DC\u05D4 \u05DE\u05D7\u05D3\u05E9 \u05E7\u05D1\u05E6\u05D9\u05DD \u05E9\u05E0\u05DB\u05E9\u05DC\u05D5\r\n </div>\r\n\r\n <div class=\"upload-file-image\">\r\n <img src=\"assets/files-icons/upload-file.svg\">\r\n </div>\r\n </div>\r\n\r\n <div class=\"upload-iteration\"\r\n *ngFor=\"let uploadProgressMetadata of uploadsProgressMetadata; trackBy: _trackByFn\">\r\n <div class=\"herum-upload-container\">\r\n <span [ngClass]=\"_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error' : 'icons-color'\"\r\n [innerHTML]=\"_getFileIcon(uploadProgressMetadata.type) | safeHtml\">\r\n </span>\r\n\r\n <div class=\"herum-upload-text-container\">\r\n <p #uploadTitle class=\"herum-upload-title\"\r\n [ngClass]=\"{'error-font-color':_isUploadProgressStatusError(uploadProgressMetadata.status)}\"\r\n [matTooltip]=\"_isTruncatedTitleElement(uploadTitle) ? uploadProgressMetadata.title : ''\">\r\n {{uploadProgressMetadata.title | ellipsis:uploadTitle}}\r\n </p>\r\n\r\n <p\r\n [ngClass]=\"[_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error-font-color' :'disabled-text-color']\">\r\n {{_getUploadProgressDescription(uploadProgressMetadata)}}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"center\">\r\n <herum-circular-progress-bar [fill]=\"false\"\r\n [percentage]=\"(uploadProgressMetadata.currentSize/uploadProgressMetadata.totalSize)*100\"\r\n *ngIf=\"uploadProgressMetadata.status === loadingStatus\">\r\n </herum-circular-progress-bar>\r\n\r\n <div class=\"images-container\">\r\n <img class=\"cursor-pointer\" *ngIf=\"_isUploadProgressStatusError(uploadProgressMetadata.status)\"\r\n src=\"assets/files-icons/upload-file.svg\"\r\n (click)=\"_onRetryFailedUpload(uploadProgressMetadata.id)\">\r\n\r\n <span\r\n *ngIf=\"uploadProgressMetadata.status === errorStatus || uploadProgressMetadata.status === successStatus\"\r\n [ngClass]=\"{'icons-color':uploadProgressMetadata.status===successStatus}\"\r\n [innerHTML]=\"_getUploadStatusIcon(uploadProgressMetadata.status) | safeHtml\">\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>", styles: [".herum-uploads-layout{border-radius:8px 8px 0 0;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--top-overlay-z-index);direction:rtl;width:350px}.herum-uploads-layout .herum-uploads-container-header{border-radius:8px 8px 0 0;background-color:#22213f;cursor:grab}.herum-uploads-layout .herum-uploads-container-header p{padding-block:12px;color:#fff;font-weight:700;margin:0;font-size:16px}.herum-uploads-layout .herum-uploads-container-header:active{cursor:grabbing}.herum-uploads-layout herum-progress-bar{background-color:#22213f}.herum-uploads-layout .herum-uploads-container{display:none}.herum-upload-text-container{width:80%}.herum-upload-title{line-height:1;font-weight:700;font-size:12px;width:100%;white-space:nowrap;margin-block-end:4px}.open{height:fit-content}.open .herum-uploads-container{overflow-y:auto;max-height:500px;display:flex;flex-direction:column;height:100%}.open .herum-uploads-container .herum-upload-container{display:flex;flex-direction:row;gap:8px;width:70%}.open .herum-uploads-container .herum-upload-container .error{fill:var(--error-color)}.open .herum-uploads-container .herum-upload-container .icons-color{stroke:var(--icons-color)}.open .upload-iteration{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--chips-divider-color);align-items:center}.open .upload-all{padding-block:21px}.open .upload-iteration:hover{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);animation:1s ease-in-out}.herum-uploads-header-text{display:flex;width:100%}.herum-uploads-header-text .container-title{width:80%;white-space:nowrap}.herum-uploads-header{display:flex;justify-content:space-between;padding-inline:16px;align-items:center}.herum-uploads-header .control-container{gap:16px;display:flex}.herum-uploads-header .control-container .control-button{width:10px;cursor:pointer}.upload-file-image{width:24px;display:flex;justify-content:center}herum-circular-progress-bar{display:flex;justify-content:center;align-items:center;height:24px;width:24px;transform:scale(1.2)}p{margin:0}.open-chevron{transform:rotate(90deg)}.images-container{display:flex;gap:12px}.icons-color{fill:var(--icons-color)}.icons-color ::ng-deep .generic-file-icon{stroke:var(--icons-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.HerumCircularProgressBarComponent, selector: "herum-circular-progress-bar", inputs: ["percentage", "fill", "size", "firstGradient", "fillColor", "showPercentage", "displayedContent", "displayedContentColorMatchesGradientColor"] }, { kind: "component", type: i2$2.HerumEllipsisLoaderComponent, selector: "herum-ellipsis-loader" }, { kind: "component", type: i2$2.HerumProgressBarComponent, selector: "herum-progress-bar", inputs: ["percentage", "invalidPercentage", "showPercentage", "percentagePosition", "type", "size", "color", "borderRadius", "total", "showBorder", "thickness"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i4$1.EllipsisPipe, name: "ellipsis" }] });
|
|
18585
18636
|
}
|
|
18586
18637
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUploadsManagerComponent, decorators: [{
|
|
18587
18638
|
type: Component,
|
|
@@ -18642,5 +18693,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
18642
18693
|
* Generated bundle index. Do not edit.
|
|
18643
18694
|
*/
|
|
18644
18695
|
|
|
18645
|
-
export { AnswerNotesToTextChangesPipe, AtomsModule, AudioConfigurationConstants, AudioPlayerComponent, AudioSliderComponent, AudioVisualizationService, AuthService, BlockedFormComponent, CheckboxCellComponent, ChipsCellComponent, CollectionSubscriptionToCollectionBasePipe, CollectionToCollectionBasePipe, CollegeAudioConfiguration, CollegeLoaderComponent, CommonGraphqlRequestsService, ConditionalFormControlNameDirective, CopyableCellComponent, DbActionRequestsService, DbActionToastService, DbActionsInnerIdManagerService, DeleteRowComponent, DependentsService, DialogsModule, DirectivesModule, DisplayedSubmissionsCounterPipe, EditRowComponent, EllipsisPipe, ErrorMessageDialogComponent, ErrorsHandlerService, ErrorsModule, FetchedMessageDialog, FetchedMessageModule, FetchedMessageService, GlobalErrorHandler, GlobalKeyboardListenerService, GraphQLService, HadrachaAudioConfiguration, HerumActiveLinkComponent, HerumActiveMenuComponent, HerumAgGridFilterComponent, HerumAutocompleteComponent, HerumBreadcrumbsComponent, HerumButtonComponent, HerumCheckboxComponent, HerumChipComponent, HerumCircularProgressBarComponent, HerumClosedListMultiSelectComponent, HerumClosedListSelectComponent, HerumDatePickerComponent, HerumDateTimeInputComponent, HerumDateTimePickerComponent, HerumDateTimePickerSelectComponent, HerumDownloadFileComponent, HerumDropZoneComponent, HerumEllipsisLoaderComponent, HerumExpendablePanelComponent, HerumFilesViewerComponent, HerumFilesViewerDialogComponent, HerumFormControl, HerumHierarchyTreeComponent, HerumHierarchyTreeNodeComponent, HerumHighlightDirective, HerumIconLabelComponent, HerumIndeterminateComponent, HerumInputFieldComponent, HerumListCentralizerComponent, HerumLoaderComponent, HerumLocalLoaderComponent, HerumLogoComponent, HerumMiniTableComponent, HerumMultiProgressBarComponent, HerumMultiSelectComponent, HerumNarrowCollectionMenuItemComponent, HerumNavigatorComponent, HerumNoResultMessageComponent, HerumOptionsListComponent, HerumPaginatorComponent, HerumPanelLinksComponent, HerumPdfViewerComponent, HerumPresentationViewerComponent, HerumProgressBarComponent, HerumQuizComponent, HerumQuizHeaderItemComponent, HerumRadioButtonComponent, HerumRecursiveHierarchyOptionsListComponent, HerumSelectComponent, HerumSharedModule, HerumSharedMongoModule, HerumSliderComponent, HerumSpinnerComponent, HerumStepNavigatorComponent, HerumStepperComponent, HerumStoryViewerComponent, HerumSwitchComponent, HerumTableComponent, HerumTextAreaComponent, HerumTextualVerticalTreeComponent, HerumTimePickerComponent, HerumTimeRangeSelectComponent, HerumTimeSelectComponent, HerumToastsComponent, HerumToggleButtonComponent, HerumToolTipDirective, HerumUploadFileComponent, HerumUploadsManagerComponent, HerumUserProfileComponent, HerumUserProgressComponent, HerumVideoPlayerComponent, HerumVideoRangeBarComponent, HerumVideoSelectComponent, InputCellComponent, InsuranceDialogComponent, KeyPressService, KeyValueListComponent, LabelsWithIconsListComponent, LoaderManagerService, MicroResourcesService, MoleculesModule, MongoUtilsService, NestedConditionSigniture, PipesModule, ProgressesOverViewComponent, QuizGradeSheetComponent, QuizHeaderComponent, QuizIntroComponent, QuizLoaderComponent, QuizMultiAnswerQuestionComponent, QuizOneAnswerQuestionComponent, QuizOpenAnswerQuestionComponent, QuizSubmissionComponent, QuizTwoAnswersQuestionComponent, RecursiveTreeComponent, ResourceDataBuilderService, ResourceSubscriptionToResourcePipe, ResourceToResourceSubscriptionPipe, RoundedVerticalMenuComponent, RowActionButtonsComponent, SYSTEM_AUDIO_VISUAL_CONFIGURATION, SYSTEM_IDENTIFIER, SYSTEM_TRACK_TEXT_CHANGES_SERVICE, SYSTEM_USER_SERVICE, SafeHtmlPipe, SafePipe, SliceBreadcrumbsPipe, StringArrayToSignUpFieldArrayPipe, SvgOnHoverDirective, SwitchCellComponent, SystemStylingService, TableModule, TableRowHeight, TextWithIconCell, TimeFormatPipe, ToIntegerPipe, ToastsService, TrackTextChangesComponent, TrackTextChangesNotesComponent, TrackTextChangesService, UploadsManagerService, UserActionDirective, UserIdentifiedEntitiesToBackendModelsPipe, UserProfileImageComponent, UsersProfilePreviewComponent, UtilsService, activeDragPath, additionTagName, anySubFileTypeWildCard, assignedUserSplittedFields, assignmentMetadata, attributes, audioAndVideoPreviewSupportedMimes, audioAndVideoPreviewSupportedSuffixes, audioPreviewSupportedMimes, audioPreviewSupportedSuffixes, buttonsContainerStyle, calendarActiveColorCssVariable, calendarHoverColorCssVariable, calendarLibraryBodyCellSelector, calendarLibrarySelector, checkboxTypes, closedListExample, collectionFormKeys, collectionFormValues, collectionFormattedAttachments, collectionId, collectionModelInfo, collectionSplittedFields, commentTextStyle, correctAnswerPropertyPath, datePlaceHolder, dateRangePlaceHolder, dateRangeTimeRangePlaceHolder, dateRangeTimeRangeWithoutSecondsPlaceHolder, dateTimePlaceHolder, dateTimeWithoutSecondsPlaceHolder, dayInMilliSeconds, defaultAuthorizationObject, defaultCloseTime, defaultGrade, defaultOpenTime, defaultPlaceholder, defaultTrackTextChangesStyle, defaultUploadsManagerTitle, defaultUserId, defaultUsers, deleteButtonStyle, deletionTagName, dialogsCloseActionButtons, dialogsDescriptions, dialogsNotes, dialogsSubmitActionButtons, dialogsTitles, dragPath, editButtonStyle, editorContainerElementId, emptyValueFlagForCreationUniqListItem, errorHeadersToSet, femaleAvatarPath, filesSuffixes, formCollectionNameValidator, formStatuses, formatError, formsErrorMessages, freeTextAnswerField, generalKeys, getMediaDefaultAuthorizations, getMongoMethodsDisplayedNamesMap, getPropertyPathsOfPublishAuthorization, getPublishAuthorization, getQuizDefaultAuthorizations, getResourceDefaultAuthorizations, getSignUpFormFieldsByFields, getSignUpMethod, globalErrorHandlingHeader, groupsModelInfo, herumClosedListMultiSelectType, initialMediaSettings, innerUniqListItemKey, inputs, insuranceDialogPageNavigationData, isUniqueIdValidator, keyboardAsciiCodes, keyboardKeys,
|
|
18696
|
+
export { AnswerNotesToTextChangesPipe, AtomsModule, AudioConfigurationConstants, AudioPlayerComponent, AudioSliderComponent, AudioVisualizationService, AuthService, BlockedFormComponent, CheckboxCellComponent, ChipsCellComponent, CollectionSubscriptionToCollectionBasePipe, CollectionToCollectionBasePipe, CollegeAudioConfiguration, CollegeLoaderComponent, CommonGraphqlRequestsService, ConditionalFormControlNameDirective, CopyableCellComponent, DbActionRequestsService, DbActionToastService, DbActionsInnerIdManagerService, DeleteRowComponent, DependentsService, DialogsModule, DirectivesModule, DisplayedSubmissionsCounterPipe, EditRowComponent, EllipsisPipe, ErrorMessageDialogComponent, ErrorsHandlerService, ErrorsModule, FetchedMessageDialog, FetchedMessageModule, FetchedMessageService, GlobalErrorHandler, GlobalKeyboardListenerService, GraphQLService, HadrachaAudioConfiguration, HerumActiveLinkComponent, HerumActiveMenuComponent, HerumAgGridFilterComponent, HerumAutocompleteComponent, HerumBreadcrumbsComponent, HerumButtonComponent, HerumCheckboxComponent, HerumChipComponent, HerumCircularProgressBarComponent, HerumClosedListMultiSelectComponent, HerumClosedListSelectComponent, HerumDatePickerComponent, HerumDateTimeInputComponent, HerumDateTimePickerComponent, HerumDateTimePickerSelectComponent, HerumDownloadFileComponent, HerumDropZoneComponent, HerumEllipsisLoaderComponent, HerumExpendablePanelComponent, HerumFilesViewerComponent, HerumFilesViewerDialogComponent, HerumFormControl, HerumHierarchyTreeComponent, HerumHierarchyTreeNodeComponent, HerumHighlightDirective, HerumIconLabelComponent, HerumIndeterminateComponent, HerumInputFieldComponent, HerumListCentralizerComponent, HerumLoaderComponent, HerumLocalLoaderComponent, HerumLogoComponent, HerumMiniTableComponent, HerumMultiProgressBarComponent, HerumMultiSelectComponent, HerumNarrowCollectionMenuItemComponent, HerumNavigatorComponent, HerumNoResultMessageComponent, HerumOptionsListComponent, HerumPaginatorComponent, HerumPanelLinksComponent, HerumPdfViewerComponent, HerumPresentationViewerComponent, HerumProgressBarComponent, HerumQuizComponent, HerumQuizHeaderItemComponent, HerumRadioButtonComponent, HerumRecursiveHierarchyOptionsListComponent, HerumSelectComponent, HerumSharedModule, HerumSharedMongoModule, HerumSliderComponent, HerumSpinnerComponent, HerumStepNavigatorComponent, HerumStepperComponent, HerumStoryViewerComponent, HerumSwitchComponent, HerumTableComponent, HerumTextAreaComponent, HerumTextualVerticalTreeComponent, HerumTimePickerComponent, HerumTimeRangeSelectComponent, HerumTimeSelectComponent, HerumToastsComponent, HerumToggleButtonComponent, HerumToolTipDirective, HerumUploadFileComponent, HerumUploadsManagerComponent, HerumUserProfileComponent, HerumUserProgressComponent, HerumVideoPlayerComponent, HerumVideoRangeBarComponent, HerumVideoSelectComponent, InputCellComponent, InsuranceDialogComponent, KeyPressService, KeyValueListComponent, LabelsWithIconsListComponent, LoaderManagerService, MicroResourcesService, MoleculesModule, MongoUtilsService, NestedConditionSigniture, PipesModule, ProgressesOverViewComponent, QuizGradeSheetComponent, QuizHeaderComponent, QuizIntroComponent, QuizLoaderComponent, QuizMultiAnswerQuestionComponent, QuizOneAnswerQuestionComponent, QuizOpenAnswerQuestionComponent, QuizSubmissionComponent, QuizTwoAnswersQuestionComponent, RecursiveTreeComponent, ResourceDataBuilderService, ResourceSubscriptionToResourcePipe, ResourceToResourceSubscriptionPipe, RoundedVerticalMenuComponent, RowActionButtonsComponent, SYSTEM_AUDIO_VISUAL_CONFIGURATION, SYSTEM_IDENTIFIER, SYSTEM_TRACK_TEXT_CHANGES_SERVICE, SYSTEM_USER_SERVICE, SafeHtmlPipe, SafePipe, SliceBreadcrumbsPipe, StringArrayToSignUpFieldArrayPipe, SvgOnHoverDirective, SwitchCellComponent, SystemStylingService, TableModule, TableRowHeight, TextWithIconCell, TimeFormatPipe, ToIntegerPipe, ToastsService, TrackTextChangesComponent, TrackTextChangesNotesComponent, TrackTextChangesService, UploadsManagerService, UserActionDirective, UserIdentifiedEntitiesToBackendModelsPipe, UserProfileImageComponent, UsersProfilePreviewComponent, UtilsService, activeDragPath, additionTagName, anySubFileTypeWildCard, assignedUserSplittedFields, assignmentMetadata, attributes, audioAndVideoPreviewSupportedMimes, audioAndVideoPreviewSupportedSuffixes, audioPreviewSupportedMimes, audioPreviewSupportedSuffixes, buttonsContainerStyle, calendarActiveColorCssVariable, calendarHoverColorCssVariable, calendarLibraryBodyCellSelector, calendarLibrarySelector, checkboxTypes, closedListExample, collectionFormKeys, collectionFormValues, collectionFormattedAttachments, collectionId, collectionModelInfo, collectionSplittedFields, commentTextStyle, correctAnswerPropertyPath, datePlaceHolder, dateRangePlaceHolder, dateRangeTimeRangePlaceHolder, dateRangeTimeRangeWithoutSecondsPlaceHolder, dateTimePlaceHolder, dateTimeWithoutSecondsPlaceHolder, dayInMilliSeconds, defaultAuthorizationObject, defaultCloseTime, defaultGrade, defaultOpenTime, defaultPlaceholder, defaultTrackTextChangesStyle, defaultUploadsManagerTitle, defaultUserId, defaultUsers, deleteButtonStyle, deletionTagName, dialogsCloseActionButtons, dialogsDescriptions, dialogsNotes, dialogsSubmitActionButtons, dialogsTitles, dragPath, editButtonStyle, editorContainerElementId, emptyValueFlagForCreationUniqListItem, errorHeadersToSet, femaleAvatarPath, filesSuffixes, formCollectionNameValidator, formStatuses, formatError, formsErrorMessages, freeTextAnswerField, generalKeys, getMediaDefaultAuthorizations, getMongoMethodsDisplayedNamesMap, getPropertyPathsOfPublishAuthorization, getPublishAuthorization, getQuizDefaultAuthorizations, getResourceDefaultAuthorizations, getSignUpFormFieldsByFields, getSignUpMethod, globalErrorHandlingHeader, groupsModelInfo, herumClosedListMultiSelectType, initialMediaSettings, innerUniqListItemKey, inputs, insuranceDialogPageNavigationData, isUniqueIdValidator, keyboardAsciiCodes, keyboardKeys, maleAvatarPath, matchingSourceIndexPropertyPath, maxImageHeight, maxImageWidth, minDateError, minuteInMilliseconds, mockedAssignedUserFields, mockedAssignedUserFormattedAttachments, mockedCollectioDeletedFields, mockedCollectioDeletedFieldsRequest, mockedCollectionFields, mockedCollectionFile, mockedNewFileCollectionRequest, mockedNewGroupFields, mockedNewGroupRequest, mockedUpdatedUserFields, mockedUpdatedUserRequest, mockedUserFields, mouseEnter, mouseEnterHandlerKey, mouseLeave, mouseLeaveHandlerKey, openClose, permissionsTemplatesExample, previewImageKey, radioButtonTypes, readynessDisplayName, regexExpressions, requiredErrorMessage, resourceColumnPrefix, resourceFileTypes, resourceFormKeys, resourceIdPlaceholder, resourceKeys, resourceTypes, resourcesFilesSuffixes, routes, secondInMilliseconds, selfIsTeacherExample, setDynamicElementStyle, sideBarSizeButtonId, signUpFormFields, signUpFormFieldsData, signUpFormKeys, sixMonthsInDays, skipToastHeader, speedOptions, startEndDateError, statusCodes, structHierarchyTreeMaxHeight, structId, structModelInfo, svgsStrings, system, systemStylingFactory, tableRowHeights, testEnvironmentConfig, timePattern, timePlaceHolder, timeWithoutSecondsPlaceHolder, timerActiveColorCssVariable, timerHoverColorCssVariable, timerItemSizeColorCssVariable, timestampError, toastContext, toastStates, toastStatuses, toastsKeys, toastsTemplates, toastsTemplatesKeys, tooltipStyle, types, uploadStatuses, uploadsManagerKeys, uploadsProgressMetadataTypes, userFormattedAttachments, userId, userSplittedFields, usersModelInfo, validateIDNumber, validatorsErrorMessages, validatorsNames, videoPreviewSupportedMimes, videoPreviewSupportedSuffixes, viewPermissionLabel };
|
|
18646
18697
|
//# sourceMappingURL=herum-shared.mjs.map
|