@n-isi-platform/design-system 1.0.48 → 1.0.50
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/README.md +109 -109
- package/fesm2022/n-isi-platform-design-system.mjs +266 -113
- package/fesm2022/n-isi-platform-design-system.mjs.map +1 -1
- package/helpers/app-route-url.function.d.ts +6 -0
- package/interceptors/error.interceptor.d.ts +2 -0
- package/lib/checkbox/checkbox.component.d.ts +2 -1
- package/lib/file-upload/file-upload.component.d.ts +22 -3
- package/lib/footer/footer.component.d.ts +4 -1
- package/package.json +2 -2
- package/public-api.d.ts +1 -0
- package/services/app-config.service.d.ts +2 -0
- package/services/dynamic-route.service.d.ts +3 -1
- package/services/shared-auth.service.d.ts +1 -0
|
@@ -20,6 +20,8 @@ import { InputTextModule, InputText } from 'primeng/inputtext';
|
|
|
20
20
|
import * as i2$4 from 'primeng/menubar';
|
|
21
21
|
import { MenubarModule } from 'primeng/menubar';
|
|
22
22
|
import { OverlayBadgeModule } from 'primeng/overlaybadge';
|
|
23
|
+
import * as i8 from 'primeng/tooltip';
|
|
24
|
+
import { TooltipModule, Tooltip } from 'primeng/tooltip';
|
|
23
25
|
import * as i1$3 from 'primeng/config';
|
|
24
26
|
import * as i1$1 from 'primeng/api';
|
|
25
27
|
import { PrimeTemplate, ConfirmEventType } from 'primeng/api';
|
|
@@ -30,7 +32,6 @@ import { Accordion, AccordionModule } from 'primeng/accordion';
|
|
|
30
32
|
import { SelectButton } from 'primeng/selectbutton';
|
|
31
33
|
import * as i3 from 'primeng/popover';
|
|
32
34
|
import { PopoverModule } from 'primeng/popover';
|
|
33
|
-
import { Tooltip } from 'primeng/tooltip';
|
|
34
35
|
import * as i1$6 from '@angular/platform-browser';
|
|
35
36
|
import { AutoComplete } from 'primeng/autocomplete';
|
|
36
37
|
import * as i5$1 from 'primeng/multiselect';
|
|
@@ -245,6 +246,48 @@ function getTomorrowDate(disabledDates) {
|
|
|
245
246
|
return tomorrow;
|
|
246
247
|
}
|
|
247
248
|
|
|
249
|
+
function trimSlashes(value) {
|
|
250
|
+
return value.replace(/^\/+|\/+$/g, '');
|
|
251
|
+
}
|
|
252
|
+
function toSegments(path) {
|
|
253
|
+
return path
|
|
254
|
+
.split(/[?#]/)[0]
|
|
255
|
+
.split('/')
|
|
256
|
+
.map(segment => segment.trim())
|
|
257
|
+
.filter(Boolean);
|
|
258
|
+
}
|
|
259
|
+
function getConfiguredBaseUrl(config) {
|
|
260
|
+
const routeConfig = config;
|
|
261
|
+
return routeConfig?.baseUrl;
|
|
262
|
+
}
|
|
263
|
+
function getConfiguredBaseSegments(config) {
|
|
264
|
+
const configuredBaseUrl = getConfiguredBaseUrl(config);
|
|
265
|
+
if (!configuredBaseUrl) {
|
|
266
|
+
return [];
|
|
267
|
+
}
|
|
268
|
+
try {
|
|
269
|
+
const fallbackOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost';
|
|
270
|
+
return toSegments(new URL(configuredBaseUrl, fallbackOrigin).pathname);
|
|
271
|
+
}
|
|
272
|
+
catch {
|
|
273
|
+
return toSegments(configuredBaseUrl);
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
function getAppRouteSegments(pathname, config) {
|
|
277
|
+
const pathSegments = toSegments(pathname);
|
|
278
|
+
const baseSegments = getConfiguredBaseSegments(config);
|
|
279
|
+
const startsWithConfiguredBase = baseSegments.every((segment, index) => pathSegments[index] === segment);
|
|
280
|
+
return startsWithConfiguredBase ? pathSegments.slice(baseSegments.length) : pathSegments;
|
|
281
|
+
}
|
|
282
|
+
function getCurrentAppRouteSegments(config) {
|
|
283
|
+
return getAppRouteSegments(window.location.pathname, config);
|
|
284
|
+
}
|
|
285
|
+
function buildAppPath(routeSegments, config) {
|
|
286
|
+
const baseSegments = getConfiguredBaseSegments(config);
|
|
287
|
+
const normalizedRouteSegments = routeSegments.map(trimSlashes).filter(Boolean);
|
|
288
|
+
return `/${[...baseSegments, ...normalizedRouteSegments].join('/')}`;
|
|
289
|
+
}
|
|
290
|
+
|
|
248
291
|
/**
|
|
249
292
|
* Checks if the provided object is empty (has no properties of its own)
|
|
250
293
|
*
|
|
@@ -347,7 +390,7 @@ class ButtonComponent {
|
|
|
347
390
|
this.clickEvent.emit(event);
|
|
348
391
|
}
|
|
349
392
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
350
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonComponent, isStandalone: true, selector: "lib-button", inputs: { hasIcon: "hasIcon", label: "label", color: "color", icon: "icon", iconPos: "iconPos", disabled: "disabled", isLoading: "isLoading", styleClass: "styleClass", size: "size", accessibilityText: "accessibilityText", buttonType: "buttonType", isAccessible: "isAccessible", isSelected: "isSelected", ariaControlsId: "ariaControlsId", isExpanded: "isExpanded", link: "link", isTextareaClear: "isTextareaClear" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<p-button\
|
|
393
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonComponent, isStandalone: true, selector: "lib-button", inputs: { hasIcon: "hasIcon", label: "label", color: "color", icon: "icon", iconPos: "iconPos", disabled: "disabled", isLoading: "isLoading", styleClass: "styleClass", size: "size", accessibilityText: "accessibilityText", buttonType: "buttonType", isAccessible: "isAccessible", isSelected: "isSelected", ariaControlsId: "ariaControlsId", isExpanded: "isExpanded", link: "link", isTextareaClear: "isTextareaClear" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<p-button\n *ngIf='!hasIcon'\n label=\"{{label}}\"\n styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\n [disabled]='disabled'\n [loading]=\"isLoading\"\n (click)='click($event)'\n [ariaLabel]=\"accessibilityText\"\n [type]=\"buttonType\"\n [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\n [attr.aria-controls]=\"ariaControlsId\"\n [attr.aria-expanded]=\"isExpanded\"\n [link]=\"link\"\n></p-button>\n<p-button\n *ngIf='hasIcon'\n label=\"{{label}}\"\n styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\n icon='pi {{icon}}'\n [iconPos]='iconPos'\n [disabled]='disabled'\n [loading]=\"isLoading\"\n (click)=\"click($event)\"\n [ariaLabel]=\"accessibilityText\"\n [type]=\"buttonType\"\n [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\n [attr.aria-controls]=\"ariaControlsId\"\n [attr.aria-expanded]=\"isExpanded\"\n [link]=\"link\"\n></p-button>\n", styles: [":host ::ng-deep .p-button{width:100%}:host ::ng-deep .p-button:active{background:#1b495a}:host ::ng-deep .p-button.p-button-warning:hover{background:#ffa142;border:1px solid #ffa142}:host ::ng-deep .accessible-btn .p-button{border:15px solid transparent}:host ::ng-deep .selected .p-button{border:15px solid #000000;border-left-color:#6d7375;border-right-color:#6d7375;background-color:#fff;color:#000}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
351
394
|
}
|
|
352
395
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
353
396
|
type: Component,
|
|
@@ -355,7 +398,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
355
398
|
NgIf,
|
|
356
399
|
Button,
|
|
357
400
|
NgClass,
|
|
358
|
-
], template: "<p-button\
|
|
401
|
+
], template: "<p-button\n *ngIf='!hasIcon'\n label=\"{{label}}\"\n styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\n [disabled]='disabled'\n [loading]=\"isLoading\"\n (click)='click($event)'\n [ariaLabel]=\"accessibilityText\"\n [type]=\"buttonType\"\n [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\n [attr.aria-controls]=\"ariaControlsId\"\n [attr.aria-expanded]=\"isExpanded\"\n [link]=\"link\"\n></p-button>\n<p-button\n *ngIf='hasIcon'\n label=\"{{label}}\"\n styleClass=\"p-button-{{color}} {{styleClass}} p-button-{{size}}\"\n icon='pi {{icon}}'\n [iconPos]='iconPos'\n [disabled]='disabled'\n [loading]=\"isLoading\"\n (click)=\"click($event)\"\n [ariaLabel]=\"accessibilityText\"\n [type]=\"buttonType\"\n [ngClass]=\"{ 'selected ': isSelected, 'accessible-btn' : isAccessible }\"\n [attr.aria-controls]=\"ariaControlsId\"\n [attr.aria-expanded]=\"isExpanded\"\n [link]=\"link\"\n></p-button>\n", styles: [":host ::ng-deep .p-button{width:100%}:host ::ng-deep .p-button:active{background:#1b495a}:host ::ng-deep .p-button.p-button-warning:hover{background:#ffa142;border:1px solid #ffa142}:host ::ng-deep .accessible-btn .p-button{border:15px solid transparent}:host ::ng-deep .selected .p-button{border:15px solid #000000;border-left-color:#6d7375;border-right-color:#6d7375;background-color:#fff;color:#000}\n"] }]
|
|
359
402
|
}], propDecorators: { hasIcon: [{
|
|
360
403
|
type: Input
|
|
361
404
|
}], label: [{
|
|
@@ -410,6 +453,9 @@ class SharedMessageService {
|
|
|
410
453
|
});
|
|
411
454
|
}
|
|
412
455
|
errorMessage(message) {
|
|
456
|
+
if (message?.includes('Aktiven zaklep ne obstaja')) {
|
|
457
|
+
return;
|
|
458
|
+
}
|
|
413
459
|
this.messageService.add({
|
|
414
460
|
key: 'notification',
|
|
415
461
|
severity: 'error',
|
|
@@ -445,6 +491,8 @@ class FileUploadComponent {
|
|
|
445
491
|
extraInfo;
|
|
446
492
|
onSaveFile = new EventEmitter();
|
|
447
493
|
onDelete = new EventEmitter();
|
|
494
|
+
onDeleteLocal = new EventEmitter();
|
|
495
|
+
onDeleteLocalPhotoId = new EventEmitter();
|
|
448
496
|
onDownload = new EventEmitter();
|
|
449
497
|
valid = new EventEmitter();
|
|
450
498
|
// File upload
|
|
@@ -467,18 +515,39 @@ class FileUploadComponent {
|
|
|
467
515
|
getDisplayName(item) {
|
|
468
516
|
if (item instanceof File)
|
|
469
517
|
return item.name;
|
|
518
|
+
if (this.isLocalPhoto(item))
|
|
519
|
+
return item.name;
|
|
470
520
|
return item.name ?? item.imeDatoteke ?? '';
|
|
471
521
|
}
|
|
472
522
|
// Retrieve backend id if present, else undefined for temp files
|
|
473
523
|
getPrilogaId(item) {
|
|
474
524
|
if (item instanceof File)
|
|
475
525
|
return undefined;
|
|
526
|
+
if (this.isLocalPhoto(item))
|
|
527
|
+
return undefined;
|
|
476
528
|
return item.id;
|
|
477
529
|
}
|
|
478
|
-
delete(fileOrId) {
|
|
530
|
+
delete(fileOrId, index) {
|
|
479
531
|
const id = typeof fileOrId === 'number' ? fileOrId : this.getPrilogaId(fileOrId);
|
|
480
|
-
if (id != null)
|
|
532
|
+
if (id != null) {
|
|
481
533
|
this.onDelete.emit(id);
|
|
534
|
+
return;
|
|
535
|
+
}
|
|
536
|
+
if (typeof fileOrId !== 'number' && this.isLocalPhoto(fileOrId)) {
|
|
537
|
+
this.onDeleteLocalPhotoId.emit(fileOrId.localPhotoId);
|
|
538
|
+
return;
|
|
539
|
+
}
|
|
540
|
+
if (fileOrId instanceof File) {
|
|
541
|
+
this.fileList = this.fileList.filter(file => file !== fileOrId);
|
|
542
|
+
this.uploadedFiles = this.uploadedFiles.filter(file => file !== fileOrId);
|
|
543
|
+
this.onDeleteLocal.emit({
|
|
544
|
+
postavkaPregledaId: this.postavkaPregledaId,
|
|
545
|
+
fileName: fileOrId.name,
|
|
546
|
+
index,
|
|
547
|
+
});
|
|
548
|
+
this.onSaveFile.emit(this.fileList);
|
|
549
|
+
this.calculateFileSize();
|
|
550
|
+
}
|
|
482
551
|
}
|
|
483
552
|
formatSize(bytes) {
|
|
484
553
|
const k = 1024;
|
|
@@ -495,7 +564,13 @@ class FileUploadComponent {
|
|
|
495
564
|
callback();
|
|
496
565
|
}
|
|
497
566
|
remove(event) {
|
|
498
|
-
|
|
567
|
+
const fileName = event?.file?.name;
|
|
568
|
+
this.fileList = this.fileList.filter(f => f.name !== fileName);
|
|
569
|
+
this.uploadedFiles = this.uploadedFiles.filter(item => !(item instanceof File && item.name === fileName));
|
|
570
|
+
this.onDeleteLocal.emit({
|
|
571
|
+
postavkaPregledaId: this.postavkaPregledaId,
|
|
572
|
+
fileName,
|
|
573
|
+
});
|
|
499
574
|
this.onSaveFile.emit(this.fileList);
|
|
500
575
|
this.calculateFileSize();
|
|
501
576
|
}
|
|
@@ -514,8 +589,36 @@ class FileUploadComponent {
|
|
|
514
589
|
isTempFile(item) {
|
|
515
590
|
return item instanceof File && item.id == null;
|
|
516
591
|
}
|
|
592
|
+
isLocalPhoto(item) {
|
|
593
|
+
return !(item instanceof File) && 'localPhotoId' in item;
|
|
594
|
+
}
|
|
595
|
+
getLocalPhotoStatusLabel(item) {
|
|
596
|
+
if (!this.isLocalPhoto(item))
|
|
597
|
+
return '';
|
|
598
|
+
return this.isLocalPhotoSynced(item) ? 'Lokalno sinhronizirano' : 'Čaka na sync';
|
|
599
|
+
}
|
|
600
|
+
getLocalPhotoStatusShortLabel(item) {
|
|
601
|
+
if (!this.isLocalPhoto(item))
|
|
602
|
+
return '';
|
|
603
|
+
return this.isLocalPhotoSynced(item) ? 'Sync' : 'Čaka';
|
|
604
|
+
}
|
|
605
|
+
getLocalPhotoStatusSeverity(item) {
|
|
606
|
+
return this.isLocalPhoto(item) && this.isLocalPhotoSynced(item) ? 'success' : 'warn';
|
|
607
|
+
}
|
|
608
|
+
isLocalPhotoSynced(item) {
|
|
609
|
+
const synced = item.synced;
|
|
610
|
+
return synced === true || synced === 1 || synced === '1' || synced === 'true';
|
|
611
|
+
}
|
|
517
612
|
onClearTemplatingUpload() {
|
|
613
|
+
const localFileNames = this.fileList.map(file => file.name);
|
|
614
|
+
for (const fileName of localFileNames) {
|
|
615
|
+
this.onDeleteLocal.emit({
|
|
616
|
+
postavkaPregledaId: this.postavkaPregledaId,
|
|
617
|
+
fileName,
|
|
618
|
+
});
|
|
619
|
+
}
|
|
518
620
|
this.fileList = [];
|
|
621
|
+
this.uploadedFiles = this.uploadedFiles.filter(item => !(item instanceof File));
|
|
519
622
|
this.onSaveFile.emit([]);
|
|
520
623
|
this.totalSize = 0;
|
|
521
624
|
this.totalSizePercent = 0;
|
|
@@ -535,7 +638,7 @@ class FileUploadComponent {
|
|
|
535
638
|
this.totalSizePercent = this.totalSize / 10;
|
|
536
639
|
}
|
|
537
640
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1$3.PrimeNG }, { token: SharedMessageService }, { token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
538
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FileUploadComponent, isStandalone: true, selector: "app-file-upload", inputs: { postavkaPregledaId: "postavkaPregledaId", uploadedFiles: "uploadedFiles", maxFileSize: "maxFileSize", totalMaxFileSize: "totalMaxFileSize", disabled: "disabled", acceptFiles: "acceptFiles", multiple: "multiple", extraInfo: "extraInfo" }, outputs: { onSaveFile: "onSaveFile", onDelete: "onDelete", onDownload: "onDownload", valid: "valid" }, ngImport: i0, template: " <p-fileupload\
|
|
641
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FileUploadComponent, isStandalone: true, selector: "app-file-upload", inputs: { postavkaPregledaId: "postavkaPregledaId", uploadedFiles: "uploadedFiles", maxFileSize: "maxFileSize", totalMaxFileSize: "totalMaxFileSize", disabled: "disabled", acceptFiles: "acceptFiles", multiple: "multiple", extraInfo: "extraInfo" }, outputs: { onSaveFile: "onSaveFile", onDelete: "onDelete", onDeleteLocal: "onDeleteLocal", onDeleteLocalPhotoId: "onDeleteLocalPhotoId", onDownload: "onDownload", valid: "valid" }, ngImport: i0, template: " <p-fileupload\n class=\"pt-3\"\n name=\"priloge[]\"\n invalidFileSizeMessageSummary=\"{{\n 'components.fileUpload.invalidFileSizeMessageSummary' | translate\n }}\"\n invalidFileSizeMessageDetail=\"{{\n 'components.fileUpload.invalidFileSizeMessageDetail' | translate\n }}\"\n invalidFileTypeMessageDetail=\"{{'components.fileUpload.invalidFileTypeMessageDetail' | translate}}\"\n invalidFileTypeMessageSummary=\"{{ 'components.fileUpload.invalidFileTypeMessageSummary' | translate}}\"\n [multiple]=\"multiple\"\n (onRemove)=\"remove($event)\"\n [accept]=\"acceptFiles\"\n [maxFileSize]=\"maxFileSize\"\n (onSelect)=\"onSelectedFiles($event)\">\n <ng-template\n #header\n let-priloge\n let-chooseCallback=\"chooseCallback\"\n let-clearCallback=\"clearCallback\">\n <div class=\"flex gap-2\">\n <lib-button\n [disabled]=\"disabled\"\n (click)=\"choose($event, chooseCallback)\"\n label=\"{{ 'components.fileUpload.izberi' | translate }}\"\n [hasIcon]=\"true\"\n [icon]=\"'pi pi-file'\"\n [color]=\"ButtonColor.primary\" />\n </div>\n </ng-template>\n <ng-template #content let-priloge let-removeFileCallback=\"removeFileCallback\">\n <div class=\"flex flex-col gap-8 pt-4\">\n <div class=\"w-full\" *ngIf=\"uploadedFiles.length > 0\">\n <div class=\"flex flex-column gap-4\">\n <div\n *ngFor=\"let priloga of uploadedFiles; let i = index\"\n class=\"flex flex-col justify-content-between items-center gap-2 px-3\">\n <div class=\"flex flex-col\">\n <div>\n <i [class]=\"isLocalPhoto(priloga) ? 'pi pi-image' : 'pi pi-file'\"></i>\n </div>\n <span class=\"pl-3 text-ellipsis max-w-60 whitespace-nowrap overflow-hidden\">\n {{ getDisplayName(priloga) }}\n </span>\n </div>\n <div class=\"flex align-items-center\">\n <div *ngIf=\"isLocalPhoto(priloga)\">\n <p-badge\n [value]=\"getLocalPhotoStatusShortLabel(priloga)\"\n badgeSize=\"small\"\n [severity]=\"getLocalPhotoStatusSeverity(priloga)\"\n [pTooltip]=\"getLocalPhotoStatusLabel(priloga)\"\n tooltipPosition=\"top\" />\n </div>\n <div *ngIf=\"!isTempFile(priloga) && !isLocalPhoto(priloga)\">\n <p-badge value=\"Zaklju\u010Den\" badgeSize=\"small\" severity=\"success\" />\n <p-button\n (click)=\"downloadFile(priloga)\"\n severity=\"primary\"\n icon=\"pi pi-download\"\n aria-label=\"Prenesi\"\n [rounded]=\"true\"\n [text]=\"true\" />\n </div>\n <p-button\n [disabled]=\"disabled\"\n (click)=\"isTempFile(priloga) ? delete(priloga, i) : delete(priloga, i)\"\n severity=\"danger\"\n icon=\"pi pi-times\"\n [rounded]=\"true\"\n [text]=\"true\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-template>\n <ng-template #priloga></ng-template>\n <ng-template #empty>\n <div\n *ngIf=\"uploadedFiles.length === 0\"\n class=\"flex align-center justify-around\"\n [style.width]=\"'100%'\">\n <span class=\"pi pi-cloud-upload mr-3\"></span>\n <p>{{ 'components.fileUpload.povlecitveInSpustiteDatotekeZaNalaganje' | translate }}</p>\n <p *ngIf=\"extraInfo\">{{ extraInfo | translate }}</p>\n </div>\n <div *ngIf=\"acceptFiles\" class=\"flex align-center justify-around\">\n <div class=\"placeholder\"></div>\n <p>{{ ('components.fileUpload.dovoljeneDatoteke' | translate) + acceptFiles }}</p>\n </div>\n </ng-template>\n </p-fileupload>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i4.Badge, selector: "p-badge", inputs: ["styleClass", "style", "badgeSize", "size", "severity", "value", "badgeDisabled"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i5.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: OverlayBadgeModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MenubarModule }, { kind: "ngmodule", type: ChipModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i8.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
|
|
539
642
|
}
|
|
540
643
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadComponent, decorators: [{
|
|
541
644
|
type: Component,
|
|
@@ -552,7 +655,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
552
655
|
TranslateModule,
|
|
553
656
|
MenubarModule,
|
|
554
657
|
ChipModule,
|
|
555
|
-
|
|
658
|
+
TooltipModule,
|
|
659
|
+
], template: " <p-fileupload\n class=\"pt-3\"\n name=\"priloge[]\"\n invalidFileSizeMessageSummary=\"{{\n 'components.fileUpload.invalidFileSizeMessageSummary' | translate\n }}\"\n invalidFileSizeMessageDetail=\"{{\n 'components.fileUpload.invalidFileSizeMessageDetail' | translate\n }}\"\n invalidFileTypeMessageDetail=\"{{'components.fileUpload.invalidFileTypeMessageDetail' | translate}}\"\n invalidFileTypeMessageSummary=\"{{ 'components.fileUpload.invalidFileTypeMessageSummary' | translate}}\"\n [multiple]=\"multiple\"\n (onRemove)=\"remove($event)\"\n [accept]=\"acceptFiles\"\n [maxFileSize]=\"maxFileSize\"\n (onSelect)=\"onSelectedFiles($event)\">\n <ng-template\n #header\n let-priloge\n let-chooseCallback=\"chooseCallback\"\n let-clearCallback=\"clearCallback\">\n <div class=\"flex gap-2\">\n <lib-button\n [disabled]=\"disabled\"\n (click)=\"choose($event, chooseCallback)\"\n label=\"{{ 'components.fileUpload.izberi' | translate }}\"\n [hasIcon]=\"true\"\n [icon]=\"'pi pi-file'\"\n [color]=\"ButtonColor.primary\" />\n </div>\n </ng-template>\n <ng-template #content let-priloge let-removeFileCallback=\"removeFileCallback\">\n <div class=\"flex flex-col gap-8 pt-4\">\n <div class=\"w-full\" *ngIf=\"uploadedFiles.length > 0\">\n <div class=\"flex flex-column gap-4\">\n <div\n *ngFor=\"let priloga of uploadedFiles; let i = index\"\n class=\"flex flex-col justify-content-between items-center gap-2 px-3\">\n <div class=\"flex flex-col\">\n <div>\n <i [class]=\"isLocalPhoto(priloga) ? 'pi pi-image' : 'pi pi-file'\"></i>\n </div>\n <span class=\"pl-3 text-ellipsis max-w-60 whitespace-nowrap overflow-hidden\">\n {{ getDisplayName(priloga) }}\n </span>\n </div>\n <div class=\"flex align-items-center\">\n <div *ngIf=\"isLocalPhoto(priloga)\">\n <p-badge\n [value]=\"getLocalPhotoStatusShortLabel(priloga)\"\n badgeSize=\"small\"\n [severity]=\"getLocalPhotoStatusSeverity(priloga)\"\n [pTooltip]=\"getLocalPhotoStatusLabel(priloga)\"\n tooltipPosition=\"top\" />\n </div>\n <div *ngIf=\"!isTempFile(priloga) && !isLocalPhoto(priloga)\">\n <p-badge value=\"Zaklju\u010Den\" badgeSize=\"small\" severity=\"success\" />\n <p-button\n (click)=\"downloadFile(priloga)\"\n severity=\"primary\"\n icon=\"pi pi-download\"\n aria-label=\"Prenesi\"\n [rounded]=\"true\"\n [text]=\"true\" />\n </div>\n <p-button\n [disabled]=\"disabled\"\n (click)=\"isTempFile(priloga) ? delete(priloga, i) : delete(priloga, i)\"\n severity=\"danger\"\n icon=\"pi pi-times\"\n [rounded]=\"true\"\n [text]=\"true\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-template>\n <ng-template #priloga></ng-template>\n <ng-template #empty>\n <div\n *ngIf=\"uploadedFiles.length === 0\"\n class=\"flex align-center justify-around\"\n [style.width]=\"'100%'\">\n <span class=\"pi pi-cloud-upload mr-3\"></span>\n <p>{{ 'components.fileUpload.povlecitveInSpustiteDatotekeZaNalaganje' | translate }}</p>\n <p *ngIf=\"extraInfo\">{{ extraInfo | translate }}</p>\n </div>\n <div *ngIf=\"acceptFiles\" class=\"flex align-center justify-around\">\n <div class=\"placeholder\"></div>\n <p>{{ ('components.fileUpload.dovoljeneDatoteke' | translate) + acceptFiles }}</p>\n </div>\n </ng-template>\n </p-fileupload>\n" }]
|
|
556
660
|
}], ctorParameters: () => [{ type: i1$3.PrimeNG }, { type: SharedMessageService }, { type: i1$2.TranslateService }], propDecorators: { postavkaPregledaId: [{
|
|
557
661
|
type: Input
|
|
558
662
|
}], uploadedFiles: [{
|
|
@@ -573,6 +677,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
573
677
|
type: Output
|
|
574
678
|
}], onDelete: [{
|
|
575
679
|
type: Output
|
|
680
|
+
}], onDeleteLocal: [{
|
|
681
|
+
type: Output
|
|
682
|
+
}], onDeleteLocalPhotoId: [{
|
|
683
|
+
type: Output
|
|
576
684
|
}], onDownload: [{
|
|
577
685
|
type: Output
|
|
578
686
|
}], valid: [{
|
|
@@ -700,11 +808,11 @@ class CameraUploadComponent {
|
|
|
700
808
|
}, 3500);
|
|
701
809
|
}
|
|
702
810
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CameraUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
703
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CameraUploadComponent, isStandalone: true, selector: "app-camera-upload", outputs: { filesCaptured: "filesCaptured", captureSuccess: "captureSuccess" }, viewQueries: [{ propertyName: "video", first: true, predicate: ["video"], descendants: true }], ngImport: i0, template: "<div class=\"camera-upload\">\
|
|
811
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CameraUploadComponent, isStandalone: true, selector: "app-camera-upload", outputs: { filesCaptured: "filesCaptured", captureSuccess: "captureSuccess" }, viewQueries: [{ propertyName: "video", first: true, predicate: ["video"], descendants: true }], ngImport: i0, template: "<div class=\"camera-upload\">\n <div *ngIf=\"uiMessage\" class=\"capture-toast\" role=\"status\" aria-live=\"polite\">\n {{ uiMessage }}\n </div>\n\n <video #video autoplay playsinline></video>\n\n <div class=\"actions\">\n <button\n pButton\n type=\"button\"\n (click)=\"capture()\"\n label=\"{{ 'Naredi posnetek' }}\">\n </button>\n\n </div>\n</div>\n", styles: [".camera-upload{display:flex;flex-direction:column;gap:1rem}.capture-toast{width:100%;padding:.75rem 1rem;border-radius:6px;background:#fff3cd;border:1px solid #ffe69c;color:#664d03;font-size:.95rem}.camera-upload video{width:100%;max-height:70vh;object-fit:cover;border-radius:4px}.camera-upload .actions{width:100%}.camera-upload .actions button{width:100%;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }] });
|
|
704
812
|
}
|
|
705
813
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CameraUploadComponent, decorators: [{
|
|
706
814
|
type: Component,
|
|
707
|
-
args: [{ selector: 'app-camera-upload', standalone: true, imports: [TranslatePipe, ButtonModule], template: "<div class=\"camera-upload\">\
|
|
815
|
+
args: [{ selector: 'app-camera-upload', standalone: true, imports: [TranslatePipe, ButtonModule], template: "<div class=\"camera-upload\">\n <div *ngIf=\"uiMessage\" class=\"capture-toast\" role=\"status\" aria-live=\"polite\">\n {{ uiMessage }}\n </div>\n\n <video #video autoplay playsinline></video>\n\n <div class=\"actions\">\n <button\n pButton\n type=\"button\"\n (click)=\"capture()\"\n label=\"{{ 'Naredi posnetek' }}\">\n </button>\n\n </div>\n</div>\n", styles: [".camera-upload{display:flex;flex-direction:column;gap:1rem}.capture-toast{width:100%;padding:.75rem 1rem;border-radius:6px;background:#fff3cd;border:1px solid #ffe69c;color:#664d03;font-size:.95rem}.camera-upload video{width:100%;max-height:70vh;object-fit:cover;border-radius:4px}.camera-upload .actions{width:100%}.camera-upload .actions button{width:100%;justify-content:center}\n"] }]
|
|
708
816
|
}], propDecorators: { video: [{
|
|
709
817
|
type: ViewChild,
|
|
710
818
|
args: ['video']
|
|
@@ -784,9 +892,13 @@ class SharedAuthService {
|
|
|
784
892
|
this.localStorageService = localStorageService;
|
|
785
893
|
}
|
|
786
894
|
logout() {
|
|
787
|
-
this.
|
|
895
|
+
this.clearUserData();
|
|
788
896
|
this.router.navigate(['/login']);
|
|
789
897
|
}
|
|
898
|
+
clearUserData() {
|
|
899
|
+
this.localStorageService.removeItem('userData');
|
|
900
|
+
this.userDataBehavior$.next(null);
|
|
901
|
+
}
|
|
790
902
|
setUserData(userData) {
|
|
791
903
|
this.localStorageService.setItem('userData', userData);
|
|
792
904
|
this.userDataBehavior$.next(userData);
|
|
@@ -846,6 +958,13 @@ class ErrorInterceptor {
|
|
|
846
958
|
constructor() { }
|
|
847
959
|
intercept(httpRequest, next) {
|
|
848
960
|
return next.handle(httpRequest).pipe(catchError((err) => {
|
|
961
|
+
const errorMessage = this.getErrorText(err);
|
|
962
|
+
const suppressMissingActiveLockToast = errorMessage.includes('Aktiven zaklep ne obstaja');
|
|
963
|
+
const suppressNoActiveLockLookupToast = this.isNoActiveLockLookupError(httpRequest, err);
|
|
964
|
+
const suppressGlobalError = err.url?.includes('/zaklepi') && err.status !== 401;
|
|
965
|
+
if (suppressGlobalError || suppressMissingActiveLockToast || suppressNoActiveLockLookupToast) {
|
|
966
|
+
return throwError(() => err);
|
|
967
|
+
}
|
|
849
968
|
if (err.status === 401) {
|
|
850
969
|
if (err?.error?.errorCode == 2056) {
|
|
851
970
|
this.sharedMessageService.errorMessage(this.translateService?.instant('errors.deactivatedAccount'));
|
|
@@ -896,6 +1015,33 @@ class ErrorInterceptor {
|
|
|
896
1015
|
return throwError(() => err);
|
|
897
1016
|
}));
|
|
898
1017
|
}
|
|
1018
|
+
getErrorText(err) {
|
|
1019
|
+
const body = err.error;
|
|
1020
|
+
const parts = [
|
|
1021
|
+
typeof body === 'string' ? body : '',
|
|
1022
|
+
body?.message,
|
|
1023
|
+
body?.detail,
|
|
1024
|
+
body?.messageToUser,
|
|
1025
|
+
body?.error,
|
|
1026
|
+
err.message,
|
|
1027
|
+
];
|
|
1028
|
+
if (body && typeof body === 'object') {
|
|
1029
|
+
try {
|
|
1030
|
+
parts.push(JSON.stringify(body));
|
|
1031
|
+
}
|
|
1032
|
+
catch {
|
|
1033
|
+
// Ignore non-serializable error payloads.
|
|
1034
|
+
}
|
|
1035
|
+
}
|
|
1036
|
+
return parts.filter((part) => typeof part === 'string').join(' ');
|
|
1037
|
+
}
|
|
1038
|
+
isNoActiveLockLookupError(httpRequest, err) {
|
|
1039
|
+
return (httpRequest.method === 'GET' &&
|
|
1040
|
+
/\/zaklepi\/ZADEVA\/\d+(?:$|[/?#])/.test(httpRequest.urlWithParams) &&
|
|
1041
|
+
err.status === 400 &&
|
|
1042
|
+
(err.error?.errorCode === 2068 ||
|
|
1043
|
+
err.error?.message === 'Aktiven zaklep ne obstaja.'));
|
|
1044
|
+
}
|
|
899
1045
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
900
1046
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorInterceptor });
|
|
901
1047
|
}
|
|
@@ -939,7 +1085,7 @@ class AccordionComponent {
|
|
|
939
1085
|
}
|
|
940
1086
|
ButtonColor = ButtonColor;
|
|
941
1087
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
942
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AccordionComponent, isStandalone: true, selector: "lib-accordion[headerTitle]", inputs: { isHeaderEditable: "isHeaderEditable", isAccordionDeletable: "isAccordionDeletable", isAccordionCloneable: "isAccordionCloneable", headerTitle: "headerTitle", selected: "selected", icon: "icon", headerTitlePlaceholder: "headerTitlePlaceholder", headerTitleEditable: "headerTitleEditable", group: "group", controlName: "controlName", name: "name", canDisable: "canDisable", toggleLabel: "toggleLabel", toggleControlName: "toggleControlName" }, outputs: { clickEvent: "clickEvent", clickToggleEvent: "clickToggleEvent", clickCloneEvent: "clickCloneEvent" }, ngImport: i0, template: "<p-accordion class=\"w-full\" [value]=\"selected ? 1 : 0\" [id]=\"headerTitle\">\r\n <p-accordion-panel [value]=\"1\">\r\n <p-accordion-header>\r\n <div class=\"flex justify-content-between align-items-center overflow-auto\">\r\n <ng-container>\r\n <div class=\"flex align-items-center\" *ngIf=\"!isHeaderEditable\">\r\n <i [ngClass]=\"icon\"></i>\r\n <span class=\"vertical-align-middle\">{{ headerTitle }}</span>\r\n </div>\r\n <div class=\"flex align-items-center\" *ngIf=\"isHeaderEditable\" [formGroup]=\"group\">\r\n <i [ngClass]=\"icon\"></i>\r\n <input type=\"text\" pInputText [formControlName]=\"controlName\" (click)=\"$event.stopPropagation()\"\r\n (keydown.space)=\"$event.stopPropagation()\"/>\r\n </div>\r\n <i class=\"pi pi-ellipsis-v controls-mobile\" (click)=\"controlsMenu.toggle($event)\"\r\n *ngIf=\"canDisable || isAccordionDeletable\"></i>\r\n <div class=\"controls-lg-screen\">\r\n <ng-container *ngIf=\"canDisable || isAccordionDeletable\" [ngTemplateOutlet]=\"controls\"></ng-container>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </p-accordion-header>\r\n <p-accordion-content>\r\n <ng-content></ng-content>\r\n </p-accordion-content>\r\n </p-accordion-panel>\r\n</p-accordion>\r\n\r\n<p-popover #controlsMenu>\r\n <ng-container [ngTemplateOutlet]=\"smallerDevicesControls\"></ng-container>\r\n</p-popover>\r\n\r\n<ng-template #controls>\r\n <div class=\"controls\">\r\n <div class=\"flex align-items-center\">\r\n <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\r\n <label class=\"mr-2\">{{ toggleLabel }}</label>\r\n <p-selectButton\r\n (click)=\"clickToggleButton($event)\"\r\n [options]=\"stateOptions\"\r\n [formControlName]=\"toggleControlName\"\r\n optionLabel=\"label\"\r\n optionValue=\"value\"\r\n ></p-selectButton>\r\n </form>\r\n <lib-button\r\n *ngIf=\"isAccordionCloneable\"\r\n class=\"ml-5 clone-button\"\r\n label=\"Kopiraj okence\"\r\n [hasIcon]=\"true\"\r\n icon=\"pi pi-clone\"\r\n (clickEvent)=\"clickCloneButton($event)\"\r\n [color]=\"ButtonColor.warning\"\r\n ></lib-button>\r\n </div>\r\n\r\n <lib-button\r\n *ngIf=\"isAccordionDeletable\"\r\n class=\"ml-5 delete-button\"\r\n label=\"Izbri\u0161i okence\"\r\n [hasIcon]=\"true\"\r\n icon=\"pi pi-trash\"\r\n (clickEvent)=\"click($event)\"\r\n [color]=\"ButtonColor.danger\"\r\n ></lib-button>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #smallerDevicesControls>\r\n <div class=\"flex-column p-1\">\r\n <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\r\n <label class=\"mr-2\">{{ toggleLabel }}</label>\r\n <p-selectButton\r\n (click)=\"clickToggleButton($event)\"\r\n [options]=\"stateOptions\"\r\n [formControlName]=\"toggleControlName\"\r\n optionLabel=\"label\"\r\n optionValue=\"value\"\r\n ></p-selectButton>\r\n </form>\r\n\r\n <div class=\"flex align-items-center mt-2\">\r\n <lib-button\r\n *ngIf=\"isAccordionCloneable\"\r\n class=\"clone-button\"\r\n label=\"Kopiraj okence\"\r\n [hasIcon]=\"true\"\r\n icon=\"pi pi-clone\"\r\n (clickEvent)=\"clickCloneButton($event)\"\r\n [color]=\"ButtonColor.warning\"\r\n ></lib-button>\r\n\r\n <lib-button\r\n *ngIf=\"isAccordionDeletable\"\r\n class=\"ml-2 delete-button\"\r\n label=\"Izbri\u0161i okence\"\r\n [hasIcon]=\"true\"\r\n icon=\"pi pi-trash\"\r\n (clickEvent)=\"click($event)\"\r\n [color]=\"ButtonColor.danger\"\r\n ></lib-button>\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader{color:#fff!important;background-color:#3e7c94}:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filters,:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem 1.5rem;align-items:start}:host ::ng-deep .p-accordion .p-accordionheader{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-accordion .p-accordionheader:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-accordion .p-accordionheader:hover{background:#facd9c!important}:host ::ng-deep .p-accordion .p-accordionheader:not(.p-disabled).p-highlight .p-accordionheader-link{color:#fff}:host ::ng-deep .p-accordion .p-accordionheader .p-accordion-toggle-icon{margin-top:-8px;position:absolute;right:.5em;top:50%}:host ::ng-deep .p-accordion .p-accordionheader .delete-button{position:absolute;right:8em;top:50%;transform:translateY(-50%)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-right{transform:rotate(90deg)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-down{transform:rotate(180deg)}:host ::ng-deep .p-accordion .p-accordioncontent-content{margin-top:8px}@media screen and (max-width:1260px){:host ::ng-deep .p-inputtext,:host ::ng-deep label{font-size:12px}:host ::ng-deep .delete-button .p-button,:host ::ng-deep .clone-button .p-button{font-size:12px}:host ::ng-deep .delete-button .p-button .p-button-label,:host ::ng-deep .clone-button .p-button .p-button-label{display:none}:host ::ng-deep .delete-button .p-button .p-button-icon,:host ::ng-deep .clone-button .p-button .p-button-icon{margin-left:0}}@media screen and (min-width:1400px){:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filters,:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filter-grid{grid-template-columns:repeat(5,minmax(220px,1fr))}}:host ::ng-deep .p-selectbutton .p-button{background:#fff;color:#3e7c94}@media screen and (max-width:1260px){:host ::ng-deep .p-selectbutton .p-button{font-size:12px}}:host ::ng-deep .p-selectbutton .p-button.p-highlight{background:#ffa142;color:#fff}.controls{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:1260px){.controls{flex-direction:column;justify-content:start;align-items:start}.controls form,.controls .delete-button{margin:0!important;padding:5px 15px!important}.controls form{border-bottom:1px solid #3E7C94}}.controls-mobile{display:none}@media screen and (max-width:1260px){.controls-mobile{margin-left:15px;display:block}}.controls-lg-screen{display:block}@media screen and (max-width:1260px){.controls-lg-screen{display:none}}\n"], dependencies: [{ kind: "component", type: Accordion, selector: "p-accordion", inputs: ["value", "multiple", "style", "styleClass", "expandIcon", "collapseIcon", "selectOnFocus", "transitionOptions", "activeIndex", "headerAriaLevel"], outputs: ["valueChange", "activeIndexChange", "onClose", "onOpen"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i1$4.AccordionPanel, selector: "p-accordion-panel, p-accordionpanel", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: i1$4.AccordionHeader, selector: "p-accordion-header, p-accordionheader" }, { kind: "component", type: i1$4.AccordionContent, selector: "p-accordion-content, p-accordioncontent" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i3.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "size", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
|
|
1088
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AccordionComponent, isStandalone: true, selector: "lib-accordion[headerTitle]", inputs: { isHeaderEditable: "isHeaderEditable", isAccordionDeletable: "isAccordionDeletable", isAccordionCloneable: "isAccordionCloneable", headerTitle: "headerTitle", selected: "selected", icon: "icon", headerTitlePlaceholder: "headerTitlePlaceholder", headerTitleEditable: "headerTitleEditable", group: "group", controlName: "controlName", name: "name", canDisable: "canDisable", toggleLabel: "toggleLabel", toggleControlName: "toggleControlName" }, outputs: { clickEvent: "clickEvent", clickToggleEvent: "clickToggleEvent", clickCloneEvent: "clickCloneEvent" }, ngImport: i0, template: "<p-accordion class=\"w-full\" [value]=\"selected ? 1 : 0\" [id]=\"headerTitle\">\n <p-accordion-panel [value]=\"1\">\n <p-accordion-header>\n <div class=\"flex justify-content-between align-items-center overflow-auto\">\n <ng-container>\n <div class=\"flex align-items-center\" *ngIf=\"!isHeaderEditable\">\n <i [ngClass]=\"icon\"></i>\n <span class=\"vertical-align-middle\">{{ headerTitle }}</span>\n </div>\n <div class=\"flex align-items-center\" *ngIf=\"isHeaderEditable\" [formGroup]=\"group\">\n <i [ngClass]=\"icon\"></i>\n <input type=\"text\" pInputText [formControlName]=\"controlName\" (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"/>\n </div>\n <i class=\"pi pi-ellipsis-v controls-mobile\" (click)=\"controlsMenu.toggle($event)\"\n *ngIf=\"canDisable || isAccordionDeletable\"></i>\n <div class=\"controls-lg-screen\">\n <ng-container *ngIf=\"canDisable || isAccordionDeletable\" [ngTemplateOutlet]=\"controls\"></ng-container>\n </div>\n </ng-container>\n </div>\n </p-accordion-header>\n <p-accordion-content>\n <ng-content></ng-content>\n </p-accordion-content>\n </p-accordion-panel>\n</p-accordion>\n\n<p-popover #controlsMenu>\n <ng-container [ngTemplateOutlet]=\"smallerDevicesControls\"></ng-container>\n</p-popover>\n\n<ng-template #controls>\n <div class=\"controls\">\n <div class=\"flex align-items-center\">\n <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\n <label class=\"mr-2\">{{ toggleLabel }}</label>\n <p-selectButton\n (click)=\"clickToggleButton($event)\"\n [options]=\"stateOptions\"\n [formControlName]=\"toggleControlName\"\n optionLabel=\"label\"\n optionValue=\"value\"\n ></p-selectButton>\n </form>\n <lib-button\n *ngIf=\"isAccordionCloneable\"\n class=\"ml-5 clone-button\"\n label=\"Kopiraj okence\"\n [hasIcon]=\"true\"\n icon=\"pi pi-clone\"\n (clickEvent)=\"clickCloneButton($event)\"\n [color]=\"ButtonColor.warning\"\n ></lib-button>\n </div>\n\n <lib-button\n *ngIf=\"isAccordionDeletable\"\n class=\"ml-5 delete-button\"\n label=\"Izbri\u0161i okence\"\n [hasIcon]=\"true\"\n icon=\"pi pi-trash\"\n (clickEvent)=\"click($event)\"\n [color]=\"ButtonColor.danger\"\n ></lib-button>\n </div>\n</ng-template>\n\n<ng-template #smallerDevicesControls>\n <div class=\"flex-column p-1\">\n <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\n <label class=\"mr-2\">{{ toggleLabel }}</label>\n <p-selectButton\n (click)=\"clickToggleButton($event)\"\n [options]=\"stateOptions\"\n [formControlName]=\"toggleControlName\"\n optionLabel=\"label\"\n optionValue=\"value\"\n ></p-selectButton>\n </form>\n\n <div class=\"flex align-items-center mt-2\">\n <lib-button\n *ngIf=\"isAccordionCloneable\"\n class=\"clone-button\"\n label=\"Kopiraj okence\"\n [hasIcon]=\"true\"\n icon=\"pi pi-clone\"\n (clickEvent)=\"clickCloneButton($event)\"\n [color]=\"ButtonColor.warning\"\n ></lib-button>\n\n <lib-button\n *ngIf=\"isAccordionDeletable\"\n class=\"ml-2 delete-button\"\n label=\"Izbri\u0161i okence\"\n [hasIcon]=\"true\"\n icon=\"pi pi-trash\"\n (clickEvent)=\"click($event)\"\n [color]=\"ButtonColor.danger\"\n ></lib-button>\n </div>\n </div>\n</ng-template>\n", styles: [":host ::ng-deep .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader{color:#fff!important;background-color:#3e7c94}:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filters,:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem 1.5rem;align-items:start}:host ::ng-deep .p-accordion .p-accordionheader{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-accordion .p-accordionheader:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-accordion .p-accordionheader:hover{background:#facd9c!important}:host ::ng-deep .p-accordion .p-accordionheader:not(.p-disabled).p-highlight .p-accordionheader-link{color:#fff}:host ::ng-deep .p-accordion .p-accordionheader .p-accordion-toggle-icon{margin-top:-8px;position:absolute;right:.5em;top:50%}:host ::ng-deep .p-accordion .p-accordionheader .delete-button{position:absolute;right:8em;top:50%;transform:translateY(-50%)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-right{transform:rotate(90deg)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-down{transform:rotate(180deg)}:host ::ng-deep .p-accordion .p-accordioncontent-content{margin-top:8px}@media screen and (max-width:1260px){:host ::ng-deep .p-inputtext,:host ::ng-deep label{font-size:12px}:host ::ng-deep .delete-button .p-button,:host ::ng-deep .clone-button .p-button{font-size:12px}:host ::ng-deep .delete-button .p-button .p-button-label,:host ::ng-deep .clone-button .p-button .p-button-label{display:none}:host ::ng-deep .delete-button .p-button .p-button-icon,:host ::ng-deep .clone-button .p-button .p-button-icon{margin-left:0}}@media screen and (min-width:1400px){:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filters,:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filter-grid{grid-template-columns:repeat(5,minmax(220px,1fr))}}:host ::ng-deep .p-selectbutton .p-button{background:#fff;color:#3e7c94}@media screen and (max-width:1260px){:host ::ng-deep .p-selectbutton .p-button{font-size:12px}}:host ::ng-deep .p-selectbutton .p-button.p-highlight{background:#ffa142;color:#fff}.controls{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:1260px){.controls{flex-direction:column;justify-content:start;align-items:start}.controls form,.controls .delete-button{margin:0!important;padding:5px 15px!important}.controls form{border-bottom:1px solid #3E7C94}}.controls-mobile{display:none}@media screen and (max-width:1260px){.controls-mobile{margin-left:15px;display:block}}.controls-lg-screen{display:block}@media screen and (max-width:1260px){.controls-lg-screen{display:none}}\n"], dependencies: [{ kind: "component", type: Accordion, selector: "p-accordion", inputs: ["value", "multiple", "style", "styleClass", "expandIcon", "collapseIcon", "selectOnFocus", "transitionOptions", "activeIndex", "headerAriaLevel"], outputs: ["valueChange", "activeIndexChange", "onClose", "onOpen"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i1$4.AccordionPanel, selector: "p-accordion-panel, p-accordionpanel", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: i1$4.AccordionHeader, selector: "p-accordion-header, p-accordionheader" }, { kind: "component", type: i1$4.AccordionContent, selector: "p-accordion-content, p-accordioncontent" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i3.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "size", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
|
|
943
1089
|
}
|
|
944
1090
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
945
1091
|
type: Component,
|
|
@@ -955,7 +1101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
955
1101
|
PopoverModule,
|
|
956
1102
|
SelectButton,
|
|
957
1103
|
ButtonComponent,
|
|
958
|
-
], template: "<p-accordion class=\"w-full\" [value]=\"selected ? 1 : 0\" [id]=\"headerTitle\">\
|
|
1104
|
+
], template: "<p-accordion class=\"w-full\" [value]=\"selected ? 1 : 0\" [id]=\"headerTitle\">\n <p-accordion-panel [value]=\"1\">\n <p-accordion-header>\n <div class=\"flex justify-content-between align-items-center overflow-auto\">\n <ng-container>\n <div class=\"flex align-items-center\" *ngIf=\"!isHeaderEditable\">\n <i [ngClass]=\"icon\"></i>\n <span class=\"vertical-align-middle\">{{ headerTitle }}</span>\n </div>\n <div class=\"flex align-items-center\" *ngIf=\"isHeaderEditable\" [formGroup]=\"group\">\n <i [ngClass]=\"icon\"></i>\n <input type=\"text\" pInputText [formControlName]=\"controlName\" (click)=\"$event.stopPropagation()\"\n (keydown.space)=\"$event.stopPropagation()\"/>\n </div>\n <i class=\"pi pi-ellipsis-v controls-mobile\" (click)=\"controlsMenu.toggle($event)\"\n *ngIf=\"canDisable || isAccordionDeletable\"></i>\n <div class=\"controls-lg-screen\">\n <ng-container *ngIf=\"canDisable || isAccordionDeletable\" [ngTemplateOutlet]=\"controls\"></ng-container>\n </div>\n </ng-container>\n </div>\n </p-accordion-header>\n <p-accordion-content>\n <ng-content></ng-content>\n </p-accordion-content>\n </p-accordion-panel>\n</p-accordion>\n\n<p-popover #controlsMenu>\n <ng-container [ngTemplateOutlet]=\"smallerDevicesControls\"></ng-container>\n</p-popover>\n\n<ng-template #controls>\n <div class=\"controls\">\n <div class=\"flex align-items-center\">\n <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\n <label class=\"mr-2\">{{ toggleLabel }}</label>\n <p-selectButton\n (click)=\"clickToggleButton($event)\"\n [options]=\"stateOptions\"\n [formControlName]=\"toggleControlName\"\n optionLabel=\"label\"\n optionValue=\"value\"\n ></p-selectButton>\n </form>\n <lib-button\n *ngIf=\"isAccordionCloneable\"\n class=\"ml-5 clone-button\"\n label=\"Kopiraj okence\"\n [hasIcon]=\"true\"\n icon=\"pi pi-clone\"\n (clickEvent)=\"clickCloneButton($event)\"\n [color]=\"ButtonColor.warning\"\n ></lib-button>\n </div>\n\n <lib-button\n *ngIf=\"isAccordionDeletable\"\n class=\"ml-5 delete-button\"\n label=\"Izbri\u0161i okence\"\n [hasIcon]=\"true\"\n icon=\"pi pi-trash\"\n (clickEvent)=\"click($event)\"\n [color]=\"ButtonColor.danger\"\n ></lib-button>\n </div>\n</ng-template>\n\n<ng-template #smallerDevicesControls>\n <div class=\"flex-column p-1\">\n <form [formGroup]=\"group\" class=\"flex align-items-center ml-5\" *ngIf=\"canDisable\">\n <label class=\"mr-2\">{{ toggleLabel }}</label>\n <p-selectButton\n (click)=\"clickToggleButton($event)\"\n [options]=\"stateOptions\"\n [formControlName]=\"toggleControlName\"\n optionLabel=\"label\"\n optionValue=\"value\"\n ></p-selectButton>\n </form>\n\n <div class=\"flex align-items-center mt-2\">\n <lib-button\n *ngIf=\"isAccordionCloneable\"\n class=\"clone-button\"\n label=\"Kopiraj okence\"\n [hasIcon]=\"true\"\n icon=\"pi pi-clone\"\n (clickEvent)=\"clickCloneButton($event)\"\n [color]=\"ButtonColor.warning\"\n ></lib-button>\n\n <lib-button\n *ngIf=\"isAccordionDeletable\"\n class=\"ml-2 delete-button\"\n label=\"Izbri\u0161i okence\"\n [hasIcon]=\"true\"\n icon=\"pi pi-trash\"\n (clickEvent)=\"click($event)\"\n [color]=\"ButtonColor.danger\"\n ></lib-button>\n </div>\n </div>\n</ng-template>\n", styles: [":host ::ng-deep .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader{color:#fff!important;background-color:#3e7c94}:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filters,:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem 1.5rem;align-items:start}:host ::ng-deep .p-accordion .p-accordionheader{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-accordion .p-accordionheader:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-accordion .p-accordionheader:hover{background:#facd9c!important}:host ::ng-deep .p-accordion .p-accordionheader:not(.p-disabled).p-highlight .p-accordionheader-link{color:#fff}:host ::ng-deep .p-accordion .p-accordionheader .p-accordion-toggle-icon{margin-top:-8px;position:absolute;right:.5em;top:50%}:host ::ng-deep .p-accordion .p-accordionheader .delete-button{position:absolute;right:8em;top:50%;transform:translateY(-50%)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-right{transform:rotate(90deg)}:host ::ng-deep .p-accordion .p-accordionheader .pi-chevron-down{transform:rotate(180deg)}:host ::ng-deep .p-accordion .p-accordioncontent-content{margin-top:8px}@media screen and (max-width:1260px){:host ::ng-deep .p-inputtext,:host ::ng-deep label{font-size:12px}:host ::ng-deep .delete-button .p-button,:host ::ng-deep .clone-button .p-button{font-size:12px}:host ::ng-deep .delete-button .p-button .p-button-label,:host ::ng-deep .clone-button .p-button .p-button-label{display:none}:host ::ng-deep .delete-button .p-button .p-button-icon,:host ::ng-deep .clone-button .p-button .p-button-icon{margin-left:0}}@media screen and (min-width:1400px){:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filters,:host ::ng-deep .p-accordion .p-accordioncontent-content .accordion .filter-grid{grid-template-columns:repeat(5,minmax(220px,1fr))}}:host ::ng-deep .p-selectbutton .p-button{background:#fff;color:#3e7c94}@media screen and (max-width:1260px){:host ::ng-deep .p-selectbutton .p-button{font-size:12px}}:host ::ng-deep .p-selectbutton .p-button.p-highlight{background:#ffa142;color:#fff}.controls{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:1260px){.controls{flex-direction:column;justify-content:start;align-items:start}.controls form,.controls .delete-button{margin:0!important;padding:5px 15px!important}.controls form{border-bottom:1px solid #3E7C94}}.controls-mobile{display:none}@media screen and (max-width:1260px){.controls-mobile{margin-left:15px;display:block}}.controls-lg-screen{display:block}@media screen and (max-width:1260px){.controls-lg-screen{display:none}}\n"] }]
|
|
959
1105
|
}], propDecorators: { isHeaderEditable: [{
|
|
960
1106
|
type: Input
|
|
961
1107
|
}], isAccordionDeletable: [{
|
|
@@ -1050,11 +1196,11 @@ class TooltipComponent {
|
|
|
1050
1196
|
}
|
|
1051
1197
|
}
|
|
1052
1198
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TooltipComponent, deps: [{ token: i1$6.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
1053
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TooltipComponent, isStandalone: true, selector: " lib-tooltip", inputs: { icon: "icon", htmlParser: "htmlParser", text: "text", position: "position", tooltipEvent: "tooltipEvent", autoHide: "autoHide", htmlParse: "htmlParse" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: Tooltip, descendants: true }], ngImport: i0, template: "<i\
|
|
1199
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TooltipComponent, isStandalone: true, selector: " lib-tooltip", inputs: { icon: "icon", htmlParser: "htmlParser", text: "text", position: "position", tooltipEvent: "tooltipEvent", autoHide: "autoHide", htmlParse: "htmlParse" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: Tooltip, descendants: true }], ngImport: i0, template: "<i\n tabindex=\"0\"\n class=\"pi {{ icon }}\"\n pTooltip=\"{{ text }}\"\n [tooltipPosition]=\"position\"\n [tooltipEvent]='tooltipEvent'\n [autoHide]=\"autoHide\"\n [escape]=\"htmlParse\"\n (click)=\"onClick()\"\n [attr.aria-label]=\"text\"\n aria-describedby=\"tooltipId\"\n></i>\n\n<div id=\"tooltipId\" style=\"display: none;\">{{ text }}</div>\n\n", styles: ["i{color:#3e7c94}\n"], dependencies: [{ kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1054
1200
|
}
|
|
1055
1201
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
1056
1202
|
type: Component,
|
|
1057
|
-
args: [{ selector: ' lib-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, imports: [Tooltip], template: "<i\
|
|
1203
|
+
args: [{ selector: ' lib-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, imports: [Tooltip], template: "<i\n tabindex=\"0\"\n class=\"pi {{ icon }}\"\n pTooltip=\"{{ text }}\"\n [tooltipPosition]=\"position\"\n [tooltipEvent]='tooltipEvent'\n [autoHide]=\"autoHide\"\n [escape]=\"htmlParse\"\n (click)=\"onClick()\"\n [attr.aria-label]=\"text\"\n aria-describedby=\"tooltipId\"\n></i>\n\n<div id=\"tooltipId\" style=\"display: none;\">{{ text }}</div>\n\n", styles: ["i{color:#3e7c94}\n"] }]
|
|
1058
1204
|
}], ctorParameters: () => [{ type: i1$6.DomSanitizer }], propDecorators: { icon: [{
|
|
1059
1205
|
type: Input
|
|
1060
1206
|
}], htmlParser: [{
|
|
@@ -1088,11 +1234,11 @@ class ErrorComponent {
|
|
|
1088
1234
|
hasGroupError = false;
|
|
1089
1235
|
errorId;
|
|
1090
1236
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1091
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ErrorComponent, isStandalone: true, selector: "lib-error", inputs: { hasError: "hasError", isTouched: "isTouched", isSubmitTriggered: "isSubmitTriggered", isNestedFormSubmit: "isNestedFormSubmit", isDirty: "isDirty", isRequired: "isRequired", hasGroupError: "hasGroupError", errorId: "errorId" }, ngImport: i0, template: "<small class=\"required\" aria-live=\"polite\" [id]=\"errorId\">\
|
|
1237
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ErrorComponent, isStandalone: true, selector: "lib-error", inputs: { hasError: "hasError", isTouched: "isTouched", isSubmitTriggered: "isSubmitTriggered", isNestedFormSubmit: "isNestedFormSubmit", isDirty: "isDirty", isRequired: "isRequired", hasGroupError: "hasGroupError", errorId: "errorId" }, ngImport: i0, template: "<small class=\"required\" aria-live=\"polite\" [id]=\"errorId\">\n <ng-container *ngIf=\"hasError\">\n <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && hasError.required\">\n {{ 'errors.isRequired' | translate }}\n </ng-container>\n <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotBlank\">\n {{ 'errors.isNotBlank' | translate }}\n </ng-container>\n <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.isNotBlank && hasError.isCoordinate\">\n {{ 'errors.isCoordinate' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotDecimal)\">\n {{ 'errors.decimal' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.min)\">\n {{ 'errors.minNumber' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.min && hasError.max)\">\n {{ 'errors.maxNumber' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.email)\">\n {{ 'errors.email' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasGroupError && hasError.isNotValidPhoneNumber)\">\n {{ 'errors.phoneNumber' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasGroupError && hasError.pattern)\">\n {{ 'errors.invalidInput' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isMultipleOfFive)\">\n {{ 'errors.isMultipleOfFive' | translate }}\n </ng-container>\n </ng-container>\n</small>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
|
|
1092
1238
|
}
|
|
1093
1239
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
1094
1240
|
type: Component,
|
|
1095
|
-
args: [{ selector: 'lib-error', imports: [NgIf, TranslateModule], template: "<small class=\"required\" aria-live=\"polite\" [id]=\"errorId\">\
|
|
1241
|
+
args: [{ selector: 'lib-error', imports: [NgIf, TranslateModule], template: "<small class=\"required\" aria-live=\"polite\" [id]=\"errorId\">\n <ng-container *ngIf=\"hasError\">\n <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && hasError.required\">\n {{ 'errors.isRequired' | translate }}\n </ng-container>\n <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotBlank\">\n {{ 'errors.isNotBlank' | translate }}\n </ng-container>\n <ng-container *ngIf=\"(isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.isNotBlank && hasError.isCoordinate\">\n {{ 'errors.isCoordinate' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isNotDecimal)\">\n {{ 'errors.decimal' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.min)\">\n {{ 'errors.minNumber' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasError.min && hasError.max)\">\n {{ 'errors.maxNumber' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.email)\">\n {{ 'errors.email' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasGroupError && hasError.isNotValidPhoneNumber)\">\n {{ 'errors.phoneNumber' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && !hasGroupError && hasError.pattern)\">\n {{ 'errors.invalidInput' | translate }}\n </ng-container>\n <ng-container *ngIf=\"((isTouched || isSubmitTriggered || isNestedFormSubmit) && !hasError.required && hasError.isMultipleOfFive)\">\n {{ 'errors.isMultipleOfFive' | translate }}\n </ng-container>\n </ng-container>\n</small>\n" }]
|
|
1096
1242
|
}], propDecorators: { hasError: [{
|
|
1097
1243
|
type: Input
|
|
1098
1244
|
}], isTouched: [{
|
|
@@ -1232,7 +1378,7 @@ class AutocompleteComponent {
|
|
|
1232
1378
|
});
|
|
1233
1379
|
}
|
|
1234
1380
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1235
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AutocompleteComponent, isStandalone: true, selector: "lib-autocomplete[group][controlName][name]", inputs: { name: "name", isMultiselect: "isMultiselect", selectedItemLabel: "selectedItemLabel", group: "group", controlName: "controlName", label: "label", optionList: "optionList", optionLabel: "optionLabel", optionalValue: "optionalValue", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", appendTo: "appendTo", filterBy: "filterBy", showClear: "showClear", forceSelection: "forceSelection", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", nestedGroup: "nestedGroup", isLoading: "isLoading", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll", ariaFilterLabel: "ariaFilterLabel" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n <div class=\"flex\">\r\n <label [for]=\"name\" class=\"mr-2\">\r\n {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n </label>\r\n <lib-tooltip\r\n *ngIf=\"_isTooltipVisible\"\r\n [position]=\"tooltipPosition\"\r\n [text]=\"tooltipText!\"\r\n ></lib-tooltip>\r\n </div>\r\n <p-autoComplete *ngIf=\"!isMultiselect\"\r\n [inputId]=\"name\"\r\n [dropdown]=\"true\"\r\n [forceSelection]=\"forceSelection\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"38\"\r\n [suggestions]=\"filteredOptions\"\r\n (completeMethod)=\"completeMethod($event)\"\r\n [appendTo]=\"appendTo\"\r\n [optionLabel]=\"filterBy\"\r\n [formControlName]=\"controlName\"\r\n [placeholder]='placeholder'\r\n >\r\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n <div class=\"flex align-items-center\">\r\n <span>{{ nestedGroup.label }}</span>\r\n </div>\r\n </ng-template>\r\n\r\n <!-- custom template for button - dropdownicon | aria support -->\r\n <ng-template pTemplate=\"dropdownicon\">\r\n <span class=\"p-button-icon pi pi-chevron-down\"\r\n id=\"dropdownLabel\"\r\n [attr.aria-label]=\"ariaFilterLabel\"></span>\r\n </ng-template>\r\n </p-autoComplete>\r\n\r\n <p-multiSelect\r\n *ngIf=\"isMultiselect\"\r\n [inputId]=\"name\"\r\n (onChange)='getSelectedValue($event)'\r\n [options]=\"optionList\"\r\n [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\r\n [formControlName]=\"controlName\"\r\n [group]=\"nestedGroup\"\r\n [filter]='filter'\r\n [filterBy]='filterBy'\r\n [selectedItemsLabel]=\"dynamicItemsLabel\"\r\n [placeholder]=\"placeholder\"\r\n [showClear]=\"group.get(controlName)!.value && showClear\"\r\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n [attr.aria-label]=\"accessibilityText\"\r\n (onClear)=\"onClear()\"\r\n [emptyMessage]=\"emptyAutocompleteMessage\"\r\n [emptyFilterMessage]=\"emptyFilterAutocompleteMessage\"\r\n [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n [attr.aria-describedby]=\"name + 'Error'\"\r\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n [attr.aria-required]=\"isRequired\"\r\n >\r\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n <div class=\"flex align-items-center\">\r\n <span>{{ nestedGroup.label }}</span>\r\n </div>\r\n </ng-template>\r\n </p-multiSelect>\r\n <lib-error\r\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n [hasError]=\"group.get(controlName)!.errors\"\r\n [isDirty]=\"group.get(controlName)!.pristine\"\r\n [isTouched]=\"group.get(controlName)!.touched\"\r\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n [errorId]=\"name+'Error'\"\r\n ></lib-error>\r\n</div>\r\n", styles: [":host ::ng-deep .p-autocomplete{width:100%;border:1.75px solid #3E7C94!important;border:0;border-radius:10px}:host ::ng-deep .p-autocomplete::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-autocomplete:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-autocomplete:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-autocomplete button{background-color:#3e7c94}:host ::ng-deep .p-autocomplete button:hover{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-autocomplete .p-autocomplete-item.p-ripple{white-space:normal}:host ::ng-deep .p-autocomplete:hover{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete:not(.p-disabled).p-focus{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete .p-autocomplete-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group:hover{cursor:default}:host ::ng-deep .p-autocomplete .p-button{width:3.5rem;border-radius:0 8px 8px 0}:host ::ng-deep .p-autocomplete .p-inputtext{border-radius:8px 0 0 8px}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
|
|
1381
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AutocompleteComponent, isStandalone: true, selector: "lib-autocomplete[group][controlName][name]", inputs: { name: "name", isMultiselect: "isMultiselect", selectedItemLabel: "selectedItemLabel", group: "group", controlName: "controlName", label: "label", optionList: "optionList", optionLabel: "optionLabel", optionalValue: "optionalValue", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", appendTo: "appendTo", filterBy: "filterBy", showClear: "showClear", forceSelection: "forceSelection", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", nestedGroup: "nestedGroup", isLoading: "isLoading", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll", ariaFilterLabel: "ariaFilterLabel" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\n <div class=\"flex\">\n <label [for]=\"name\" class=\"mr-2\">\n {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <p-autoComplete *ngIf=\"!isMultiselect\"\n [inputId]=\"name\"\n [dropdown]=\"true\"\n [forceSelection]=\"forceSelection\"\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"38\"\n [suggestions]=\"filteredOptions\"\n (completeMethod)=\"completeMethod($event)\"\n [appendTo]=\"appendTo\"\n [optionLabel]=\"filterBy\"\n [formControlName]=\"controlName\"\n [placeholder]='placeholder'\n >\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n <div class=\"flex align-items-center\">\n <span>{{ nestedGroup.label }}</span>\n </div>\n </ng-template>\n\n <!-- custom template for button - dropdownicon | aria support -->\n <ng-template pTemplate=\"dropdownicon\">\n <span class=\"p-button-icon pi pi-chevron-down\"\n id=\"dropdownLabel\"\n [attr.aria-label]=\"ariaFilterLabel\"></span>\n </ng-template>\n </p-autoComplete>\n\n <p-multiSelect\n *ngIf=\"isMultiselect\"\n [inputId]=\"name\"\n (onChange)='getSelectedValue($event)'\n [options]=\"optionList\"\n [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\n [formControlName]=\"controlName\"\n [group]=\"nestedGroup\"\n [filter]='filter'\n [filterBy]='filterBy'\n [selectedItemsLabel]=\"dynamicItemsLabel\"\n [placeholder]=\"placeholder\"\n [showClear]=\"group.get(controlName)!.value && showClear\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n [attr.aria-label]=\"accessibilityText\"\n (onClear)=\"onClear()\"\n [emptyMessage]=\"emptyAutocompleteMessage\"\n [emptyFilterMessage]=\"emptyFilterAutocompleteMessage\"\n [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n [attr.aria-required]=\"isRequired\"\n >\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n <div class=\"flex align-items-center\">\n <span>{{ nestedGroup.label }}</span>\n </div>\n </ng-template>\n </p-multiSelect>\n <lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isDirty]=\"group.get(controlName)!.pristine\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n [errorId]=\"name+'Error'\"\n ></lib-error>\n</div>\n", styles: [":host ::ng-deep .p-autocomplete{width:100%;border:1.75px solid #3E7C94!important;border:0;border-radius:10px}:host ::ng-deep .p-autocomplete::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-autocomplete:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-autocomplete:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-autocomplete button{background-color:#3e7c94}:host ::ng-deep .p-autocomplete button:hover{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-autocomplete .p-autocomplete-item.p-ripple{white-space:normal}:host ::ng-deep .p-autocomplete:hover{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete:not(.p-disabled).p-focus{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete .p-autocomplete-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group:hover{cursor:default}:host ::ng-deep .p-autocomplete .p-button{width:3.5rem;border-radius:0 8px 8px 0}:host ::ng-deep .p-autocomplete .p-inputtext{border-radius:8px 0 0 8px}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
|
|
1236
1382
|
}
|
|
1237
1383
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AutocompleteComponent, decorators: [{
|
|
1238
1384
|
type: Component,
|
|
@@ -1246,7 +1392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
1246
1392
|
MultiSelect,
|
|
1247
1393
|
NgClass,
|
|
1248
1394
|
ErrorComponent,
|
|
1249
|
-
], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\
|
|
1395
|
+
], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\n <div class=\"flex\">\n <label [for]=\"name\" class=\"mr-2\">\n {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <p-autoComplete *ngIf=\"!isMultiselect\"\n [inputId]=\"name\"\n [dropdown]=\"true\"\n [forceSelection]=\"forceSelection\"\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"38\"\n [suggestions]=\"filteredOptions\"\n (completeMethod)=\"completeMethod($event)\"\n [appendTo]=\"appendTo\"\n [optionLabel]=\"filterBy\"\n [formControlName]=\"controlName\"\n [placeholder]='placeholder'\n >\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n <div class=\"flex align-items-center\">\n <span>{{ nestedGroup.label }}</span>\n </div>\n </ng-template>\n\n <!-- custom template for button - dropdownicon | aria support -->\n <ng-template pTemplate=\"dropdownicon\">\n <span class=\"p-button-icon pi pi-chevron-down\"\n id=\"dropdownLabel\"\n [attr.aria-label]=\"ariaFilterLabel\"></span>\n </ng-template>\n </p-autoComplete>\n\n <p-multiSelect\n *ngIf=\"isMultiselect\"\n [inputId]=\"name\"\n (onChange)='getSelectedValue($event)'\n [options]=\"optionList\"\n [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\n [formControlName]=\"controlName\"\n [group]=\"nestedGroup\"\n [filter]='filter'\n [filterBy]='filterBy'\n [selectedItemsLabel]=\"dynamicItemsLabel\"\n [placeholder]=\"placeholder\"\n [showClear]=\"group.get(controlName)!.value && showClear\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n [attr.aria-label]=\"accessibilityText\"\n (onClear)=\"onClear()\"\n [emptyMessage]=\"emptyAutocompleteMessage\"\n [emptyFilterMessage]=\"emptyFilterAutocompleteMessage\"\n [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n [attr.aria-required]=\"isRequired\"\n >\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n <div class=\"flex align-items-center\">\n <span>{{ nestedGroup.label }}</span>\n </div>\n </ng-template>\n </p-multiSelect>\n <lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isDirty]=\"group.get(controlName)!.pristine\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n [errorId]=\"name+'Error'\"\n ></lib-error>\n</div>\n", styles: [":host ::ng-deep .p-autocomplete{width:100%;border:1.75px solid #3E7C94!important;border:0;border-radius:10px}:host ::ng-deep .p-autocomplete::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-autocomplete:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-autocomplete:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-autocomplete button{background-color:#3e7c94}:host ::ng-deep .p-autocomplete button:hover{background-color:#3e7c94;color:#fff}:host ::ng-deep .p-autocomplete .p-autocomplete-item.p-ripple{white-space:normal}:host ::ng-deep .p-autocomplete:hover{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete:not(.p-disabled).p-focus{border:0;box-shadow:0 0 1px 1px #ffa142}:host ::ng-deep .p-autocomplete .p-autocomplete-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group:hover{cursor:default}:host ::ng-deep .p-autocomplete .p-button{width:3.5rem;border-radius:0 8px 8px 0}:host ::ng-deep .p-autocomplete .p-inputtext{border-radius:8px 0 0 8px}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"] }]
|
|
1250
1396
|
}], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { name: [{
|
|
1251
1397
|
type: Input
|
|
1252
1398
|
}], isMultiselect: [{
|
|
@@ -1305,11 +1451,11 @@ class BreadcrumbsComponent {
|
|
|
1305
1451
|
itemList = [];
|
|
1306
1452
|
homeItem = {};
|
|
1307
1453
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1308
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: BreadcrumbsComponent, isStandalone: true, selector: "lib-breadcrumbs[itemList][homeItem]", inputs: { itemList: "itemList", homeItem: "homeItem" }, ngImport: i0, template: "<p-breadcrumb\
|
|
1454
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: BreadcrumbsComponent, isStandalone: true, selector: "lib-breadcrumbs[itemList][homeItem]", inputs: { itemList: "itemList", homeItem: "homeItem" }, ngImport: i0, template: "<p-breadcrumb\n class=\"max-w-full\"\n [model]=\"itemList\"\n [home]=\"homeItem\"\n>\n <ng-template pTemplate=\"separator\"> > </ng-template>\n</p-breadcrumb>\n<!--<lib-divider></lib-divider>-->\n", styles: [":host ::ng-deep .p-breadcrumb{background:transparent;padding:0}:host ::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#1b495a}:host ::ng-deep .p-breadcrumb .p-element:hover{text-decoration:underline;color:#3e7c94}:host ::ng-deep .p-breadcrumb .p-element:last-child{pointer-events:none;color:#000}:host ::ng-deep .p-breadcrumb .p-element:last-child:hover{text-decoration:none}:host ::ng-deep .p-breadcrumb .p-breadcrumb-chevron:before{content:\">\";color:#1b495a}:host ::ng-deep .p-breadcrumb .p-icon-wrapper{display:none}:host ::ng-deep .p-breadcrumb .p-menuitem-text{color:#1b495a}\n"], dependencies: [{ kind: "component", type: Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] });
|
|
1309
1455
|
}
|
|
1310
1456
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
1311
1457
|
type: Component,
|
|
1312
|
-
args: [{ selector: 'lib-breadcrumbs[itemList][homeItem]', imports: [Breadcrumb, PrimeTemplate], template: "<p-breadcrumb\
|
|
1458
|
+
args: [{ selector: 'lib-breadcrumbs[itemList][homeItem]', imports: [Breadcrumb, PrimeTemplate], template: "<p-breadcrumb\n class=\"max-w-full\"\n [model]=\"itemList\"\n [home]=\"homeItem\"\n>\n <ng-template pTemplate=\"separator\"> > </ng-template>\n</p-breadcrumb>\n<!--<lib-divider></lib-divider>-->\n", styles: [":host ::ng-deep .p-breadcrumb{background:transparent;padding:0}:host ::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#1b495a}:host ::ng-deep .p-breadcrumb .p-element:hover{text-decoration:underline;color:#3e7c94}:host ::ng-deep .p-breadcrumb .p-element:last-child{pointer-events:none;color:#000}:host ::ng-deep .p-breadcrumb .p-element:last-child:hover{text-decoration:none}:host ::ng-deep .p-breadcrumb .p-breadcrumb-chevron:before{content:\">\";color:#1b495a}:host ::ng-deep .p-breadcrumb .p-icon-wrapper{display:none}:host ::ng-deep .p-breadcrumb .p-menuitem-text{color:#1b495a}\n"] }]
|
|
1313
1459
|
}], propDecorators: { itemList: [{
|
|
1314
1460
|
type: Input
|
|
1315
1461
|
}], homeItem: [{
|
|
@@ -1329,11 +1475,11 @@ class ButtonLinkComponent {
|
|
|
1329
1475
|
this.clickEvent.emit(event);
|
|
1330
1476
|
}
|
|
1331
1477
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1332
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonLinkComponent, isStandalone: true, selector: "lib-button-link", inputs: { hasIcon: "hasIcon", label: "label", isDanger: "isDanger", isPrimary: "isPrimary", icon: "icon", target: "target", accessibilityText: "accessibilityText" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<ng-container *ngIf=\"isDanger\">\
|
|
1478
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonLinkComponent, isStandalone: true, selector: "lib-button-link", inputs: { hasIcon: "hasIcon", label: "label", isDanger: "isDanger", isPrimary: "isPrimary", icon: "icon", target: "target", accessibilityText: "accessibilityText" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<ng-container *ngIf=\"isDanger\">\n <a href=\"#\"\n [target]=\"target\"\n [attr.aria-label]=\"accessibilityText\"\n (click)='click($event)'\n class=\"p-button-link p-button-link-danger text-center\">\n {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\n </a>\n</ng-container>\n<ng-container *ngIf=\"isPrimary\">\n <a href=\"#\"\n [target]=\"target\"\n [attr.aria-label]=\"accessibilityText\"\n (click)='click($event)'\n class=\"p-button-link p-button-link-primary text-center\">\n {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\n </a>\n</ng-container>\n\n", styles: [".p-button-link{border-radius:0;padding:.5rem .4rem;width:100%;text-decoration:none;display:block}.p-button-link.p-button-link-danger{background:#b2414d;color:#fff}.p-button-link.p-button-link-danger:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}.p-button-link.p-button-link-primary{background:#3e7c94;color:#fff}.p-button-link.p-button-link-primary:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1333
1479
|
}
|
|
1334
1480
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonLinkComponent, decorators: [{
|
|
1335
1481
|
type: Component,
|
|
1336
|
-
args: [{ selector: 'lib-button-link', imports: [NgIf, NgClass], template: "<ng-container *ngIf=\"isDanger\">\
|
|
1482
|
+
args: [{ selector: 'lib-button-link', imports: [NgIf, NgClass], template: "<ng-container *ngIf=\"isDanger\">\n <a href=\"#\"\n [target]=\"target\"\n [attr.aria-label]=\"accessibilityText\"\n (click)='click($event)'\n class=\"p-button-link p-button-link-danger text-center\">\n {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\n </a>\n</ng-container>\n<ng-container *ngIf=\"isPrimary\">\n <a href=\"#\"\n [target]=\"target\"\n [attr.aria-label]=\"accessibilityText\"\n (click)='click($event)'\n class=\"p-button-link p-button-link-primary text-center\">\n {{ label }} <i *ngIf=\"hasIcon\" class=\"pi\" [ngClass]=\"icon\"></i>\n </a>\n</ng-container>\n\n", styles: [".p-button-link{border-radius:0;padding:.5rem .4rem;width:100%;text-decoration:none;display:block}.p-button-link.p-button-link-danger{background:#b2414d;color:#fff}.p-button-link.p-button-link-danger:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}.p-button-link.p-button-link-primary{background:#3e7c94;color:#fff}.p-button-link.p-button-link-primary:focus{outline:none;box-shadow:0 0 0 .2rem #facd9c}\n"] }]
|
|
1337
1483
|
}], propDecorators: { hasIcon: [{
|
|
1338
1484
|
type: Input
|
|
1339
1485
|
}], label: [{
|
|
@@ -1356,11 +1502,11 @@ class CardComponent {
|
|
|
1356
1502
|
title;
|
|
1357
1503
|
cardBody;
|
|
1358
1504
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1359
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardComponent, isStandalone: true, selector: "lib-card", inputs: { title: "title", cardBody: "cardBody" }, ngImport: i0, template: "<p-card header=\"{{ title }}\">\
|
|
1505
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardComponent, isStandalone: true, selector: "lib-card", inputs: { title: "title", cardBody: "cardBody" }, ngImport: i0, template: "<p-card header=\"{{ title }}\">\n <p class=\"m-0 flex align-items-center\"><i class=\"pi pi-exclamation-triangle mr-3\"></i>{{ cardBody }}</p>\n</p-card>\n", styles: [":host ::ng-deep .p-card{background:#facd9c;color:#000;font-weight:700}:host ::ng-deep .p-card .p-card-body{padding:0 15px}\n"], dependencies: [{ kind: "component", type: Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }] });
|
|
1360
1506
|
}
|
|
1361
1507
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardComponent, decorators: [{
|
|
1362
1508
|
type: Component,
|
|
1363
|
-
args: [{ selector: 'lib-card', imports: [Card], template: "<p-card header=\"{{ title }}\">\
|
|
1509
|
+
args: [{ selector: 'lib-card', imports: [Card], template: "<p-card header=\"{{ title }}\">\n <p class=\"m-0 flex align-items-center\"><i class=\"pi pi-exclamation-triangle mr-3\"></i>{{ cardBody }}</p>\n</p-card>\n", styles: [":host ::ng-deep .p-card{background:#facd9c;color:#000;font-weight:700}:host ::ng-deep .p-card .p-card-body{padding:0 15px}\n"] }]
|
|
1364
1510
|
}], propDecorators: { title: [{
|
|
1365
1511
|
type: Input
|
|
1366
1512
|
}], cardBody: [{
|
|
@@ -1372,6 +1518,7 @@ class CheckboxComponent {
|
|
|
1372
1518
|
group;
|
|
1373
1519
|
controlName;
|
|
1374
1520
|
value = false;
|
|
1521
|
+
disabled = false;
|
|
1375
1522
|
clickCheckboxEvent = new EventEmitter();
|
|
1376
1523
|
formStatus;
|
|
1377
1524
|
ariaLabel = '';
|
|
@@ -1384,7 +1531,7 @@ class CheckboxComponent {
|
|
|
1384
1531
|
event.stopPropagation();
|
|
1385
1532
|
}
|
|
1386
1533
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1387
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CheckboxComponent, isStandalone: true, selector: "lib-checkbox[group][controlName][label]", inputs: { label: "label", group: "group", controlName: "controlName", value: "value", formStatus: "formStatus", ariaLabel: "ariaLabel" }, outputs: { clickCheckboxEvent: "clickCheckboxEvent" }, ngImport: i0, template: "<div [formGroup]=\"group\">\
|
|
1534
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CheckboxComponent, isStandalone: true, selector: "lib-checkbox[group][controlName][label]", inputs: { label: "label", group: "group", controlName: "controlName", value: "value", disabled: "disabled", formStatus: "formStatus", ariaLabel: "ariaLabel" }, outputs: { clickCheckboxEvent: "clickCheckboxEvent" }, ngImport: i0, template: "<div [formGroup]=\"group\">\n <p-checkbox [binary]=\"true\"\n (click)=\"clickCheckbox($event)\"\n [formControlName]=\"controlName\"\n [value]=\"value\"\n [inputId]=\"controlName\"\n [ariaLabel]=\"ariaLabel\"\n [disabled]=\"disabled\"\n ></p-checkbox>\n <label [for]=\"controlName\" class=\"ml-2\">{{ label }}</label>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] });
|
|
1388
1535
|
}
|
|
1389
1536
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
1390
1537
|
type: Component,
|
|
@@ -1392,7 +1539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
1392
1539
|
FormsModule,
|
|
1393
1540
|
ReactiveFormsModule,
|
|
1394
1541
|
Checkbox,
|
|
1395
|
-
], template: "<div [formGroup]=\"group\">\
|
|
1542
|
+
], template: "<div [formGroup]=\"group\">\n <p-checkbox [binary]=\"true\"\n (click)=\"clickCheckbox($event)\"\n [formControlName]=\"controlName\"\n [value]=\"value\"\n [inputId]=\"controlName\"\n [ariaLabel]=\"ariaLabel\"\n [disabled]=\"disabled\"\n ></p-checkbox>\n <label [for]=\"controlName\" class=\"ml-2\">{{ label }}</label>\n</div>\n" }]
|
|
1396
1543
|
}], propDecorators: { label: [{
|
|
1397
1544
|
type: Input
|
|
1398
1545
|
}], group: [{
|
|
@@ -1401,6 +1548,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
1401
1548
|
type: Input
|
|
1402
1549
|
}], value: [{
|
|
1403
1550
|
type: Input
|
|
1551
|
+
}], disabled: [{
|
|
1552
|
+
type: Input
|
|
1404
1553
|
}], clickCheckboxEvent: [{
|
|
1405
1554
|
type: Output
|
|
1406
1555
|
}], formStatus: [{
|
|
@@ -1440,7 +1589,7 @@ class ConfirmModalComponent {
|
|
|
1440
1589
|
this.acceptClickEvent.emit(event);
|
|
1441
1590
|
}
|
|
1442
1591
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConfirmModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1443
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ConfirmModalComponent, isStandalone: true, selector: "lib-confirm-modal", inputs: { acceptBtnLabel: "acceptBtnLabel", acceptBtnIcon: "acceptBtnIcon", rejectBtnLabel: "rejectBtnLabel", rejectBtnIcon: "rejectBtnIcon", dialogHeaderColor: "dialogHeaderColor" }, outputs: { rejectClickEvent: "rejectClickEvent", acceptClickEvent: "acceptClickEvent" }, ngImport: i0, template: "<p-confirmdialog [ngClass]=\"headerClassMap[dialogHeaderColor]\"\
|
|
1592
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ConfirmModalComponent, isStandalone: true, selector: "lib-confirm-modal", inputs: { acceptBtnLabel: "acceptBtnLabel", acceptBtnIcon: "acceptBtnIcon", rejectBtnLabel: "rejectBtnLabel", rejectBtnIcon: "rejectBtnIcon", dialogHeaderColor: "dialogHeaderColor" }, outputs: { rejectClickEvent: "rejectClickEvent", acceptClickEvent: "acceptClickEvent" }, ngImport: i0, template: "<p-confirmdialog [ngClass]=\"headerClassMap[dialogHeaderColor]\"\n #cd [style]=\"{width: 'max-content'}\">\n <ng-template pTemplate=\"footer\">\n <div class=\"confirm-button-container\">\n <p-button styleClass=\"p-button-danger\" [icon]=\"rejectBtnIcon\" [label]=\"rejectBtnLabel\" (click)=\"reject($event);\"></p-button>\n <p-button styleClass=\"p-button-primary\" [icon]=\"acceptBtnIcon\" [label]=\"acceptBtnLabel\" (click)=\"accept($event);\"></p-button>\n </div>\n </ng-template>\n</p-confirmdialog>\n", styles: [":host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .p-dialog{width:25vw!important}@media screen and (max-width:768px){:host ::ng-deep .p-dialog{width:85vw!important}}:host ::ng-deep .p-dialog .p-dialog-header{border:none!important}:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width:768px){:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}:host ::ng-deep .p-dialog .p-dialog-footer .confirm-button-container{width:100%;display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i1$7.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
1444
1593
|
}
|
|
1445
1594
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConfirmModalComponent, decorators: [{
|
|
1446
1595
|
type: Component,
|
|
@@ -1449,7 +1598,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
1449
1598
|
PrimeTemplate,
|
|
1450
1599
|
ConfirmDialogModule,
|
|
1451
1600
|
Button,
|
|
1452
|
-
], template: "<p-confirmdialog [ngClass]=\"headerClassMap[dialogHeaderColor]\"\
|
|
1601
|
+
], template: "<p-confirmdialog [ngClass]=\"headerClassMap[dialogHeaderColor]\"\n #cd [style]=\"{width: 'max-content'}\">\n <ng-template pTemplate=\"footer\">\n <div class=\"confirm-button-container\">\n <p-button styleClass=\"p-button-danger\" [icon]=\"rejectBtnIcon\" [label]=\"rejectBtnLabel\" (click)=\"reject($event);\"></p-button>\n <p-button styleClass=\"p-button-primary\" [icon]=\"acceptBtnIcon\" [label]=\"acceptBtnLabel\" (click)=\"accept($event);\"></p-button>\n </div>\n </ng-template>\n</p-confirmdialog>\n", styles: [":host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .p-dialog{width:25vw!important}@media screen and (max-width:768px){:host ::ng-deep .p-dialog{width:85vw!important}}:host ::ng-deep .p-dialog .p-dialog-header{border:none!important}:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width:768px){:host ::ng-deep .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}:host ::ng-deep .p-dialog .p-dialog-footer .confirm-button-container{width:100%;display:flex;justify-content:space-between}\n"] }]
|
|
1453
1602
|
}], propDecorators: { acceptBtnLabel: [{
|
|
1454
1603
|
type: Input
|
|
1455
1604
|
}], acceptBtnIcon: [{
|
|
@@ -1534,7 +1683,7 @@ class InputComponent {
|
|
|
1534
1683
|
}
|
|
1535
1684
|
TooltipHoverEventEnum = TooltipHoverEventEnum;
|
|
1536
1685
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1537
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InputComponent, isStandalone: true, selector: "lib-input[group][controlName][name]", inputs: { name: "name", type: "type", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", group: "group", controlName: "controlName", isRequired: "isRequired", isLabelVisible: "isLabelVisible", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", groupError: "groupError", hasGap: "hasGap", hasTitle: "hasTitle", maxLength: "maxLength" }, ngImport: i0, template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\
|
|
1686
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InputComponent, isStandalone: true, selector: "lib-input[group][controlName][name]", inputs: { name: "name", type: "type", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", group: "group", controlName: "controlName", isRequired: "isRequired", isLabelVisible: "isLabelVisible", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", groupError: "groupError", hasGap: "hasGap", hasTitle: "hasTitle", maxLength: "maxLength" }, ngImport: i0, template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n <div class=\"flex\" *ngIf=\"isLabelVisible\">\n <label [title]=\"hasTitle ? label : ''\" [for]='name' class=\"mr-2\">\n {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <input\n [type]='type'\n [id]=\"name\"\n [pKeyFilter]=\"pKeyFilter\"\n pInputText\n [placeholder]='placeholder ?? \" \"'\n [formControlName]=\"controlName\"\n [maxlength]=\"maxLength\" \n [attr.aria-label]=\"accessibilityText\"\n [ngClass]=\"{ 'ng-dirty ng-invalid': (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\n (keydown)=\"type === 'number' ? onNumberKeyDown($event) : null\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [attr.aria-required]=\"isRequired\"\n />\n</div>\n <lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [hasGroupError]=\"groupError\"\n [errorId]=\"name+'Error'\"\n ></lib-error>\n", styles: [".p-component{border:1.75px solid #3E7C94!important}.p-component::placeholder{font-style:italic!important;color:#848484!important}.p-component:hover{border:1.75px solid #ffa142!important}.p-component:focus{box-shadow:0 0 2px 3px #ffa142!important}label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i2.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
|
|
1538
1687
|
}
|
|
1539
1688
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InputComponent, decorators: [{
|
|
1540
1689
|
type: Component,
|
|
@@ -1547,7 +1696,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
1547
1696
|
TooltipComponent,
|
|
1548
1697
|
InputText,
|
|
1549
1698
|
ErrorComponent,
|
|
1550
|
-
], template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\
|
|
1699
|
+
], template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n <div class=\"flex\" *ngIf=\"isLabelVisible\">\n <label [title]=\"hasTitle ? label : ''\" [for]='name' class=\"mr-2\">\n {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <input\n [type]='type'\n [id]=\"name\"\n [pKeyFilter]=\"pKeyFilter\"\n pInputText\n [placeholder]='placeholder ?? \" \"'\n [formControlName]=\"controlName\"\n [maxlength]=\"maxLength\" \n [attr.aria-label]=\"accessibilityText\"\n [ngClass]=\"{ 'ng-dirty ng-invalid': (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\n (keydown)=\"type === 'number' ? onNumberKeyDown($event) : null\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [attr.aria-required]=\"isRequired\"\n />\n</div>\n <lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [hasGroupError]=\"groupError\"\n [errorId]=\"name+'Error'\"\n ></lib-error>\n", styles: [".p-component{border:1.75px solid #3E7C94!important}.p-component::placeholder{font-style:italic!important;color:#848484!important}.p-component:hover{border:1.75px solid #ffa142!important}.p-component:focus{box-shadow:0 0 2px 3px #ffa142!important}label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
|
|
1551
1700
|
}], propDecorators: { name: [{
|
|
1552
1701
|
type: Input
|
|
1553
1702
|
}], type: [{
|
|
@@ -1685,7 +1834,7 @@ class DateInputComponent {
|
|
|
1685
1834
|
}
|
|
1686
1835
|
getTomorrowDate = getTomorrowDate;
|
|
1687
1836
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1688
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DateInputComponent, isStandalone: true, selector: "lib-date-input[group][controlName][name]", inputs: { isLabelVisible: "isLabelVisible", name: "name", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", dateFormat: "dateFormat", group: "group", controlName: "controlName", showIcon: "showIcon", selectionMode: "selectionMode", touchUI: "touchUI", formStatus: "formStatus", showClear: "showClear", isPublicDate: "isPublicDate", minDate: "minDate", maxDate: "maxDate", minDateToday: "minDateToday", maxDateSixMonths: "maxDateSixMonths", maxDateThreeMonths: "maxDateThreeMonths", maxDateRangeOneYear: "maxDateRangeOneYear", setMinAndMax: "setMinAndMax", hasGap: "hasGap", disabledDates: "disabledDates", appendTo: "appendTo", groupError: "groupError", showTime: "showTime", availableDates: "availableDates", disabledDays: "disabledDays", disabledWeekends: "disabledWeekends" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<form class='flex flex-column' [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\
|
|
1837
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DateInputComponent, isStandalone: true, selector: "lib-date-input[group][controlName][name]", inputs: { isLabelVisible: "isLabelVisible", name: "name", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", dateFormat: "dateFormat", group: "group", controlName: "controlName", showIcon: "showIcon", selectionMode: "selectionMode", touchUI: "touchUI", formStatus: "formStatus", showClear: "showClear", isPublicDate: "isPublicDate", minDate: "minDate", maxDate: "maxDate", minDateToday: "minDateToday", maxDateSixMonths: "maxDateSixMonths", maxDateThreeMonths: "maxDateThreeMonths", maxDateRangeOneYear: "maxDateRangeOneYear", setMinAndMax: "setMinAndMax", hasGap: "hasGap", disabledDates: "disabledDates", appendTo: "appendTo", groupError: "groupError", showTime: "showTime", availableDates: "availableDates", disabledDays: "disabledDays", disabledWeekends: "disabledWeekends" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<form class='flex flex-column' [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n <div class=\"flex\" *ngIf=\"isLabelVisible\">\n <label [for]=\"name\" class=\"mr-2\">\n {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n\n <p-datepicker\n [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [appendTo]=\"appendTo\"\n *ngIf=\"setMinAndMax\"\n [inputId]=\"name\"\n (onSelect)=\"onSelect.emit($event)\"\n [placeholder]='placeholder'\n [dateFormat]=\"dateFormat\"\n [showIcon]=\"showIcon\"\n [selectionMode]=\"selectionMode\"\n [formControlName]=\"controlName\"\n [touchUI]=\"touchUI\"\n [minDate]=\"minDate || getDateFifteenDaysAgo()\"\n [maxDate]=\"maxDate\"\n [showClear]=\"showClear\"\n (onClear)=\"group.get(controlName)?.reset()\"\n [attr.aria-label]=\"accessibilityText\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n [disabledDays]=\"disabledDays\"\n [disabledDates]=\"disabledDates\"\n [showTime]=\"showTime\"\n hourFormat=\"24\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [attr.aria-required]=\"isRequired\"\n >\n <!-- Mare; ideja da barva dolo\u010Dene dneve (npr. takrat ki ni prostih terminov) -->\n <!-- 24.05.2024 Mare; zaenkrat ne potrebujemo ve\u010D, ker so neprosti dnevi kar disabled -->\n <ng-template pTemplate=\"date\" let-date>\n <div>{{date.day}}</div>\n </ng-template>\n </p-datepicker>\n\n <p-datepicker\n [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [appendTo]=\"appendTo\"\n *ngIf=\"!setMinAndMax\"\n (onSelect)=\"onSelect.emit($event)\"\n [inputId]=\"name\"\n [placeholder]='placeholder'\n [dateFormat]=\"dateFormat\"\n [showIcon]=\"showIcon\"\n [selectionMode]=\"selectionMode\"\n [formControlName]=\"controlName\"\n [touchUI]=\"touchUI\"\n [showClear]=\"showClear\"\n (onClear)=\"group.get(controlName)?.reset()\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n [attr.aria-label]=\"accessibilityText\"\n [disabledDays]=\"disabledDays\"\n [disabledDates]=\"disabledDates\"\n [showTime]=\"showTime\"\n hourFormat=\"24\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [attr.aria-required]=\"isRequired\"\n ></p-datepicker>\n</form>\n<lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [hasGroupError]=\"groupError\"\n [errorId]=\"name+'Error'\"\n></lib-error>\n", styles: [":host ::ng-deep{width:100%}:host ::ng-deep .p-datepicker-dropdown{background-color:#3e7c94;color:#fff;border-color:#3e7c94}:host ::ng-deep .p-datepicker-dropdown:hover{background-color:#1b495a!important;border-color:#1b495a!important;color:#fff!important}:host ::ng-deep .p-datepicker-title>*{color:#fff!important;font-weight:700}:host ::ng-deep .p-datepicker-clear-icon{padding-right:8px;color:#6d7375;cursor:pointer}:host ::ng-deep .p-datepicker{min-width:max-content!important;width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-datepicker::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-datepicker:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-datepicker:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-datepicker table td>span.p-highlight{color:#000;background:#3e7c94}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-datepicker-prev-button,:host ::ng-deep .p-datepicker-next-button{color:#fff!important}:host ::ng-deep .p-inputtext{border:none}:host ::ng-deep .appointment-not-available{background:#ff7373;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .appointment-available{background:#e0fde7;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-button{border-radius:0 8px 8px 0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$1.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
|
|
1689
1838
|
}
|
|
1690
1839
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateInputComponent, decorators: [{
|
|
1691
1840
|
type: Component,
|
|
@@ -1698,7 +1847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
1698
1847
|
DatePickerModule,
|
|
1699
1848
|
PrimeTemplate,
|
|
1700
1849
|
ErrorComponent,
|
|
1701
|
-
], template: "<form class='flex flex-column' [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\
|
|
1850
|
+
], template: "<form class='flex flex-column' [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n <div class=\"flex\" *ngIf=\"isLabelVisible\">\n <label [for]=\"name\" class=\"mr-2\">\n {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n\n <p-datepicker\n [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [appendTo]=\"appendTo\"\n *ngIf=\"setMinAndMax\"\n [inputId]=\"name\"\n (onSelect)=\"onSelect.emit($event)\"\n [placeholder]='placeholder'\n [dateFormat]=\"dateFormat\"\n [showIcon]=\"showIcon\"\n [selectionMode]=\"selectionMode\"\n [formControlName]=\"controlName\"\n [touchUI]=\"touchUI\"\n [minDate]=\"minDate || getDateFifteenDaysAgo()\"\n [maxDate]=\"maxDate\"\n [showClear]=\"showClear\"\n (onClear)=\"group.get(controlName)?.reset()\"\n [attr.aria-label]=\"accessibilityText\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n [disabledDays]=\"disabledDays\"\n [disabledDates]=\"disabledDates\"\n [showTime]=\"showTime\"\n hourFormat=\"24\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [attr.aria-required]=\"isRequired\"\n >\n <!-- Mare; ideja da barva dolo\u010Dene dneve (npr. takrat ki ni prostih terminov) -->\n <!-- 24.05.2024 Mare; zaenkrat ne potrebujemo ve\u010D, ker so neprosti dnevi kar disabled -->\n <ng-template pTemplate=\"date\" let-date>\n <div>{{date.day}}</div>\n </ng-template>\n </p-datepicker>\n\n <p-datepicker\n [class.ng-invalid.ng-dirty]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [appendTo]=\"appendTo\"\n *ngIf=\"!setMinAndMax\"\n (onSelect)=\"onSelect.emit($event)\"\n [inputId]=\"name\"\n [placeholder]='placeholder'\n [dateFormat]=\"dateFormat\"\n [showIcon]=\"showIcon\"\n [selectionMode]=\"selectionMode\"\n [formControlName]=\"controlName\"\n [touchUI]=\"touchUI\"\n [showClear]=\"showClear\"\n (onClear)=\"group.get(controlName)?.reset()\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n [attr.aria-label]=\"accessibilityText\"\n [disabledDays]=\"disabledDays\"\n [disabledDates]=\"disabledDates\"\n [showTime]=\"showTime\"\n hourFormat=\"24\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [attr.aria-required]=\"isRequired\"\n ></p-datepicker>\n</form>\n<lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [hasGroupError]=\"groupError\"\n [errorId]=\"name+'Error'\"\n></lib-error>\n", styles: [":host ::ng-deep{width:100%}:host ::ng-deep .p-datepicker-dropdown{background-color:#3e7c94;color:#fff;border-color:#3e7c94}:host ::ng-deep .p-datepicker-dropdown:hover{background-color:#1b495a!important;border-color:#1b495a!important;color:#fff!important}:host ::ng-deep .p-datepicker-title>*{color:#fff!important;font-weight:700}:host ::ng-deep .p-datepicker-clear-icon{padding-right:8px;color:#6d7375;cursor:pointer}:host ::ng-deep .p-datepicker{min-width:max-content!important;width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-datepicker::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-datepicker:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-datepicker:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-datepicker table td>span.p-highlight{color:#000;background:#3e7c94}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-datepicker:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-datepicker-prev-button,:host ::ng-deep .p-datepicker-next-button{color:#fff!important}:host ::ng-deep .p-inputtext{border:none}:host ::ng-deep .appointment-not-available{background:#ff7373;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .appointment-available{background:#e0fde7;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-button{border-radius:0 8px 8px 0}\n"] }]
|
|
1702
1851
|
}], propDecorators: { isLabelVisible: [{
|
|
1703
1852
|
type: Input
|
|
1704
1853
|
}], name: [{
|
|
@@ -1791,7 +1940,7 @@ class TextareaComponent {
|
|
|
1791
1940
|
}
|
|
1792
1941
|
TooltipHoverEventEnum = TooltipHoverEventEnum;
|
|
1793
1942
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1794
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TextareaComponent, isStandalone: true, selector: "lib-textarea[group][controlName][name]", inputs: { name: "name", resize: "resize", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", rows: "rows", cols: "cols", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", group: "group", controlName: "controlName", isRequired: "isRequired", formStatus: "formStatus", hasGap: "hasGap", customMaxLength: "customMaxLength" }, outputs: { onBlurEvent: "onBlurEvent" }, ngImport: i0, template: "<div class=\"card flex flex-column gap-1\" [ngClass]=\"{\
|
|
1943
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TextareaComponent, isStandalone: true, selector: "lib-textarea[group][controlName][name]", inputs: { name: "name", resize: "resize", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", rows: "rows", cols: "cols", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", group: "group", controlName: "controlName", isRequired: "isRequired", formStatus: "formStatus", hasGap: "hasGap", customMaxLength: "customMaxLength" }, outputs: { onBlurEvent: "onBlurEvent" }, ngImport: i0, template: "<div class=\"card flex flex-column gap-1\" [ngClass]=\"{\n 'resize-none': !resize,\n 'gap-1': hasGap,\n }\" [formGroup]=\"group\">\n <div class=\"flex\">\n <label [for]=\"name\" class=\"mr-2\">\n {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <textarea [id]=\"name\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n pTextarea \n (blur)=\"onBlurEvent.emit()\"\n [maxlength]=\"customMaxLength\"\n [placeholder]='placeholder'\n [formControlName]=\"controlName\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n [attr.aria-label]=\"accessibilityText\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n [attr.aria-required]=\"isRequired\"\n ></textarea>\n <lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [errorId]=\"name+'Error'\"\n ></lib-error>\n</div>\n", styles: [".resize-none textarea{resize:none}:host ::ng-deep .p-textarea{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-textarea::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-textarea:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-textarea:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-inputtext{border:1px solid #1B495A;font-family:Republika,Roboto,sans-serif}:host ::ng-deep .p-inputtext::placeholder{color:#848484}:host ::ng-deep .card{padding:0!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i2$2.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
|
|
1795
1944
|
}
|
|
1796
1945
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
1797
1946
|
type: Component,
|
|
@@ -1803,7 +1952,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
1803
1952
|
NgIf,
|
|
1804
1953
|
TooltipComponent,
|
|
1805
1954
|
ErrorComponent,
|
|
1806
|
-
], template: "<div class=\"card flex flex-column gap-1\" [ngClass]=\"{\
|
|
1955
|
+
], template: "<div class=\"card flex flex-column gap-1\" [ngClass]=\"{\n 'resize-none': !resize,\n 'gap-1': hasGap,\n }\" [formGroup]=\"group\">\n <div class=\"flex\">\n <label [for]=\"name\" class=\"mr-2\">\n {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <textarea [id]=\"name\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n pTextarea \n (blur)=\"onBlurEvent.emit()\"\n [maxlength]=\"customMaxLength\"\n [placeholder]='placeholder'\n [formControlName]=\"controlName\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered) }\"\n [attr.aria-label]=\"accessibilityText\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n [attr.aria-required]=\"isRequired\"\n ></textarea>\n <lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [errorId]=\"name+'Error'\"\n ></lib-error>\n</div>\n", styles: [".resize-none textarea{resize:none}:host ::ng-deep .p-textarea{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-textarea::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-textarea:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-textarea:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-inputtext{border:1px solid #1B495A;font-family:Republika,Roboto,sans-serif}:host ::ng-deep .p-inputtext::placeholder{color:#848484}:host ::ng-deep .card{padding:0!important}\n"] }]
|
|
1807
1956
|
}], propDecorators: { name: [{
|
|
1808
1957
|
type: Input
|
|
1809
1958
|
}], resize: [{
|
|
@@ -1896,7 +2045,7 @@ class DropdownComponent {
|
|
|
1896
2045
|
return this.translateService.instant('components.dropdown.emptyFilterList');
|
|
1897
2046
|
}
|
|
1898
2047
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownComponent, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1899
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropdownComponent, isStandalone: true, selector: "lib-dropdown[group][controlName][name]", inputs: { name: "name", isMultiselect: "isMultiselect", selectedItemLabel: "selectedItemLabel", group: "group", controlName: "controlName", label: "label", optionList: "optionList", optionLabel: "optionLabel", optionalValue: "optionalValue", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", filterBy: "filterBy", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", nestedGroup: "nestedGroup", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll", ariaFilterLabel: "ariaFilterLabel", optionValue: "optionValue", minPanelWidth: "minPanelWidth" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\r\n <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n <label [for]=\"name\" class=\"mr-2\">\r\n {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n </label>\r\n <lib-tooltip\r\n *ngIf=\"_isTooltipVisible\"\r\n [position]=\"tooltipPosition\"\r\n [text]=\"tooltipText!\"\r\n ></lib-tooltip>\r\n </div>\r\n <p-select *ngIf=\"!isMultiselect\"\r\n [inputId]=\"name\"\r\n [appendTo]=\"appendTo\"\r\n (onChange)='getSelectedValue($event)'\r\n [options]=\"optionList\"\r\n [optionLabel]=\"!nestedGroup ? optionLabel : undefined\"\r\n [formControlName]=\"controlName\"\r\n [placeholder]='placeholder'\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"38\"\r\n [group]=\"nestedGroup\"\r\n [filter]='filter'\r\n [filterBy]='filterBy'\r\n [showClear]=\"group.get(controlName)?.value && showClear\"\r\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n [attr.aria-label]=\"accessibilityText\"\r\n (onClear)=\"onClear()\"\r\n [optionValue]=\"optionValue\"\r\n [emptyMessage]=\"emptyDropdownMessage\"\r\n [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n [ariaFilterLabel]=\"ariaFilterLabel!\"\r\n [attr.aria-describedby]=\"name + 'Error'\"\r\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n [attr.aria-required]=\"isRequired\"\r\n [panelStyle]=\"minPanelWidth ? {\r\n width: 'max-content',\r\n 'min-width': minPanelWidth,\r\n 'max-width': '90vw'\r\n } : null\"\r\n >\r\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n <div class=\"flex align-items-center\">\r\n <span>{{ nestedGroup.label }}</span>\r\n </div>\r\n </ng-template>\r\n </p-select>\r\n <p-multiselect\r\n *ngIf=\"isMultiselect\"\r\n [inputId]=\"name\"\r\n [appendTo]=\"appendTo\"\r\n (onChange)='getSelectedValue($event)'\r\n [options]=\"optionList\"\r\n [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\r\n [formControlName]=\"controlName\"\r\n [optionValue]=\"optionValue\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"38\"\r\n [group]=\"nestedGroup\"\r\n [filter]='filter'\r\n [filterBy]='filterBy'\r\n [selectedItemsLabel]=\"dynamicItemsLabel\"\r\n [placeholder]=\"placeholder\"\r\n [showClear]=\"group.get(controlName)!.value && showClear\"\r\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\r\n [attr.aria-label]=\"accessibilityText\"\r\n (onClear)=\"onClear()\"\r\n [emptyMessage]=\"emptyDropdownMessage\"\r\n [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\r\n [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n [panelStyle]=\"minPanelWidth ? {\r\n width: 'max-content',\r\n 'min-width': minPanelWidth,\r\n 'max-width': '90vw'\r\n } : null\"\r\n [attr.aria-describedby]=\"name + 'Error'\"\r\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\r\n [attr.aria-required]=\"isRequired\"\r\n >\r\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\r\n <div class=\"flex align-items-center\">\r\n <span>{{ nestedGroup.label }}</span>\r\n </div>\r\n </ng-template>\r\n </p-multiselect>\r\n <lib-error\r\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\r\n [hasError]=\"group.get(controlName)!.errors\"\r\n [isDirty]=\"group.get(controlName)!.pristine\"\r\n [isTouched]=\"group.get(controlName)!.touched\"\r\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\r\n [errorId]=\"name+'Error'\"\r\n ></lib-error>\r\n</div>\r\n", styles: ["::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}::ng-deep .p-select .p-select-header{background-color:#3e7c94}::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i5$1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
|
|
2048
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DropdownComponent, isStandalone: true, selector: "lib-dropdown[group][controlName][name]", inputs: { name: "name", isMultiselect: "isMultiselect", selectedItemLabel: "selectedItemLabel", group: "group", controlName: "controlName", label: "label", optionList: "optionList", optionLabel: "optionLabel", optionalValue: "optionalValue", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", filterBy: "filterBy", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", nestedGroup: "nestedGroup", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll", ariaFilterLabel: "ariaFilterLabel", optionValue: "optionValue", minPanelWidth: "minPanelWidth" }, outputs: { getValueEvent: "getValueEvent" }, ngImport: i0, template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\n <div class=\"flex\" *ngIf=\"isLabelVisible\">\n <label [for]=\"name\" class=\"mr-2\">\n {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <p-select *ngIf=\"!isMultiselect\"\n [inputId]=\"name\"\n [appendTo]=\"appendTo\"\n (onChange)='getSelectedValue($event)'\n [options]=\"optionList\"\n [optionLabel]=\"!nestedGroup ? optionLabel : undefined\"\n [formControlName]=\"controlName\"\n [placeholder]='placeholder'\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"38\"\n [group]=\"nestedGroup\"\n [filter]='filter'\n [filterBy]='filterBy'\n [showClear]=\"group.get(controlName)?.value && showClear\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n [attr.aria-label]=\"accessibilityText\"\n (onClear)=\"onClear()\"\n [optionValue]=\"optionValue\"\n [emptyMessage]=\"emptyDropdownMessage\"\n [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\n [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n [ariaFilterLabel]=\"ariaFilterLabel!\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n [attr.aria-required]=\"isRequired\"\n [panelStyle]=\"minPanelWidth ? {\n width: 'max-content',\n 'min-width': minPanelWidth,\n 'max-width': '90vw'\n } : null\"\n >\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n <div class=\"flex align-items-center\">\n <span>{{ nestedGroup.label }}</span>\n </div>\n </ng-template>\n </p-select>\n <p-multiselect\n *ngIf=\"isMultiselect\"\n [inputId]=\"name\"\n [appendTo]=\"appendTo\"\n (onChange)='getSelectedValue($event)'\n [options]=\"optionList\"\n [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\n [formControlName]=\"controlName\"\n [optionValue]=\"optionValue\"\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"38\"\n [group]=\"nestedGroup\"\n [filter]='filter'\n [filterBy]='filterBy'\n [selectedItemsLabel]=\"dynamicItemsLabel\"\n [placeholder]=\"placeholder\"\n [showClear]=\"group.get(controlName)!.value && showClear\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n [attr.aria-label]=\"accessibilityText\"\n (onClear)=\"onClear()\"\n [emptyMessage]=\"emptyDropdownMessage\"\n [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\n [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n [panelStyle]=\"minPanelWidth ? {\n width: 'max-content',\n 'min-width': minPanelWidth,\n 'max-width': '90vw'\n } : null\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n [attr.aria-required]=\"isRequired\"\n >\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n <div class=\"flex align-items-center\">\n <span>{{ nestedGroup.label }}</span>\n </div>\n </ng-template>\n </p-multiselect>\n <lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isDirty]=\"group.get(controlName)!.pristine\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n [errorId]=\"name+'Error'\"\n ></lib-error>\n</div>\n", styles: ["::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}::ng-deep .p-select .p-select-header{background-color:#3e7c94}::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i5$1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
|
|
1900
2049
|
}
|
|
1901
2050
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
1902
2051
|
type: Component,
|
|
@@ -1910,7 +2059,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
1910
2059
|
PrimeTemplate,
|
|
1911
2060
|
MultiSelectModule,
|
|
1912
2061
|
ErrorComponent,
|
|
1913
|
-
], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\
|
|
2062
|
+
], template: "<div class='flex flex-column gap-1' [formGroup]=\"group\">\n <div class=\"flex\" *ngIf=\"isLabelVisible\">\n <label [for]=\"name\" class=\"mr-2\">\n {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <p-select *ngIf=\"!isMultiselect\"\n [inputId]=\"name\"\n [appendTo]=\"appendTo\"\n (onChange)='getSelectedValue($event)'\n [options]=\"optionList\"\n [optionLabel]=\"!nestedGroup ? optionLabel : undefined\"\n [formControlName]=\"controlName\"\n [placeholder]='placeholder'\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"38\"\n [group]=\"nestedGroup\"\n [filter]='filter'\n [filterBy]='filterBy'\n [showClear]=\"group.get(controlName)?.value && showClear\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n [attr.aria-label]=\"accessibilityText\"\n (onClear)=\"onClear()\"\n [optionValue]=\"optionValue\"\n [emptyMessage]=\"emptyDropdownMessage\"\n [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\n [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n [ariaFilterLabel]=\"ariaFilterLabel!\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n [attr.aria-required]=\"isRequired\"\n [panelStyle]=\"minPanelWidth ? {\n width: 'max-content',\n 'min-width': minPanelWidth,\n 'max-width': '90vw'\n } : null\"\n >\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n <div class=\"flex align-items-center\">\n <span>{{ nestedGroup.label }}</span>\n </div>\n </ng-template>\n </p-select>\n <p-multiselect\n *ngIf=\"isMultiselect\"\n [inputId]=\"name\"\n [appendTo]=\"appendTo\"\n (onChange)='getSelectedValue($event)'\n [options]=\"optionList\"\n [optionLabel]=\"!nestedGroup ? optionLabel : ''\"\n [formControlName]=\"controlName\"\n [optionValue]=\"optionValue\"\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"38\"\n [group]=\"nestedGroup\"\n [filter]='filter'\n [filterBy]='filterBy'\n [selectedItemsLabel]=\"dynamicItemsLabel\"\n [placeholder]=\"placeholder\"\n [showClear]=\"group.get(controlName)!.value && showClear\"\n [ngClass]=\"{ 'ng-dirty': (group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!) }\"\n [attr.aria-label]=\"accessibilityText\"\n (onClear)=\"onClear()\"\n [emptyMessage]=\"emptyDropdownMessage\"\n [emptyFilterMessage]=\"emptyFilterDropdownMessage\"\n [dropdownIcon]=\"isLoading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\n [panelStyle]=\"minPanelWidth ? {\n width: 'max-content',\n 'min-width': minPanelWidth,\n 'max-width': '90vw'\n } : null\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered))\"\n [attr.aria-required]=\"isRequired\"\n >\n <ng-template *ngIf=\"nestedGroup\" let-nestedGroup pTemplate=\"nestedGroup\">\n <div class=\"flex align-items-center\">\n <span>{{ nestedGroup.label }}</span>\n </div>\n </ng-template>\n </p-multiselect>\n <lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered || formStatus!.isNestedFormSubmit!)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isDirty]=\"group.get(controlName)!.pristine\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n [errorId]=\"name+'Error'\"\n ></lib-error>\n</div>\n", styles: ["::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}::ng-deep .p-select .p-select-header{background-color:#3e7c94}::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}\n"] }]
|
|
1914
2063
|
}], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { name: [{
|
|
1915
2064
|
type: Input
|
|
1916
2065
|
}], isMultiselect: [{
|
|
@@ -1991,7 +2140,7 @@ class ToggleSwitchComponent {
|
|
|
1991
2140
|
this.changeChecked(false);
|
|
1992
2141
|
}
|
|
1993
2142
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ToggleSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1994
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ToggleSwitchComponent, isStandalone: true, selector: "lib-toggle-switch", inputs: { group: "group", controlName: "controlName", isFormElement: "isFormElement", checked: "checked", disabled: "disabled" }, outputs: { getValueEvent: "getValueEvent", checkedChanged: "checkedChanged" }, ngImport: i0, template: "<div class=\"flex flex-column mt-2\" [formGroup]=\"group\" *ngIf=\"isFormElement\">\
|
|
2143
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ToggleSwitchComponent, isStandalone: true, selector: "lib-toggle-switch", inputs: { group: "group", controlName: "controlName", isFormElement: "isFormElement", checked: "checked", disabled: "disabled" }, outputs: { getValueEvent: "getValueEvent", checkedChanged: "checkedChanged" }, ngImport: i0, template: "<div class=\"flex flex-column mt-2\" [formGroup]=\"group\" *ngIf=\"isFormElement\">\n <p-toggleswitch\n (onChange)=\"toggleValue($event, true)\"\n [formControlName]=\"controlName\"\n ></p-toggleswitch>\n</div>\n<div class=\"flex flex-column mt-2\" *ngIf=\"!isFormElement\">\n <p-toggleswitch [disabled]=\"disabled\" [(ngModel)]=\"checked\" (onChange)=\"toggleValue($event, false)\"></p-toggleswitch>\n</div>\n", styles: [":host ::ng-deep .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider{background:#3e7c94!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider{border-radius:15px;background:#d7d7d7!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider:before{border-radius:50%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2$3.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] });
|
|
1995
2144
|
}
|
|
1996
2145
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ToggleSwitchComponent, decorators: [{
|
|
1997
2146
|
type: Component,
|
|
@@ -2000,7 +2149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
2000
2149
|
FormsModule,
|
|
2001
2150
|
ReactiveFormsModule,
|
|
2002
2151
|
ToggleSwitchModule,
|
|
2003
|
-
], template: "<div class=\"flex flex-column mt-2\" [formGroup]=\"group\" *ngIf=\"isFormElement\">\
|
|
2152
|
+
], template: "<div class=\"flex flex-column mt-2\" [formGroup]=\"group\" *ngIf=\"isFormElement\">\n <p-toggleswitch\n (onChange)=\"toggleValue($event, true)\"\n [formControlName]=\"controlName\"\n ></p-toggleswitch>\n</div>\n<div class=\"flex flex-column mt-2\" *ngIf=\"!isFormElement\">\n <p-toggleswitch [disabled]=\"disabled\" [(ngModel)]=\"checked\" (onChange)=\"toggleValue($event, false)\"></p-toggleswitch>\n</div>\n", styles: [":host ::ng-deep .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider{background:#3e7c94!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider{border-radius:15px;background:#d7d7d7!important}:host ::ng-deep .p-toggleswitch .p-toggleswitch-slider:before{border-radius:50%}\n"] }]
|
|
2004
2153
|
}], propDecorators: { group: [{
|
|
2005
2154
|
type: Input
|
|
2006
2155
|
}], controlName: [{
|
|
@@ -2025,11 +2174,11 @@ class TagComponent {
|
|
|
2025
2174
|
return this.tagColor;
|
|
2026
2175
|
}
|
|
2027
2176
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2028
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TagComponent, isStandalone: true, selector: "lib-tag", inputs: { tagText: "tagText", tagColor: "tagColor", rounded: "rounded" }, ngImport: i0, template: "<p-tag\
|
|
2177
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TagComponent, isStandalone: true, selector: "lib-tag", inputs: { tagText: "tagText", tagColor: "tagColor", rounded: "rounded" }, ngImport: i0, template: "<p-tag\n [value]=\"tagText\"\n [severity]=\"getColor()\"\n [rounded]=\"rounded\"\n></p-tag>\n", styles: [""], dependencies: [{ kind: "component", type: Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }] });
|
|
2029
2178
|
}
|
|
2030
2179
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TagComponent, decorators: [{
|
|
2031
2180
|
type: Component,
|
|
2032
|
-
args: [{ selector: 'lib-tag', imports: [Tag], template: "<p-tag\
|
|
2181
|
+
args: [{ selector: 'lib-tag', imports: [Tag], template: "<p-tag\n [value]=\"tagText\"\n [severity]=\"getColor()\"\n [rounded]=\"rounded\"\n></p-tag>\n" }]
|
|
2033
2182
|
}], propDecorators: { tagText: [{
|
|
2034
2183
|
type: Input
|
|
2035
2184
|
}], tagColor: [{
|
|
@@ -2051,11 +2200,11 @@ class IconButtonComponent {
|
|
|
2051
2200
|
this.clickEvent.emit(event);
|
|
2052
2201
|
}
|
|
2053
2202
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2054
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: IconButtonComponent, isStandalone: true, selector: "lib-icon-button", inputs: { icon: "icon", disabled: "disabled", color: "color", styleClass: "styleClass", size: "size" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<p-button\
|
|
2203
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: IconButtonComponent, isStandalone: true, selector: "lib-icon-button", inputs: { icon: "icon", disabled: "disabled", color: "color", styleClass: "styleClass", size: "size" }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<p-button\n icon=\"pi pi-{{icon}}\"\n styleClass='p-button-{{color}}\n {{styleClass}} {{size}}'\n [disabled]='disabled'\n (click)='click($event)'\n></p-button>\n", styles: [""], dependencies: [{ kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
2055
2204
|
}
|
|
2056
2205
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IconButtonComponent, decorators: [{
|
|
2057
2206
|
type: Component,
|
|
2058
|
-
args: [{ selector: 'lib-icon-button', imports: [Button], template: "<p-button\
|
|
2207
|
+
args: [{ selector: 'lib-icon-button', imports: [Button], template: "<p-button\n icon=\"pi pi-{{icon}}\"\n styleClass='p-button-{{color}}\n {{styleClass}} {{size}}'\n [disabled]='disabled'\n (click)='click($event)'\n></p-button>\n" }]
|
|
2059
2208
|
}], propDecorators: { icon: [{
|
|
2060
2209
|
type: Input
|
|
2061
2210
|
}], disabled: [{
|
|
@@ -2280,7 +2429,7 @@ class CustomTableComponent {
|
|
|
2280
2429
|
}
|
|
2281
2430
|
}
|
|
2282
2431
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CustomTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2283
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CustomTableComponent, isStandalone: true, selector: "lib-custom-table[tableData][tableColumns]", inputs: { tableData: "tableData", tableColumns: "tableColumns", isPaginatorVisible: "isPaginatorVisible", tableRowCount: "tableRowCount", scrollable: "scrollable", scrollHeight: "scrollHeight", selectedProducts: "selectedProducts", isEditingTable: "isEditingTable", isTableLoading: "isTableLoading", hideColumnsOnMobile: "hideColumnsOnMobile", tableMinWidth: "tableMinWidth", isVirtualScrollButtonVisible: "isVirtualScrollButtonVisible", isVirtualScroll: "isVirtualScroll", virtualScrollRowSize: "virtualScrollRowSize", tableCaption: "tableCaption", captionColorClass: "captionColorClass", isCaptionButtonVisible: "isCaptionButtonVisible", captionButtonLabel: "captionButtonLabel", captionButtonColor: "captionButtonColor", isTableHeaderVisible: "isTableHeaderVisible", emptyColumnWidth: "emptyColumnWidth", toggleTableHeaderName: "toggleTableHeaderName", toggleWidth: "toggleWidth", toggleTwoTableHeaderName: "toggleTwoTableHeaderName", toggleTwoWidth: "toggleTwoWidth", toggleThreeTableHeaderName: "toggleThreeTableHeaderName", toggleThreeWidth: "toggleThreeWidth", toggleFourTableHeaderName: "toggleFourTableHeaderName", toggleFourWidth: "toggleFourWidth", rowColor: "rowColor", formGroup: "formGroup", type: "type", formStatus: "formStatus", tagColor: "tagColor", isWarningTextVisible: "isWarningTextVisible", isButtonOneVisible: "isButtonOneVisible", buttonLabel: "buttonLabel", buttonOneLabel: "buttonOneLabel", buttonOneHasIcon: "buttonOneHasIcon", buttonOneEditIcon: "buttonOneEditIcon", buttonOneSaveIcon: "buttonOneSaveIcon", buttonOneColor: "buttonOneColor", buttonOneIcon: "buttonOneIcon", isPlainTableIconButtonOne: "isPlainTableIconButtonOne", isPlainTableButtonOneLink: "isPlainTableButtonOneLink", isButtonTwoVisible: "isButtonTwoVisible", buttonTwoLabel: "buttonTwoLabel", buttonTwoHasIcon: "buttonTwoHasIcon", buttonTwoDeleteIcon: "buttonTwoDeleteIcon", buttonTwoCancelIcon: "buttonTwoCancelIcon", buttonTwoColor: "buttonTwoColor", buttonTwoIcon: "buttonTwoIcon", isPlainTableIconButtonTwo: "isPlainTableIconButtonTwo", isDeactivateToggle: "isDeactivateToggle", isDeactivateToggleTwo: "isDeactivateToggleTwo", isDeactivateToggleThree: "isDeactivateToggleThree", isDeactivateToggleFour: "isDeactivateToggleFour", showEllipsisFullText: "showEllipsisFullText" }, outputs: { captionButtonClicked: "captionButtonClicked", buttonEditClick: "buttonEditClick", buttonSaveClick: "buttonSaveClick", buttonOneClick: "buttonOneClick", buttonDeleteClick: "buttonDeleteClick", buttonTwoClick: "buttonTwoClick", toggleSwitch: "toggleSwitch", toggleTwoSwitch: "toggleTwoSwitch", toggleThreeSwitch: "toggleThreeSwitch", toggleFourSwitch: "toggleFourSwitch", checkboxOne: "checkboxOne" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-table\r\n #dt\r\n [value]=\"tableData\"\r\n [paginator]=\"isPaginatorVisible\"\r\n [rows]=\"tableRowCount\"\r\n [showCurrentPageReport]=\"false\"\r\n [scrollable]=\"scrollable\"\r\n [scrollHeight]=\"scrollHeight\"\r\n dataKey=\"id\"\r\n editMode=\"row\"\r\n [ngClass]=\"captionColorClass\"\r\n [loading]=\"isTableLoading\"\r\n [tableStyle]=\"{'min-width': tableMinWidth}\"\r\n [virtualScroll]=\"isVirtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollRowSize\"\r\n aria-live=\"polite\"\r\n>\r\n <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">\r\n <div class=\"flex align-items-center justify-content-between\">\r\n {{ tableCaption }}\r\n <span *ngIf=\"isVirtualScrollButtonVisible\"\r\n (click)=\"isVirtualScroll = !isVirtualScroll\"\r\n [ngStyle]=\"{'color': isVirtualScroll ? '' : 'lightgray'}\"\r\n class=\"pi pi-sort cursor-pointer\">\r\n </span>\r\n <lib-button\r\n *ngIf=\"isCaptionButtonVisible\"\r\n [label]=\"captionButtonLabel\"\r\n [color]=\"captionButtonColor\"\r\n (clickEvent)=\"clickCaptionButton($event)\"\r\n ></lib-button>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\r\n <tr>\r\n <ng-container *ngFor=\"let column of tableColumns\">\r\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n <th scope=\"col\" [style.width]=\"column.width\">\r\n {{ column.header | translate }}\r\n </th>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <th *ngFor=\"let _ of emptyHeaderColumnList\" [style.width]=\"emptyColumnWidth\" aria-hidden=\"true\"></th>\r\n <th *ngIf=\"!!toggleTableHeaderName\" scope=\"col\" [style.width]=\"toggleWidth\" class=\"vertical-align-middle\">\r\n {{ toggleTableHeaderName }}\r\n </th>\r\n <th *ngIf=\"!!toggleTwoTableHeaderName\" scope=\"col\" [style.width]=\"toggleTwoWidth\" class=\"vertical-align-middle\">\r\n {{ toggleTwoTableHeaderName }}\r\n </th>\r\n <th *ngIf=\"!!toggleThreeTableHeaderName\" scope=\"col\" [style.width]=\"toggleThreeWidth\" class=\"vertical-align-middle\">\r\n {{ toggleThreeTableHeaderName }}\r\n </th>\r\n <th *ngIf=\"!!toggleFourTableHeaderName\" scope=\"col\" [style.width]=\"toggleFourWidth\" class=\"vertical-align-middle\">\r\n {{ toggleFourTableHeaderName }}\r\n </th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <!--\r\n Mare; 2024-09-19: dodajanje logike barvanja rowColor za /cms/notifications, delat mora pa tudi v /vsi-termini\r\n -->\r\n <tr [pEditableRow]=\"rowData\" #htmlTableRowElement\r\n [ngClass]=\"\r\n rowData?.cmsStatus ?\r\n (rowData?.cmsStatus === 'expired' ? 'disabled_row_color' :\r\n rowData?.cmsStatus === 'planned' ? '' :\r\n rowData?.cmsStatus === 'active' ? 'success_row_color' : '') :\r\n (!rowData?.registered ? rowColor : '')\r\n \">\r\n <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\r\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n <td [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n <!-- Text input-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'input'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <lib-input\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [name]=\"column.field\"\r\n [type]=\"column.inputType ? column.inputType : type\"\r\n placeholder=\"{{ column.placeholder! |translate }}\"\r\n [isRequired]=\"false\"\r\n [formStatus]=\"formStatus\"\r\n [hasGap]=\"false\"\r\n ></lib-input>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n <ng-container *ngIf=\"column.isLink; else notLink\">\r\n <a href=\"{{ rowData[column.field] }}\" target=\"_blank\">\r\n {{ rowData[column.field] }}\r\n </a>\r\n </ng-container>\r\n <ng-template #notLink>\r\n {{ rowData[column.field] }} {{ column?.suffix }}\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- Date input-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'date'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <lib-date-input\r\n appendTo=\"body\"\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [name]=\"column.field\"\r\n [setMinAndMax]=\"false\"\r\n [isRequired]=\"false\"\r\n [formStatus]=\"formStatus\"\r\n [hasGap]=\"false\"\r\n placeholder=\"{{ column.placeholder! | translate }}\"\r\n ></lib-date-input>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n {{ rowData[column.field] | date: 'dd.MM.yyyy' }} {{ column?.suffix }}\r\n </ng-container>\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- Date+Time output-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'dateTime'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n {{ rowData[column.field] | date: 'dd.MM.yyyy, HH:mm' }} {{ column?.suffix }}\r\n </ng-container>\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- TextArea input-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'textarea'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <lib-textarea *ngIf=\"column.maxLength === -1\"\r\n [customMaxLength]=\"null\"\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [name]=\"column.field\"\r\n [isRequired]=\"false\"\r\n [formStatus]=\"formStatus\"\r\n [hasGap]=\"false\"\r\n placeholder=\"{{ column.placeholder! |translate }}\"\r\n ></lib-textarea>\r\n <lib-textarea *ngIf=\"column.maxLength !== -1\"\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [name]=\"column.field\"\r\n [isRequired]=\"false\"\r\n [formStatus]=\"formStatus\"\r\n [hasGap]=\"false\"\r\n placeholder=\"{{ column.placeholder! |translate }}\"\r\n ></lib-textarea>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n <lib-tooltip\r\n [htmlParser]=\"true\"\r\n [text]=\"rowData[column.field]\"\r\n ></lib-tooltip>\r\n </ng-container>\r\n\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- Dropdown input-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'dropdown'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <lib-dropdown\r\n label=\"Moje naloge\"\r\n placeholder=\"Izberite\"\r\n optionLabel=\"name\"\r\n [showClear]=\"true\"\r\n [formStatus]=\"formStatus\"\r\n\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [name]=\"column.field\"\r\n\r\n filterBy=\"name\"\r\n [isLoading]=\"false\"\r\n [optionList]=\"overviewList\"\r\n [filter]=\"true\"\r\n [isRequired]=\"false\"\r\n ></lib-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n <lib-tooltip\r\n [htmlParser]=\"true\"\r\n [text]=\"rowData[column.field]\"\r\n ></lib-tooltip>\r\n </ng-container>\r\n\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- Switch input-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'switch'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <lib-toggle-switch\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [checked]=\"rowData[column.field]\"\r\n ></lib-toggle-switch>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n {{ 'components.customTable.yes' | translate }}\r\n </ng-container>\r\n\r\n <ng-template #emptyCell>\r\n {{ 'components.customTable.no' | translate }}\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- Mare; dodal custom checkbox za izbiro vrstice -->\r\n <!-- [controlName] je oblike rowChecked_2024-04-11T11:35:00_c3cff776-dc06-40ec-bab5-7cab26e2014a -->\r\n <!-- column.field = rowChecked -->\r\n <!-- rowData[column?.control!] = 2024-04-11T11:35:00 (startDate) -->\r\n <!-- rowData[column?.control2!] = c3cff776-dc06-40ec-bab5-7cab26e2014a (uuid) -->\r\n <ng-container *ngIf=\"column.editable && column.component === 'checkbox'\">\r\n <lib-checkbox class=\"\"\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field + '_' + rowData[column?.control!] + '_' + rowData[column?.control2!]\"\r\n (clickCheckboxEvent)=\"clickCheckboxOne($event, rowData[column?.control!] + '_' + rowData[column?.control2!])\"\r\n label=\"\">\r\n </lib-checkbox>\r\n </ng-container>\r\n\r\n <!-- Plain table-->\r\n <ng-container *ngIf=\"!column.editable\">\r\n <ng-container *ngIf=\"column.tooltip || column.tag || column.status || column.ellipsis; else valueCell\">\r\n <!-- Tooltip -->\r\n <ng-container *ngIf=\"column.tooltip\">\r\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n <lib-tooltip [htmlParser]=\"true\" [text]=\"getNestedValue(rowData, column.field)\"></lib-tooltip>\r\n </ng-container>\r\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n /\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!-- Ellipsis -->\r\n <ng-container *ngIf=\"column.ellipsis\">\r\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n <span>\r\n {{ getNestedValue(rowData, column.field) }}\r\n </span>\r\n </ng-container>\r\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n /\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!-- Tag -->\r\n <ng-container *ngIf=\"column.tag && getNestedValue(rowData, column.field)\">\r\n <lib-tag [tagText]=\"getNestedValue(rowData, column.field)\" [tagColor]=\"rowData.tagColor\" [rounded]=\"true\"></lib-tag>\r\n </ng-container>\r\n\r\n <!-- Status -->\r\n <ng-container *ngIf=\"column.status\">\r\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n <div style=\"background-color: #66952E; height: 25px; width: 75px;\"></div>\r\n </ng-container>\r\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n <div style=\"background-color: #f44336; height: 25px; width: 75px;\"></div>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #valueCell>\r\n <ng-container *ngIf=\"getNestedValue(rowData, column.field); else emptyCell\">\r\n <!-- Mare; dodal izjemo za 'cmsStatus' -->\r\n <ng-container *ngIf=\"column.field === 'cmsStatus'; else defaultContent\">\r\n {{ 'pages.cms.cmsStatus.' + getNestedValue(rowData, column.field) | translate }}\r\n </ng-container>\r\n <!-- Privzeta vsebina za vse ostale stolpce -->\r\n <ng-template #defaultContent>\r\n {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <p class=\"text-red-500 custom-small-text\" *ngIf=\"colIndex === 0 && rowData?.administrativeProcedure?.localJurisdiction && isWarningTextVisible\">\r\n <br/> {{ 'components.customTable.notification' | translate }}\r\n </p>\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!-- Button column one -->\r\n <td *ngIf=\"isButtonOneVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n <!-- Editing table-->\r\n <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n <lib-icon-button\r\n *ngIf=\"!editing\"\r\n pInitEditableRow\r\n [color]=\"buttonOneColor\"\r\n [icon]=\"buttonOneEditIcon\"\r\n (click)='onRowEdit(rowData)'\r\n ></lib-icon-button>\r\n <lib-icon-button\r\n *ngIf=\"editing\"\r\n [color]=\"buttonOneColor!\"\r\n [icon]=\"buttonOneSaveIcon\"\r\n (click)='onRowSave(rowData, htmlTableRowElement)'\r\n ></lib-icon-button>\r\n </ng-container>\r\n\r\n <!-- Plain table-->\r\n <ng-template #plainTable>\r\n <ng-container\r\n *ngIf=\"(rowData?.administrativeProcedure === undefined || rowData?.administrativeProcedure?.detailsUrl !== null) && !isPlainTableIconButtonOne\"\r\n >\r\n <lib-button\r\n *ngIf=\"!isPlainTableButtonOneLink\"\r\n [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n [hasIcon]=\"buttonOneHasIcon!\"\r\n [color]=\"rowData?.buttonColor ? rowData.buttonColor : buttonOneColor!\"\r\n [icon]=\"buttonOneIcon!\"\r\n (click)='clickButtonOne(rowData)'\r\n ></lib-button>\r\n <lib-button-link\r\n *ngIf=\"isPlainTableButtonOneLink\"\r\n [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n [isPrimary]=\"true\"\r\n [hasIcon]=\"buttonOneHasIcon!\"\r\n [icon]=\"buttonOneIcon! + ' md:ml-2'\"\r\n (click)='clickButtonOne(rowData)'\r\n ></lib-button-link>\r\n </ng-container>\r\n <lib-icon-button\r\n *ngIf=\"isPlainTableIconButtonOne\"\r\n [color]=\"buttonOneColor!\"\r\n [icon]=\"buttonOneSaveIcon\"\r\n (click)='clickButtonOne(rowData)'\r\n ></lib-icon-button>\r\n </ng-template>\r\n </td>\r\n\r\n <!-- Button column two -->\r\n <td *ngIf=\"isButtonTwoVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n <!-- Editing table-->\r\n <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n <lib-icon-button\r\n *ngIf=\"!editing\"\r\n [color]=\"buttonTwoColor\"\r\n [icon]=\"buttonTwoDeleteIcon\"\r\n (click)='onRowDelete(rowData)'\r\n ></lib-icon-button>\r\n <lib-icon-button\r\n *ngIf=\"editing\"\r\n [color]=\"buttonTwoColor\"\r\n [icon]=\"buttonTwoCancelIcon\"\r\n (click)=\"onRowCancel(rowData)\"\r\n ></lib-icon-button>\r\n </ng-container>\r\n\r\n <!-- Plain table-->\r\n <ng-template #plainTable>\r\n <lib-button\r\n *ngIf=\"!isPlainTableIconButtonTwo\"\r\n [label]=\"buttonTwoLabel!\"\r\n [hasIcon]=\"buttonTwoHasIcon!\"\r\n [color]=\"buttonTwoColor!\"\r\n [icon]=\"buttonTwoIcon!\"\r\n (click)='clickButtonTwo(rowData)'\r\n ></lib-button>\r\n <lib-icon-button\r\n *ngIf=\"isPlainTableIconButtonTwo\"\r\n [color]=\"buttonTwoColor!\"\r\n [icon]=\"buttonTwoDeleteIcon\"\r\n (click)='clickButtonTwo(rowData)'\r\n ></lib-icon-button>\r\n </ng-template>\r\n </td>\r\n\r\n <!-- Deactivate toggle -->\r\n <td *ngIf=\"isDeactivateToggle\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n <lib-toggle-switch\r\n [isFormElement]=\"false\"\r\n [checked]=\"rowData.isEnabled\"\r\n (getValueEvent)=\"toggleEnable({ rowData, $event })\"\r\n ></lib-toggle-switch>\r\n </td>\r\n\r\n <!-- Deactivate toggle two -->\r\n <td *ngIf=\"isDeactivateToggleTwo\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n <lib-toggle-switch\r\n [disabled]=\"!rowData.isEnabled\"\r\n [isFormElement]=\"false\"\r\n [checked]=\"rowData.isAppointmentEnabled\"\r\n (getValueEvent)=\"toggleTwoEnable({ rowData, $event })\"\r\n ></lib-toggle-switch>\r\n </td>\r\n\r\n <!-- Deactivate toggle three -->\r\n <td *ngIf=\"isDeactivateToggleThree\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n <lib-toggle-switch\r\n [disabled]=\"!rowData.isEnabled\"\r\n [isFormElement]=\"false\"\r\n [checked]=\"rowData.isNotificationEnabled\"\r\n (getValueEvent)=\"toggleThreeEnable({ rowData, $event })\"\r\n ></lib-toggle-switch>\r\n </td>\r\n\r\n <!-- Deactivate toggle four -->\r\n <td *ngIf=\"isDeactivateToggleFour\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n <lib-toggle-switch\r\n [disabled]=\"!rowData.isEnabled\"\r\n [isFormElement]=\"false\"\r\n [checked]=\"rowData.isVrstomatEnabled\"\r\n (getValueEvent)=\"toggleFourEnable({ rowData, $event })\"\r\n ></lib-toggle-switch>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n", styles: [":host ::ng-deep .future .p-datatable-header{background:#b2414d}:host ::ng-deep .past .p-datatable-header{background:#6d7375}:host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:8px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border:none;color:#fff;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:first-child,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:first-child{width:400px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:nth-child(2),:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:nth-child(2){width:150px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent;height:50px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952eb3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.disabled_row_color{background:#b4b4b4b3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-datatable .table-icon-button{width:50px}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}@media(max-width:600px){:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:.5rem}}.disabled-row{opacity:.5;pointer-events:none}.custom-small-text{font-size:.8rem;line-height:.9}.ellipsis-text{cursor:n-resize}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1$8.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i1$8.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i1$8.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: InputComponent, selector: "lib-input[group][controlName][name]", inputs: ["name", "type", "label", "placeholder", "accessibilityText", "group", "controlName", "isRequired", "isLabelVisible", "tooltipPosition", "tooltipText", "formStatus", "groupError", "hasGap", "hasTitle", "maxLength"] }, { kind: "component", type: DateInputComponent, selector: "lib-date-input[group][controlName][name]", inputs: ["isLabelVisible", "name", "label", "placeholder", "accessibilityText", "isRequired", "tooltipPosition", "tooltipText", "dateFormat", "group", "controlName", "showIcon", "selectionMode", "touchUI", "formStatus", "showClear", "isPublicDate", "minDate", "maxDate", "minDateToday", "maxDateSixMonths", "maxDateThreeMonths", "maxDateRangeOneYear", "setMinAndMax", "hasGap", "disabledDates", "appendTo", "groupError", "showTime", "availableDates", "disabledDays", "disabledWeekends"], outputs: ["onSelect"] }, { kind: "component", type: TextareaComponent, selector: "lib-textarea[group][controlName][name]", inputs: ["name", "resize", "label", "placeholder", "accessibilityText", "rows", "cols", "tooltipPosition", "tooltipText", "group", "controlName", "isRequired", "formStatus", "hasGap", "customMaxLength"], outputs: ["onBlurEvent"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: DropdownComponent, selector: "lib-dropdown[group][controlName][name]", inputs: ["name", "isMultiselect", "selectedItemLabel", "group", "controlName", "label", "optionList", "optionLabel", "optionalValue", "placeholder", "accessibilityText", "filter", "filterBy", "showClear", "isRequired", "tooltipPosition", "tooltipText", "formStatus", "nestedGroup", "isLoading", "appendTo", "isLabelVisible", "emptyMessage", "virtualScroll", "ariaFilterLabel", "optionValue", "minPanelWidth"], outputs: ["getValueEvent"] }, { kind: "component", type: ToggleSwitchComponent, selector: "lib-toggle-switch", inputs: ["group", "controlName", "isFormElement", "checked", "disabled"], outputs: ["getValueEvent", "checkedChanged"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox[group][controlName][label]", inputs: ["label", "group", "controlName", "value", "formStatus", "ariaLabel"], outputs: ["clickCheckboxEvent"] }, { kind: "component", type: TagComponent, selector: "lib-tag", inputs: ["tagText", "tagColor", "rounded"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["icon", "disabled", "color", "styleClass", "size"], outputs: ["clickEvent"] }, { kind: "component", type: ButtonLinkComponent, selector: "lib-button-link", inputs: ["hasIcon", "label", "isDanger", "isPrimary", "icon", "target", "accessibilityText"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }] });
|
|
2432
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CustomTableComponent, isStandalone: true, selector: "lib-custom-table[tableData][tableColumns]", inputs: { tableData: "tableData", tableColumns: "tableColumns", isPaginatorVisible: "isPaginatorVisible", tableRowCount: "tableRowCount", scrollable: "scrollable", scrollHeight: "scrollHeight", selectedProducts: "selectedProducts", isEditingTable: "isEditingTable", isTableLoading: "isTableLoading", hideColumnsOnMobile: "hideColumnsOnMobile", tableMinWidth: "tableMinWidth", isVirtualScrollButtonVisible: "isVirtualScrollButtonVisible", isVirtualScroll: "isVirtualScroll", virtualScrollRowSize: "virtualScrollRowSize", tableCaption: "tableCaption", captionColorClass: "captionColorClass", isCaptionButtonVisible: "isCaptionButtonVisible", captionButtonLabel: "captionButtonLabel", captionButtonColor: "captionButtonColor", isTableHeaderVisible: "isTableHeaderVisible", emptyColumnWidth: "emptyColumnWidth", toggleTableHeaderName: "toggleTableHeaderName", toggleWidth: "toggleWidth", toggleTwoTableHeaderName: "toggleTwoTableHeaderName", toggleTwoWidth: "toggleTwoWidth", toggleThreeTableHeaderName: "toggleThreeTableHeaderName", toggleThreeWidth: "toggleThreeWidth", toggleFourTableHeaderName: "toggleFourTableHeaderName", toggleFourWidth: "toggleFourWidth", rowColor: "rowColor", formGroup: "formGroup", type: "type", formStatus: "formStatus", tagColor: "tagColor", isWarningTextVisible: "isWarningTextVisible", isButtonOneVisible: "isButtonOneVisible", buttonLabel: "buttonLabel", buttonOneLabel: "buttonOneLabel", buttonOneHasIcon: "buttonOneHasIcon", buttonOneEditIcon: "buttonOneEditIcon", buttonOneSaveIcon: "buttonOneSaveIcon", buttonOneColor: "buttonOneColor", buttonOneIcon: "buttonOneIcon", isPlainTableIconButtonOne: "isPlainTableIconButtonOne", isPlainTableButtonOneLink: "isPlainTableButtonOneLink", isButtonTwoVisible: "isButtonTwoVisible", buttonTwoLabel: "buttonTwoLabel", buttonTwoHasIcon: "buttonTwoHasIcon", buttonTwoDeleteIcon: "buttonTwoDeleteIcon", buttonTwoCancelIcon: "buttonTwoCancelIcon", buttonTwoColor: "buttonTwoColor", buttonTwoIcon: "buttonTwoIcon", isPlainTableIconButtonTwo: "isPlainTableIconButtonTwo", isDeactivateToggle: "isDeactivateToggle", isDeactivateToggleTwo: "isDeactivateToggleTwo", isDeactivateToggleThree: "isDeactivateToggleThree", isDeactivateToggleFour: "isDeactivateToggleFour", showEllipsisFullText: "showEllipsisFullText" }, outputs: { captionButtonClicked: "captionButtonClicked", buttonEditClick: "buttonEditClick", buttonSaveClick: "buttonSaveClick", buttonOneClick: "buttonOneClick", buttonDeleteClick: "buttonDeleteClick", buttonTwoClick: "buttonTwoClick", toggleSwitch: "toggleSwitch", toggleTwoSwitch: "toggleTwoSwitch", toggleThreeSwitch: "toggleThreeSwitch", toggleFourSwitch: "toggleFourSwitch", checkboxOne: "checkboxOne" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-table\n #dt\n [value]=\"tableData\"\n [paginator]=\"isPaginatorVisible\"\n [rows]=\"tableRowCount\"\n [showCurrentPageReport]=\"false\"\n [scrollable]=\"scrollable\"\n [scrollHeight]=\"scrollHeight\"\n dataKey=\"id\"\n editMode=\"row\"\n [ngClass]=\"captionColorClass\"\n [loading]=\"isTableLoading\"\n [tableStyle]=\"{'min-width': tableMinWidth}\"\n [virtualScroll]=\"isVirtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollRowSize\"\n aria-live=\"polite\"\n>\n <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">\n <div class=\"flex align-items-center justify-content-between\">\n {{ tableCaption }}\n <span *ngIf=\"isVirtualScrollButtonVisible\"\n (click)=\"isVirtualScroll = !isVirtualScroll\"\n [ngStyle]=\"{'color': isVirtualScroll ? '' : 'lightgray'}\"\n class=\"pi pi-sort cursor-pointer\">\n </span>\n <lib-button\n *ngIf=\"isCaptionButtonVisible\"\n [label]=\"captionButtonLabel\"\n [color]=\"captionButtonColor\"\n (clickEvent)=\"clickCaptionButton($event)\"\n ></lib-button>\n </div>\n </ng-template>\n <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\n <tr>\n <ng-container *ngFor=\"let column of tableColumns\">\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n <th scope=\"col\" [style.width]=\"column.width\">\n {{ column.header | translate }}\n </th>\n </ng-container>\n </ng-container>\n\n <th *ngFor=\"let _ of emptyHeaderColumnList\" [style.width]=\"emptyColumnWidth\" aria-hidden=\"true\"></th>\n <th *ngIf=\"!!toggleTableHeaderName\" scope=\"col\" [style.width]=\"toggleWidth\" class=\"vertical-align-middle\">\n {{ toggleTableHeaderName }}\n </th>\n <th *ngIf=\"!!toggleTwoTableHeaderName\" scope=\"col\" [style.width]=\"toggleTwoWidth\" class=\"vertical-align-middle\">\n {{ toggleTwoTableHeaderName }}\n </th>\n <th *ngIf=\"!!toggleThreeTableHeaderName\" scope=\"col\" [style.width]=\"toggleThreeWidth\" class=\"vertical-align-middle\">\n {{ toggleThreeTableHeaderName }}\n </th>\n <th *ngIf=\"!!toggleFourTableHeaderName\" scope=\"col\" [style.width]=\"toggleFourWidth\" class=\"vertical-align-middle\">\n {{ toggleFourTableHeaderName }}\n </th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\">\n <!--\n Mare; 2024-09-19: dodajanje logike barvanja rowColor za /cms/notifications, delat mora pa tudi v /vsi-termini\n -->\n <tr [pEditableRow]=\"rowData\" #htmlTableRowElement\n [ngClass]=\"\n rowData?.cmsStatus ?\n (rowData?.cmsStatus === 'expired' ? 'disabled_row_color' :\n rowData?.cmsStatus === 'planned' ? '' :\n rowData?.cmsStatus === 'active' ? 'success_row_color' : '') :\n (!rowData?.registered ? rowColor : '')\n \">\n <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n <td [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n <!-- Text input-->\n <ng-container *ngIf=\"column.editable && column.component === 'input'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <lib-input\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [name]=\"column.field\"\n [type]=\"column.inputType ? column.inputType : type\"\n placeholder=\"{{ column.placeholder! |translate }}\"\n [isRequired]=\"false\"\n [formStatus]=\"formStatus\"\n [hasGap]=\"false\"\n ></lib-input>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n <ng-container *ngIf=\"column.isLink; else notLink\">\n <a href=\"{{ rowData[column.field] }}\" target=\"_blank\">\n {{ rowData[column.field] }}\n </a>\n </ng-container>\n <ng-template #notLink>\n {{ rowData[column.field] }} {{ column?.suffix }}\n </ng-template>\n </ng-container>\n\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- Date input-->\n <ng-container *ngIf=\"column.editable && column.component === 'date'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <lib-date-input\n appendTo=\"body\"\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [name]=\"column.field\"\n [setMinAndMax]=\"false\"\n [isRequired]=\"false\"\n [formStatus]=\"formStatus\"\n [hasGap]=\"false\"\n placeholder=\"{{ column.placeholder! | translate }}\"\n ></lib-date-input>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n {{ rowData[column.field] | date: 'dd.MM.yyyy' }} {{ column?.suffix }}\n </ng-container>\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- Date+Time output-->\n <ng-container *ngIf=\"column.editable && column.component === 'dateTime'\">\n <p-cellEditor>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n {{ rowData[column.field] | date: 'dd.MM.yyyy, HH:mm' }} {{ column?.suffix }}\n </ng-container>\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- TextArea input-->\n <ng-container *ngIf=\"column.editable && column.component === 'textarea'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <lib-textarea *ngIf=\"column.maxLength === -1\"\n [customMaxLength]=\"null\"\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [name]=\"column.field\"\n [isRequired]=\"false\"\n [formStatus]=\"formStatus\"\n [hasGap]=\"false\"\n placeholder=\"{{ column.placeholder! |translate }}\"\n ></lib-textarea>\n <lib-textarea *ngIf=\"column.maxLength !== -1\"\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [name]=\"column.field\"\n [isRequired]=\"false\"\n [formStatus]=\"formStatus\"\n [hasGap]=\"false\"\n placeholder=\"{{ column.placeholder! |translate }}\"\n ></lib-textarea>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n <lib-tooltip\n [htmlParser]=\"true\"\n [text]=\"rowData[column.field]\"\n ></lib-tooltip>\n </ng-container>\n\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- Dropdown input-->\n <ng-container *ngIf=\"column.editable && column.component === 'dropdown'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <lib-dropdown\n label=\"Moje naloge\"\n placeholder=\"Izberite\"\n optionLabel=\"name\"\n [showClear]=\"true\"\n [formStatus]=\"formStatus\"\n\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [name]=\"column.field\"\n\n filterBy=\"name\"\n [isLoading]=\"false\"\n [optionList]=\"overviewList\"\n [filter]=\"true\"\n [isRequired]=\"false\"\n ></lib-dropdown>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n <lib-tooltip\n [htmlParser]=\"true\"\n [text]=\"rowData[column.field]\"\n ></lib-tooltip>\n </ng-container>\n\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- Switch input-->\n <ng-container *ngIf=\"column.editable && column.component === 'switch'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <lib-toggle-switch\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [checked]=\"rowData[column.field]\"\n ></lib-toggle-switch>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n {{ 'components.customTable.yes' | translate }}\n </ng-container>\n\n <ng-template #emptyCell>\n {{ 'components.customTable.no' | translate }}\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- Mare; dodal custom checkbox za izbiro vrstice -->\n <!-- [controlName] je oblike rowChecked_2024-04-11T11:35:00_c3cff776-dc06-40ec-bab5-7cab26e2014a -->\n <!-- column.field = rowChecked -->\n <!-- rowData[column?.control!] = 2024-04-11T11:35:00 (startDate) -->\n <!-- rowData[column?.control2!] = c3cff776-dc06-40ec-bab5-7cab26e2014a (uuid) -->\n <ng-container *ngIf=\"column.editable && column.component === 'checkbox'\">\n <lib-checkbox class=\"\"\n [group]=\"formGroup\"\n [controlName]=\"column.field + '_' + rowData[column?.control!] + '_' + rowData[column?.control2!]\"\n (clickCheckboxEvent)=\"clickCheckboxOne($event, rowData[column?.control!] + '_' + rowData[column?.control2!])\"\n label=\"\">\n </lib-checkbox>\n </ng-container>\n\n <!-- Plain table-->\n <ng-container *ngIf=\"!column.editable\">\n <ng-container *ngIf=\"column.tooltip || column.tag || column.status || column.ellipsis; else valueCell\">\n <!-- Tooltip -->\n <ng-container *ngIf=\"column.tooltip\">\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n <lib-tooltip [htmlParser]=\"true\" [text]=\"getNestedValue(rowData, column.field)\"></lib-tooltip>\n </ng-container>\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n /\n </ng-container>\n </ng-container>\n\n <!-- Ellipsis -->\n <ng-container *ngIf=\"column.ellipsis\">\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n <span>\n {{ getNestedValue(rowData, column.field) }}\n </span>\n </ng-container>\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n /\n </ng-container>\n </ng-container>\n\n <!-- Tag -->\n <ng-container *ngIf=\"column.tag && getNestedValue(rowData, column.field)\">\n <lib-tag [tagText]=\"getNestedValue(rowData, column.field)\" [tagColor]=\"rowData.tagColor\" [rounded]=\"true\"></lib-tag>\n </ng-container>\n\n <!-- Status -->\n <ng-container *ngIf=\"column.status\">\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n <div style=\"background-color: #66952E; height: 25px; width: 75px;\"></div>\n </ng-container>\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n <div style=\"background-color: #f44336; height: 25px; width: 75px;\"></div>\n </ng-container>\n </ng-container>\n </ng-container>\n <ng-template #valueCell>\n <ng-container *ngIf=\"getNestedValue(rowData, column.field); else emptyCell\">\n <!-- Mare; dodal izjemo za 'cmsStatus' -->\n <ng-container *ngIf=\"column.field === 'cmsStatus'; else defaultContent\">\n {{ 'pages.cms.cmsStatus.' + getNestedValue(rowData, column.field) | translate }}\n </ng-container>\n <!-- Privzeta vsebina za vse ostale stolpce -->\n <ng-template #defaultContent>\n {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\n </ng-template>\n </ng-container>\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </ng-container>\n\n <p class=\"text-red-500 custom-small-text\" *ngIf=\"colIndex === 0 && rowData?.administrativeProcedure?.localJurisdiction && isWarningTextVisible\">\n <br/> {{ 'components.customTable.notification' | translate }}\n </p>\n </td>\n </ng-container>\n </ng-container>\n\n <!-- Button column one -->\n <td *ngIf=\"isButtonOneVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n <!-- Editing table-->\n <ng-container *ngIf=\"isEditingTable; else plainTable\">\n <lib-icon-button\n *ngIf=\"!editing\"\n pInitEditableRow\n [color]=\"buttonOneColor\"\n [icon]=\"buttonOneEditIcon\"\n (click)='onRowEdit(rowData)'\n ></lib-icon-button>\n <lib-icon-button\n *ngIf=\"editing\"\n [color]=\"buttonOneColor!\"\n [icon]=\"buttonOneSaveIcon\"\n (click)='onRowSave(rowData, htmlTableRowElement)'\n ></lib-icon-button>\n </ng-container>\n\n <!-- Plain table-->\n <ng-template #plainTable>\n <ng-container\n *ngIf=\"(rowData?.administrativeProcedure === undefined || rowData?.administrativeProcedure?.detailsUrl !== null) && !isPlainTableIconButtonOne\"\n >\n <lib-button\n *ngIf=\"!isPlainTableButtonOneLink\"\n [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\n [hasIcon]=\"buttonOneHasIcon!\"\n [color]=\"rowData?.buttonColor ? rowData.buttonColor : buttonOneColor!\"\n [icon]=\"buttonOneIcon!\"\n (click)='clickButtonOne(rowData)'\n ></lib-button>\n <lib-button-link\n *ngIf=\"isPlainTableButtonOneLink\"\n [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\n [isPrimary]=\"true\"\n [hasIcon]=\"buttonOneHasIcon!\"\n [icon]=\"buttonOneIcon! + ' md:ml-2'\"\n (click)='clickButtonOne(rowData)'\n ></lib-button-link>\n </ng-container>\n <lib-icon-button\n *ngIf=\"isPlainTableIconButtonOne\"\n [color]=\"buttonOneColor!\"\n [icon]=\"buttonOneSaveIcon\"\n (click)='clickButtonOne(rowData)'\n ></lib-icon-button>\n </ng-template>\n </td>\n\n <!-- Button column two -->\n <td *ngIf=\"isButtonTwoVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n <!-- Editing table-->\n <ng-container *ngIf=\"isEditingTable; else plainTable\">\n <lib-icon-button\n *ngIf=\"!editing\"\n [color]=\"buttonTwoColor\"\n [icon]=\"buttonTwoDeleteIcon\"\n (click)='onRowDelete(rowData)'\n ></lib-icon-button>\n <lib-icon-button\n *ngIf=\"editing\"\n [color]=\"buttonTwoColor\"\n [icon]=\"buttonTwoCancelIcon\"\n (click)=\"onRowCancel(rowData)\"\n ></lib-icon-button>\n </ng-container>\n\n <!-- Plain table-->\n <ng-template #plainTable>\n <lib-button\n *ngIf=\"!isPlainTableIconButtonTwo\"\n [label]=\"buttonTwoLabel!\"\n [hasIcon]=\"buttonTwoHasIcon!\"\n [color]=\"buttonTwoColor!\"\n [icon]=\"buttonTwoIcon!\"\n (click)='clickButtonTwo(rowData)'\n ></lib-button>\n <lib-icon-button\n *ngIf=\"isPlainTableIconButtonTwo\"\n [color]=\"buttonTwoColor!\"\n [icon]=\"buttonTwoDeleteIcon\"\n (click)='clickButtonTwo(rowData)'\n ></lib-icon-button>\n </ng-template>\n </td>\n\n <!-- Deactivate toggle -->\n <td *ngIf=\"isDeactivateToggle\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n <lib-toggle-switch\n [isFormElement]=\"false\"\n [checked]=\"rowData.isEnabled\"\n (getValueEvent)=\"toggleEnable({ rowData, $event })\"\n ></lib-toggle-switch>\n </td>\n\n <!-- Deactivate toggle two -->\n <td *ngIf=\"isDeactivateToggleTwo\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n <lib-toggle-switch\n [disabled]=\"!rowData.isEnabled\"\n [isFormElement]=\"false\"\n [checked]=\"rowData.isAppointmentEnabled\"\n (getValueEvent)=\"toggleTwoEnable({ rowData, $event })\"\n ></lib-toggle-switch>\n </td>\n\n <!-- Deactivate toggle three -->\n <td *ngIf=\"isDeactivateToggleThree\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n <lib-toggle-switch\n [disabled]=\"!rowData.isEnabled\"\n [isFormElement]=\"false\"\n [checked]=\"rowData.isNotificationEnabled\"\n (getValueEvent)=\"toggleThreeEnable({ rowData, $event })\"\n ></lib-toggle-switch>\n </td>\n\n <!-- Deactivate toggle four -->\n <td *ngIf=\"isDeactivateToggleFour\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n <lib-toggle-switch\n [disabled]=\"!rowData.isEnabled\"\n [isFormElement]=\"false\"\n [checked]=\"rowData.isVrstomatEnabled\"\n (getValueEvent)=\"toggleFourEnable({ rowData, $event })\"\n ></lib-toggle-switch>\n </td>\n </tr>\n </ng-template>\n</p-table>\n", styles: [":host ::ng-deep .future .p-datatable-header{background:#b2414d}:host ::ng-deep .past .p-datatable-header{background:#6d7375}:host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:8px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border:none;color:#fff;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:first-child,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:first-child{width:400px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:nth-child(2),:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:nth-child(2){width:150px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent;height:50px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952eb3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.disabled_row_color{background:#b4b4b4b3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-datatable .table-icon-button{width:50px}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}@media(max-width:600px){:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:.5rem}}.disabled-row{opacity:.5;pointer-events:none}.custom-small-text{font-size:.8rem;line-height:.9}.ellipsis-text{cursor:n-resize}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1$8.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i1$8.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i1$8.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: InputComponent, selector: "lib-input[group][controlName][name]", inputs: ["name", "type", "label", "placeholder", "accessibilityText", "group", "controlName", "isRequired", "isLabelVisible", "tooltipPosition", "tooltipText", "formStatus", "groupError", "hasGap", "hasTitle", "maxLength"] }, { kind: "component", type: DateInputComponent, selector: "lib-date-input[group][controlName][name]", inputs: ["isLabelVisible", "name", "label", "placeholder", "accessibilityText", "isRequired", "tooltipPosition", "tooltipText", "dateFormat", "group", "controlName", "showIcon", "selectionMode", "touchUI", "formStatus", "showClear", "isPublicDate", "minDate", "maxDate", "minDateToday", "maxDateSixMonths", "maxDateThreeMonths", "maxDateRangeOneYear", "setMinAndMax", "hasGap", "disabledDates", "appendTo", "groupError", "showTime", "availableDates", "disabledDays", "disabledWeekends"], outputs: ["onSelect"] }, { kind: "component", type: TextareaComponent, selector: "lib-textarea[group][controlName][name]", inputs: ["name", "resize", "label", "placeholder", "accessibilityText", "rows", "cols", "tooltipPosition", "tooltipText", "group", "controlName", "isRequired", "formStatus", "hasGap", "customMaxLength"], outputs: ["onBlurEvent"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: DropdownComponent, selector: "lib-dropdown[group][controlName][name]", inputs: ["name", "isMultiselect", "selectedItemLabel", "group", "controlName", "label", "optionList", "optionLabel", "optionalValue", "placeholder", "accessibilityText", "filter", "filterBy", "showClear", "isRequired", "tooltipPosition", "tooltipText", "formStatus", "nestedGroup", "isLoading", "appendTo", "isLabelVisible", "emptyMessage", "virtualScroll", "ariaFilterLabel", "optionValue", "minPanelWidth"], outputs: ["getValueEvent"] }, { kind: "component", type: ToggleSwitchComponent, selector: "lib-toggle-switch", inputs: ["group", "controlName", "isFormElement", "checked", "disabled"], outputs: ["getValueEvent", "checkedChanged"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox[group][controlName][label]", inputs: ["label", "group", "controlName", "value", "disabled", "formStatus", "ariaLabel"], outputs: ["clickCheckboxEvent"] }, { kind: "component", type: TagComponent, selector: "lib-tag", inputs: ["tagText", "tagColor", "rounded"] }, { kind: "component", type: IconButtonComponent, selector: "lib-icon-button", inputs: ["icon", "disabled", "color", "styleClass", "size"], outputs: ["clickEvent"] }, { kind: "component", type: ButtonLinkComponent, selector: "lib-button-link", inputs: ["hasIcon", "label", "isDanger", "isPrimary", "icon", "target", "accessibilityText"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }] });
|
|
2284
2433
|
}
|
|
2285
2434
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CustomTableComponent, decorators: [{
|
|
2286
2435
|
type: Component,
|
|
@@ -2304,7 +2453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
2304
2453
|
ButtonLinkComponent,
|
|
2305
2454
|
TranslateModule,
|
|
2306
2455
|
DatePipe,
|
|
2307
|
-
], template: "<p-table\r\n #dt\r\n [value]=\"tableData\"\r\n [paginator]=\"isPaginatorVisible\"\r\n [rows]=\"tableRowCount\"\r\n [showCurrentPageReport]=\"false\"\r\n [scrollable]=\"scrollable\"\r\n [scrollHeight]=\"scrollHeight\"\r\n dataKey=\"id\"\r\n editMode=\"row\"\r\n [ngClass]=\"captionColorClass\"\r\n [loading]=\"isTableLoading\"\r\n [tableStyle]=\"{'min-width': tableMinWidth}\"\r\n [virtualScroll]=\"isVirtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollRowSize\"\r\n aria-live=\"polite\"\r\n>\r\n <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">\r\n <div class=\"flex align-items-center justify-content-between\">\r\n {{ tableCaption }}\r\n <span *ngIf=\"isVirtualScrollButtonVisible\"\r\n (click)=\"isVirtualScroll = !isVirtualScroll\"\r\n [ngStyle]=\"{'color': isVirtualScroll ? '' : 'lightgray'}\"\r\n class=\"pi pi-sort cursor-pointer\">\r\n </span>\r\n <lib-button\r\n *ngIf=\"isCaptionButtonVisible\"\r\n [label]=\"captionButtonLabel\"\r\n [color]=\"captionButtonColor\"\r\n (clickEvent)=\"clickCaptionButton($event)\"\r\n ></lib-button>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\r\n <tr>\r\n <ng-container *ngFor=\"let column of tableColumns\">\r\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n <th scope=\"col\" [style.width]=\"column.width\">\r\n {{ column.header | translate }}\r\n </th>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <th *ngFor=\"let _ of emptyHeaderColumnList\" [style.width]=\"emptyColumnWidth\" aria-hidden=\"true\"></th>\r\n <th *ngIf=\"!!toggleTableHeaderName\" scope=\"col\" [style.width]=\"toggleWidth\" class=\"vertical-align-middle\">\r\n {{ toggleTableHeaderName }}\r\n </th>\r\n <th *ngIf=\"!!toggleTwoTableHeaderName\" scope=\"col\" [style.width]=\"toggleTwoWidth\" class=\"vertical-align-middle\">\r\n {{ toggleTwoTableHeaderName }}\r\n </th>\r\n <th *ngIf=\"!!toggleThreeTableHeaderName\" scope=\"col\" [style.width]=\"toggleThreeWidth\" class=\"vertical-align-middle\">\r\n {{ toggleThreeTableHeaderName }}\r\n </th>\r\n <th *ngIf=\"!!toggleFourTableHeaderName\" scope=\"col\" [style.width]=\"toggleFourWidth\" class=\"vertical-align-middle\">\r\n {{ toggleFourTableHeaderName }}\r\n </th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <!--\r\n Mare; 2024-09-19: dodajanje logike barvanja rowColor za /cms/notifications, delat mora pa tudi v /vsi-termini\r\n -->\r\n <tr [pEditableRow]=\"rowData\" #htmlTableRowElement\r\n [ngClass]=\"\r\n rowData?.cmsStatus ?\r\n (rowData?.cmsStatus === 'expired' ? 'disabled_row_color' :\r\n rowData?.cmsStatus === 'planned' ? '' :\r\n rowData?.cmsStatus === 'active' ? 'success_row_color' : '') :\r\n (!rowData?.registered ? rowColor : '')\r\n \">\r\n <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\r\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n <td [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n <!-- Text input-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'input'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <lib-input\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [name]=\"column.field\"\r\n [type]=\"column.inputType ? column.inputType : type\"\r\n placeholder=\"{{ column.placeholder! |translate }}\"\r\n [isRequired]=\"false\"\r\n [formStatus]=\"formStatus\"\r\n [hasGap]=\"false\"\r\n ></lib-input>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n <ng-container *ngIf=\"column.isLink; else notLink\">\r\n <a href=\"{{ rowData[column.field] }}\" target=\"_blank\">\r\n {{ rowData[column.field] }}\r\n </a>\r\n </ng-container>\r\n <ng-template #notLink>\r\n {{ rowData[column.field] }} {{ column?.suffix }}\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- Date input-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'date'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <lib-date-input\r\n appendTo=\"body\"\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [name]=\"column.field\"\r\n [setMinAndMax]=\"false\"\r\n [isRequired]=\"false\"\r\n [formStatus]=\"formStatus\"\r\n [hasGap]=\"false\"\r\n placeholder=\"{{ column.placeholder! | translate }}\"\r\n ></lib-date-input>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n {{ rowData[column.field] | date: 'dd.MM.yyyy' }} {{ column?.suffix }}\r\n </ng-container>\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- Date+Time output-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'dateTime'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n {{ rowData[column.field] | date: 'dd.MM.yyyy, HH:mm' }} {{ column?.suffix }}\r\n </ng-container>\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- TextArea input-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'textarea'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <lib-textarea *ngIf=\"column.maxLength === -1\"\r\n [customMaxLength]=\"null\"\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [name]=\"column.field\"\r\n [isRequired]=\"false\"\r\n [formStatus]=\"formStatus\"\r\n [hasGap]=\"false\"\r\n placeholder=\"{{ column.placeholder! |translate }}\"\r\n ></lib-textarea>\r\n <lib-textarea *ngIf=\"column.maxLength !== -1\"\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [name]=\"column.field\"\r\n [isRequired]=\"false\"\r\n [formStatus]=\"formStatus\"\r\n [hasGap]=\"false\"\r\n placeholder=\"{{ column.placeholder! |translate }}\"\r\n ></lib-textarea>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n <lib-tooltip\r\n [htmlParser]=\"true\"\r\n [text]=\"rowData[column.field]\"\r\n ></lib-tooltip>\r\n </ng-container>\r\n\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- Dropdown input-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'dropdown'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <lib-dropdown\r\n label=\"Moje naloge\"\r\n placeholder=\"Izberite\"\r\n optionLabel=\"name\"\r\n [showClear]=\"true\"\r\n [formStatus]=\"formStatus\"\r\n\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [name]=\"column.field\"\r\n\r\n filterBy=\"name\"\r\n [isLoading]=\"false\"\r\n [optionList]=\"overviewList\"\r\n [filter]=\"true\"\r\n [isRequired]=\"false\"\r\n ></lib-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n <lib-tooltip\r\n [htmlParser]=\"true\"\r\n [text]=\"rowData[column.field]\"\r\n ></lib-tooltip>\r\n </ng-container>\r\n\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- Switch input-->\r\n <ng-container *ngIf=\"column.editable && column.component === 'switch'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <lib-toggle-switch\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field\"\r\n [checked]=\"rowData[column.field]\"\r\n ></lib-toggle-switch>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\r\n {{ 'components.customTable.yes' | translate }}\r\n </ng-container>\r\n\r\n <ng-template #emptyCell>\r\n {{ 'components.customTable.no' | translate }}\r\n </ng-template>\r\n </ng-template>\r\n </p-cellEditor>\r\n </ng-container>\r\n\r\n <!-- Mare; dodal custom checkbox za izbiro vrstice -->\r\n <!-- [controlName] je oblike rowChecked_2024-04-11T11:35:00_c3cff776-dc06-40ec-bab5-7cab26e2014a -->\r\n <!-- column.field = rowChecked -->\r\n <!-- rowData[column?.control!] = 2024-04-11T11:35:00 (startDate) -->\r\n <!-- rowData[column?.control2!] = c3cff776-dc06-40ec-bab5-7cab26e2014a (uuid) -->\r\n <ng-container *ngIf=\"column.editable && column.component === 'checkbox'\">\r\n <lib-checkbox class=\"\"\r\n [group]=\"formGroup\"\r\n [controlName]=\"column.field + '_' + rowData[column?.control!] + '_' + rowData[column?.control2!]\"\r\n (clickCheckboxEvent)=\"clickCheckboxOne($event, rowData[column?.control!] + '_' + rowData[column?.control2!])\"\r\n label=\"\">\r\n </lib-checkbox>\r\n </ng-container>\r\n\r\n <!-- Plain table-->\r\n <ng-container *ngIf=\"!column.editable\">\r\n <ng-container *ngIf=\"column.tooltip || column.tag || column.status || column.ellipsis; else valueCell\">\r\n <!-- Tooltip -->\r\n <ng-container *ngIf=\"column.tooltip\">\r\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n <lib-tooltip [htmlParser]=\"true\" [text]=\"getNestedValue(rowData, column.field)\"></lib-tooltip>\r\n </ng-container>\r\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n /\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!-- Ellipsis -->\r\n <ng-container *ngIf=\"column.ellipsis\">\r\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n <span>\r\n {{ getNestedValue(rowData, column.field) }}\r\n </span>\r\n </ng-container>\r\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n /\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!-- Tag -->\r\n <ng-container *ngIf=\"column.tag && getNestedValue(rowData, column.field)\">\r\n <lib-tag [tagText]=\"getNestedValue(rowData, column.field)\" [tagColor]=\"rowData.tagColor\" [rounded]=\"true\"></lib-tag>\r\n </ng-container>\r\n\r\n <!-- Status -->\r\n <ng-container *ngIf=\"column.status\">\r\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\r\n <div style=\"background-color: #66952E; height: 25px; width: 75px;\"></div>\r\n </ng-container>\r\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\r\n <div style=\"background-color: #f44336; height: 25px; width: 75px;\"></div>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #valueCell>\r\n <ng-container *ngIf=\"getNestedValue(rowData, column.field); else emptyCell\">\r\n <!-- Mare; dodal izjemo za 'cmsStatus' -->\r\n <ng-container *ngIf=\"column.field === 'cmsStatus'; else defaultContent\">\r\n {{ 'pages.cms.cmsStatus.' + getNestedValue(rowData, column.field) | translate }}\r\n </ng-container>\r\n <!-- Privzeta vsebina za vse ostale stolpce -->\r\n <ng-template #defaultContent>\r\n {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #emptyCell>\r\n /\r\n </ng-template>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <p class=\"text-red-500 custom-small-text\" *ngIf=\"colIndex === 0 && rowData?.administrativeProcedure?.localJurisdiction && isWarningTextVisible\">\r\n <br/> {{ 'components.customTable.notification' | translate }}\r\n </p>\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!-- Button column one -->\r\n <td *ngIf=\"isButtonOneVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n <!-- Editing table-->\r\n <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n <lib-icon-button\r\n *ngIf=\"!editing\"\r\n pInitEditableRow\r\n [color]=\"buttonOneColor\"\r\n [icon]=\"buttonOneEditIcon\"\r\n (click)='onRowEdit(rowData)'\r\n ></lib-icon-button>\r\n <lib-icon-button\r\n *ngIf=\"editing\"\r\n [color]=\"buttonOneColor!\"\r\n [icon]=\"buttonOneSaveIcon\"\r\n (click)='onRowSave(rowData, htmlTableRowElement)'\r\n ></lib-icon-button>\r\n </ng-container>\r\n\r\n <!-- Plain table-->\r\n <ng-template #plainTable>\r\n <ng-container\r\n *ngIf=\"(rowData?.administrativeProcedure === undefined || rowData?.administrativeProcedure?.detailsUrl !== null) && !isPlainTableIconButtonOne\"\r\n >\r\n <lib-button\r\n *ngIf=\"!isPlainTableButtonOneLink\"\r\n [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n [hasIcon]=\"buttonOneHasIcon!\"\r\n [color]=\"rowData?.buttonColor ? rowData.buttonColor : buttonOneColor!\"\r\n [icon]=\"buttonOneIcon!\"\r\n (click)='clickButtonOne(rowData)'\r\n ></lib-button>\r\n <lib-button-link\r\n *ngIf=\"isPlainTableButtonOneLink\"\r\n [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\r\n [isPrimary]=\"true\"\r\n [hasIcon]=\"buttonOneHasIcon!\"\r\n [icon]=\"buttonOneIcon! + ' md:ml-2'\"\r\n (click)='clickButtonOne(rowData)'\r\n ></lib-button-link>\r\n </ng-container>\r\n <lib-icon-button\r\n *ngIf=\"isPlainTableIconButtonOne\"\r\n [color]=\"buttonOneColor!\"\r\n [icon]=\"buttonOneSaveIcon\"\r\n (click)='clickButtonOne(rowData)'\r\n ></lib-icon-button>\r\n </ng-template>\r\n </td>\r\n\r\n <!-- Button column two -->\r\n <td *ngIf=\"isButtonTwoVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\r\n <!-- Editing table-->\r\n <ng-container *ngIf=\"isEditingTable; else plainTable\">\r\n <lib-icon-button\r\n *ngIf=\"!editing\"\r\n [color]=\"buttonTwoColor\"\r\n [icon]=\"buttonTwoDeleteIcon\"\r\n (click)='onRowDelete(rowData)'\r\n ></lib-icon-button>\r\n <lib-icon-button\r\n *ngIf=\"editing\"\r\n [color]=\"buttonTwoColor\"\r\n [icon]=\"buttonTwoCancelIcon\"\r\n (click)=\"onRowCancel(rowData)\"\r\n ></lib-icon-button>\r\n </ng-container>\r\n\r\n <!-- Plain table-->\r\n <ng-template #plainTable>\r\n <lib-button\r\n *ngIf=\"!isPlainTableIconButtonTwo\"\r\n [label]=\"buttonTwoLabel!\"\r\n [hasIcon]=\"buttonTwoHasIcon!\"\r\n [color]=\"buttonTwoColor!\"\r\n [icon]=\"buttonTwoIcon!\"\r\n (click)='clickButtonTwo(rowData)'\r\n ></lib-button>\r\n <lib-icon-button\r\n *ngIf=\"isPlainTableIconButtonTwo\"\r\n [color]=\"buttonTwoColor!\"\r\n [icon]=\"buttonTwoDeleteIcon\"\r\n (click)='clickButtonTwo(rowData)'\r\n ></lib-icon-button>\r\n </ng-template>\r\n </td>\r\n\r\n <!-- Deactivate toggle -->\r\n <td *ngIf=\"isDeactivateToggle\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n <lib-toggle-switch\r\n [isFormElement]=\"false\"\r\n [checked]=\"rowData.isEnabled\"\r\n (getValueEvent)=\"toggleEnable({ rowData, $event })\"\r\n ></lib-toggle-switch>\r\n </td>\r\n\r\n <!-- Deactivate toggle two -->\r\n <td *ngIf=\"isDeactivateToggleTwo\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n <lib-toggle-switch\r\n [disabled]=\"!rowData.isEnabled\"\r\n [isFormElement]=\"false\"\r\n [checked]=\"rowData.isAppointmentEnabled\"\r\n (getValueEvent)=\"toggleTwoEnable({ rowData, $event })\"\r\n ></lib-toggle-switch>\r\n </td>\r\n\r\n <!-- Deactivate toggle three -->\r\n <td *ngIf=\"isDeactivateToggleThree\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n <lib-toggle-switch\r\n [disabled]=\"!rowData.isEnabled\"\r\n [isFormElement]=\"false\"\r\n [checked]=\"rowData.isNotificationEnabled\"\r\n (getValueEvent)=\"toggleThreeEnable({ rowData, $event })\"\r\n ></lib-toggle-switch>\r\n </td>\r\n\r\n <!-- Deactivate toggle four -->\r\n <td *ngIf=\"isDeactivateToggleFour\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\r\n <lib-toggle-switch\r\n [disabled]=\"!rowData.isEnabled\"\r\n [isFormElement]=\"false\"\r\n [checked]=\"rowData.isVrstomatEnabled\"\r\n (getValueEvent)=\"toggleFourEnable({ rowData, $event })\"\r\n ></lib-toggle-switch>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n", styles: [":host ::ng-deep .future .p-datatable-header{background:#b2414d}:host ::ng-deep .past .p-datatable-header{background:#6d7375}:host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:8px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border:none;color:#fff;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:first-child,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:first-child{width:400px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:nth-child(2),:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:nth-child(2){width:150px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent;height:50px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952eb3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.disabled_row_color{background:#b4b4b4b3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-datatable .table-icon-button{width:50px}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}@media(max-width:600px){:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:.5rem}}.disabled-row{opacity:.5;pointer-events:none}.custom-small-text{font-size:.8rem;line-height:.9}.ellipsis-text{cursor:n-resize}\n"] }]
|
|
2456
|
+
], template: "<p-table\n #dt\n [value]=\"tableData\"\n [paginator]=\"isPaginatorVisible\"\n [rows]=\"tableRowCount\"\n [showCurrentPageReport]=\"false\"\n [scrollable]=\"scrollable\"\n [scrollHeight]=\"scrollHeight\"\n dataKey=\"id\"\n editMode=\"row\"\n [ngClass]=\"captionColorClass\"\n [loading]=\"isTableLoading\"\n [tableStyle]=\"{'min-width': tableMinWidth}\"\n [virtualScroll]=\"isVirtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollRowSize\"\n aria-live=\"polite\"\n>\n <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">\n <div class=\"flex align-items-center justify-content-between\">\n {{ tableCaption }}\n <span *ngIf=\"isVirtualScrollButtonVisible\"\n (click)=\"isVirtualScroll = !isVirtualScroll\"\n [ngStyle]=\"{'color': isVirtualScroll ? '' : 'lightgray'}\"\n class=\"pi pi-sort cursor-pointer\">\n </span>\n <lib-button\n *ngIf=\"isCaptionButtonVisible\"\n [label]=\"captionButtonLabel\"\n [color]=\"captionButtonColor\"\n (clickEvent)=\"clickCaptionButton($event)\"\n ></lib-button>\n </div>\n </ng-template>\n <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\n <tr>\n <ng-container *ngFor=\"let column of tableColumns\">\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n <th scope=\"col\" [style.width]=\"column.width\">\n {{ column.header | translate }}\n </th>\n </ng-container>\n </ng-container>\n\n <th *ngFor=\"let _ of emptyHeaderColumnList\" [style.width]=\"emptyColumnWidth\" aria-hidden=\"true\"></th>\n <th *ngIf=\"!!toggleTableHeaderName\" scope=\"col\" [style.width]=\"toggleWidth\" class=\"vertical-align-middle\">\n {{ toggleTableHeaderName }}\n </th>\n <th *ngIf=\"!!toggleTwoTableHeaderName\" scope=\"col\" [style.width]=\"toggleTwoWidth\" class=\"vertical-align-middle\">\n {{ toggleTwoTableHeaderName }}\n </th>\n <th *ngIf=\"!!toggleThreeTableHeaderName\" scope=\"col\" [style.width]=\"toggleThreeWidth\" class=\"vertical-align-middle\">\n {{ toggleThreeTableHeaderName }}\n </th>\n <th *ngIf=\"!!toggleFourTableHeaderName\" scope=\"col\" [style.width]=\"toggleFourWidth\" class=\"vertical-align-middle\">\n {{ toggleFourTableHeaderName }}\n </th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\">\n <!--\n Mare; 2024-09-19: dodajanje logike barvanja rowColor za /cms/notifications, delat mora pa tudi v /vsi-termini\n -->\n <tr [pEditableRow]=\"rowData\" #htmlTableRowElement\n [ngClass]=\"\n rowData?.cmsStatus ?\n (rowData?.cmsStatus === 'expired' ? 'disabled_row_color' :\n rowData?.cmsStatus === 'planned' ? '' :\n rowData?.cmsStatus === 'active' ? 'success_row_color' : '') :\n (!rowData?.registered ? rowColor : '')\n \">\n <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n <td [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n <!-- Text input-->\n <ng-container *ngIf=\"column.editable && column.component === 'input'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <lib-input\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [name]=\"column.field\"\n [type]=\"column.inputType ? column.inputType : type\"\n placeholder=\"{{ column.placeholder! |translate }}\"\n [isRequired]=\"false\"\n [formStatus]=\"formStatus\"\n [hasGap]=\"false\"\n ></lib-input>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n <ng-container *ngIf=\"column.isLink; else notLink\">\n <a href=\"{{ rowData[column.field] }}\" target=\"_blank\">\n {{ rowData[column.field] }}\n </a>\n </ng-container>\n <ng-template #notLink>\n {{ rowData[column.field] }} {{ column?.suffix }}\n </ng-template>\n </ng-container>\n\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- Date input-->\n <ng-container *ngIf=\"column.editable && column.component === 'date'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <lib-date-input\n appendTo=\"body\"\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [name]=\"column.field\"\n [setMinAndMax]=\"false\"\n [isRequired]=\"false\"\n [formStatus]=\"formStatus\"\n [hasGap]=\"false\"\n placeholder=\"{{ column.placeholder! | translate }}\"\n ></lib-date-input>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n {{ rowData[column.field] | date: 'dd.MM.yyyy' }} {{ column?.suffix }}\n </ng-container>\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- Date+Time output-->\n <ng-container *ngIf=\"column.editable && column.component === 'dateTime'\">\n <p-cellEditor>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n {{ rowData[column.field] | date: 'dd.MM.yyyy, HH:mm' }} {{ column?.suffix }}\n </ng-container>\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- TextArea input-->\n <ng-container *ngIf=\"column.editable && column.component === 'textarea'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <lib-textarea *ngIf=\"column.maxLength === -1\"\n [customMaxLength]=\"null\"\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [name]=\"column.field\"\n [isRequired]=\"false\"\n [formStatus]=\"formStatus\"\n [hasGap]=\"false\"\n placeholder=\"{{ column.placeholder! |translate }}\"\n ></lib-textarea>\n <lib-textarea *ngIf=\"column.maxLength !== -1\"\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [name]=\"column.field\"\n [isRequired]=\"false\"\n [formStatus]=\"formStatus\"\n [hasGap]=\"false\"\n placeholder=\"{{ column.placeholder! |translate }}\"\n ></lib-textarea>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n <lib-tooltip\n [htmlParser]=\"true\"\n [text]=\"rowData[column.field]\"\n ></lib-tooltip>\n </ng-container>\n\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- Dropdown input-->\n <ng-container *ngIf=\"column.editable && column.component === 'dropdown'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <lib-dropdown\n label=\"Moje naloge\"\n placeholder=\"Izberite\"\n optionLabel=\"name\"\n [showClear]=\"true\"\n [formStatus]=\"formStatus\"\n\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [name]=\"column.field\"\n\n filterBy=\"name\"\n [isLoading]=\"false\"\n [optionList]=\"overviewList\"\n [filter]=\"true\"\n [isRequired]=\"false\"\n ></lib-dropdown>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n <lib-tooltip\n [htmlParser]=\"true\"\n [text]=\"rowData[column.field]\"\n ></lib-tooltip>\n </ng-container>\n\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- Switch input-->\n <ng-container *ngIf=\"column.editable && column.component === 'switch'\">\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <lib-toggle-switch\n [group]=\"formGroup\"\n [controlName]=\"column.field\"\n [checked]=\"rowData[column.field]\"\n ></lib-toggle-switch>\n </ng-template>\n <ng-template pTemplate=\"output\">\n <ng-container *ngIf=\"rowData[column.field]; else emptyCell\">\n {{ 'components.customTable.yes' | translate }}\n </ng-container>\n\n <ng-template #emptyCell>\n {{ 'components.customTable.no' | translate }}\n </ng-template>\n </ng-template>\n </p-cellEditor>\n </ng-container>\n\n <!-- Mare; dodal custom checkbox za izbiro vrstice -->\n <!-- [controlName] je oblike rowChecked_2024-04-11T11:35:00_c3cff776-dc06-40ec-bab5-7cab26e2014a -->\n <!-- column.field = rowChecked -->\n <!-- rowData[column?.control!] = 2024-04-11T11:35:00 (startDate) -->\n <!-- rowData[column?.control2!] = c3cff776-dc06-40ec-bab5-7cab26e2014a (uuid) -->\n <ng-container *ngIf=\"column.editable && column.component === 'checkbox'\">\n <lib-checkbox class=\"\"\n [group]=\"formGroup\"\n [controlName]=\"column.field + '_' + rowData[column?.control!] + '_' + rowData[column?.control2!]\"\n (clickCheckboxEvent)=\"clickCheckboxOne($event, rowData[column?.control!] + '_' + rowData[column?.control2!])\"\n label=\"\">\n </lib-checkbox>\n </ng-container>\n\n <!-- Plain table-->\n <ng-container *ngIf=\"!column.editable\">\n <ng-container *ngIf=\"column.tooltip || column.tag || column.status || column.ellipsis; else valueCell\">\n <!-- Tooltip -->\n <ng-container *ngIf=\"column.tooltip\">\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n <lib-tooltip [htmlParser]=\"true\" [text]=\"getNestedValue(rowData, column.field)\"></lib-tooltip>\n </ng-container>\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n /\n </ng-container>\n </ng-container>\n\n <!-- Ellipsis -->\n <ng-container *ngIf=\"column.ellipsis\">\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n <span>\n {{ getNestedValue(rowData, column.field) }}\n </span>\n </ng-container>\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n /\n </ng-container>\n </ng-container>\n\n <!-- Tag -->\n <ng-container *ngIf=\"column.tag && getNestedValue(rowData, column.field)\">\n <lib-tag [tagText]=\"getNestedValue(rowData, column.field)\" [tagColor]=\"rowData.tagColor\" [rounded]=\"true\"></lib-tag>\n </ng-container>\n\n <!-- Status -->\n <ng-container *ngIf=\"column.status\">\n <ng-container *ngIf=\"getNestedValue(rowData, column.field)\">\n <div style=\"background-color: #66952E; height: 25px; width: 75px;\"></div>\n </ng-container>\n <ng-container *ngIf=\"!getNestedValue(rowData, column.field)\">\n <div style=\"background-color: #f44336; height: 25px; width: 75px;\"></div>\n </ng-container>\n </ng-container>\n </ng-container>\n <ng-template #valueCell>\n <ng-container *ngIf=\"getNestedValue(rowData, column.field); else emptyCell\">\n <!-- Mare; dodal izjemo za 'cmsStatus' -->\n <ng-container *ngIf=\"column.field === 'cmsStatus'; else defaultContent\">\n {{ 'pages.cms.cmsStatus.' + getNestedValue(rowData, column.field) | translate }}\n </ng-container>\n <!-- Privzeta vsebina za vse ostale stolpce -->\n <ng-template #defaultContent>\n {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\n </ng-template>\n </ng-container>\n <ng-template #emptyCell>\n /\n </ng-template>\n </ng-template>\n </ng-container>\n\n <p class=\"text-red-500 custom-small-text\" *ngIf=\"colIndex === 0 && rowData?.administrativeProcedure?.localJurisdiction && isWarningTextVisible\">\n <br/> {{ 'components.customTable.notification' | translate }}\n </p>\n </td>\n </ng-container>\n </ng-container>\n\n <!-- Button column one -->\n <td *ngIf=\"isButtonOneVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n <!-- Editing table-->\n <ng-container *ngIf=\"isEditingTable; else plainTable\">\n <lib-icon-button\n *ngIf=\"!editing\"\n pInitEditableRow\n [color]=\"buttonOneColor\"\n [icon]=\"buttonOneEditIcon\"\n (click)='onRowEdit(rowData)'\n ></lib-icon-button>\n <lib-icon-button\n *ngIf=\"editing\"\n [color]=\"buttonOneColor!\"\n [icon]=\"buttonOneSaveIcon\"\n (click)='onRowSave(rowData, htmlTableRowElement)'\n ></lib-icon-button>\n </ng-container>\n\n <!-- Plain table-->\n <ng-template #plainTable>\n <ng-container\n *ngIf=\"(rowData?.administrativeProcedure === undefined || rowData?.administrativeProcedure?.detailsUrl !== null) && !isPlainTableIconButtonOne\"\n >\n <lib-button\n *ngIf=\"!isPlainTableButtonOneLink\"\n [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\n [hasIcon]=\"buttonOneHasIcon!\"\n [color]=\"rowData?.buttonColor ? rowData.buttonColor : buttonOneColor!\"\n [icon]=\"buttonOneIcon!\"\n (click)='clickButtonOne(rowData)'\n ></lib-button>\n <lib-button-link\n *ngIf=\"isPlainTableButtonOneLink\"\n [label]=\"rowData?.buttonText ? rowData.buttonText : buttonOneLabel!\"\n [isPrimary]=\"true\"\n [hasIcon]=\"buttonOneHasIcon!\"\n [icon]=\"buttonOneIcon! + ' md:ml-2'\"\n (click)='clickButtonOne(rowData)'\n ></lib-button-link>\n </ng-container>\n <lib-icon-button\n *ngIf=\"isPlainTableIconButtonOne\"\n [color]=\"buttonOneColor!\"\n [icon]=\"buttonOneSaveIcon\"\n (click)='clickButtonOne(rowData)'\n ></lib-icon-button>\n </ng-template>\n </td>\n\n <!-- Button column two -->\n <td *ngIf=\"isButtonTwoVisible\" [class.disabled-row]=\"rowData?.isEnabled === false || rowData?.isEnabled === null\">\n <!-- Editing table-->\n <ng-container *ngIf=\"isEditingTable; else plainTable\">\n <lib-icon-button\n *ngIf=\"!editing\"\n [color]=\"buttonTwoColor\"\n [icon]=\"buttonTwoDeleteIcon\"\n (click)='onRowDelete(rowData)'\n ></lib-icon-button>\n <lib-icon-button\n *ngIf=\"editing\"\n [color]=\"buttonTwoColor\"\n [icon]=\"buttonTwoCancelIcon\"\n (click)=\"onRowCancel(rowData)\"\n ></lib-icon-button>\n </ng-container>\n\n <!-- Plain table-->\n <ng-template #plainTable>\n <lib-button\n *ngIf=\"!isPlainTableIconButtonTwo\"\n [label]=\"buttonTwoLabel!\"\n [hasIcon]=\"buttonTwoHasIcon!\"\n [color]=\"buttonTwoColor!\"\n [icon]=\"buttonTwoIcon!\"\n (click)='clickButtonTwo(rowData)'\n ></lib-button>\n <lib-icon-button\n *ngIf=\"isPlainTableIconButtonTwo\"\n [color]=\"buttonTwoColor!\"\n [icon]=\"buttonTwoDeleteIcon\"\n (click)='clickButtonTwo(rowData)'\n ></lib-icon-button>\n </ng-template>\n </td>\n\n <!-- Deactivate toggle -->\n <td *ngIf=\"isDeactivateToggle\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n <lib-toggle-switch\n [isFormElement]=\"false\"\n [checked]=\"rowData.isEnabled\"\n (getValueEvent)=\"toggleEnable({ rowData, $event })\"\n ></lib-toggle-switch>\n </td>\n\n <!-- Deactivate toggle two -->\n <td *ngIf=\"isDeactivateToggleTwo\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n <lib-toggle-switch\n [disabled]=\"!rowData.isEnabled\"\n [isFormElement]=\"false\"\n [checked]=\"rowData.isAppointmentEnabled\"\n (getValueEvent)=\"toggleTwoEnable({ rowData, $event })\"\n ></lib-toggle-switch>\n </td>\n\n <!-- Deactivate toggle three -->\n <td *ngIf=\"isDeactivateToggleThree\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n <lib-toggle-switch\n [disabled]=\"!rowData.isEnabled\"\n [isFormElement]=\"false\"\n [checked]=\"rowData.isNotificationEnabled\"\n (getValueEvent)=\"toggleThreeEnable({ rowData, $event })\"\n ></lib-toggle-switch>\n </td>\n\n <!-- Deactivate toggle four -->\n <td *ngIf=\"isDeactivateToggleFour\" [ngStyle]=\"{ 'pointer-events': 'auto' }\">\n <lib-toggle-switch\n [disabled]=\"!rowData.isEnabled\"\n [isFormElement]=\"false\"\n [checked]=\"rowData.isVrstomatEnabled\"\n (getValueEvent)=\"toggleFourEnable({ rowData, $event })\"\n ></lib-toggle-switch>\n </td>\n </tr>\n </ng-template>\n</p-table>\n", styles: [":host ::ng-deep .future .p-datatable-header{background:#b2414d}:host ::ng-deep .past .p-datatable-header{background:#6d7375}:host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:8px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border:none;color:#fff;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:first-child,:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:first-child{width:400px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th.public-table:nth-child(2),:host ::ng-deep .p-datatable .p-datatable-thead>tr>td.public-table:nth-child(2){width:150px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent;height:50px}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952eb3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.disabled_row_color{background:#b4b4b4b3}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem 1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-datatable .table-icon-button{width:50px}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}@media(max-width:600px){:host ::ng-deep .p-datatable .p-datatable-header{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:.5rem}}.disabled-row{opacity:.5;pointer-events:none}.custom-small-text{font-size:.8rem;line-height:.9}.ellipsis-text{cursor:n-resize}\n"] }]
|
|
2308
2457
|
}], propDecorators: { table: [{
|
|
2309
2458
|
type: ViewChild,
|
|
2310
2459
|
args: ['dt', { static: false }]
|
|
@@ -2450,11 +2599,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
2450
2599
|
|
|
2451
2600
|
class DividerComponent {
|
|
2452
2601
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2453
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DividerComponent, isStandalone: true, selector: "lib-divider", ngImport: i0, template: "<p-divider aria-hidden=\"true\"></p-divider>\
|
|
2602
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DividerComponent, isStandalone: true, selector: "lib-divider", ngImport: i0, template: "<p-divider aria-hidden=\"true\"></p-divider>\n", styles: [":host ::ng-deep .p-divider-horizontal:before{border-top:1.75px #3E7C94}\n"], dependencies: [{ kind: "component", type: Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }] });
|
|
2454
2603
|
}
|
|
2455
2604
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DividerComponent, decorators: [{
|
|
2456
2605
|
type: Component,
|
|
2457
|
-
args: [{ selector: 'lib-divider', imports: [Divider], template: "<p-divider aria-hidden=\"true\"></p-divider>\
|
|
2606
|
+
args: [{ selector: 'lib-divider', imports: [Divider], template: "<p-divider aria-hidden=\"true\"></p-divider>\n", styles: [":host ::ng-deep .p-divider-horizontal:before{border-top:1.75px #3E7C94}\n"] }]
|
|
2458
2607
|
}] });
|
|
2459
2608
|
|
|
2460
2609
|
class ExpandedTableComponent {
|
|
@@ -2679,7 +2828,7 @@ class ExpandedTableComponent {
|
|
|
2679
2828
|
});
|
|
2680
2829
|
}
|
|
2681
2830
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ExpandedTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2682
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ExpandedTableComponent, isStandalone: true, selector: "lib-expanded-table[tableData]", inputs: { tableData: "tableData", tableColumns: "tableColumns", isPaginatorVisible: "isPaginatorVisible", tableRowCount: "tableRowCount", isEnabledTable: "isEnabledTable", scrollable: "scrollable", scrollHeight: "scrollHeight", isTableLoading: "isTableLoading", mainCaptionColorClass: "mainCaptionColorClass", isEditingTable: "isEditingTable", hideColumnsOnMobile: "hideColumnsOnMobile", innerTableHideColumnsOnMobile: "innerTableHideColumnsOnMobile", tableCaption: "tableCaption", isTableHeaderVisible: "isTableHeaderVisible", emptyColumnWidth: "emptyColumnWidth", rowColor: "rowColor", isButtonOneVisible: "isButtonOneVisible", isPlainTableIconButtonOne: "isPlainTableIconButtonOne", buttonLabel: "buttonLabel", buttonOneLabel: "buttonOneLabel", buttonOneHasIcon: "buttonOneHasIcon", buttonOneColor: "buttonOneColor", buttonOneIcon: "buttonOneIcon", isButtonTwoVisible: "isButtonTwoVisible", buttonTwoLabel: "buttonTwoLabel", buttonTwoHasIcon: "buttonTwoHasIcon", buttonTwoColor: "buttonTwoColor", buttonTwoIcon: "buttonTwoIcon", isButtonTwoToggle: "isButtonTwoToggle", isArrowToggle: "isArrowToggle", innerTableStyle: "innerTableStyle", innerTableColumns: "innerTableColumns", innerIsPaginatorVisible: "innerIsPaginatorVisible", innerTableRowCount: "innerTableRowCount", innerScrollable: "innerScrollable", innerScrollHeight: "innerScrollHeight", innerIsEditingTable: "innerIsEditingTable", innerIsTableLoading: "innerIsTableLoading", innerTableCaption: "innerTableCaption", innerCaptionColorClass: "innerCaptionColorClass", innerIsCaptionButtonVisible: "innerIsCaptionButtonVisible", innerCaptionButtonLabel: "innerCaptionButtonLabel", innerCaptionButtonColor: "innerCaptionButtonColor", innerIsTableHeaderVisible: "innerIsTableHeaderVisible", innerEmptyColumnWidth: "innerEmptyColumnWidth", innerToggleTableHeaderName: "innerToggleTableHeaderName", innerToggleWidth: "innerToggleWidth", innerToggleTwoTableHeaderName: "innerToggleTwoTableHeaderName", innerToggleTwoWidth: "innerToggleTwoWidth", innerToggleThreeTableHeaderName: "innerToggleThreeTableHeaderName", innerToggleThreeWidth: "innerToggleThreeWidth", innerToggleFourTableHeaderName: "innerToggleFourTableHeaderName", innerToggleFourWidth: "innerToggleFourWidth", innerFormGroup: "innerFormGroup", innerType: "innerType", innerFormStatus: "innerFormStatus", innerIsButtonOneVisible: "innerIsButtonOneVisible", innerIsPlainTableIconButtonOne: "innerIsPlainTableIconButtonOne", innerButtonOneLabel: "innerButtonOneLabel", innerButtonOneHasIcon: "innerButtonOneHasIcon", innerButtonOneEditIcon: "innerButtonOneEditIcon", innerButtonOneSaveIcon: "innerButtonOneSaveIcon", innerButtonOneColor: "innerButtonOneColor", innerButtonOneIcon: "innerButtonOneIcon", innerIsButtonTwoVisible: "innerIsButtonTwoVisible", innerIsPlainTableIconButtonTwo: "innerIsPlainTableIconButtonTwo", innerButtonTwoLabel: "innerButtonTwoLabel", innerButtonTwoHasIcon: "innerButtonTwoHasIcon", innerButtonTwoDeleteIcon: "innerButtonTwoDeleteIcon", innerButtonTwoCancelIcon: "innerButtonTwoCancelIcon", innerButtonTwoColor: "innerButtonTwoColor", innerButtonTwoIcon: "innerButtonTwoIcon", innerIsDeactivateToggle: "innerIsDeactivateToggle", innerIsDeactivateToggleTwo: "innerIsDeactivateToggleTwo", innerIsDeactivateToggleThree: "innerIsDeactivateToggleThree", innerIsDeactivateToggleFour: "innerIsDeactivateToggleFour" }, outputs: { buttonOneClick: "buttonOneClick", buttonTwoClick: "buttonTwoClick", innerCaptionButtonClicked: "innerCaptionButtonClicked", innerButtonEditClick: "innerButtonEditClick", innerButtonSaveClick: "innerButtonSaveClick", innerButtonOneClick: "innerButtonOneClick", innerButtonDeleteClick: "innerButtonDeleteClick", innerButtonTwoClick: "innerButtonTwoClick", innerToggleSwitch: "innerToggleSwitch", innerToggleTwoSwitch: "innerToggleTwoSwitch", innerToggleThreeSwitch: "innerToggleThreeSwitch", innerToggleFourSwitch: "innerToggleFourSwitch" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-table\r\n #dt\r\n [value]=\"tableData\"\r\n [paginator]=\"isPaginatorVisible\"\r\n [rows]=\"tableRowCount\"\r\n [showCurrentPageReport]=\"false\"\r\n [scrollable]=\"scrollable\"\r\n [scrollHeight]=\"scrollHeight\"\r\n [ngClass]=\"mainCaptionColorClass\"\r\n dataKey=\"id\"\r\n [loading]=\"isTableLoading\"\r\n>\r\n <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">{{ tableCaption }}</ng-template>\r\n <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\r\n <tr>\r\n <ng-container *ngFor=\"let column of tableColumns\">\r\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n <th scope=\"col\" [style.width]=\"column.width\">\r\n {{ column.header | translate }}\r\n </th>\r\n </ng-container>\r\n\r\n </ng-container>\r\n <th *ngFor=\"let _ of emptyHeaderColumnList\" scope=\"col\" [style.width]=\"emptyColumnWidth\"></th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-rowData let-expanded=\"expanded\">\r\n <tr [ngClass]=\"rowColor\">\r\n <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\r\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\r\n <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\r\n {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!-- Main table - Button column one -->\r\n <ng-container *ngIf=\"isButtonOneVisible\">\r\n <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\r\n <lib-button\r\n [label]=\"buttonOneLabel!\"\r\n [hasIcon]=\"buttonOneHasIcon!\"\r\n [color]=\"buttonOneColor!\"\r\n [icon]=\"buttonOneIcon!\"\r\n (click)=\"clickButtonOne(rowData)\"\r\n ></lib-button>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Main table - Button column two -->\r\n <ng-container *ngIf=\"isButtonTwoVisible\">\r\n <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\r\n <lib-button\r\n [pRowToggler]=\"isButtonTwoToggle ? rowData : null\"\r\n [label]=\"buttonTwoLabel!\"\r\n [hasIcon]=\"buttonTwoHasIcon!\"\r\n [color]=\"buttonTwoColor!\"\r\n [icon]=\"buttonTwoIcon!\"\r\n (click)=\"clickButtonTwo(rowData)\"\r\n ></lib-button>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Main table - Button column three - Arrow -->\r\n <ng-container *ngIf=\"isArrowToggle\">\r\n <td [ngStyle]=\"{ 'width': '20px' }\">\r\n <i class=\"pi\" [ngClass]=\"expanded ? 'pi pi-chevron-up' : 'pi pi-chevron-down'\"\r\n [pRowToggler]=\"!rowData['isEnabled'] ? null : rowData\"></i>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </ng-template>\r\n\r\n <!-- Inner table-->\r\n <ng-template pTemplate=\"rowexpansion\" let-rowData>\r\n <tr>\r\n <td colspan=\"7\">\r\n <lib-custom-table\r\n #dt\r\n #htmlTableRowElement\r\n [tableData]=\"rowData.other\"\r\n [tableColumns]=\"innerTableColumns\"\r\n [isPaginatorVisible]=\"innerIsPaginatorVisible\"\r\n [tableRowCount]=\"innerTableRowCount\"\r\n [isEditingTable]=\"innerIsEditingTable\"\r\n [isTableLoading]=\"innerIsTableLoading\"\r\n [scrollable]=\"true\"\r\n [hideColumnsOnMobile]=\"innerTableHideColumnsOnMobile\"\r\n tableMinWidth=\"10rem\"\r\n\r\n [tableCaption]=\"innerTableCaption\"\r\n [captionColorClass]=\"innerCaptionColorClass\"\r\n [isCaptionButtonVisible]=\"innerIsCaptionButtonVisible\"\r\n [captionButtonColor]=\"innerCaptionButtonColor\"\r\n (captionButtonClicked)=\"clickInnerCaptionButton($event)\"\r\n\r\n [isTableHeaderVisible]=\"innerIsTableHeaderVisible\"\r\n [emptyColumnWidth]=\"innerEmptyColumnWidth\"\r\n\r\n [toggleTableHeaderName]=\"innerToggleTableHeaderName\"\r\n [toggleWidth]=\"innerToggleWidth\"\r\n\r\n [toggleTwoTableHeaderName]=\"innerToggleTwoTableHeaderName\"\r\n [toggleTwoWidth]=\"innerToggleTwoWidth\"\r\n\r\n [toggleThreeTableHeaderName]=\"innerToggleThreeTableHeaderName\"\r\n [toggleThreeWidth]=\"innerToggleThreeWidth\"\r\n\r\n [toggleFourTableHeaderName]=\"innerToggleFourTableHeaderName\"\r\n [toggleFourWidth]=\"innerToggleFourWidth\"\r\n\r\n [formGroup]=\"innerFormGroup\"\r\n\r\n [type]=\"innerType\"\r\n [formStatus]=\"innerFormStatus\"\r\n\r\n [isButtonOneVisible]=\"innerIsButtonOneVisible\"\r\n [isPlainTableIconButtonOne]=\"innerIsPlainTableIconButtonOne\"\r\n [buttonOneLabel]=\"innerButtonOneLabel\"\r\n [buttonOneHasIcon]=\"innerButtonOneHasIcon\"\r\n [buttonOneEditIcon]=\"innerButtonOneEditIcon\"\r\n [buttonOneSaveIcon]=\"innerButtonOneSaveIcon\"\r\n [buttonOneColor]=\"innerButtonOneColor\"\r\n [buttonOneIcon]=\"innerButtonOneIcon\"\r\n (buttonEditClick)=\"onRowEdit($event)\"\r\n (buttonSaveClick)=\"onRowSave($event, htmlTableRowElement)\"\r\n (buttonOneClick)=\"clickInnerButtonOne($event)\"\r\n\r\n [isButtonTwoVisible]=\"innerIsButtonTwoVisible\"\r\n [isPlainTableIconButtonTwo]=\"innerIsPlainTableIconButtonTwo\"\r\n [buttonTwoLabel]=\"innerButtonTwoLabel\"\r\n [buttonTwoHasIcon]=\"innerButtonTwoHasIcon\"\r\n [buttonTwoDeleteIcon]=\"innerButtonTwoDeleteIcon\"\r\n [buttonTwoCancelIcon]=\"innerButtonTwoCancelIcon\"\r\n [buttonTwoColor]=\"innerButtonTwoColor\"\r\n [buttonTwoIcon]=\"innerButtonTwoIcon\"\r\n (buttonDeleteClick)=\"onRowDelete($event)\"\r\n (buttonTwoClick)=\"clickInnerButtonTwo($event)\"\r\n\r\n [isDeactivateToggle]=\"innerIsDeactivateToggle\"\r\n (toggleSwitch)=\"toggleEnable($event)\"\r\n\r\n [isDeactivateToggleTwo]=\"innerIsDeactivateToggleTwo\"\r\n (toggleTwoSwitch)=\"toggleTwoEnable($event)\"\r\n\r\n [isDeactivateToggleThree]=\"innerIsDeactivateToggleThree\"\r\n (toggleThreeSwitch)=\"toggleThreeEnable($event)\"\r\n\r\n [isDeactivateToggleFour]=\"innerIsDeactivateToggleFour\"\r\n (toggleFourSwitch)=\"toggleFourEnable($event)\"\r\n ></lib-custom-table>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n\r\n", styles: [":host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:12px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border-radius:10px 10px 0 0;border:none;color:#fff;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-header.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-header.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-header.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$8.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CustomTableComponent, selector: "lib-custom-table[tableData][tableColumns]", inputs: ["tableData", "tableColumns", "isPaginatorVisible", "tableRowCount", "scrollable", "scrollHeight", "selectedProducts", "isEditingTable", "isTableLoading", "hideColumnsOnMobile", "tableMinWidth", "isVirtualScrollButtonVisible", "isVirtualScroll", "virtualScrollRowSize", "tableCaption", "captionColorClass", "isCaptionButtonVisible", "captionButtonLabel", "captionButtonColor", "isTableHeaderVisible", "emptyColumnWidth", "toggleTableHeaderName", "toggleWidth", "toggleTwoTableHeaderName", "toggleTwoWidth", "toggleThreeTableHeaderName", "toggleThreeWidth", "toggleFourTableHeaderName", "toggleFourWidth", "rowColor", "formGroup", "type", "formStatus", "tagColor", "isWarningTextVisible", "isButtonOneVisible", "buttonLabel", "buttonOneLabel", "buttonOneHasIcon", "buttonOneEditIcon", "buttonOneSaveIcon", "buttonOneColor", "buttonOneIcon", "isPlainTableIconButtonOne", "isPlainTableButtonOneLink", "isButtonTwoVisible", "buttonTwoLabel", "buttonTwoHasIcon", "buttonTwoDeleteIcon", "buttonTwoCancelIcon", "buttonTwoColor", "buttonTwoIcon", "isPlainTableIconButtonTwo", "isDeactivateToggle", "isDeactivateToggleTwo", "isDeactivateToggleThree", "isDeactivateToggleFour", "showEllipsisFullText"], outputs: ["captionButtonClicked", "buttonEditClick", "buttonSaveClick", "buttonOneClick", "buttonDeleteClick", "buttonTwoClick", "toggleSwitch", "toggleTwoSwitch", "toggleThreeSwitch", "toggleFourSwitch", "checkboxOne"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
|
|
2831
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ExpandedTableComponent, isStandalone: true, selector: "lib-expanded-table[tableData]", inputs: { tableData: "tableData", tableColumns: "tableColumns", isPaginatorVisible: "isPaginatorVisible", tableRowCount: "tableRowCount", isEnabledTable: "isEnabledTable", scrollable: "scrollable", scrollHeight: "scrollHeight", isTableLoading: "isTableLoading", mainCaptionColorClass: "mainCaptionColorClass", isEditingTable: "isEditingTable", hideColumnsOnMobile: "hideColumnsOnMobile", innerTableHideColumnsOnMobile: "innerTableHideColumnsOnMobile", tableCaption: "tableCaption", isTableHeaderVisible: "isTableHeaderVisible", emptyColumnWidth: "emptyColumnWidth", rowColor: "rowColor", isButtonOneVisible: "isButtonOneVisible", isPlainTableIconButtonOne: "isPlainTableIconButtonOne", buttonLabel: "buttonLabel", buttonOneLabel: "buttonOneLabel", buttonOneHasIcon: "buttonOneHasIcon", buttonOneColor: "buttonOneColor", buttonOneIcon: "buttonOneIcon", isButtonTwoVisible: "isButtonTwoVisible", buttonTwoLabel: "buttonTwoLabel", buttonTwoHasIcon: "buttonTwoHasIcon", buttonTwoColor: "buttonTwoColor", buttonTwoIcon: "buttonTwoIcon", isButtonTwoToggle: "isButtonTwoToggle", isArrowToggle: "isArrowToggle", innerTableStyle: "innerTableStyle", innerTableColumns: "innerTableColumns", innerIsPaginatorVisible: "innerIsPaginatorVisible", innerTableRowCount: "innerTableRowCount", innerScrollable: "innerScrollable", innerScrollHeight: "innerScrollHeight", innerIsEditingTable: "innerIsEditingTable", innerIsTableLoading: "innerIsTableLoading", innerTableCaption: "innerTableCaption", innerCaptionColorClass: "innerCaptionColorClass", innerIsCaptionButtonVisible: "innerIsCaptionButtonVisible", innerCaptionButtonLabel: "innerCaptionButtonLabel", innerCaptionButtonColor: "innerCaptionButtonColor", innerIsTableHeaderVisible: "innerIsTableHeaderVisible", innerEmptyColumnWidth: "innerEmptyColumnWidth", innerToggleTableHeaderName: "innerToggleTableHeaderName", innerToggleWidth: "innerToggleWidth", innerToggleTwoTableHeaderName: "innerToggleTwoTableHeaderName", innerToggleTwoWidth: "innerToggleTwoWidth", innerToggleThreeTableHeaderName: "innerToggleThreeTableHeaderName", innerToggleThreeWidth: "innerToggleThreeWidth", innerToggleFourTableHeaderName: "innerToggleFourTableHeaderName", innerToggleFourWidth: "innerToggleFourWidth", innerFormGroup: "innerFormGroup", innerType: "innerType", innerFormStatus: "innerFormStatus", innerIsButtonOneVisible: "innerIsButtonOneVisible", innerIsPlainTableIconButtonOne: "innerIsPlainTableIconButtonOne", innerButtonOneLabel: "innerButtonOneLabel", innerButtonOneHasIcon: "innerButtonOneHasIcon", innerButtonOneEditIcon: "innerButtonOneEditIcon", innerButtonOneSaveIcon: "innerButtonOneSaveIcon", innerButtonOneColor: "innerButtonOneColor", innerButtonOneIcon: "innerButtonOneIcon", innerIsButtonTwoVisible: "innerIsButtonTwoVisible", innerIsPlainTableIconButtonTwo: "innerIsPlainTableIconButtonTwo", innerButtonTwoLabel: "innerButtonTwoLabel", innerButtonTwoHasIcon: "innerButtonTwoHasIcon", innerButtonTwoDeleteIcon: "innerButtonTwoDeleteIcon", innerButtonTwoCancelIcon: "innerButtonTwoCancelIcon", innerButtonTwoColor: "innerButtonTwoColor", innerButtonTwoIcon: "innerButtonTwoIcon", innerIsDeactivateToggle: "innerIsDeactivateToggle", innerIsDeactivateToggleTwo: "innerIsDeactivateToggleTwo", innerIsDeactivateToggleThree: "innerIsDeactivateToggleThree", innerIsDeactivateToggleFour: "innerIsDeactivateToggleFour" }, outputs: { buttonOneClick: "buttonOneClick", buttonTwoClick: "buttonTwoClick", innerCaptionButtonClicked: "innerCaptionButtonClicked", innerButtonEditClick: "innerButtonEditClick", innerButtonSaveClick: "innerButtonSaveClick", innerButtonOneClick: "innerButtonOneClick", innerButtonDeleteClick: "innerButtonDeleteClick", innerButtonTwoClick: "innerButtonTwoClick", innerToggleSwitch: "innerToggleSwitch", innerToggleTwoSwitch: "innerToggleTwoSwitch", innerToggleThreeSwitch: "innerToggleThreeSwitch", innerToggleFourSwitch: "innerToggleFourSwitch" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-table\n #dt\n [value]=\"tableData\"\n [paginator]=\"isPaginatorVisible\"\n [rows]=\"tableRowCount\"\n [showCurrentPageReport]=\"false\"\n [scrollable]=\"scrollable\"\n [scrollHeight]=\"scrollHeight\"\n [ngClass]=\"mainCaptionColorClass\"\n dataKey=\"id\"\n [loading]=\"isTableLoading\"\n>\n <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">{{ tableCaption }}</ng-template>\n <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\n <tr>\n <ng-container *ngFor=\"let column of tableColumns\">\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n <th scope=\"col\" [style.width]=\"column.width\">\n {{ column.header | translate }}\n </th>\n </ng-container>\n\n </ng-container>\n <th *ngFor=\"let _ of emptyHeaderColumnList\" scope=\"col\" [style.width]=\"emptyColumnWidth\"></th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-rowData let-expanded=\"expanded\">\n <tr [ngClass]=\"rowColor\">\n <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\n </td>\n </ng-container>\n </ng-container>\n\n <!-- Main table - Button column one -->\n <ng-container *ngIf=\"isButtonOneVisible\">\n <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n <lib-button\n [label]=\"buttonOneLabel!\"\n [hasIcon]=\"buttonOneHasIcon!\"\n [color]=\"buttonOneColor!\"\n [icon]=\"buttonOneIcon!\"\n (click)=\"clickButtonOne(rowData)\"\n ></lib-button>\n </td>\n </ng-container>\n\n <!-- Main table - Button column two -->\n <ng-container *ngIf=\"isButtonTwoVisible\">\n <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n <lib-button\n [pRowToggler]=\"isButtonTwoToggle ? rowData : null\"\n [label]=\"buttonTwoLabel!\"\n [hasIcon]=\"buttonTwoHasIcon!\"\n [color]=\"buttonTwoColor!\"\n [icon]=\"buttonTwoIcon!\"\n (click)=\"clickButtonTwo(rowData)\"\n ></lib-button>\n </td>\n </ng-container>\n\n <!-- Main table - Button column three - Arrow -->\n <ng-container *ngIf=\"isArrowToggle\">\n <td [ngStyle]=\"{ 'width': '20px' }\">\n <i class=\"pi\" [ngClass]=\"expanded ? 'pi pi-chevron-up' : 'pi pi-chevron-down'\"\n [pRowToggler]=\"!rowData['isEnabled'] ? null : rowData\"></i>\n </td>\n </ng-container>\n </tr>\n </ng-template>\n\n <!-- Inner table-->\n <ng-template pTemplate=\"rowexpansion\" let-rowData>\n <tr>\n <td colspan=\"7\">\n <lib-custom-table\n #dt\n #htmlTableRowElement\n [tableData]=\"rowData.other\"\n [tableColumns]=\"innerTableColumns\"\n [isPaginatorVisible]=\"innerIsPaginatorVisible\"\n [tableRowCount]=\"innerTableRowCount\"\n [isEditingTable]=\"innerIsEditingTable\"\n [isTableLoading]=\"innerIsTableLoading\"\n [scrollable]=\"true\"\n [hideColumnsOnMobile]=\"innerTableHideColumnsOnMobile\"\n tableMinWidth=\"10rem\"\n\n [tableCaption]=\"innerTableCaption\"\n [captionColorClass]=\"innerCaptionColorClass\"\n [isCaptionButtonVisible]=\"innerIsCaptionButtonVisible\"\n [captionButtonColor]=\"innerCaptionButtonColor\"\n (captionButtonClicked)=\"clickInnerCaptionButton($event)\"\n\n [isTableHeaderVisible]=\"innerIsTableHeaderVisible\"\n [emptyColumnWidth]=\"innerEmptyColumnWidth\"\n\n [toggleTableHeaderName]=\"innerToggleTableHeaderName\"\n [toggleWidth]=\"innerToggleWidth\"\n\n [toggleTwoTableHeaderName]=\"innerToggleTwoTableHeaderName\"\n [toggleTwoWidth]=\"innerToggleTwoWidth\"\n\n [toggleThreeTableHeaderName]=\"innerToggleThreeTableHeaderName\"\n [toggleThreeWidth]=\"innerToggleThreeWidth\"\n\n [toggleFourTableHeaderName]=\"innerToggleFourTableHeaderName\"\n [toggleFourWidth]=\"innerToggleFourWidth\"\n\n [formGroup]=\"innerFormGroup\"\n\n [type]=\"innerType\"\n [formStatus]=\"innerFormStatus\"\n\n [isButtonOneVisible]=\"innerIsButtonOneVisible\"\n [isPlainTableIconButtonOne]=\"innerIsPlainTableIconButtonOne\"\n [buttonOneLabel]=\"innerButtonOneLabel\"\n [buttonOneHasIcon]=\"innerButtonOneHasIcon\"\n [buttonOneEditIcon]=\"innerButtonOneEditIcon\"\n [buttonOneSaveIcon]=\"innerButtonOneSaveIcon\"\n [buttonOneColor]=\"innerButtonOneColor\"\n [buttonOneIcon]=\"innerButtonOneIcon\"\n (buttonEditClick)=\"onRowEdit($event)\"\n (buttonSaveClick)=\"onRowSave($event, htmlTableRowElement)\"\n (buttonOneClick)=\"clickInnerButtonOne($event)\"\n\n [isButtonTwoVisible]=\"innerIsButtonTwoVisible\"\n [isPlainTableIconButtonTwo]=\"innerIsPlainTableIconButtonTwo\"\n [buttonTwoLabel]=\"innerButtonTwoLabel\"\n [buttonTwoHasIcon]=\"innerButtonTwoHasIcon\"\n [buttonTwoDeleteIcon]=\"innerButtonTwoDeleteIcon\"\n [buttonTwoCancelIcon]=\"innerButtonTwoCancelIcon\"\n [buttonTwoColor]=\"innerButtonTwoColor\"\n [buttonTwoIcon]=\"innerButtonTwoIcon\"\n (buttonDeleteClick)=\"onRowDelete($event)\"\n (buttonTwoClick)=\"clickInnerButtonTwo($event)\"\n\n [isDeactivateToggle]=\"innerIsDeactivateToggle\"\n (toggleSwitch)=\"toggleEnable($event)\"\n\n [isDeactivateToggleTwo]=\"innerIsDeactivateToggleTwo\"\n (toggleTwoSwitch)=\"toggleTwoEnable($event)\"\n\n [isDeactivateToggleThree]=\"innerIsDeactivateToggleThree\"\n (toggleThreeSwitch)=\"toggleThreeEnable($event)\"\n\n [isDeactivateToggleFour]=\"innerIsDeactivateToggleFour\"\n (toggleFourSwitch)=\"toggleFourEnable($event)\"\n ></lib-custom-table>\n </td>\n </tr>\n </ng-template>\n</p-table>\n\n", styles: [":host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:12px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border-radius:10px 10px 0 0;border:none;color:#fff;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-header.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-header.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-header.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$8.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CustomTableComponent, selector: "lib-custom-table[tableData][tableColumns]", inputs: ["tableData", "tableColumns", "isPaginatorVisible", "tableRowCount", "scrollable", "scrollHeight", "selectedProducts", "isEditingTable", "isTableLoading", "hideColumnsOnMobile", "tableMinWidth", "isVirtualScrollButtonVisible", "isVirtualScroll", "virtualScrollRowSize", "tableCaption", "captionColorClass", "isCaptionButtonVisible", "captionButtonLabel", "captionButtonColor", "isTableHeaderVisible", "emptyColumnWidth", "toggleTableHeaderName", "toggleWidth", "toggleTwoTableHeaderName", "toggleTwoWidth", "toggleThreeTableHeaderName", "toggleThreeWidth", "toggleFourTableHeaderName", "toggleFourWidth", "rowColor", "formGroup", "type", "formStatus", "tagColor", "isWarningTextVisible", "isButtonOneVisible", "buttonLabel", "buttonOneLabel", "buttonOneHasIcon", "buttonOneEditIcon", "buttonOneSaveIcon", "buttonOneColor", "buttonOneIcon", "isPlainTableIconButtonOne", "isPlainTableButtonOneLink", "isButtonTwoVisible", "buttonTwoLabel", "buttonTwoHasIcon", "buttonTwoDeleteIcon", "buttonTwoCancelIcon", "buttonTwoColor", "buttonTwoIcon", "isPlainTableIconButtonTwo", "isDeactivateToggle", "isDeactivateToggleTwo", "isDeactivateToggleThree", "isDeactivateToggleFour", "showEllipsisFullText"], outputs: ["captionButtonClicked", "buttonEditClick", "buttonSaveClick", "buttonOneClick", "buttonDeleteClick", "buttonTwoClick", "toggleSwitch", "toggleTwoSwitch", "toggleThreeSwitch", "toggleFourSwitch", "checkboxOne"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
|
|
2683
2832
|
}
|
|
2684
2833
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ExpandedTableComponent, decorators: [{
|
|
2685
2834
|
type: Component,
|
|
@@ -2695,7 +2844,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
2695
2844
|
FormsModule,
|
|
2696
2845
|
ReactiveFormsModule,
|
|
2697
2846
|
TranslateModule,
|
|
2698
|
-
], template: "<p-table\
|
|
2847
|
+
], template: "<p-table\n #dt\n [value]=\"tableData\"\n [paginator]=\"isPaginatorVisible\"\n [rows]=\"tableRowCount\"\n [showCurrentPageReport]=\"false\"\n [scrollable]=\"scrollable\"\n [scrollHeight]=\"scrollHeight\"\n [ngClass]=\"mainCaptionColorClass\"\n dataKey=\"id\"\n [loading]=\"isTableLoading\"\n>\n <ng-template pTemplate=\"caption\" *ngIf=\"!!tableCaption\">{{ tableCaption }}</ng-template>\n <ng-template pTemplate=\"header\" *ngIf=\"isTableHeaderVisible\">\n <tr>\n <ng-container *ngFor=\"let column of tableColumns\">\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n <th scope=\"col\" [style.width]=\"column.width\">\n {{ column.header | translate }}\n </th>\n </ng-container>\n\n </ng-container>\n <th *ngFor=\"let _ of emptyHeaderColumnList\" scope=\"col\" [style.width]=\"emptyColumnWidth\"></th>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-rowData let-expanded=\"expanded\">\n <tr [ngClass]=\"rowColor\">\n <ng-container *ngFor=\"let column of tableColumns; let colIndex = index\">\n <ng-container *ngIf=\"!(column.hideOnMobile && isMobile() && hideColumnsOnMobile)\">\n <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n {{ column.suffix ? getNestedValue(rowData, column.field) + ' ' + column.suffix : getNestedValue(rowData, column.field) }}\n </td>\n </ng-container>\n </ng-container>\n\n <!-- Main table - Button column one -->\n <ng-container *ngIf=\"isButtonOneVisible\">\n <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n <lib-button\n [label]=\"buttonOneLabel!\"\n [hasIcon]=\"buttonOneHasIcon!\"\n [color]=\"buttonOneColor!\"\n [icon]=\"buttonOneIcon!\"\n (click)=\"clickButtonOne(rowData)\"\n ></lib-button>\n </td>\n </ng-container>\n\n <!-- Main table - Button column two -->\n <ng-container *ngIf=\"isButtonTwoVisible\">\n <td [class.disabled-row]=\"isEditingTable && !rowData?.isEnabled\">\n <lib-button\n [pRowToggler]=\"isButtonTwoToggle ? rowData : null\"\n [label]=\"buttonTwoLabel!\"\n [hasIcon]=\"buttonTwoHasIcon!\"\n [color]=\"buttonTwoColor!\"\n [icon]=\"buttonTwoIcon!\"\n (click)=\"clickButtonTwo(rowData)\"\n ></lib-button>\n </td>\n </ng-container>\n\n <!-- Main table - Button column three - Arrow -->\n <ng-container *ngIf=\"isArrowToggle\">\n <td [ngStyle]=\"{ 'width': '20px' }\">\n <i class=\"pi\" [ngClass]=\"expanded ? 'pi pi-chevron-up' : 'pi pi-chevron-down'\"\n [pRowToggler]=\"!rowData['isEnabled'] ? null : rowData\"></i>\n </td>\n </ng-container>\n </tr>\n </ng-template>\n\n <!-- Inner table-->\n <ng-template pTemplate=\"rowexpansion\" let-rowData>\n <tr>\n <td colspan=\"7\">\n <lib-custom-table\n #dt\n #htmlTableRowElement\n [tableData]=\"rowData.other\"\n [tableColumns]=\"innerTableColumns\"\n [isPaginatorVisible]=\"innerIsPaginatorVisible\"\n [tableRowCount]=\"innerTableRowCount\"\n [isEditingTable]=\"innerIsEditingTable\"\n [isTableLoading]=\"innerIsTableLoading\"\n [scrollable]=\"true\"\n [hideColumnsOnMobile]=\"innerTableHideColumnsOnMobile\"\n tableMinWidth=\"10rem\"\n\n [tableCaption]=\"innerTableCaption\"\n [captionColorClass]=\"innerCaptionColorClass\"\n [isCaptionButtonVisible]=\"innerIsCaptionButtonVisible\"\n [captionButtonColor]=\"innerCaptionButtonColor\"\n (captionButtonClicked)=\"clickInnerCaptionButton($event)\"\n\n [isTableHeaderVisible]=\"innerIsTableHeaderVisible\"\n [emptyColumnWidth]=\"innerEmptyColumnWidth\"\n\n [toggleTableHeaderName]=\"innerToggleTableHeaderName\"\n [toggleWidth]=\"innerToggleWidth\"\n\n [toggleTwoTableHeaderName]=\"innerToggleTwoTableHeaderName\"\n [toggleTwoWidth]=\"innerToggleTwoWidth\"\n\n [toggleThreeTableHeaderName]=\"innerToggleThreeTableHeaderName\"\n [toggleThreeWidth]=\"innerToggleThreeWidth\"\n\n [toggleFourTableHeaderName]=\"innerToggleFourTableHeaderName\"\n [toggleFourWidth]=\"innerToggleFourWidth\"\n\n [formGroup]=\"innerFormGroup\"\n\n [type]=\"innerType\"\n [formStatus]=\"innerFormStatus\"\n\n [isButtonOneVisible]=\"innerIsButtonOneVisible\"\n [isPlainTableIconButtonOne]=\"innerIsPlainTableIconButtonOne\"\n [buttonOneLabel]=\"innerButtonOneLabel\"\n [buttonOneHasIcon]=\"innerButtonOneHasIcon\"\n [buttonOneEditIcon]=\"innerButtonOneEditIcon\"\n [buttonOneSaveIcon]=\"innerButtonOneSaveIcon\"\n [buttonOneColor]=\"innerButtonOneColor\"\n [buttonOneIcon]=\"innerButtonOneIcon\"\n (buttonEditClick)=\"onRowEdit($event)\"\n (buttonSaveClick)=\"onRowSave($event, htmlTableRowElement)\"\n (buttonOneClick)=\"clickInnerButtonOne($event)\"\n\n [isButtonTwoVisible]=\"innerIsButtonTwoVisible\"\n [isPlainTableIconButtonTwo]=\"innerIsPlainTableIconButtonTwo\"\n [buttonTwoLabel]=\"innerButtonTwoLabel\"\n [buttonTwoHasIcon]=\"innerButtonTwoHasIcon\"\n [buttonTwoDeleteIcon]=\"innerButtonTwoDeleteIcon\"\n [buttonTwoCancelIcon]=\"innerButtonTwoCancelIcon\"\n [buttonTwoColor]=\"innerButtonTwoColor\"\n [buttonTwoIcon]=\"innerButtonTwoIcon\"\n (buttonDeleteClick)=\"onRowDelete($event)\"\n (buttonTwoClick)=\"clickInnerButtonTwo($event)\"\n\n [isDeactivateToggle]=\"innerIsDeactivateToggle\"\n (toggleSwitch)=\"toggleEnable($event)\"\n\n [isDeactivateToggleTwo]=\"innerIsDeactivateToggleTwo\"\n (toggleTwoSwitch)=\"toggleTwoEnable($event)\"\n\n [isDeactivateToggleThree]=\"innerIsDeactivateToggleThree\"\n (toggleThreeSwitch)=\"toggleThreeEnable($event)\"\n\n [isDeactivateToggleFour]=\"innerIsDeactivateToggleFour\"\n (toggleFourSwitch)=\"toggleFourEnable($event)\"\n ></lib-custom-table>\n </td>\n </tr>\n </ng-template>\n</p-table>\n\n", styles: [":host ::ng-deep .p-datatable{border:1px solid #3E7C94;border-radius:12px;overflow:hidden;padding:0}:host ::ng-deep .p-datatable .p-datatable-header{border-radius:10px 10px 0 0;border:none;color:#fff;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-header.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-header.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-header.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background:#d9d9d9;border:none;color:#1b495a;font-weight:unset;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr{background:transparent}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.danger_row_color{background:#f44336}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.warning_row_color{background:#fdca40}:host ::ng-deep .p-datatable .p-datatable-tbody>tr.success_row_color{background:#66952e}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-color:#3e7c94;padding:.5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr:first-child>td{border-color:transparent}:host ::ng-deep .p-paginator{background:transparent}:host ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{background:#3e7c94;border-color:#3e7c94}\n"] }]
|
|
2699
2848
|
}], propDecorators: { tableData: [{
|
|
2700
2849
|
type: Input
|
|
2701
2850
|
}], tableColumns: [{
|
|
@@ -2881,7 +3030,7 @@ class FilterHeaderComponent {
|
|
|
2881
3030
|
filterItems = [];
|
|
2882
3031
|
constructor() { }
|
|
2883
3032
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FilterHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2884
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FilterHeaderComponent, isStandalone: true, selector: "app-filter-header", inputs: { filterItems: "filterItems" }, ngImport: i0, template: "<!-- app.component.html -->\
|
|
3033
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FilterHeaderComponent, isStandalone: true, selector: "app-filter-header", inputs: { filterItems: "filterItems" }, ngImport: i0, template: "<!-- app.component.html -->\n\n<p-menubar class=\"accordion_menubar \">\n <ng-template pTemplate=\"start\">\n <div class=\"filter-chips\" >\n <p-chip\n *ngFor=\"let item of filterItems\"\n [label]=\"item\"\n styleClass=\"filter-chip\">\n </p-chip>\n </div>\n </ng-template>\n</p-menubar>\n", styles: [".accordion_menubar{width:100%}.accordion_menubar .filter-chips{display:flex;gap:.5rem;flex-wrap:wrap}.accordion_menubar .filter-chip{font-size:1rem;padding:.4rem 1rem}@media(max-width:1024px){.accordion_menubar .filter-chips{gap:.3rem;justify-content:center}.accordion_menubar .filter-chip{font-size:.95rem;padding:.35rem .9rem}}@media(max-width:600px){.accordion_menubar .filter-chips{flex-direction:column;gap:.25rem;align-items:stretch}.accordion_menubar .filter-chip{font-size:.9rem;padding:.3rem .7rem;width:100%}}@media screen and (min-width:768px){.filter-accordion .date_fields{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1200px){.filter-accordion .date_fields{grid-template-columns:repeat(4,1fr)}.filter-accordion .grid_container{grid-template-columns:repeat(3,1fr)}}:host ::ng-deep .filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}:host ::ng-deep .filter-chips .p-chip{background:#f0f0f0;padding:.5rem}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon{color:#666;margin-left:.5rem;cursor:pointer}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon:hover{color:#333}:host ::ng-deep .filter-chips .p-chip .filter-value{margin-left:.5rem;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i2$4.Menubar, selector: "p-menubar", inputs: ["model", "style", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "breakpoint", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i4$1.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "style", "styleClass", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }] });
|
|
2885
3034
|
}
|
|
2886
3035
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FilterHeaderComponent, decorators: [{
|
|
2887
3036
|
type: Component,
|
|
@@ -2892,20 +3041,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
2892
3041
|
CommonModule,
|
|
2893
3042
|
MenubarModule,
|
|
2894
3043
|
ChipModule,
|
|
2895
|
-
], template: "<!-- app.component.html -->\
|
|
3044
|
+
], template: "<!-- app.component.html -->\n\n<p-menubar class=\"accordion_menubar \">\n <ng-template pTemplate=\"start\">\n <div class=\"filter-chips\" >\n <p-chip\n *ngFor=\"let item of filterItems\"\n [label]=\"item\"\n styleClass=\"filter-chip\">\n </p-chip>\n </div>\n </ng-template>\n</p-menubar>\n", styles: [".accordion_menubar{width:100%}.accordion_menubar .filter-chips{display:flex;gap:.5rem;flex-wrap:wrap}.accordion_menubar .filter-chip{font-size:1rem;padding:.4rem 1rem}@media(max-width:1024px){.accordion_menubar .filter-chips{gap:.3rem;justify-content:center}.accordion_menubar .filter-chip{font-size:.95rem;padding:.35rem .9rem}}@media(max-width:600px){.accordion_menubar .filter-chips{flex-direction:column;gap:.25rem;align-items:stretch}.accordion_menubar .filter-chip{font-size:.9rem;padding:.3rem .7rem;width:100%}}@media screen and (min-width:768px){.filter-accordion .date_fields{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1200px){.filter-accordion .date_fields{grid-template-columns:repeat(4,1fr)}.filter-accordion .grid_container{grid-template-columns:repeat(3,1fr)}}:host ::ng-deep .filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}:host ::ng-deep .filter-chips .p-chip{background:#f0f0f0;padding:.5rem}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon{color:#666;margin-left:.5rem;cursor:pointer}:host ::ng-deep .filter-chips .p-chip .p-chip-remove-icon:hover{color:#333}:host ::ng-deep .filter-chips .p-chip .filter-value{margin-left:.5rem;font-weight:500}\n"] }]
|
|
2896
3045
|
}], ctorParameters: () => [], propDecorators: { filterItems: [{
|
|
2897
3046
|
type: Input
|
|
2898
3047
|
}] } });
|
|
2899
3048
|
|
|
3049
|
+
class AppConfigService {
|
|
3050
|
+
config;
|
|
3051
|
+
constructor() {
|
|
3052
|
+
this.config = globalThis.APP_CONFIG;
|
|
3053
|
+
}
|
|
3054
|
+
getConfig() {
|
|
3055
|
+
return this.config;
|
|
3056
|
+
}
|
|
3057
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3058
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppConfigService, providedIn: 'root' });
|
|
3059
|
+
}
|
|
3060
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppConfigService, decorators: [{
|
|
3061
|
+
type: Injectable,
|
|
3062
|
+
args: [{
|
|
3063
|
+
providedIn: 'root',
|
|
3064
|
+
}]
|
|
3065
|
+
}], ctorParameters: () => [] });
|
|
3066
|
+
|
|
2900
3067
|
class FooterComponent {
|
|
2901
3068
|
messageService;
|
|
2902
3069
|
translateService;
|
|
2903
3070
|
router;
|
|
3071
|
+
appConfigService;
|
|
2904
3072
|
version;
|
|
2905
|
-
constructor(messageService, translateService, router) {
|
|
3073
|
+
constructor(messageService, translateService, router, appConfigService) {
|
|
2906
3074
|
this.messageService = messageService;
|
|
2907
3075
|
this.translateService = translateService;
|
|
2908
3076
|
this.router = router;
|
|
3077
|
+
this.appConfigService = appConfigService;
|
|
3078
|
+
}
|
|
3079
|
+
getCurrentLanguage() {
|
|
3080
|
+
return getCurrentAppRouteSegments(this.appConfigService.getConfig())[0] ?? 'sl';
|
|
2909
3081
|
}
|
|
2910
3082
|
/**
|
|
2911
3083
|
* @deprecated
|
|
@@ -2925,25 +3097,19 @@ class FooterComponent {
|
|
|
2925
3097
|
*/
|
|
2926
3098
|
openPersonalDataInfo(event) {
|
|
2927
3099
|
event.preventDefault();
|
|
2928
|
-
|
|
2929
|
-
const organisation = url.split('/')[3];
|
|
2930
|
-
const language = url.split('/')[4];
|
|
2931
|
-
this.router.navigateByUrl(`${organisation}/${language}/obvestilo-glede-osebnih-podatkov`);
|
|
3100
|
+
this.router.navigateByUrl(`/${this.getCurrentLanguage()}/obvestilo-glede-osebnih-podatkov`);
|
|
2932
3101
|
}
|
|
2933
3102
|
openAccessibilityInfo(event) {
|
|
2934
3103
|
event.preventDefault();
|
|
2935
|
-
|
|
2936
|
-
const organisation = url.split('/')[3];
|
|
2937
|
-
const language = url.split('/')[4];
|
|
2938
|
-
this.router.navigateByUrl(`${organisation}/${language}/izjava-o-dostopnosti`);
|
|
3104
|
+
this.router.navigateByUrl(`/${this.getCurrentLanguage()}/izjava-o-dostopnosti`);
|
|
2939
3105
|
}
|
|
2940
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FooterComponent, deps: [{ token: i1$1.MessageService }, { token: i1$2.TranslateService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
2941
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FooterComponent, isStandalone: true, selector: "lib-footer", inputs: { version: "version" }, ngImport: i0, template: "<footer class=\"footer\">\
|
|
3106
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FooterComponent, deps: [{ token: i1$1.MessageService }, { token: i1$2.TranslateService }, { token: i1.Router }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3107
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FooterComponent, isStandalone: true, selector: "lib-footer", inputs: { version: "version" }, ngImport: i0, template: "<footer class=\"footer\">\n <div class=\"footer-logo-list\">\n <p class=\"container text-white\">{{ 'components.footer.version' | translate }}: {{ version }}</p>\n </div>\n</footer>\n", styles: [".footer{background:#d7d7d7}.footer .footer-links a{word-break:break-word}.footer .footer-logo-list{background:#000;height:5rem}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
|
|
2942
3108
|
}
|
|
2943
3109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FooterComponent, decorators: [{
|
|
2944
3110
|
type: Component,
|
|
2945
|
-
args: [{ selector: 'lib-footer', imports: [TranslateModule], template: "<footer class=\"footer\">\
|
|
2946
|
-
}], ctorParameters: () => [{ type: i1$1.MessageService }, { type: i1$2.TranslateService }, { type: i1.Router }], propDecorators: { version: [{
|
|
3111
|
+
args: [{ selector: 'lib-footer', imports: [TranslateModule], template: "<footer class=\"footer\">\n <div class=\"footer-logo-list\">\n <p class=\"container text-white\">{{ 'components.footer.version' | translate }}: {{ version }}</p>\n </div>\n</footer>\n", styles: [".footer{background:#d7d7d7}.footer .footer-links a{word-break:break-word}.footer .footer-logo-list{background:#000;height:5rem}\n"] }]
|
|
3112
|
+
}], ctorParameters: () => [{ type: i1$1.MessageService }, { type: i1$2.TranslateService }, { type: i1.Router }, { type: AppConfigService }], propDecorators: { version: [{
|
|
2947
3113
|
type: Input
|
|
2948
3114
|
}] } });
|
|
2949
3115
|
|
|
@@ -2995,11 +3161,11 @@ class GenericTableComponent {
|
|
|
2995
3161
|
}));
|
|
2996
3162
|
}
|
|
2997
3163
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GenericTableComponent, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2998
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GenericTableComponent, isStandalone: true, selector: "app-generic-table", inputs: { columns: "columns", data: "data", filtersEnabled: "filtersEnabled", emptyMessage: "emptyMessage", customBodyTemplate: "customBodyTemplate", selectedRows: "selectedRows" }, outputs: { selectedRowsChange: "selectedRowsChange" }, ngImport: i0, template: "<p-table\
|
|
3164
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GenericTableComponent, isStandalone: true, selector: "app-generic-table", inputs: { columns: "columns", data: "data", filtersEnabled: "filtersEnabled", emptyMessage: "emptyMessage", customBodyTemplate: "customBodyTemplate", selectedRows: "selectedRows" }, outputs: { selectedRowsChange: "selectedRowsChange" }, ngImport: i0, template: "<p-table\n [value]=\"data\"\n [globalFilterFields]=\"globalFilterFields\"\n class=\"p-datatable-gridlines\"\n [(selection)]=\"selectedRows\"\n>\n <!-- header tabele -->\n <ng-template pTemplate=\"header\">\n <!-- header vrstica kjer so imena fieldov -->\n <tr>\n <th *ngFor=\"let col of columns\">\n <ng-container *ngIf=\"col.selectable; else regularHeader\">\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n </ng-container>\n <ng-template #regularHeader>\n {{ col.header }}\n </ng-template>\n </th>\n </tr>\n <!-- filter vrstica kjer so vsi filtri -->\n <tr *ngIf=\"filtersEnabled\">\n <th *ngFor=\"let col of columns\">\n <!-- text filter -->\n <ng-container *ngIf=\"col.filterType === 'text'\">\n <p-columnFilter\n [field]=\"col.field\"\n [type]=\"'text'\"\n [showMenu]=\"false\"\n [placeholder]=\"col.placeholder || col.header\"\n [matchMode]=\"'contains'\"\n >\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\n <input\n pInputText\n type=\"text\"\n [ngModel]=\"value\"\n (ngModelChange)=\"filter($event)\"\n (keydown)=\"clearOnEscape($event, filter)\"\n [placeholder]=\"col.placeholder || col.header\"\n />\n </ng-template>\n </p-columnFilter>\n </ng-container>\n\n <!-- dropdown filter -->\n <ng-container *ngIf=\"col.filterType === 'dropdown'\">\n <p-columnFilter [field]=\"col.field\" [showMenu]=\"false\">\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\n <p-select\n [ngModel]=\"value\"\n [options]=\"col.options\"\n (onChange)=\"filter($event.value)\"\n placeholder=\"{{ col.placeholder || col.header }}\"\n [showClear]=\"true\"\n ></p-select>\n </ng-template>\n </p-columnFilter>\n </ng-container>\n </th>\n </tr>\n\n </ng-template>\n\n <!-- body tabele -->\n <ng-template pTemplate=\"body\" let-rowData>\n <tr>\n <td *ngFor=\"let col of columns\">\n <ng-container *ngIf=\"col.selectable; else regularCell\">\n <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n </ng-container>\n <ng-template #regularCell>\n <ng-container *ngIf=\"!customBodyTemplate; else customBody\">\n {{ rowData[col.field] }}\n </ng-container>\n </ng-template>\n </td>\n </tr>\n </ng-template>\n\n\n\n <!-- TODO: tale del z $implicit: rowData ne deluje, me\u010De errorje -->\n <ng-template #customBody>\n<!-- <ng-container *ngTemplateOutlet=\"customBodyTemplate; context: { $implicit: rowData }\"></ng-container>-->\n </ng-template>\n\n <!-- empty message: \u010De ni podatkov -->\n <ng-template pTemplate=\"emptymessage\">\n <tr class=\"empty-message\">\n <td [attr.colspan]=\"columns.length\">{{ emptyMessage }}</td>\n </tr>\n </ng-template>\n</p-table>\n", styles: ["@charset \"UTF-8\";::ng-deep .p-datatable-table .p-select-list{padding:0}::ng-deep .p-datatable-table th,::ng-deep .p-datatable-table td{padding:.5rem!important}::ng-deep .p-datatable-table thead>tr>th{color:#fff!important;background-color:#3e7c94!important;border-width:1px 0 0 0!important}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(odd){background-color:#f1f1f1}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(2n){background-color:#fff}::ng-deep .p-datatable-table tr.empty-message>td{text-align:center!important;padding:2rem!important}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1$8.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i1$8.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i1$8.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons", "ariaLabel", "filterButtonProps"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
|
|
2999
3165
|
}
|
|
3000
3166
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GenericTableComponent, decorators: [{
|
|
3001
3167
|
type: Component,
|
|
3002
|
-
args: [{ selector: 'app-generic-table', imports: [TableModule, PrimeTemplate, NgFor, NgIf, FormsModule, InputText, SelectModule], template: "<p-table\
|
|
3168
|
+
args: [{ selector: 'app-generic-table', imports: [TableModule, PrimeTemplate, NgFor, NgIf, FormsModule, InputText, SelectModule], template: "<p-table\n [value]=\"data\"\n [globalFilterFields]=\"globalFilterFields\"\n class=\"p-datatable-gridlines\"\n [(selection)]=\"selectedRows\"\n>\n <!-- header tabele -->\n <ng-template pTemplate=\"header\">\n <!-- header vrstica kjer so imena fieldov -->\n <tr>\n <th *ngFor=\"let col of columns\">\n <ng-container *ngIf=\"col.selectable; else regularHeader\">\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n </ng-container>\n <ng-template #regularHeader>\n {{ col.header }}\n </ng-template>\n </th>\n </tr>\n <!-- filter vrstica kjer so vsi filtri -->\n <tr *ngIf=\"filtersEnabled\">\n <th *ngFor=\"let col of columns\">\n <!-- text filter -->\n <ng-container *ngIf=\"col.filterType === 'text'\">\n <p-columnFilter\n [field]=\"col.field\"\n [type]=\"'text'\"\n [showMenu]=\"false\"\n [placeholder]=\"col.placeholder || col.header\"\n [matchMode]=\"'contains'\"\n >\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\n <input\n pInputText\n type=\"text\"\n [ngModel]=\"value\"\n (ngModelChange)=\"filter($event)\"\n (keydown)=\"clearOnEscape($event, filter)\"\n [placeholder]=\"col.placeholder || col.header\"\n />\n </ng-template>\n </p-columnFilter>\n </ng-container>\n\n <!-- dropdown filter -->\n <ng-container *ngIf=\"col.filterType === 'dropdown'\">\n <p-columnFilter [field]=\"col.field\" [showMenu]=\"false\">\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\n <p-select\n [ngModel]=\"value\"\n [options]=\"col.options\"\n (onChange)=\"filter($event.value)\"\n placeholder=\"{{ col.placeholder || col.header }}\"\n [showClear]=\"true\"\n ></p-select>\n </ng-template>\n </p-columnFilter>\n </ng-container>\n </th>\n </tr>\n\n </ng-template>\n\n <!-- body tabele -->\n <ng-template pTemplate=\"body\" let-rowData>\n <tr>\n <td *ngFor=\"let col of columns\">\n <ng-container *ngIf=\"col.selectable; else regularCell\">\n <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n </ng-container>\n <ng-template #regularCell>\n <ng-container *ngIf=\"!customBodyTemplate; else customBody\">\n {{ rowData[col.field] }}\n </ng-container>\n </ng-template>\n </td>\n </tr>\n </ng-template>\n\n\n\n <!-- TODO: tale del z $implicit: rowData ne deluje, me\u010De errorje -->\n <ng-template #customBody>\n<!-- <ng-container *ngTemplateOutlet=\"customBodyTemplate; context: { $implicit: rowData }\"></ng-container>-->\n </ng-template>\n\n <!-- empty message: \u010De ni podatkov -->\n <ng-template pTemplate=\"emptymessage\">\n <tr class=\"empty-message\">\n <td [attr.colspan]=\"columns.length\">{{ emptyMessage }}</td>\n </tr>\n </ng-template>\n</p-table>\n", styles: ["@charset \"UTF-8\";::ng-deep .p-datatable-table .p-select-list{padding:0}::ng-deep .p-datatable-table th,::ng-deep .p-datatable-table td{padding:.5rem!important}::ng-deep .p-datatable-table thead>tr>th{color:#fff!important;background-color:#3e7c94!important;border-width:1px 0 0 0!important}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(odd){background-color:#f1f1f1}::ng-deep .p-datatable-table .p-datatable-tbody tr:nth-child(2n){background-color:#fff}::ng-deep .p-datatable-table tr.empty-message>td{text-align:center!important;padding:2rem!important}\n"] }]
|
|
3003
3169
|
}], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { columns: [{
|
|
3004
3170
|
type: Input
|
|
3005
3171
|
}], data: [{
|
|
@@ -3059,7 +3225,7 @@ class NumberInputComponent {
|
|
|
3059
3225
|
}
|
|
3060
3226
|
TooltipHoverEventEnum = TooltipHoverEventEnum;
|
|
3061
3227
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3062
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NumberInputComponent, isStandalone: true, selector: "lib-number-input[group][controlName][name]", inputs: { name: "name", mode: "mode", currency: "currency", locale: "locale", label: "label", placeholder: "placeholder", minFractionDigits: "minFractionDigits", maxFractionDigits: "maxFractionDigits", accessibilityText: "accessibilityText", group: "group", controlName: "controlName", isRequired: "isRequired", isLabelVisible: "isLabelVisible", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", groupError: "groupError", hasGap: "hasGap", hasTitle: "hasTitle", maxLength: "maxLength" }, ngImport: i0, template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\
|
|
3228
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NumberInputComponent, isStandalone: true, selector: "lib-number-input[group][controlName][name]", inputs: { name: "name", mode: "mode", currency: "currency", locale: "locale", label: "label", placeholder: "placeholder", minFractionDigits: "minFractionDigits", maxFractionDigits: "maxFractionDigits", accessibilityText: "accessibilityText", group: "group", controlName: "controlName", isRequired: "isRequired", isLabelVisible: "isLabelVisible", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", groupError: "groupError", hasGap: "hasGap", hasTitle: "hasTitle", maxLength: "maxLength" }, ngImport: i0, template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n <div class=\"flex\" *ngIf=\"isLabelVisible\">\n <label [title]=\"hasTitle ? label : ''\" [for]='name' class=\"mr-2\">\n {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <p-inputnumber \n [id]=\"name\"\n [placeholder]='placeholder ?? \" \"'\n [mode]=\"mode\"\n [currency]=\"currency\"\n [minFractionDigits]=\"minFractionDigits\" \n [maxFractionDigits]=\"maxFractionDigits\"\n [locale]=\"locale\"\n [formControlName]=\"controlName\"\n [maxlength]=\"maxLength\" \n [attr.aria-label]=\"accessibilityText\"\n [ngClass]=\"{ 'ng-dirty ng-invalid': (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [attr.aria-required]=\"isRequired\"\n />\n</div>\n <lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [hasGroupError]=\"groupError\"\n [errorId]=\"name+'Error'\"\n ></lib-error>\n", styles: ["label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2$5.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
|
|
3063
3229
|
}
|
|
3064
3230
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NumberInputComponent, decorators: [{
|
|
3065
3231
|
type: Component,
|
|
@@ -3072,7 +3238,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
3072
3238
|
TooltipComponent,
|
|
3073
3239
|
InputNumberModule,
|
|
3074
3240
|
ErrorComponent,
|
|
3075
|
-
], template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\
|
|
3241
|
+
], template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n <div class=\"flex\" *ngIf=\"isLabelVisible\">\n <label [title]=\"hasTitle ? label : ''\" [for]='name' class=\"mr-2\">\n {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <p-inputnumber \n [id]=\"name\"\n [placeholder]='placeholder ?? \" \"'\n [mode]=\"mode\"\n [currency]=\"currency\"\n [minFractionDigits]=\"minFractionDigits\" \n [maxFractionDigits]=\"maxFractionDigits\"\n [locale]=\"locale\"\n [formControlName]=\"controlName\"\n [maxlength]=\"maxLength\" \n [attr.aria-label]=\"accessibilityText\"\n [ngClass]=\"{ 'ng-dirty ng-invalid': (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [attr.aria-required]=\"isRequired\"\n />\n</div>\n <lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [hasGroupError]=\"groupError\"\n [errorId]=\"name+'Error'\"\n ></lib-error>\n", styles: ["label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
|
|
3076
3242
|
}], propDecorators: { name: [{
|
|
3077
3243
|
type: Input
|
|
3078
3244
|
}], mode: [{
|
|
@@ -3136,7 +3302,7 @@ class InputMaskComponent {
|
|
|
3136
3302
|
this._isTooltipVisible = !!this.tooltipText;
|
|
3137
3303
|
}
|
|
3138
3304
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InputMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3139
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InputMaskComponent, isStandalone: true, selector: "lib-input-mask", inputs: { name: "name", type: "type", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", group: "group", controlName: "controlName", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", groupError: "groupError", hasGap: "hasGap", mask: "mask" }, ngImport: i0, template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\
|
|
3305
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InputMaskComponent, isStandalone: true, selector: "lib-input-mask", inputs: { name: "name", type: "type", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", group: "group", controlName: "controlName", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", groupError: "groupError", hasGap: "hasGap", mask: "mask" }, ngImport: i0, template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n <div class=\"flex\">\n <label [for]='name' class=\"mr-2\">\n {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <p-inputMask\n [inputId]=\"name\"\n [formControlName]=\"controlName\"\n [mask]=\"mask\"\n [placeholder]='placeholder'\n [attr.aria-label]=\"accessibilityText\"\n [ngClass]=\"{ 'ng-dirty ng-invalid': (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [attr.aria-required]=\"isRequired\"\n ></p-inputMask>\n</div>\n<lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [hasGroupError]=\"groupError\"\n [errorId]=\"name+'Error'\"\n></lib-error>\n", styles: [":host ::ng-deep .p-inputtext{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "component", type: InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
|
|
3140
3306
|
}
|
|
3141
3307
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InputMaskComponent, decorators: [{
|
|
3142
3308
|
type: Component,
|
|
@@ -3148,7 +3314,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
3148
3314
|
TooltipComponent,
|
|
3149
3315
|
InputMask,
|
|
3150
3316
|
ErrorComponent,
|
|
3151
|
-
], template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\
|
|
3317
|
+
], template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\n <div class=\"flex\">\n <label [for]='name' class=\"mr-2\">\n {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"\n ></lib-tooltip>\n </div>\n <p-inputMask\n [inputId]=\"name\"\n [formControlName]=\"controlName\"\n [mask]=\"mask\"\n [placeholder]='placeholder'\n [attr.aria-label]=\"accessibilityText\"\n [ngClass]=\"{ 'ng-dirty ng-invalid': (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\n [attr.aria-required]=\"isRequired\"\n ></p-inputMask>\n</div>\n<lib-error\n *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\n [hasError]=\"group.get(controlName)!.errors\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [hasGroupError]=\"groupError\"\n [errorId]=\"name+'Error'\"\n></lib-error>\n", styles: [":host ::ng-deep .p-inputtext{width:100%}\n"] }]
|
|
3152
3318
|
}], propDecorators: { name: [{
|
|
3153
3319
|
type: Input
|
|
3154
3320
|
}], type: [{
|
|
@@ -3181,11 +3347,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
3181
3347
|
|
|
3182
3348
|
class LoaderComponent {
|
|
3183
3349
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3184
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: LoaderComponent, isStandalone: true, selector: "lib-loader", ngImport: i0, template: "<p-progressSpinner strokeWidth=\"5\" animationDuration=\"2.5s\"></p-progressSpinner>\
|
|
3350
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: LoaderComponent, isStandalone: true, selector: "lib-loader", ngImport: i0, template: "<p-progressSpinner strokeWidth=\"5\" animationDuration=\"2.5s\"></p-progressSpinner>\n", styles: [":host ::ng-deep .p-progressspinner{width:35px;height:35px}:host ::ng-deep .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle{stroke:#1b495a!important}\n"], dependencies: [{ kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] });
|
|
3185
3351
|
}
|
|
3186
3352
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
3187
3353
|
type: Component,
|
|
3188
|
-
args: [{ selector: 'lib-loader', imports: [ProgressSpinner], template: "<p-progressSpinner strokeWidth=\"5\" animationDuration=\"2.5s\"></p-progressSpinner>\
|
|
3354
|
+
args: [{ selector: 'lib-loader', imports: [ProgressSpinner], template: "<p-progressSpinner strokeWidth=\"5\" animationDuration=\"2.5s\"></p-progressSpinner>\n", styles: [":host ::ng-deep .p-progressspinner{width:35px;height:35px}:host ::ng-deep .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle{stroke:#1b495a!important}\n"] }]
|
|
3189
3355
|
}] });
|
|
3190
3356
|
|
|
3191
3357
|
class MainMenuComponent {
|
|
@@ -3216,7 +3382,7 @@ class MainMenuComponent {
|
|
|
3216
3382
|
}
|
|
3217
3383
|
}
|
|
3218
3384
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MainMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3219
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MainMenuComponent, isStandalone: true, selector: "lib-main-menu", inputs: { navLinkList: "navLinkList", buttonTitle: "buttonTitle", mainMenuTitle: "mainMenuTitle" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0, template: "<nav class=\"navigation flex align-items-center\">\
|
|
3385
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MainMenuComponent, isStandalone: true, selector: "lib-main-menu", inputs: { navLinkList: "navLinkList", buttonTitle: "buttonTitle", mainMenuTitle: "mainMenuTitle" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0, template: "<nav class=\"navigation flex align-items-center\">\n <div class=\"nav-container\">\n <p-button id=\"toggle-menu-button\" aria-label=\"Click to open\" [ngClass]=\"{'openNavStyle': openNavigation}\"\n [label]=\"buttonTitle\"\n icon=\"pi pi-chevron-{{openNavigation ? 'up' : 'down'}}\" iconPos=\"right\" styleClass=\"p-button-text\"\n (click)=\"openMenu()\"></p-button>\n </div>\n</nav>\n\n<div *ngIf=\"openNavigation\" class=\"menu-container flex justify-content-center\" aria-expanded=\"true\">\n <div class=\"container grid p-0 m-0\">\n <h5 class=\"text-lg font-normal col-12 mb-3\">{{ mainMenuTitle | uppercase}}</h5>\n <div class=\"footer-links col-12 md:col-6 lg:col-4 xl:col-2\" *ngFor=\"let navColumn of navLinkList\">\n <ul>\n <li class=\"pb-1\" *ngFor=\"let link of navColumn.columnLinkList\">\n <span class=\"arrow-link\"></span><a href=\"#\" class=\"link\">{{ link }}</a>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", styles: [".navigation{position:relative;height:3.5rem;background:#d7d7d7;width:100%;border-bottom:1px solid #cccccc;display:flex;justify-content:center}.nav-container{max-width:1200px;width:100%}.menu-container{z-index:10000;position:absolute;height:max-content;background:#fff;width:100%;padding:20px;box-shadow:0 6px 5px #1b495a4d}:host ::ng-deep .p-button{border-radius:0!important;height:3.5rem}.openNavStyle{display:inline-block;background:#fff!important;height:100%!important;width:max-content}\n"], dependencies: [{ kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }] });
|
|
3220
3386
|
}
|
|
3221
3387
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MainMenuComponent, decorators: [{
|
|
3222
3388
|
type: Component,
|
|
@@ -3226,7 +3392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
3226
3392
|
NgIf,
|
|
3227
3393
|
NgFor,
|
|
3228
3394
|
UpperCasePipe,
|
|
3229
|
-
], template: "<nav class=\"navigation flex align-items-center\">\
|
|
3395
|
+
], template: "<nav class=\"navigation flex align-items-center\">\n <div class=\"nav-container\">\n <p-button id=\"toggle-menu-button\" aria-label=\"Click to open\" [ngClass]=\"{'openNavStyle': openNavigation}\"\n [label]=\"buttonTitle\"\n icon=\"pi pi-chevron-{{openNavigation ? 'up' : 'down'}}\" iconPos=\"right\" styleClass=\"p-button-text\"\n (click)=\"openMenu()\"></p-button>\n </div>\n</nav>\n\n<div *ngIf=\"openNavigation\" class=\"menu-container flex justify-content-center\" aria-expanded=\"true\">\n <div class=\"container grid p-0 m-0\">\n <h5 class=\"text-lg font-normal col-12 mb-3\">{{ mainMenuTitle | uppercase}}</h5>\n <div class=\"footer-links col-12 md:col-6 lg:col-4 xl:col-2\" *ngFor=\"let navColumn of navLinkList\">\n <ul>\n <li class=\"pb-1\" *ngFor=\"let link of navColumn.columnLinkList\">\n <span class=\"arrow-link\"></span><a href=\"#\" class=\"link\">{{ link }}</a>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", styles: [".navigation{position:relative;height:3.5rem;background:#d7d7d7;width:100%;border-bottom:1px solid #cccccc;display:flex;justify-content:center}.nav-container{max-width:1200px;width:100%}.menu-container{z-index:10000;position:absolute;height:max-content;background:#fff;width:100%;padding:20px;box-shadow:0 6px 5px #1b495a4d}:host ::ng-deep .p-button{border-radius:0!important;height:3.5rem}.openNavStyle{display:inline-block;background:#fff!important;height:100%!important;width:max-content}\n"] }]
|
|
3230
3396
|
}], propDecorators: { navLinkList: [{
|
|
3231
3397
|
type: Input
|
|
3232
3398
|
}], buttonTitle: [{
|
|
@@ -3302,7 +3468,7 @@ class ModalComponent {
|
|
|
3302
3468
|
this.changeVisibility(false);
|
|
3303
3469
|
}
|
|
3304
3470
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3305
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ModalComponent, isStandalone: true, selector: "lib-modal", inputs: { header: "header", headerColor: "headerColor", width: "width", height: "height", dynamicContentTemplate: "dynamicContentTemplate", resizable: "resizable", draggable: "draggable", visible: "visible", closable: "closable", modal: "modal", body: "body", position: "position", mode: "mode", btnLabel: "btnLabel", btnColor: "btnColor", btnIcon: "btnIcon", hasIcon: "hasIcon", disabled: "disabled", hasLeftButton: "hasLeftButton", appendTo: "appendTo", leftBtnLabel: "leftBtnLabel", leftBtnColor: "leftBtnColor", leftBtnIcon: "leftBtnIcon", leftHasIcon: "leftHasIcon", leftDisabled: "leftDisabled", isFooterVisible: "isFooterVisible", dismissableMask: "dismissableMask" }, outputs: { buttonClickEvent: "buttonClickEvent", visibleChange: "visibleChange", leftButtonClickEvent: "leftButtonClickEvent", scrollEvent: "scrollEvent", modalClosed: "modalClosed" }, ngImport: i0, template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\
|
|
3471
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ModalComponent, isStandalone: true, selector: "lib-modal", inputs: { header: "header", headerColor: "headerColor", width: "width", height: "height", dynamicContentTemplate: "dynamicContentTemplate", resizable: "resizable", draggable: "draggable", visible: "visible", closable: "closable", modal: "modal", body: "body", position: "position", mode: "mode", btnLabel: "btnLabel", btnColor: "btnColor", btnIcon: "btnIcon", hasIcon: "hasIcon", disabled: "disabled", hasLeftButton: "hasLeftButton", appendTo: "appendTo", leftBtnLabel: "leftBtnLabel", leftBtnColor: "leftBtnColor", leftBtnIcon: "leftBtnIcon", leftHasIcon: "leftHasIcon", leftDisabled: "leftDisabled", isFooterVisible: "isFooterVisible", dismissableMask: "dismissableMask" }, outputs: { buttonClickEvent: "buttonClickEvent", visibleChange: "visibleChange", leftButtonClickEvent: "leftButtonClickEvent", scrollEvent: "scrollEvent", modalClosed: "modalClosed" }, ngImport: i0, template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\n [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\n [dismissableMask]=\"dismissableMask\"\n [appendTo]=\"appendTo\"\n [styleClass]=\"headerClassMap[headerColor]\"\n [closable]=\"closable\"\n [footerTemplate]=\"isFooterVisible ? footer : undefined\"\n (onHide)=\"handleHide()\" closeTabindex=\"0\">\n <ng-template pTemplate=\"content\">\n <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\n </ng-template>\n</p-dialog>\n\n<ng-template #footer>\n <div class=\"w-full flex\"\n [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\n <lib-button\n *ngIf=\"hasLeftButton\"\n [disabled]=\"leftDisabled\"\n (click)=\"leftButtonClick($event)\"\n [label]=\"leftBtnLabel\"\n [color]=\"leftBtnColor\"\n [icon]=\"leftBtnIcon\"\n [hasIcon]=\"leftHasIcon\"\n ></lib-button>\n <lib-button\n [disabled]=\"disabled\"\n (click)=\"buttonCloseModal($event)\"\n [label]=\"btnLabel\"\n [color]=\"btnColor\"\n [icon]=\"btnIcon\"\n [hasIcon]=\"hasIcon\"\n ></lib-button>\n </div>\n</ng-template>\n\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width:768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width:768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width:768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"], dependencies: [{ kind: "component", type: Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
|
|
3306
3472
|
}
|
|
3307
3473
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ModalComponent, decorators: [{
|
|
3308
3474
|
type: Component,
|
|
@@ -3313,7 +3479,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
3313
3479
|
NgTemplateOutlet,
|
|
3314
3480
|
NgIf,
|
|
3315
3481
|
ButtonComponent,
|
|
3316
|
-
], template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\
|
|
3482
|
+
], template: "<p-dialog [header]='header' [position]='position' [(visible)]='visible' [modal]='modal' [draggable]='draggable'\n [resizable]='resizable' [style]=\"{width: width, height: height, zindex: 10000}\"\n [dismissableMask]=\"dismissableMask\"\n [appendTo]=\"appendTo\"\n [styleClass]=\"headerClassMap[headerColor]\"\n [closable]=\"closable\"\n [footerTemplate]=\"isFooterVisible ? footer : undefined\"\n (onHide)=\"handleHide()\" closeTabindex=\"0\">\n <ng-template pTemplate=\"content\">\n <ng-container [ngTemplateOutlet]=\"dynamicContentTemplate\"></ng-container>\n </ng-template>\n</p-dialog>\n\n<ng-template #footer>\n <div class=\"w-full flex\"\n [ngClass]=\"{'justify-content-end': !hasLeftButton, 'justify-content-between': hasLeftButton}\">\n <lib-button\n *ngIf=\"hasLeftButton\"\n [disabled]=\"leftDisabled\"\n (click)=\"leftButtonClick($event)\"\n [label]=\"leftBtnLabel\"\n [color]=\"leftBtnColor\"\n [icon]=\"leftBtnIcon\"\n [hasIcon]=\"leftHasIcon\"\n ></lib-button>\n <lib-button\n [disabled]=\"disabled\"\n (click)=\"buttonCloseModal($event)\"\n [label]=\"btnLabel\"\n [color]=\"btnColor\"\n [icon]=\"btnIcon\"\n [hasIcon]=\"hasIcon\"\n ></lib-button>\n </div>\n</ng-template>\n\n", styles: [":host ::ng-deep .info .p-dialog .p-dialog-header{background:#529bda!important;color:#fff!important}:host ::ng-deep .info .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}:host ::ng-deep .secondary .p-dialog .p-dialog-header{background:#facd9c!important}:host ::ng-deep .warning .p-dialog .p-dialog-header{background:#fdca40!important}:host ::ng-deep .danger .p-dialog .p-dialog-header{background:#b2414d!important;color:#fff!important}:host ::ng-deep .danger .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width:768px){:host ::ng-deep .primary .p-dialog{width:90vw!important;height:90vh!important}}:host ::ng-deep .primary .p-dialog .p-dialog-header{background:#3e7c94!important;color:#fff!important}:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-header-icon{color:#fff!important}@media screen and (max-width:768px){:host ::ng-deep .primary .p-dialog .p-dialog-header .p-dialog-title{font-weight:500;font-size:1rem}}@media screen and (max-width:768px){:host ::ng-deep .primary .p-dialog .p-dialog-content{padding:1rem}:host ::ng-deep .primary .p-dialog .p-dialog-content p{font-size:15px}}:host ::ng-deep .p-dialog .p-dialog-footer button{margin:0!important}\n"] }]
|
|
3317
3483
|
}], propDecorators: { header: [{
|
|
3318
3484
|
type: Input
|
|
3319
3485
|
}], headerColor: [{
|
|
@@ -3400,13 +3566,13 @@ class NoDataFoundComponent {
|
|
|
3400
3566
|
}
|
|
3401
3567
|
}
|
|
3402
3568
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoDataFoundComponent, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3403
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NoDataFoundComponent, isStandalone: true, selector: "lib-no-data-found", inputs: { message: "message", alternativeMessage: "alternativeMessage", customMessage: "customMessage" }, ngImport: i0, template: "<div class=\"container\">\
|
|
3569
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NoDataFoundComponent, isStandalone: true, selector: "lib-no-data-found", inputs: { message: "message", alternativeMessage: "alternativeMessage", customMessage: "customMessage" }, ngImport: i0, template: "<div class=\"container\">\n <i class=\"pi pi-info-circle pb-2\" style=\"font-size: 1.5rem\"></i>\n <span class=\"ml-2\">{{ message }}</span>\n</div>", styles: [".container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MessageModule }] });
|
|
3404
3570
|
}
|
|
3405
3571
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoDataFoundComponent, decorators: [{
|
|
3406
3572
|
type: Component,
|
|
3407
3573
|
args: [{ selector: 'lib-no-data-found', imports: [
|
|
3408
3574
|
MessageModule
|
|
3409
|
-
], template: "<div class=\"container\">\
|
|
3575
|
+
], template: "<div class=\"container\">\n <i class=\"pi pi-info-circle pb-2\" style=\"font-size: 1.5rem\"></i>\n <span class=\"ml-2\">{{ message }}</span>\n</div>", styles: [".container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}\n"] }]
|
|
3410
3576
|
}], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { message: [{
|
|
3411
3577
|
type: Input
|
|
3412
3578
|
}], alternativeMessage: [{
|
|
@@ -3452,7 +3618,7 @@ class PicklistComponent {
|
|
|
3452
3618
|
this.moveToTargetAllClicked.emit(event);
|
|
3453
3619
|
}
|
|
3454
3620
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PicklistComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3455
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PicklistComponent, isStandalone: true, selector: "lib-picklist[sourceData][targetData][name]", inputs: { primaryPickList: "primaryPickList", sourceData: "sourceData", targetData: "targetData", name: "name", sourceFilterPlaceholder: "sourceFilterPlaceholder", targetFilterPlaceholder: "targetFilterPlaceholder", sourceHeader: "sourceHeader", targetHeader: "targetHeader", style: "style", dragdrop: "dragdrop", responsive: "responsive", showSourceControls: "showSourceControls", showTargetControls: "showTargetControls", isCustomSourceHeader: "isCustomSourceHeader", isCustomTargetHeader: "isCustomTargetHeader", sourceLength: "sourceLength", targetLength: "targetLength" }, outputs: { moveToSourceClicked: "moveToSourceClicked", moveToTargetClicked: "moveToTargetClicked", moveToSourceAllClicked: "moveToSourceAllClicked", moveToTargetAllClicked: "moveToTargetAllClicked" }, ngImport: i0, template: "<p-picklist\
|
|
3621
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PicklistComponent, isStandalone: true, selector: "lib-picklist[sourceData][targetData][name]", inputs: { primaryPickList: "primaryPickList", sourceData: "sourceData", targetData: "targetData", name: "name", sourceFilterPlaceholder: "sourceFilterPlaceholder", targetFilterPlaceholder: "targetFilterPlaceholder", sourceHeader: "sourceHeader", targetHeader: "targetHeader", style: "style", dragdrop: "dragdrop", responsive: "responsive", showSourceControls: "showSourceControls", showTargetControls: "showTargetControls", isCustomSourceHeader: "isCustomSourceHeader", isCustomTargetHeader: "isCustomTargetHeader", sourceLength: "sourceLength", targetLength: "targetLength" }, outputs: { moveToSourceClicked: "moveToSourceClicked", moveToTargetClicked: "moveToTargetClicked", moveToSourceAllClicked: "moveToSourceAllClicked", moveToTargetAllClicked: "moveToTargetAllClicked" }, ngImport: i0, template: "<p-picklist\n [source]=\"sourceData\"\n [target]=\"targetData\"\n [sourceHeader]=\"sourceHeader\"\n [targetHeader]=\"targetHeader\"\n [dragdrop]=\"dragdrop\"\n [responsive]=\"responsive\"\n [sourceStyle]=\"style\"\n [showSourceControls]=\"showSourceControls\"\n [showTargetControls]=\"showTargetControls\"\n [targetStyle]=\"style\"\n [filterBy]=\"name\"\n [sourceFilterPlaceholder]=\"sourceFilterPlaceholder\"\n [targetFilterPlaceholder]=\"targetFilterPlaceholder\"\n breakpoint=\"1400px\"\n (onMoveToSource)=\"moveToSource($event)\"\n (onMoveToTarget)=\"moveToTarget($event)\"\n (onMoveAllToSource)=\"moveAllToSource($event)\"\n (onMoveAllToTarget)=\"moveAllToTarget($event)\"\n [class]=\"primaryPickList\"\n>\n <ng-template let-product pTemplate=\"item\">\n <div class=\"flex flex-wrap p-2 align-items-center gap-3\">\n <div class=\"flex-1 flex flex-column gap-2\">\n <span class=\"font-bold\">{{ product[name] }}</span>\n </div>\n </div>\n </ng-template>\n\n <!-- Header template for source list -->\n <ng-template let-product pTemplate=\"sourceHeader\" *ngIf=\"isCustomSourceHeader\">\n <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\n <span>{{ sourceHeader }}</span>\n <span>{{ sourceLength }}</span>\n </div>\n </ng-template>\n\n <!-- Header template for target list -->\n <ng-template let-product pTemplate=\"targetHeader\" *ngIf=\"isCustomTargetHeader\">\n <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\n <span>{{ targetHeader }}</span>\n <span>{{ targetLength }}</span>\n </div>\n </ng-template>\n</p-picklist>\n", styles: [":host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header{background:#3e7c94}:host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header{background:#6d7375}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}.custom-picklist-header{background:#3e7c94;color:#fff;padding:0 10px;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: PickListModule }, { kind: "component", type: i1$9.PickList, selector: "p-pickList, p-picklist, p-pick-list", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "sourceOptionDisabled", "targetOptionDisabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "scrollHeight", "autoOptionFocus", "buttonProps", "moveUpButtonProps", "moveTopButtonProps", "moveDownButtonProps", "moveBottomButtonProps", "moveToTargetProps", "moveAllToTargetProps", "moveToSourceProps", "moveAllToSourceProps", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3456
3622
|
}
|
|
3457
3623
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PicklistComponent, decorators: [{
|
|
3458
3624
|
type: Component,
|
|
@@ -3460,7 +3626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
3460
3626
|
PickListModule,
|
|
3461
3627
|
PrimeTemplate,
|
|
3462
3628
|
NgIf,
|
|
3463
|
-
], template: "<p-picklist\
|
|
3629
|
+
], template: "<p-picklist\n [source]=\"sourceData\"\n [target]=\"targetData\"\n [sourceHeader]=\"sourceHeader\"\n [targetHeader]=\"targetHeader\"\n [dragdrop]=\"dragdrop\"\n [responsive]=\"responsive\"\n [sourceStyle]=\"style\"\n [showSourceControls]=\"showSourceControls\"\n [showTargetControls]=\"showTargetControls\"\n [targetStyle]=\"style\"\n [filterBy]=\"name\"\n [sourceFilterPlaceholder]=\"sourceFilterPlaceholder\"\n [targetFilterPlaceholder]=\"targetFilterPlaceholder\"\n breakpoint=\"1400px\"\n (onMoveToSource)=\"moveToSource($event)\"\n (onMoveToTarget)=\"moveToTarget($event)\"\n (onMoveAllToSource)=\"moveAllToSource($event)\"\n (onMoveAllToTarget)=\"moveAllToTarget($event)\"\n [class]=\"primaryPickList\"\n>\n <ng-template let-product pTemplate=\"item\">\n <div class=\"flex flex-wrap p-2 align-items-center gap-3\">\n <div class=\"flex-1 flex flex-column gap-2\">\n <span class=\"font-bold\">{{ product[name] }}</span>\n </div>\n </div>\n </ng-template>\n\n <!-- Header template for source list -->\n <ng-template let-product pTemplate=\"sourceHeader\" *ngIf=\"isCustomSourceHeader\">\n <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\n <span>{{ sourceHeader }}</span>\n <span>{{ sourceLength }}</span>\n </div>\n </ng-template>\n\n <!-- Header template for target list -->\n <ng-template let-product pTemplate=\"targetHeader\" *ngIf=\"isCustomTargetHeader\">\n <div class=\"custom-picklist-header flex align-items-center justify-content-between\">\n <span>{{ targetHeader }}</span>\n <span>{{ targetLength }}</span>\n </div>\n </ng-template>\n</p-picklist>\n", styles: [":host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header{background:#3e7c94}:host ::ng-deep .primary-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header{background:#6d7375}:host ::ng-deep .disabled-pick-list .p-picklist .p-picklist-header .p-picklist-title{color:#fff}.custom-picklist-header{background:#3e7c94;color:#fff;padding:0 10px;font-weight:600}\n"] }]
|
|
3464
3630
|
}], propDecorators: { primaryPickList: [{
|
|
3465
3631
|
type: Input
|
|
3466
3632
|
}], sourceData: [{
|
|
@@ -3508,11 +3674,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
3508
3674
|
class ProgressBarComponent {
|
|
3509
3675
|
value;
|
|
3510
3676
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3511
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProgressBarComponent, isStandalone: true, selector: "lib-progress-bar[value]", inputs: { value: "value" }, ngImport: i0, template: "<p-progressBar [value]=\"value\"></p-progressBar>\
|
|
3677
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProgressBarComponent, isStandalone: true, selector: "lib-progress-bar[value]", inputs: { value: "value" }, ngImport: i0, template: "<p-progressBar [value]=\"value\"></p-progressBar>\n", styles: [":host ::ng-deep .p-progressbar{background:#fff}\n"], dependencies: [{ kind: "component", type: ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "style", "unit", "mode", "color"] }] });
|
|
3512
3678
|
}
|
|
3513
3679
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
3514
3680
|
type: Component,
|
|
3515
|
-
args: [{ selector: 'lib-progress-bar[value]', imports: [ProgressBar], template: "<p-progressBar [value]=\"value\"></p-progressBar>\
|
|
3681
|
+
args: [{ selector: 'lib-progress-bar[value]', imports: [ProgressBar], template: "<p-progressBar [value]=\"value\"></p-progressBar>\n", styles: [":host ::ng-deep .p-progressbar{background:#fff}\n"] }]
|
|
3516
3682
|
}], propDecorators: { value: [{
|
|
3517
3683
|
type: Input
|
|
3518
3684
|
}] } });
|
|
@@ -3606,11 +3772,11 @@ class TableColumnSelectComponent {
|
|
|
3606
3772
|
}
|
|
3607
3773
|
}
|
|
3608
3774
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TableColumnSelectComponent, deps: [{ token: LocalStorageService }, { token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3609
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TableColumnSelectComponent, isStandalone: true, selector: "table-column-select", inputs: { columns: "columns", defaultColumns: "defaultColumns", enableResizableColumns: "enableResizableColumns", pregled: "pregled" }, outputs: { updateColumns: "updateColumns", updateResizableColumns: "updateResizableColumns" }, usesOnChanges: true, ngImport: i0, template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\
|
|
3775
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TableColumnSelectComponent, isStandalone: true, selector: "table-column-select", inputs: { columns: "columns", defaultColumns: "defaultColumns", enableResizableColumns: "enableResizableColumns", pregled: "pregled" }, outputs: { updateColumns: "updateColumns", updateResizableColumns: "updateResizableColumns" }, usesOnChanges: true, ngImport: i0, template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\n\n<lib-modal\n header=\"{{ 'components.modals.tableColumnSelect.title' | translate }}\"\n btnLabel=\"{{ 'common.buttonConfirm' | translate }}\"\n [(visible)]=\"visible\"\n [closable]=\"true\"\n [appendTo]=\"'body'\"\n [modal]=\"true\"\n width=\"30vw\"\n (buttonClickEvent)=\"changeValue()\"\n [dynamicContentTemplate]=\"dynamicContentCollection\">\n</lib-modal>\n\n<ng-template class=\"modal-content\" #dynamicContentCollection>\n <div class=\"flex w-full justify-content-between align-items-center gap-2\">\n <lib-button label=\"{{'components.modals.tableColumnSelect.ponastaviStolpce' | translate}}\" (click)=\"onReset()\">\n </lib-button>\n <div class=\"flex gap-2\">\n <p-checkbox [binary]=\"true\" [(ngModel)]=\"enableResizableColumns\" /> \n <h4>{{ 'components.modals.tableColumnSelect.spreminjanjeVelikostiStolpcev' | translate }}</h4>\n </div>\n </div>\n \n <div pDroppable (onDrop)=\"drop(i)\" [pDroppableDisabled]=\"i < 2 ? true : false\" *ngFor=\"let item of dropContainers; index as i\" class=\"drop-container\">\n <div (onDragStart)=\"dragStart(item.items[0])\" [dragHandle]=\"i < 2 ? 'invalid' : undefined\" pDraggable [ngClass]=\"i < 2 ? 'disabled': ''\" class=\"item\">\n <p-checkbox [inputId]=\"item.items[0].field\" [disabled]=\"i < 2\" name=\"group\" [value]=\"item.items[0]\" [(ngModel)]=\"selectedColumns\" /> \n <h4>{{item.items[0].header}}</h4>\n </div> \n </div>\n</ng-template>\n", styles: [".item{display:flex;gap:8px;margin-top:8px;border:1px solid #d7d7d7;border-radius:12px;padding:6px}.disabled{background-color:#d7d7d7}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ListboxModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OrderListModule }, { kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["header", "headerColor", "width", "height", "dynamicContentTemplate", "resizable", "draggable", "visible", "closable", "modal", "body", "position", "mode", "btnLabel", "btnColor", "btnIcon", "hasIcon", "disabled", "hasLeftButton", "appendTo", "leftBtnLabel", "leftBtnColor", "leftBtnIcon", "leftHasIcon", "leftDisabled", "isFooterVisible", "dismissableMask"], outputs: ["buttonClickEvent", "visibleChange", "leftButtonClickEvent", "scrollEvent", "modalClosed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: Droppable, selector: "[pDroppable]", inputs: ["pDroppable", "pDroppableDisabled", "dropEffect"], outputs: ["onDragEnter", "onDragLeave", "onDrop"] }, { kind: "directive", type: Draggable, selector: "[pDraggable]", inputs: ["pDraggable", "dragEffect", "dragHandle", "pDraggableDisabled"], outputs: ["onDragStart", "onDragEnd", "onDrag"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["hasIcon", "label", "color", "icon", "iconPos", "disabled", "isLoading", "styleClass", "size", "accessibilityText", "buttonType", "isAccessible", "isSelected", "ariaControlsId", "isExpanded", "link", "isTextareaClear"], outputs: ["clickEvent"] }] });
|
|
3610
3776
|
}
|
|
3611
3777
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TableColumnSelectComponent, decorators: [{
|
|
3612
3778
|
type: Component,
|
|
3613
|
-
args: [{ selector: 'table-column-select', imports: [ButtonModule, ListboxModule, DialogModule, CheckboxModule, CommonModule, FormsModule, OrderListModule, ModalComponent, TranslateModule, Droppable, Draggable, ButtonComponent], template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\
|
|
3779
|
+
args: [{ selector: 'table-column-select', imports: [ButtonModule, ListboxModule, DialogModule, CheckboxModule, CommonModule, FormsModule, OrderListModule, ModalComponent, TranslateModule, Droppable, Draggable, ButtonComponent], template: "<p-button (click)=\"showDialog()\" icon=\"pi pi-cog\" aria-label=\"Save\" />\n\n<lib-modal\n header=\"{{ 'components.modals.tableColumnSelect.title' | translate }}\"\n btnLabel=\"{{ 'common.buttonConfirm' | translate }}\"\n [(visible)]=\"visible\"\n [closable]=\"true\"\n [appendTo]=\"'body'\"\n [modal]=\"true\"\n width=\"30vw\"\n (buttonClickEvent)=\"changeValue()\"\n [dynamicContentTemplate]=\"dynamicContentCollection\">\n</lib-modal>\n\n<ng-template class=\"modal-content\" #dynamicContentCollection>\n <div class=\"flex w-full justify-content-between align-items-center gap-2\">\n <lib-button label=\"{{'components.modals.tableColumnSelect.ponastaviStolpce' | translate}}\" (click)=\"onReset()\">\n </lib-button>\n <div class=\"flex gap-2\">\n <p-checkbox [binary]=\"true\" [(ngModel)]=\"enableResizableColumns\" /> \n <h4>{{ 'components.modals.tableColumnSelect.spreminjanjeVelikostiStolpcev' | translate }}</h4>\n </div>\n </div>\n \n <div pDroppable (onDrop)=\"drop(i)\" [pDroppableDisabled]=\"i < 2 ? true : false\" *ngFor=\"let item of dropContainers; index as i\" class=\"drop-container\">\n <div (onDragStart)=\"dragStart(item.items[0])\" [dragHandle]=\"i < 2 ? 'invalid' : undefined\" pDraggable [ngClass]=\"i < 2 ? 'disabled': ''\" class=\"item\">\n <p-checkbox [inputId]=\"item.items[0].field\" [disabled]=\"i < 2\" name=\"group\" [value]=\"item.items[0]\" [(ngModel)]=\"selectedColumns\" /> \n <h4>{{item.items[0].header}}</h4>\n </div> \n </div>\n</ng-template>\n", styles: [".item{display:flex;gap:8px;margin-top:8px;border:1px solid #d7d7d7;border-radius:12px;padding:6px}.disabled{background-color:#d7d7d7}\n"] }]
|
|
3614
3780
|
}], ctorParameters: () => [{ type: LocalStorageService }, { type: i1$2.TranslateService }], propDecorators: { columns: [{
|
|
3615
3781
|
type: Input
|
|
3616
3782
|
}], defaultColumns: [{
|
|
@@ -3683,7 +3849,7 @@ class TinymceEditorComponent {
|
|
|
3683
3849
|
useExisting: forwardRef(() => TinymceEditorComponent),
|
|
3684
3850
|
multi: true
|
|
3685
3851
|
}
|
|
3686
|
-
], ngImport: i0, template: "<textarea class=\"tinyEditor\"\
|
|
3852
|
+
], ngImport: i0, template: "<textarea class=\"tinyEditor\"\n [id]=\"editorId\"\n></textarea>\n", styles: [""] });
|
|
3687
3853
|
}
|
|
3688
3854
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TinymceEditorComponent, decorators: [{
|
|
3689
3855
|
type: Component,
|
|
@@ -3693,7 +3859,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
3693
3859
|
useExisting: forwardRef(() => TinymceEditorComponent),
|
|
3694
3860
|
multi: true
|
|
3695
3861
|
}
|
|
3696
|
-
], template: "<textarea class=\"tinyEditor\"\
|
|
3862
|
+
], template: "<textarea class=\"tinyEditor\"\n [id]=\"editorId\"\n></textarea>\n" }]
|
|
3697
3863
|
}], propDecorators: { editorId: [{
|
|
3698
3864
|
type: Input
|
|
3699
3865
|
}] } });
|
|
@@ -3747,7 +3913,7 @@ class TreeSelectComponent {
|
|
|
3747
3913
|
}
|
|
3748
3914
|
}
|
|
3749
3915
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TreeSelectComponent, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3750
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TreeSelectComponent, isStandalone: true, selector: "lib-tree-select[group][controlName][name]", inputs: { name: "name", group: "group", controlName: "controlName", label: "label", optionList: "optionList", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", isMultiselect: "isMultiselect", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll" }, outputs: { getValueEvent: "getValueEvent", getUnselectedValueEvent: "getUnselectedValueEvent" }, ngImport: i0, template: "<div class=\"flex flex-column gap-1\" [formGroup]=\"group\">\
|
|
3916
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TreeSelectComponent, isStandalone: true, selector: "lib-tree-select[group][controlName][name]", inputs: { name: "name", group: "group", controlName: "controlName", label: "label", optionList: "optionList", placeholder: "placeholder", accessibilityText: "accessibilityText", filter: "filter", isMultiselect: "isMultiselect", showClear: "showClear", isRequired: "isRequired", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", isLoading: "isLoading", appendTo: "appendTo", isLabelVisible: "isLabelVisible", emptyMessage: "emptyMessage", virtualScroll: "virtualScroll" }, outputs: { getValueEvent: "getValueEvent", getUnselectedValueEvent: "getUnselectedValueEvent" }, ngImport: i0, template: "<div class=\"flex flex-column gap-1\" [formGroup]=\"group\">\n <div class=\"flex\" *ngIf=\"isLabelVisible\">\n <label [for]=\"name\" class=\"mr-2\">\n {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"></lib-tooltip>\n </div>\n <p-treeselect\n [ngClass]=\"{\n 'ng-dirty':\n (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\n formStatus!.isSubmitTriggered ||\n formStatus!.isNestedFormSubmit!\n }\"\n [inputId]=\"name\"\n [appendTo]=\"appendTo\"\n (onNodeSelect)=\"getSelectedValue($event.node)\"\n (onNodeUnselect)=\"getUnselectedValue($event.node)\"\n [options]=\"optionList\"\n [selectionMode]=\"isMultiselect ? 'multiple' : 'single'\"\n [placeholder]=\"placeholder\"\n [formControlName]=\"controlName\"\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"38\"\n [filter]=\"filter\"\n [virtualScrollOptions]=\"{ scrollHeight: '250px' }\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"\n group.get(controlName)!.errors &&\n (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)\n \"\n [attr.aria-required]=\"isRequired\"\n [showClear]=\"group.get(controlName)?.value && showClear\"\n [attr.aria-label]=\"accessibilityText\"\n (onClear)=\"onClear()\"\n [emptyMessage]=\"emptyDropdownMessage\"\n containerStyleClass=\"w-full\"\n>\n </p-treeselect>\n\n <lib-error\n *ngIf=\"\n (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\n formStatus!.isSubmitTriggered ||\n formStatus!.isNestedFormSubmit!\n \"\n [hasError]=\"group.get(controlName)!.errors\"\n [isDirty]=\"group.get(controlName)!.pristine\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n [errorId]=\"name + 'Error'\"></lib-error>\n</div>\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}::ng-deep li.node-disabled .p-tree-node-label{opacity:.4;color:#999}::ng-deep li.node-disabled .p-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: TreeSelectModule }, { kind: "component", type: i3$2.TreeSelect, selector: "p-treeSelect, p-treeselect, p-tree-select", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "fluid", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "size", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
|
|
3751
3917
|
}
|
|
3752
3918
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TreeSelectComponent, decorators: [{
|
|
3753
3919
|
type: Component,
|
|
@@ -3759,7 +3925,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
3759
3925
|
TreeSelectModule,
|
|
3760
3926
|
NgClass,
|
|
3761
3927
|
ErrorComponent,
|
|
3762
|
-
], template: "<div class=\"flex flex-column gap-1\" [formGroup]=\"group\">\
|
|
3928
|
+
], template: "<div class=\"flex flex-column gap-1\" [formGroup]=\"group\">\n <div class=\"flex\" *ngIf=\"isLabelVisible\">\n <label [for]=\"name\" class=\"mr-2\">\n {{ label }}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\n </label>\n <lib-tooltip\n *ngIf=\"_isTooltipVisible\"\n [position]=\"tooltipPosition\"\n [text]=\"tooltipText!\"></lib-tooltip>\n </div>\n <p-treeselect\n [ngClass]=\"{\n 'ng-dirty':\n (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\n formStatus!.isSubmitTriggered ||\n formStatus!.isNestedFormSubmit!\n }\"\n [inputId]=\"name\"\n [appendTo]=\"appendTo\"\n (onNodeSelect)=\"getSelectedValue($event.node)\"\n (onNodeUnselect)=\"getUnselectedValue($event.node)\"\n [options]=\"optionList\"\n [selectionMode]=\"isMultiselect ? 'multiple' : 'single'\"\n [placeholder]=\"placeholder\"\n [formControlName]=\"controlName\"\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"38\"\n [filter]=\"filter\"\n [virtualScrollOptions]=\"{ scrollHeight: '250px' }\"\n [attr.aria-describedby]=\"name + 'Error'\"\n [attr.aria-invalid]=\"\n group.get(controlName)!.errors &&\n (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)\n \"\n [attr.aria-required]=\"isRequired\"\n [showClear]=\"group.get(controlName)?.value && showClear\"\n [attr.aria-label]=\"accessibilityText\"\n (onClear)=\"onClear()\"\n [emptyMessage]=\"emptyDropdownMessage\"\n containerStyleClass=\"w-full\"\n>\n </p-treeselect>\n\n <lib-error\n *ngIf=\"\n (group.get(controlName)!.errors && group.get(controlName)!.touched) ||\n formStatus!.isSubmitTriggered ||\n formStatus!.isNestedFormSubmit!\n \"\n [hasError]=\"group.get(controlName)!.errors\"\n [isDirty]=\"group.get(controlName)!.pristine\"\n [isTouched]=\"group.get(controlName)!.touched\"\n [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\n [isNestedFormSubmit]=\"formStatus!.isNestedFormSubmit!\"\n [errorId]=\"name + 'Error'\"></lib-error>\n</div>\n", styles: [":host ::ng-deep .p-select-filter{border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select-filter::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select-filter:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select-filter:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select{width:100%;height:39px;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-select::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-select:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-select:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-select .p-select-item.p-ripple{white-space:normal}:host ::ng-deep .p-select:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-select:not(.p-disabled).p-focus span{outline:none}:host ::ng-deep .p-select .p-select-header{background-color:#3e7c94}:host ::ng-deep .p-select .p-select-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item.p-focus{background:#d3d3d3;color:#000}:host ::ng-deep .p-select .p-select-panel .p-select-items .p-select-item-group:hover{cursor:default}:host ::ng-deep .p-select .p-select-panel .p-select-header .p-select-filter-icon{top:.75rem}:host ::ng-deep .p-multiselect{width:100%;border:1.75px solid #3E7C94!important}:host ::ng-deep .p-multiselect::placeholder{font-style:italic!important;color:#848484!important}:host ::ng-deep .p-multiselect:hover{border:1.75px solid #ffa142!important}:host ::ng-deep .p-multiselect:focus{box-shadow:0 0 2px 3px #ffa142!important}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border:1.75px solid #1B495A;box-shadow:0 0 2px 3px #ffa142}:host ::ng-deep .p-multiselect .p-multiselect-item{white-space:normal}:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label-container,:host ::ng-deep .p-multiselect .containerClass .p-multiselect .p-multiselect-label{width:100%;box-sizing:border-box}:host ::ng-deep .p-multiselect .p-multiselect-label.p-placeholder{font-style:italic;color:#848484}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#3e7c94}:host ::ng-deep .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group:hover{cursor:default}::ng-deep li.node-disabled .p-tree-node-label{opacity:.4;color:#999}::ng-deep li.node-disabled .p-checkbox{pointer-events:none}\n"] }]
|
|
3763
3929
|
}], ctorParameters: () => [{ type: i1$2.TranslateService }], propDecorators: { name: [{
|
|
3764
3930
|
type: Input
|
|
3765
3931
|
}], group: [{
|
|
@@ -3839,24 +4005,6 @@ var ToastSeverity;
|
|
|
3839
4005
|
ToastSeverity["error"] = "error";
|
|
3840
4006
|
})(ToastSeverity || (ToastSeverity = {}));
|
|
3841
4007
|
|
|
3842
|
-
class AppConfigService {
|
|
3843
|
-
config;
|
|
3844
|
-
constructor() {
|
|
3845
|
-
this.config = globalThis.APP_CONFIG;
|
|
3846
|
-
}
|
|
3847
|
-
getConfig() {
|
|
3848
|
-
return this.config;
|
|
3849
|
-
}
|
|
3850
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3851
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppConfigService, providedIn: 'root' });
|
|
3852
|
-
}
|
|
3853
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppConfigService, decorators: [{
|
|
3854
|
-
type: Injectable,
|
|
3855
|
-
args: [{
|
|
3856
|
-
providedIn: 'root',
|
|
3857
|
-
}]
|
|
3858
|
-
}], ctorParameters: () => [] });
|
|
3859
|
-
|
|
3860
4008
|
class CacheService {
|
|
3861
4009
|
getCacheItem(key) {
|
|
3862
4010
|
const item = sessionStorage.getItem(key);
|
|
@@ -3979,17 +4127,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
3979
4127
|
|
|
3980
4128
|
class DynamicRouteService {
|
|
3981
4129
|
router;
|
|
3982
|
-
|
|
4130
|
+
appConfigService;
|
|
4131
|
+
constructor(router, appConfigService) {
|
|
3983
4132
|
this.router = router;
|
|
4133
|
+
this.appConfigService = appConfigService;
|
|
3984
4134
|
}
|
|
3985
4135
|
getDynamicUrl(activatedRoute, url, queryParams, state) {
|
|
3986
|
-
const
|
|
3987
|
-
|
|
4136
|
+
const language = getCurrentAppRouteSegments(this.appConfigService.getConfig())[0] ??
|
|
4137
|
+
activatedRoute.snapshot.paramMap.get('lang') ??
|
|
4138
|
+
'sl';
|
|
4139
|
+
const normalizedUrl = url.replace(/^\/+|\/+$/g, '');
|
|
4140
|
+
const targetUrl = normalizedUrl ? `/${language}/${normalizedUrl}` : `/${language}`;
|
|
3988
4141
|
return this.router
|
|
3989
|
-
.navigate([
|
|
4142
|
+
.navigate([targetUrl], { state: state, queryParams: queryParams })
|
|
3990
4143
|
.then();
|
|
3991
4144
|
}
|
|
3992
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DynamicRouteService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
4145
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DynamicRouteService, deps: [{ token: i1.Router }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3993
4146
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DynamicRouteService, providedIn: 'root' });
|
|
3994
4147
|
}
|
|
3995
4148
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DynamicRouteService, decorators: [{
|
|
@@ -3997,7 +4150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
3997
4150
|
args: [{
|
|
3998
4151
|
providedIn: 'root',
|
|
3999
4152
|
}]
|
|
4000
|
-
}], ctorParameters: () => [{ type: i1.Router }] });
|
|
4153
|
+
}], ctorParameters: () => [{ type: i1.Router }, { type: AppConfigService }] });
|
|
4001
4154
|
|
|
4002
4155
|
class ExportService {
|
|
4003
4156
|
/**
|
|
@@ -4405,5 +4558,5 @@ function emailListValidator() {
|
|
|
4405
4558
|
* Generated bundle index. Do not edit.
|
|
4406
4559
|
*/
|
|
4407
4560
|
|
|
4408
|
-
export { AccordionComponent, AppConfigService, AutocompleteComponent, BreadcrumbsComponent, ButtonColor, ButtonComponent, ButtonIconPosition, ButtonLinkComponent, ButtonSize, CacheService, CameraUploadComponent, CaptionColor, CardComponent, CheckboxComponent, ConfirmModalComponent, ConfirmModalService, CustomTableComponent, DateInputComponent, DateService, DialogColor, DividerComponent, DropdownComponent, DynamicRouteService, ErrorComponent, ErrorInterceptor, ExpandedTable, ExpandedTableComponent, ExportService, FileUploadComponent, FilterHeaderComponent, FilterHeaderService, FooterComponent, GenericTableComponent, GlobalErrorHandler, IconButtonComponent, InputComponent, InputMaskComponent, InputType, IsNotBlank, IsNotDecimal, LoaderComponent, LocalStorageService, MainMenuComponent, ModalComponent, NoDataFoundComponent, NoInternetService, NumberInputComponent, NumberInputMode, PicklistComponent, PositionKey, ProgressBarComponent, SelectionMode, SharedAuthService, SharedMessageService, TableColumnSelectComponent, TableColumnsService, TagColor, TagComponent, TextareaComponent, TinymceEditorComponent, ToastSeverity, ToggleSwitchComponent, TooltipComponent, TooltipHoverEventEnum, TooltipPosition, TranslateSanitizerService, TranslationService, TreeSelectComponent, atLeastOneFieldPresentValidator, cleanMobilePhoneNumber, coordinateValidator, dateAndTimeMismatchValidator, dateMismatchValidator, emailListValidator, findUnavailableDates, formatDate, formatDateTime, formatDateToLocalISOString, getTomorrowDate, isEmpty, isFormInvalid, isMultipleOfFiveValidator, isOnePhoneNumberValidator, localFormatDate, mobilePhoneAreaCodeValidator, transformDateTime };
|
|
4561
|
+
export { AccordionComponent, AppConfigService, AutocompleteComponent, BreadcrumbsComponent, ButtonColor, ButtonComponent, ButtonIconPosition, ButtonLinkComponent, ButtonSize, CacheService, CameraUploadComponent, CaptionColor, CardComponent, CheckboxComponent, ConfirmModalComponent, ConfirmModalService, CustomTableComponent, DateInputComponent, DateService, DialogColor, DividerComponent, DropdownComponent, DynamicRouteService, ErrorComponent, ErrorInterceptor, ExpandedTable, ExpandedTableComponent, ExportService, FileUploadComponent, FilterHeaderComponent, FilterHeaderService, FooterComponent, GenericTableComponent, GlobalErrorHandler, IconButtonComponent, InputComponent, InputMaskComponent, InputType, IsNotBlank, IsNotDecimal, LoaderComponent, LocalStorageService, MainMenuComponent, ModalComponent, NoDataFoundComponent, NoInternetService, NumberInputComponent, NumberInputMode, PicklistComponent, PositionKey, ProgressBarComponent, SelectionMode, SharedAuthService, SharedMessageService, TableColumnSelectComponent, TableColumnsService, TagColor, TagComponent, TextareaComponent, TinymceEditorComponent, ToastSeverity, ToggleSwitchComponent, TooltipComponent, TooltipHoverEventEnum, TooltipPosition, TranslateSanitizerService, TranslationService, TreeSelectComponent, atLeastOneFieldPresentValidator, buildAppPath, cleanMobilePhoneNumber, coordinateValidator, dateAndTimeMismatchValidator, dateMismatchValidator, emailListValidator, findUnavailableDates, formatDate, formatDateTime, formatDateToLocalISOString, getAppRouteSegments, getCurrentAppRouteSegments, getTomorrowDate, isEmpty, isFormInvalid, isMultipleOfFiveValidator, isOnePhoneNumberValidator, localFormatDate, mobilePhoneAreaCodeValidator, transformDateTime };
|
|
4409
4562
|
//# sourceMappingURL=n-isi-platform-design-system.mjs.map
|