@deenruv/admin-ui 1.0.0

package/esm2022/core/shared/components/select-toggle/select-toggle.component.mjs

@@ -0,0 +1,35 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@clr/angular";
+import * as i2 from "@angular/common";
+/**
+ * A simple, stateless toggle button for indicating selection.
+ */
+export class SelectToggleComponent {
+    constructor() {
+        this.size = 'large';
+        this.selected = false;
+        this.hiddenWhenOff = false;
+        this.disabled = false;
+        this.selectedChange = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectToggleComponent, selector: "vdr-select-toggle", inputs: { size: "size", selected: "selected", hiddenWhenOff: "hiddenWhenOff", disabled: "disabled", label: "label" }, outputs: { selectedChange: "selectedChange" }, ngImport: i0, template: "<div\n    class=\"toggle\"\n    [class.hide-when-off]=\"hiddenWhenOff\"\n    [class.disabled]=\"disabled\"\n    [class.small]=\"size === 'small'\"\n    [attr.tabindex]=\"disabled ? null : 0\"\n    [class.selected]=\"selected\"\n    (keydown.enter)=\"selectedChange.emit(!selected)\"\n    (keydown.space)=\"$event.preventDefault(); selectedChange.emit(!selected)\"\n    (click)=\"selectedChange.emit(!selected)\"\n>\n    <clr-icon\n        shape=\"check-circle\"\n        [class.is-solid]=\"selected\"\n        [attr.size]=\"size === 'small' ? 24 : 32\"\n    ></clr-icon>\n</div>\n<div\n    class=\"toggle-label\"\n    [class.selected]=\"selected\"\n    [class.disabled]=\"disabled\"\n    *ngIf=\"label\"\n    (click)=\"selectedChange.emit(!selected)\"\n>\n    {{ label }}\n</div>\n", styles: [":host{display:flex;align-items:center;justify-content:center}.toggle{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;color:var(--color-grey-300);background-color:var(--color-component-bg-100);border-radius:50%;top:-12px;left:-12px;transition:opacity .1s,color .1s}.toggle.hide-when-off{opacity:0}.toggle.small{width:24px;height:24px}.toggle:not(.disabled):hover{color:var(--color-success-600);opacity:.9}.toggle.selected{opacity:1;color:var(--color-success-700)}.toggle.selected:not(.disabled):hover{color:var(--color-success-600);opacity:.9}.toggle:focus{outline:none;box-shadow:0 0 2px 2px var(--color-primary-700)}.toggle.disabled{cursor:default}.toggle-label{flex:1;margin-inline-start:6px;text-align:start;font-size:12px}.toggle-label:not(.disabled){cursor:pointer}.toggle-label.selected{color:var(--color-success-800)}\n"], dependencies: [{ kind: "directive", type: i1.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-select-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"toggle\"\n    [class.hide-when-off]=\"hiddenWhenOff\"\n    [class.disabled]=\"disabled\"\n    [class.small]=\"size === 'small'\"\n    [attr.tabindex]=\"disabled ? null : 0\"\n    [class.selected]=\"selected\"\n    (keydown.enter)=\"selectedChange.emit(!selected)\"\n    (keydown.space)=\"$event.preventDefault(); selectedChange.emit(!selected)\"\n    (click)=\"selectedChange.emit(!selected)\"\n>\n    <clr-icon\n        shape=\"check-circle\"\n        [class.is-solid]=\"selected\"\n        [attr.size]=\"size === 'small' ? 24 : 32\"\n    ></clr-icon>\n</div>\n<div\n    class=\"toggle-label\"\n    [class.selected]=\"selected\"\n    [class.disabled]=\"disabled\"\n    *ngIf=\"label\"\n    (click)=\"selectedChange.emit(!selected)\"\n>\n    {{ label }}\n</div>\n", styles: [":host{display:flex;align-items:center;justify-content:center}.toggle{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;color:var(--color-grey-300);background-color:var(--color-component-bg-100);border-radius:50%;top:-12px;left:-12px;transition:opacity .1s,color .1s}.toggle.hide-when-off{opacity:0}.toggle.small{width:24px;height:24px}.toggle:not(.disabled):hover{color:var(--color-success-600);opacity:.9}.toggle.selected{opacity:1;color:var(--color-success-700)}.toggle.selected:not(.disabled):hover{color:var(--color-success-600);opacity:.9}.toggle:focus{outline:none;box-shadow:0 0 2px 2px var(--color-primary-700)}.toggle.disabled{cursor:default}.toggle-label{flex:1;margin-inline-start:6px;text-align:start;font-size:12px}.toggle-label:not(.disabled){cursor:pointer}.toggle-label.selected{color:var(--color-success-800)}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], hiddenWhenOff: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], selectedChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3NlbGVjdC10b2dnbGUvc2VsZWN0LXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3NlbGVjdC10b2dnbGUvc2VsZWN0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBRXhHOztHQUVHO0FBT0gsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQU9hLFNBQUksR0FBc0IsT0FBTyxDQUFDO1FBQ2xDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFDdEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVoQixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FDMUQ7K0dBUFkscUJBQXFCO21HQUFyQixxQkFBcUIsOE5DWGxDLCt3QkEwQkE7OzRGRGZhLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDSSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBBIHNpbXBsZSwgc3RhdGVsZXNzIHRvZ2dsZSBidXR0b24gZm9yIGluZGljYXRpbmcgc2VsZWN0aW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1zZWxlY3QtdG9nZ2xlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0LXRvZ2dsZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RUb2dnbGVDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbGFyZ2UnID0gJ2xhcmdlJztcbiAgICBASW5wdXQoKSBzZWxlY3RlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGhpZGRlbldoZW5PZmYgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gICAgQE91dHB1dCgpIHNlbGVjdGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwidG9nZ2xlXCJcbiAgICBbY2xhc3MuaGlkZS13aGVuLW9mZl09XCJoaWRkZW5XaGVuT2ZmXCJcbiAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtjbGFzcy5zbWFsbF09XCJzaXplID09PSAnc21hbGwnXCJcbiAgICBbYXR0ci50YWJpbmRleF09XCJkaXNhYmxlZCA/IG51bGwgOiAwXCJcbiAgICBbY2xhc3Muc2VsZWN0ZWRdPVwic2VsZWN0ZWRcIlxuICAgIChrZXlkb3duLmVudGVyKT1cInNlbGVjdGVkQ2hhbmdlLmVtaXQoIXNlbGVjdGVkKVwiXG4gICAgKGtleWRvd24uc3BhY2UpPVwiJGV2ZW50LnByZXZlbnREZWZhdWx0KCk7IHNlbGVjdGVkQ2hhbmdlLmVtaXQoIXNlbGVjdGVkKVwiXG4gICAgKGNsaWNrKT1cInNlbGVjdGVkQ2hhbmdlLmVtaXQoIXNlbGVjdGVkKVwiXG4+XG4gICAgPGNsci1pY29uXG4gICAgICAgIHNoYXBlPVwiY2hlY2stY2lyY2xlXCJcbiAgICAgICAgW2NsYXNzLmlzLXNvbGlkXT1cInNlbGVjdGVkXCJcbiAgICAgICAgW2F0dHIuc2l6ZV09XCJzaXplID09PSAnc21hbGwnID8gMjQgOiAzMlwiXG4gICAgPjwvY2xyLWljb24+XG48L2Rpdj5cbjxkaXZcbiAgICBjbGFzcz1cInRvZ2dsZS1sYWJlbFwiXG4gICAgW2NsYXNzLnNlbGVjdGVkXT1cInNlbGVjdGVkXCJcbiAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICpuZ0lmPVwibGFiZWxcIlxuICAgIChjbGljayk9XCJzZWxlY3RlZENoYW5nZS5lbWl0KCFzZWxlY3RlZClcIlxuPlxuICAgIHt7IGxhYmVsIH19XG48L2Rpdj5cbiJdfQ==

package/esm2022/core/shared/components/simple-dialog/simple-dialog.component.mjs

@@ -0,0 +1,24 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../modal-dialog/dialog-buttons.directive";
+import * as i3 from "../modal-dialog/dialog-title.directive";
+import * as i4 from "@ngx-translate/core";
+/**
+ * Used by ModalService.dialog() to host a generic configurable modal dialog.
+ */
+export class SimpleDialogComponent {
+    constructor() {
+        this.title = '';
+        this.body = '';
+        this.translationVars = {};
+        this.buttons = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleDialogComponent, selector: "vdr-simple-dialog", ngImport: i0, template: "<ng-template vdrDialogTitle>{{ title | translate:translationVars }}</ng-template>\n<div style=\"white-space: pre-wrap;\">{{ body | translate:translationVars }}</div>\n<ng-template vdrDialogButtons>\n    <ng-container *ngFor=\"let button of buttons\">\n        <button\n            class=\"button ml-2\"\n            [class.primary]=\"button.type === 'primary'\"\n            [class.danger]=\"button.type === 'danger'\"\n            (click)=\"resolveWith(button.returnValue)\"\n        >\n            {{ button.label | translate: (button.translationVars || {}) }}\n        </button>\n    </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DialogButtonsDirective, selector: "[vdrDialogButtons]" }, { kind: "directive", type: i3.DialogTitleDirective, selector: "[vdrDialogTitle]" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-simple-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template vdrDialogTitle>{{ title | translate:translationVars }}</ng-template>\n<div style=\"white-space: pre-wrap;\">{{ body | translate:translationVars }}</div>\n<ng-template vdrDialogButtons>\n    <ng-container *ngFor=\"let button of buttons\">\n        <button\n            class=\"button ml-2\"\n            [class.primary]=\"button.type === 'primary'\"\n            [class.danger]=\"button.type === 'danger'\"\n            (click)=\"resolveWith(button.returnValue)\"\n        >\n            {{ button.label | translate: (button.translationVars || {}) }}\n        </button>\n    </ng-container>\n</ng-template>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3NpbXBsZS1kaWFsb2cvc2ltcGxlLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3NpbXBsZS1kaWFsb2cvc2ltcGxlLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFJM0U7O0dBRUc7QUFPSCxNQUFNLE9BQU8scUJBQXFCO0lBTmxDO1FBUUksVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQUNyQixZQUFPLEdBQW1DLEVBQUUsQ0FBQztLQUNoRDsrR0FOWSxxQkFBcUI7bUdBQXJCLHFCQUFxQix5RENibEMsOG1CQWNBOzs0RkREYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0ksbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGlhbG9nLCBEaWFsb2dCdXR0b25Db25maWcgfSBmcm9tICcuLi8uLi8uLi9wcm92aWRlcnMvbW9kYWwvbW9kYWwudHlwZXMnO1xuXG4vKipcbiAqIFVzZWQgYnkgTW9kYWxTZXJ2aWNlLmRpYWxvZygpIHRvIGhvc3QgYSBnZW5lcmljIGNvbmZpZ3VyYWJsZSBtb2RhbCBkaWFsb2cuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmRyLXNpbXBsZS1kaWFsb2cnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaW1wbGUtZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zaW1wbGUtZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNpbXBsZURpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIERpYWxvZzxhbnk+IHtcbiAgICByZXNvbHZlV2l0aDogKHJlc3VsdD86IGFueSkgPT4gdm9pZDtcbiAgICB0aXRsZSA9ICcnO1xuICAgIGJvZHkgPSAnJztcbiAgICB0cmFuc2xhdGlvblZhcnMgPSB7fTtcbiAgICBidXR0b25zOiBBcnJheTxEaWFsb2dCdXR0b25Db25maWc8YW55Pj4gPSBbXTtcbn1cbiIsIjxuZy10ZW1wbGF0ZSB2ZHJEaWFsb2dUaXRsZT57eyB0aXRsZSB8IHRyYW5zbGF0ZTp0cmFuc2xhdGlvblZhcnMgfX08L25nLXRlbXBsYXRlPlxuPGRpdiBzdHlsZT1cIndoaXRlLXNwYWNlOiBwcmUtd3JhcDtcIj57eyBib2R5IHwgdHJhbnNsYXRlOnRyYW5zbGF0aW9uVmFycyB9fTwvZGl2PlxuPG5nLXRlbXBsYXRlIHZkckRpYWxvZ0J1dHRvbnM+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIGJ1dHRvbnNcIj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgY2xhc3M9XCJidXR0b24gbWwtMlwiXG4gICAgICAgICAgICBbY2xhc3MucHJpbWFyeV09XCJidXR0b24udHlwZSA9PT0gJ3ByaW1hcnknXCJcbiAgICAgICAgICAgIFtjbGFzcy5kYW5nZXJdPVwiYnV0dG9uLnR5cGUgPT09ICdkYW5nZXInXCJcbiAgICAgICAgICAgIChjbGljayk9XCJyZXNvbHZlV2l0aChidXR0b24ucmV0dXJuVmFsdWUpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAge3sgYnV0dG9uLmxhYmVsIHwgdHJhbnNsYXRlOiAoYnV0dG9uLnRyYW5zbGF0aW9uVmFycyB8fCB7fSkgfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/core/shared/components/split-view/split-view.component.mjs

@@ -0,0 +1,62 @@
+import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, EventEmitter, Input, Output, TemplateRef, ViewChild, } from '@angular/core';
+import { fromEvent, merge, switchMap } from 'rxjs';
+import { map, mapTo, startWith, takeUntil } from 'rxjs/operators';
+import { SplitViewLeftDirective, SplitViewRightDirective } from './split-view.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@clr/angular";
+import * as i3 from "@angular/common";
+export class SplitViewComponent {
+    constructor(viewContainerRef, domSanitizer) {
+        this.viewContainerRef = viewContainerRef;
+        this.domSanitizer = domSanitizer;
+        this.rightPanelOpen = false;
+        this.closeClicked = new EventEmitter();
+    }
+    ngAfterContentInit() {
+        if (!this.leftTemplate) {
+            throw new Error('A <vdr-split-view-left> must be provided');
+        }
+        if (!this.rightTemplate) {
+            throw new Error('A <vdr-split-view-right> must be provided');
+        }
+    }
+    ngAfterViewInit() {
+        const hostElement = this.viewContainerRef.element.nativeElement;
+        const hostElementWidth = hostElement.getBoundingClientRect()?.width;
+        const mouseDown$ = merge(fromEvent(this.resizeHandle.nativeElement, 'mousedown'), fromEvent(this.resizeHandle.nativeElement, 'touchstart'));
+        const mouseMove$ = merge(fromEvent(document, 'mousemove'), fromEvent(document, 'touchmove'));
+        const mouseUp$ = merge(fromEvent(document, 'mouseup'), fromEvent(document, 'touchend'));
+        // update right panel width when resize handle is dragged
+        this.rightPanelWidth$ = mouseDown$.pipe(switchMap(() => mouseMove$.pipe(takeUntil(mouseUp$))), map(event => {
+            const clientX = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;
+            const width = hostElement.getBoundingClientRect().right - clientX;
+            return Math.max(100, Math.min(width, hostElementWidth - 100));
+        }), startWith(hostElementWidth / 2));
+        this.leftPanelWidth$ = this.rightPanelWidth$.pipe(map(width => `calc(var(--surface-width) - ${width}px)`));
+        this.resizing$ = merge(mouseDown$.pipe(mapTo(true)), mouseUp$.pipe(mapTo(false)));
+    }
+    close() {
+        this.closeClicked.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplitViewComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SplitViewComponent, selector: "vdr-split-view", inputs: { rightPanelOpen: "rightPanelOpen" }, outputs: { closeClicked: "closeClicked" }, queries: [{ propertyName: "leftTemplate", first: true, predicate: SplitViewLeftDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "rightTemplate", first: true, predicate: SplitViewRightDirective, descendants: true, read: SplitViewRightDirective, static: true }], viewQueries: [{ propertyName: "resizeHandle", first: true, predicate: ["resizeHandle"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"split-view-wrapper\" [class.expanded]=\"rightPanelOpen\" [class.resizing]=\"resizing$ | async\">\n    <div class=\"left-panel\" [style.width]=\"leftPanelWidth$ | async\">\n        <ng-container *ngTemplateOutlet=\"leftTemplate\"></ng-container>\n    </div>\n    <div class=\"separator\" [class.hidden]=\"!rightPanelOpen\">\n        <div class=\"top\"></div>\n        <div class=\"resize-handle\" #resizeHandle>\n            <clr-icon shape=\"drag-handle\"></clr-icon>\n        </div>\n        <div class=\"bottom\"></div>\n    </div>\n    <div\n        class=\"right-panel\"\n        [class.expanded]=\"rightPanelOpen\"\n        [class.resizing]=\"resizing$ | async\"\n        [style.width.px]=\"rightPanelOpen ? (rightPanelWidth$ | async) : 0\"\n    >\n        <div class=\"close-row\">\n            <div class=\"title\" *ngIf=\"rightTemplate.splitViewTitle as title\">{{ title }}</div>\n            <button type=\"button\" class=\"button-small\" (click)=\"close()\">\n                <clr-icon shape=\"close\"></clr-icon>\n            </button>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"rightTemplate.template\"></ng-container>\n    </div>\n</div>\n", styles: [":host{--separator-border: var(--color-split-view-separator-border);max-width:var(--surface-width)}.split-view-wrapper{display:flex;height:calc(100% - 50px)}.split-view-wrapper.resizing{-webkit-user-select:none;user-select:none}.split-view-wrapper .left-panel{flex:1;overflow:auto;margin-top:0}.split-view-wrapper .left-panel .active{background-color:var(--clr-global-selection-color)}.split-view-wrapper .left-panel.expanded{width:calc(100% - 40vw)}.separator{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-start:-1px;z-index:10}.separator.hidden{display:none}.separator .resize-handle{display:flex;align-items:center;justify-content:center;flex:1;border-inline-start:1px solid var(--separator-border);border-inline-end:1px solid var(--separator-border);cursor:ew-resize;transition:background-color .2s}.separator .top,.separator .bottom{height:48px;width:100%;border-style:solid;border-width:0 1px}.separator .top{border-image:linear-gradient(0deg,var(--separator-border),transparent) 1}.separator .bottom{border-image:linear-gradient(180deg,var(--separator-border),transparent) 1}.resizing{--separator-border: var(--color-split-view-separator-resize-border)}.resizing .resize-handle{color:var(--color-primary-700)}.close-row{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1);padding-inline-start:var(--surface-margin-left);padding-inline-end:4px}.right-panel{height:100%;opacity:0;visibility:hidden;overflow:auto}.right-panel:not(.resizing){transition:width .3s,opacity .2s .3s,visibility 0s .3s}.right-panel.expanded{visibility:visible;opacity:1}.right-panel .close-button{margin:0;background:none;border:none;cursor:pointer}.right-panel ::ng-deep table.table{margin-top:0}.right-panel ::ng-deep table.table th{top:0}.right-panel .controls{display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplitViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-split-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"split-view-wrapper\" [class.expanded]=\"rightPanelOpen\" [class.resizing]=\"resizing$ | async\">\n    <div class=\"left-panel\" [style.width]=\"leftPanelWidth$ | async\">\n        <ng-container *ngTemplateOutlet=\"leftTemplate\"></ng-container>\n    </div>\n    <div class=\"separator\" [class.hidden]=\"!rightPanelOpen\">\n        <div class=\"top\"></div>\n        <div class=\"resize-handle\" #resizeHandle>\n            <clr-icon shape=\"drag-handle\"></clr-icon>\n        </div>\n        <div class=\"bottom\"></div>\n    </div>\n    <div\n        class=\"right-panel\"\n        [class.expanded]=\"rightPanelOpen\"\n        [class.resizing]=\"resizing$ | async\"\n        [style.width.px]=\"rightPanelOpen ? (rightPanelWidth$ | async) : 0\"\n    >\n        <div class=\"close-row\">\n            <div class=\"title\" *ngIf=\"rightTemplate.splitViewTitle as title\">{{ title }}</div>\n            <button type=\"button\" class=\"button-small\" (click)=\"close()\">\n                <clr-icon shape=\"close\"></clr-icon>\n            </button>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"rightTemplate.template\"></ng-container>\n    </div>\n</div>\n", styles: [":host{--separator-border: var(--color-split-view-separator-border);max-width:var(--surface-width)}.split-view-wrapper{display:flex;height:calc(100% - 50px)}.split-view-wrapper.resizing{-webkit-user-select:none;user-select:none}.split-view-wrapper .left-panel{flex:1;overflow:auto;margin-top:0}.split-view-wrapper .left-panel .active{background-color:var(--clr-global-selection-color)}.split-view-wrapper .left-panel.expanded{width:calc(100% - 40vw)}.separator{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-start:-1px;z-index:10}.separator.hidden{display:none}.separator .resize-handle{display:flex;align-items:center;justify-content:center;flex:1;border-inline-start:1px solid var(--separator-border);border-inline-end:1px solid var(--separator-border);cursor:ew-resize;transition:background-color .2s}.separator .top,.separator .bottom{height:48px;width:100%;border-style:solid;border-width:0 1px}.separator .top{border-image:linear-gradient(0deg,var(--separator-border),transparent) 1}.separator .bottom{border-image:linear-gradient(180deg,var(--separator-border),transparent) 1}.resizing{--separator-border: var(--color-split-view-separator-resize-border)}.resizing .resize-handle{color:var(--color-primary-700)}.close-row{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1);padding-inline-start:var(--surface-margin-left);padding-inline-end:4px}.right-panel{height:100%;opacity:0;visibility:hidden;overflow:auto}.right-panel:not(.resizing){transition:width .3s,opacity .2s .3s,visibility 0s .3s}.right-panel.expanded{visibility:visible;opacity:1}.right-panel .close-button{margin:0;background:none;border:none;cursor:pointer}.right-panel ::ng-deep table.table{margin-top:0}.right-panel ::ng-deep table.table th{top:0}.right-panel .controls{display:flex;justify-content:space-between}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i1.DomSanitizer }], propDecorators: { rightPanelOpen: [{
+                type: Input
+            }], closeClicked: [{
+                type: Output
+            }], leftTemplate: [{
+                type: ContentChild,
+                args: [SplitViewLeftDirective, { static: true, read: TemplateRef }]
+            }], rightTemplate: [{
+                type: ContentChild,
+                args: [SplitViewRightDirective, { static: true, read: SplitViewRightDirective }]
+            }], resizeHandle: [{
+                type: ViewChild,
+                args: ['resizeHandle', { static: true, read: ElementRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXQtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3NwbGl0LXZpZXcvc3BsaXQtdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3NwbGl0LXZpZXcvc3BsaXQtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsRUFDWCxTQUFTLEdBRVosTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWMsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9ELE9BQU8sRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7QUFRekYsTUFBTSxPQUFPLGtCQUFrQjtJQWEzQixZQUFvQixnQkFBa0MsRUFBVSxZQUEwQjtRQUF0RSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQVUsaUJBQVksR0FBWixZQUFZLENBQWM7UUFaakYsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdEIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBVzJDLENBQUM7SUFFOUYsa0JBQWtCO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNyQixNQUFNLElBQUksS0FBSyxDQUFDLDBDQUEwQyxDQUFDLENBQUM7UUFDaEUsQ0FBQztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDdEIsTUFBTSxJQUFJLEtBQUssQ0FBQywyQ0FBMkMsQ0FBQyxDQUFDO1FBQ2pFLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNYLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDO1FBQ2hFLE1BQU0sZ0JBQWdCLEdBQUcsV0FBVyxDQUFDLHFCQUFxQixFQUFFLEVBQUUsS0FBSyxDQUFDO1FBRXBFLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FDcEIsU0FBUyxDQUFhLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxFQUFFLFdBQVcsQ0FBQyxFQUNuRSxTQUFTLENBQWEsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLEVBQUUsWUFBWSxDQUFDLENBQ3ZFLENBQUM7UUFDRixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQ3BCLFNBQVMsQ0FBYSxRQUFRLEVBQUUsV0FBVyxDQUFDLEVBQzVDLFNBQVMsQ0FBYSxRQUFRLEVBQUUsV0FBVyxDQUFDLENBQy9DLENBQUM7UUFDRixNQUFNLFFBQVEsR0FBRyxLQUFLLENBQ2xCLFNBQVMsQ0FBYSxRQUFRLEVBQUUsU0FBUyxDQUFDLEVBQzFDLFNBQVMsQ0FBYSxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQzlDLENBQUM7UUFFRix5REFBeUQ7UUFDekQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLFVBQVUsQ0FBQyxJQUFJLENBQ25DLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQ3JELEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNSLE1BQU0sT0FBTyxHQUFHLEtBQUssWUFBWSxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO1lBQ3ZGLE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLEtBQUssR0FBRyxPQUFPLENBQUM7WUFDbEUsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssRUFBRSxnQkFBZ0IsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ2xFLENBQUMsQ0FBQyxFQUNGLFNBQVMsQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLENBQUMsQ0FDbEMsQ0FBQztRQUNGLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FDN0MsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsK0JBQStCLEtBQUssS0FBSyxDQUFDLENBQzFELENBQUM7UUFFRixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN0RixDQUFDO0lBRUQsS0FBSztRQUNELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQzsrR0E1RFEsa0JBQWtCO21HQUFsQixrQkFBa0IseUxBSWIsc0JBQXNCLDJCQUF3QixXQUFXLDJFQUV6RCx1QkFBdUIsMkJBQXdCLHVCQUF1QixvSUFFbkMsVUFBVSwyQ0NqQy9ELGlxQ0EyQkE7OzRGREZhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTTtnSEFHdEMsY0FBYztzQkFBdEIsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNO2dCQUdQLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxzQkFBc0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtnQkFHekUsYUFBYTtzQkFEWixZQUFZO3VCQUFDLHVCQUF1QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsdUJBQXVCLEVBQUU7Z0JBRXZCLFlBQVk7c0JBQTFFLFNBQVM7dUJBQUMsY0FBYyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlckNvbnRlbnRJbml0LFxuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVGVtcGxhdGVSZWYsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdDb250YWluZXJSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlU3R5bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7IGZyb21FdmVudCwgbWVyZ2UsIE9ic2VydmFibGUsIHN3aXRjaE1hcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgbWFwLCBtYXBUbywgc3RhcnRXaXRoLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBTcGxpdFZpZXdMZWZ0RGlyZWN0aXZlLCBTcGxpdFZpZXdSaWdodERpcmVjdGl2ZSB9IGZyb20gJy4vc3BsaXQtdmlldy5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1zcGxpdC12aWV3JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3BsaXQtdmlldy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3BsaXQtdmlldy5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTcGxpdFZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBBZnRlclZpZXdJbml0IHtcbiAgICBASW5wdXQoKSByaWdodFBhbmVsT3BlbiA9IGZhbHNlO1xuICAgIEBPdXRwdXQoKSBjbG9zZUNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICBAQ29udGVudENoaWxkKFNwbGl0Vmlld0xlZnREaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlLCByZWFkOiBUZW1wbGF0ZVJlZiB9KVxuICAgIGxlZnRUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgICBAQ29udGVudENoaWxkKFNwbGl0Vmlld1JpZ2h0RGlyZWN0aXZlLCB7IHN0YXRpYzogdHJ1ZSwgcmVhZDogU3BsaXRWaWV3UmlnaHREaXJlY3RpdmUgfSlcbiAgICByaWdodFRlbXBsYXRlOiBTcGxpdFZpZXdSaWdodERpcmVjdGl2ZTtcbiAgICBAVmlld0NoaWxkKCdyZXNpemVIYW5kbGUnLCB7IHN0YXRpYzogdHJ1ZSwgcmVhZDogRWxlbWVudFJlZiB9KSByZXNpemVIYW5kbGU6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+O1xuICAgIHByb3RlY3RlZCByaWdodFBhbmVsV2lkdGgkOiBPYnNlcnZhYmxlPG51bWJlcj47XG4gICAgcHJvdGVjdGVkIGxlZnRQYW5lbFdpZHRoJDogT2JzZXJ2YWJsZTxTYWZlU3R5bGU+O1xuICAgIHByb3RlY3RlZCByZXNpemluZyQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsIHByaXZhdGUgZG9tU2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHt9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy5sZWZ0VGVtcGxhdGUpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignQSA8dmRyLXNwbGl0LXZpZXctbGVmdD4gbXVzdCBiZSBwcm92aWRlZCcpO1xuICAgICAgICB9XG4gICAgICAgIGlmICghdGhpcy5yaWdodFRlbXBsYXRlKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0EgPHZkci1zcGxpdC12aWV3LXJpZ2h0PiBtdXN0IGJlIHByb3ZpZGVkJyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgICAgIGNvbnN0IGhvc3RFbGVtZW50ID0gdGhpcy52aWV3Q29udGFpbmVyUmVmLmVsZW1lbnQubmF0aXZlRWxlbWVudDtcbiAgICAgICAgY29uc3QgaG9zdEVsZW1lbnRXaWR0aCA9IGhvc3RFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpPy53aWR0aDtcblxuICAgICAgICBjb25zdCBtb3VzZURvd24kID0gbWVyZ2UoXG4gICAgICAgICAgICBmcm9tRXZlbnQ8TW91c2VFdmVudD4odGhpcy5yZXNpemVIYW5kbGUubmF0aXZlRWxlbWVudCwgJ21vdXNlZG93bicpLFxuICAgICAgICAgICAgZnJvbUV2ZW50PE1vdXNlRXZlbnQ+KHRoaXMucmVzaXplSGFuZGxlLm5hdGl2ZUVsZW1lbnQsICd0b3VjaHN0YXJ0JyksXG4gICAgICAgICk7XG4gICAgICAgIGNvbnN0IG1vdXNlTW92ZSQgPSBtZXJnZShcbiAgICAgICAgICAgIGZyb21FdmVudDxNb3VzZUV2ZW50Pihkb2N1bWVudCwgJ21vdXNlbW92ZScpLFxuICAgICAgICAgICAgZnJvbUV2ZW50PFRvdWNoRXZlbnQ+KGRvY3VtZW50LCAndG91Y2htb3ZlJyksXG4gICAgICAgICk7XG4gICAgICAgIGNvbnN0IG1vdXNlVXAkID0gbWVyZ2UoXG4gICAgICAgICAgICBmcm9tRXZlbnQ8TW91c2VFdmVudD4oZG9jdW1lbnQsICdtb3VzZXVwJyksXG4gICAgICAgICAgICBmcm9tRXZlbnQ8VG91Y2hFdmVudD4oZG9jdW1lbnQsICd0b3VjaGVuZCcpLFxuICAgICAgICApO1xuXG4gICAgICAgIC8vIHVwZGF0ZSByaWdodCBwYW5lbCB3aWR0aCB3aGVuIHJlc2l6ZSBoYW5kbGUgaXMgZHJhZ2dlZFxuICAgICAgICB0aGlzLnJpZ2h0UGFuZWxXaWR0aCQgPSBtb3VzZURvd24kLnBpcGUoXG4gICAgICAgICAgICBzd2l0Y2hNYXAoKCkgPT4gbW91c2VNb3ZlJC5waXBlKHRha2VVbnRpbChtb3VzZVVwJCkpKSxcbiAgICAgICAgICAgIG1hcChldmVudCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgY2xpZW50WCA9IGV2ZW50IGluc3RhbmNlb2YgTW91c2VFdmVudCA/IGV2ZW50LmNsaWVudFggOiBldmVudC50b3VjaGVzWzBdLmNsaWVudFg7XG4gICAgICAgICAgICAgICAgY29uc3Qgd2lkdGggPSBob3N0RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5yaWdodCAtIGNsaWVudFg7XG4gICAgICAgICAgICAgICAgcmV0dXJuIE1hdGgubWF4KDEwMCwgTWF0aC5taW4od2lkdGgsIGhvc3RFbGVtZW50V2lkdGggLSAxMDApKTtcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgc3RhcnRXaXRoKGhvc3RFbGVtZW50V2lkdGggLyAyKSxcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5sZWZ0UGFuZWxXaWR0aCQgPSB0aGlzLnJpZ2h0UGFuZWxXaWR0aCQucGlwZShcbiAgICAgICAgICAgIG1hcCh3aWR0aCA9PiBgY2FsYyh2YXIoLS1zdXJmYWNlLXdpZHRoKSAtICR7d2lkdGh9cHgpYCksXG4gICAgICAgICk7XG5cbiAgICAgICAgdGhpcy5yZXNpemluZyQgPSBtZXJnZShtb3VzZURvd24kLnBpcGUobWFwVG8odHJ1ZSkpLCBtb3VzZVVwJC5waXBlKG1hcFRvKGZhbHNlKSkpO1xuICAgIH1cblxuICAgIGNsb3NlKCkge1xuICAgICAgICB0aGlzLmNsb3NlQ2xpY2tlZC5lbWl0KCk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNwbGl0LXZpZXctd3JhcHBlclwiIFtjbGFzcy5leHBhbmRlZF09XCJyaWdodFBhbmVsT3BlblwiIFtjbGFzcy5yZXNpemluZ109XCJyZXNpemluZyQgfCBhc3luY1wiPlxuICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXBhbmVsXCIgW3N0eWxlLndpZHRoXT1cImxlZnRQYW5lbFdpZHRoJCB8IGFzeW5jXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJsZWZ0VGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2VwYXJhdG9yXCIgW2NsYXNzLmhpZGRlbl09XCIhcmlnaHRQYW5lbE9wZW5cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRvcFwiPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwicmVzaXplLWhhbmRsZVwiICNyZXNpemVIYW5kbGU+XG4gICAgICAgICAgICA8Y2xyLWljb24gc2hhcGU9XCJkcmFnLWhhbmRsZVwiPjwvY2xyLWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm90dG9tXCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cInJpZ2h0LXBhbmVsXCJcbiAgICAgICAgW2NsYXNzLmV4cGFuZGVkXT1cInJpZ2h0UGFuZWxPcGVuXCJcbiAgICAgICAgW2NsYXNzLnJlc2l6aW5nXT1cInJlc2l6aW5nJCB8IGFzeW5jXCJcbiAgICAgICAgW3N0eWxlLndpZHRoLnB4XT1cInJpZ2h0UGFuZWxPcGVuID8gKHJpZ2h0UGFuZWxXaWR0aCQgfCBhc3luYykgOiAwXCJcbiAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjbG9zZS1yb3dcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiICpuZ0lmPVwicmlnaHRUZW1wbGF0ZS5zcGxpdFZpZXdUaXRsZSBhcyB0aXRsZVwiPnt7IHRpdGxlIH19PC9kaXY+XG4gICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImJ1dHRvbi1zbWFsbFwiIChjbGljayk9XCJjbG9zZSgpXCI+XG4gICAgICAgICAgICAgICAgPGNsci1pY29uIHNoYXBlPVwiY2xvc2VcIj48L2Nsci1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyaWdodFRlbXBsYXRlLnRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/core/shared/components/split-view/split-view.directive.mjs

@@ -0,0 +1,28 @@
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SplitViewLeftDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplitViewLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SplitViewLeftDirective, selector: "[vdrSplitViewLeft]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplitViewLeftDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vdrSplitViewLeft]',
+                }]
+        }] });
+export class SplitViewRightDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplitViewRightDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SplitViewRightDirective, selector: "[vdrSplitViewRight]", inputs: { splitViewTitle: "splitViewTitle" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplitViewRightDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vdrSplitViewRight]',
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { splitViewTitle: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXQtdmlldy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3NwbGl0LXZpZXcvc3BsaXQtdmlldy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBSzlELE1BQU0sT0FBTyxzQkFBc0I7K0dBQXRCLHNCQUFzQjttR0FBdEIsc0JBQXNCOzs0RkFBdEIsc0JBQXNCO2tCQUhsQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxvQkFBb0I7aUJBQ2pDOztBQU1ELE1BQU0sT0FBTyx1QkFBdUI7SUFDaEMsWUFBbUIsUUFBMEI7UUFBMUIsYUFBUSxHQUFSLFFBQVEsQ0FBa0I7SUFBRyxDQUFDOytHQUR4Qyx1QkFBdUI7bUdBQXZCLHVCQUF1Qjs7NEZBQXZCLHVCQUF1QjtrQkFIbkMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUscUJBQXFCO2lCQUNsQztnRkFHWSxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbdmRyU3BsaXRWaWV3TGVmdF0nLFxufSlcbmV4cG9ydCBjbGFzcyBTcGxpdFZpZXdMZWZ0RGlyZWN0aXZlIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3ZkclNwbGl0Vmlld1JpZ2h0XScsXG59KVxuZXhwb3J0IGNsYXNzIFNwbGl0Vmlld1JpZ2h0RGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4pIHt9XG4gICAgQElucHV0KCkgc3BsaXRWaWV3VGl0bGU/OiBzdHJpbmc7XG59XG4iXX0=

package/esm2022/core/shared/components/status-badge/status-badge.component.mjs

@@ -0,0 +1,16 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class StatusBadgeComponent {
+    constructor() {
+        this.type = 'info';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StatusBadgeComponent, selector: "vdr-status-badge", inputs: { type: "type" }, ngImport: i0, template: "<div class=\"status-badge\" [class]=\"type\"></div>\n", styles: [":host{display:block;position:absolute}.status-badge{width:10px;height:10px;border-radius:50%;border:1px solid var(--color-component-border-100)}.status-badge.info{background-color:var(--color-primary-600)}.status-badge.success{background-color:var(--color-success-600)}.status-badge.warning{background-color:var(--color-warning-600)}.status-badge.error{background-color:var(--color-error-600)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StatusBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-status-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"status-badge\" [class]=\"type\"></div>\n", styles: [":host{display:block;position:absolute}.status-badge{width:10px;height:10px;border-radius:50%;border:1px solid var(--color-component-border-100)}.status-badge.info{background-color:var(--color-primary-600)}.status-badge.success{background-color:var(--color-success-600)}.status-badge.warning{background-color:var(--color-warning-600)}.status-badge.error{background-color:var(--color-error-600)}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvc2hhcmVkL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3N0YXR1cy1iYWRnZS9zdGF0dXMtYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUTFFLE1BQU0sT0FBTyxvQkFBb0I7SUFOakM7UUFPYSxTQUFJLEdBQTZDLE1BQU0sQ0FBQztLQUNwRTsrR0FGWSxvQkFBb0I7bUdBQXBCLG9CQUFvQixrRkNSakMsdURBQ0E7OzRGRE9hLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDSSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItc3RhdHVzLWJhZGdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3RhdHVzLWJhZGdlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdGF0dXMtYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3RhdHVzQmFkZ2VDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHR5cGU6ICdpbmZvJyB8ICdzdWNjZXNzJyB8ICd3YXJuaW5nJyB8ICdlcnJvcicgPSAnaW5mbyc7XG59XG4iLCI8ZGl2IGNsYXNzPVwic3RhdHVzLWJhZGdlXCIgW2NsYXNzXT1cInR5cGVcIj48L2Rpdj5cbiJdfQ==

package/esm2022/core/shared/components/tabbed-custom-fields/tabbed-custom-fields.component.mjs

@@ -0,0 +1,70 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@clr/angular";
+import * as i2 from "@angular/common";
+import * as i3 from "../custom-field-control/custom-field-control.component";
+import * as i4 from "@ngx-translate/core";
+export class TabbedCustomFieldsComponent {
+    constructor() {
+        this.readonly = false;
+        this.compact = false;
+        this.showLabel = true;
+        this.defaultTabName = '__default_tab__';
+    }
+    ngOnInit() {
+        this.tabbedCustomFields = this.groupByTabs(this.customFields);
+    }
+    customFieldIsSet(name) {
+        return !!this.customFieldsFormGroup?.get(name);
+    }
+    componentShouldSpanGrid(customField) {
+        const smallComponents = [
+            'boolean-form-input',
+            'currency-form-input',
+            'date-form-input',
+            'number-form-input',
+            'password-form-input',
+            'select-form-input',
+            'text-form-input',
+            'relation-form-input',
+        ];
+        return (customField.type === 'text' ||
+            customField.type === 'localeText' ||
+            customField.type === 'relation' ||
+            (customField.ui?.component && !smallComponents.includes(customField.ui?.component)));
+    }
+    groupByTabs(customFieldConfigs) {
+        const tabMap = new Map();
+        for (const field of customFieldConfigs) {
+            const tabName = field.ui?.tab ?? this.defaultTabName;
+            if (tabMap.has(tabName)) {
+                tabMap.get(tabName)?.push(field);
+            }
+            else {
+                tabMap.set(tabName, [field]);
+            }
+        }
+        return Array.from(tabMap.entries())
+            .sort((a, b) => (a[0] === this.defaultTabName ? -1 : 1))
+            .map(([tabName, customFields]) => ({ tabName, customFields }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabbedCustomFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabbedCustomFieldsComponent, selector: "vdr-tabbed-custom-fields", inputs: { entityName: "entityName", customFields: "customFields", customFieldsFormGroup: "customFieldsFormGroup", readonly: "readonly", compact: "compact", showLabel: "showLabel" }, ngImport: i0, template: "<ng-container *ngIf=\"1 < tabbedCustomFields.length; else singleGroup\">\n    <clr-tabs>\n        <clr-tab *ngFor=\"let group of tabbedCustomFields\">\n            <button clrTabLink>\n                {{\n                    group.tabName === defaultTabName\n                        ? ('common.general' | translate)\n                        : (group.tabName | translate)\n                }}\n            </button>\n            <clr-tab-content *clrIfActive>\n                <div class=\"mt-2 form-grid\">\n                    <ng-container *ngFor=\"let customField of group.customFields\">\n                        <vdr-custom-field-control\n                            *ngIf=\"customFieldIsSet(customField.name)\"\n                            [entityName]=\"entityName\"\n                            [class.form-grid-span]=\"componentShouldSpanGrid(customField)\"\n                            [customFieldsFormGroup]=\"customFieldsFormGroup\"\n                            [customField]=\"customField\"\n                            [readonly]=\"readonly\"\n                            [compact]=\"compact\"\n                            [showLabel]=\"showLabel\"\n                        ></vdr-custom-field-control>\n                    </ng-container>\n                </div>\n            </clr-tab-content>\n        </clr-tab>\n    </clr-tabs>\n</ng-container>\n<ng-template #singleGroup>\n    <div class=\"form-grid\">\n        <ng-container *ngFor=\"let customField of tabbedCustomFields[0]?.customFields\">\n            <vdr-custom-field-control\n                *ngIf=\"customFieldIsSet(customField.name)\"\n                [entityName]=\"entityName\"\n                [class.form-grid-span]=\"componentShouldSpanGrid(customField)\"\n                [customFieldsFormGroup]=\"customFieldsFormGroup\"\n                [customField]=\"customField\"\n                [readonly]=\"readonly\"\n                [compact]=\"compact\"\n                [showLabel]=\"showLabel\"\n            ></vdr-custom-field-control>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1.ClrIfActive, selector: "[clrIfActive]", inputs: ["clrIfActive"], outputs: ["clrIfActiveChange"] }, { kind: "component", type: i1.ClrTabContent, selector: "clr-tab-content", inputs: ["id"] }, { kind: "component", type: i1.ClrTab, selector: "clr-tab" }, { kind: "component", type: i1.ClrTabs, selector: "clr-tabs", inputs: ["clrLayout"] }, { kind: "directive", type: i1.ClrTabLink, selector: "[clrTabLink]", inputs: ["id", "clrTabLinkInOverflow"] }, { kind: "directive", type: i1.ÇlrTabsWillyWonka, selector: "clr-tabs" }, { kind: "directive", type: i1.ÇlrActiveOompaLoompa, selector: "[clrTabLink], clr-tab-content" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CustomFieldControlComponent, selector: "vdr-custom-field-control", inputs: ["entityName", "customFieldsFormGroup", "customField", "compact", "showLabel", "readonly"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabbedCustomFieldsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-tabbed-custom-fields', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"1 < tabbedCustomFields.length; else singleGroup\">\n    <clr-tabs>\n        <clr-tab *ngFor=\"let group of tabbedCustomFields\">\n            <button clrTabLink>\n                {{\n                    group.tabName === defaultTabName\n                        ? ('common.general' | translate)\n                        : (group.tabName | translate)\n                }}\n            </button>\n            <clr-tab-content *clrIfActive>\n                <div class=\"mt-2 form-grid\">\n                    <ng-container *ngFor=\"let customField of group.customFields\">\n                        <vdr-custom-field-control\n                            *ngIf=\"customFieldIsSet(customField.name)\"\n                            [entityName]=\"entityName\"\n                            [class.form-grid-span]=\"componentShouldSpanGrid(customField)\"\n                            [customFieldsFormGroup]=\"customFieldsFormGroup\"\n                            [customField]=\"customField\"\n                            [readonly]=\"readonly\"\n                            [compact]=\"compact\"\n                            [showLabel]=\"showLabel\"\n                        ></vdr-custom-field-control>\n                    </ng-container>\n                </div>\n            </clr-tab-content>\n        </clr-tab>\n    </clr-tabs>\n</ng-container>\n<ng-template #singleGroup>\n    <div class=\"form-grid\">\n        <ng-container *ngFor=\"let customField of tabbedCustomFields[0]?.customFields\">\n            <vdr-custom-field-control\n                *ngIf=\"customFieldIsSet(customField.name)\"\n                [entityName]=\"entityName\"\n                [class.form-grid-span]=\"componentShouldSpanGrid(customField)\"\n                [customFieldsFormGroup]=\"customFieldsFormGroup\"\n                [customField]=\"customField\"\n                [readonly]=\"readonly\"\n                [compact]=\"compact\"\n                [showLabel]=\"showLabel\"\n            ></vdr-custom-field-control>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:contents}\n"] }]
+        }], propDecorators: { entityName: [{
+                type: Input
+            }], customFields: [{
+                type: Input
+            }], customFieldsFormGroup: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], showLabel: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiYmVkLWN1c3RvbS1maWVsZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy90YWJiZWQtY3VzdG9tLWZpZWxkcy90YWJiZWQtY3VzdG9tLWZpZWxkcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3RhYmJlZC1jdXN0b20tZmllbGRzL3RhYmJlZC1jdXN0b20tZmllbGRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFlbEYsTUFBTSxPQUFPLDJCQUEyQjtJQU54QztRQVVhLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLG1CQUFjLEdBQUcsaUJBQWlCLENBQUM7S0E0Qy9DO0lBekNHLFFBQVE7UUFDSixJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVELGdCQUFnQixDQUFDLElBQVk7UUFDekIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLHFCQUFxQixFQUFFLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQsdUJBQXVCLENBQUMsV0FBOEI7UUFDbEQsTUFBTSxlQUFlLEdBQTZCO1lBQzlDLG9CQUFvQjtZQUNwQixxQkFBcUI7WUFDckIsaUJBQWlCO1lBQ2pCLG1CQUFtQjtZQUNuQixxQkFBcUI7WUFDckIsbUJBQW1CO1lBQ25CLGlCQUFpQjtZQUNqQixxQkFBcUI7U0FDeEIsQ0FBQztRQUNGLE9BQU8sQ0FDSCxXQUFXLENBQUMsSUFBSSxLQUFLLE1BQU07WUFDM0IsV0FBVyxDQUFDLElBQUksS0FBSyxZQUFZO1lBQ2pDLFdBQVcsQ0FBQyxJQUFJLEtBQUssVUFBVTtZQUMvQixDQUFDLFdBQVcsQ0FBQyxFQUFFLEVBQUUsU0FBUyxJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsRUFBRSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQ3RGLENBQUM7SUFDTixDQUFDO0lBRU8sV0FBVyxDQUFDLGtCQUF1QztRQUN2RCxNQUFNLE1BQU0sR0FBRyxJQUFJLEdBQUcsRUFBK0IsQ0FBQztRQUN0RCxLQUFLLE1BQU0sS0FBSyxJQUFJLGtCQUFrQixFQUFFLENBQUM7WUFDckMsTUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLEVBQUUsRUFBRSxHQUFHLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQztZQUNyRCxJQUFJLE1BQU0sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztnQkFDdEIsTUFBTSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDckMsQ0FBQztpQkFBTSxDQUFDO2dCQUNKLE1BQU0sQ0FBQyxHQUFHLENBQUMsT0FBTyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUNqQyxDQUFDO1FBQ0wsQ0FBQztRQUNELE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUM7YUFDOUIsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ3ZELEdBQUcsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLFlBQVksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxDQUFDLENBQUMsQ0FBQztJQUN2RSxDQUFDOytHQWxEUSwyQkFBMkI7bUdBQTNCLDJCQUEyQixzUENmeEMsMmhFQTZDQTs7NEZEOUJhLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDSSwwQkFBMEIsbUJBR25CLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IERlZmF1bHRGb3JtQ29tcG9uZW50SWQgfSBmcm9tICdAZGVlbnJ1di9jb21tb24vbGliL3NoYXJlZC10eXBlcyc7XG5cbmltcG9ydCB7IEN1c3RvbUZpZWxkQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2dlbmVyYXRlZC10eXBlcyc7XG5pbXBvcnQgeyBDdXN0b21GaWVsZEVudGl0eU5hbWUgfSBmcm9tICcuLi8uLi8uLi9wcm92aWRlcnMvY3VzdG9tLWZpZWxkLWNvbXBvbmVudC9jdXN0b20tZmllbGQtY29tcG9uZW50LnNlcnZpY2UnO1xuXG5leHBvcnQgdHlwZSBHcm91cGVkQ3VzdG9tRmllbGRzID0gQXJyYXk8eyB0YWJOYW1lOiBzdHJpbmc7IGN1c3RvbUZpZWxkczogQ3VzdG9tRmllbGRDb25maWdbXSB9PjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItdGFiYmVkLWN1c3RvbS1maWVsZHMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWJiZWQtY3VzdG9tLWZpZWxkcy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFiYmVkLWN1c3RvbS1maWVsZHMuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgVGFiYmVkQ3VzdG9tRmllbGRzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBlbnRpdHlOYW1lOiBDdXN0b21GaWVsZEVudGl0eU5hbWU7XG4gICAgQElucHV0KCkgY3VzdG9tRmllbGRzOiBDdXN0b21GaWVsZENvbmZpZ1tdO1xuICAgIEBJbnB1dCgpIGN1c3RvbUZpZWxkc0Zvcm1Hcm91cDogQWJzdHJhY3RDb250cm9sO1xuICAgIEBJbnB1dCgpIHJlYWRvbmx5ID0gZmFsc2U7XG4gICAgQElucHV0KCkgY29tcGFjdCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNob3dMYWJlbCA9IHRydWU7XG4gICAgcmVhZG9ubHkgZGVmYXVsdFRhYk5hbWUgPSAnX19kZWZhdWx0X3RhYl9fJztcbiAgICB0YWJiZWRDdXN0b21GaWVsZHM6IEdyb3VwZWRDdXN0b21GaWVsZHM7XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy50YWJiZWRDdXN0b21GaWVsZHMgPSB0aGlzLmdyb3VwQnlUYWJzKHRoaXMuY3VzdG9tRmllbGRzKTtcbiAgICB9XG5cbiAgICBjdXN0b21GaWVsZElzU2V0KG5hbWU6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gISF0aGlzLmN1c3RvbUZpZWxkc0Zvcm1Hcm91cD8uZ2V0KG5hbWUpO1xuICAgIH1cblxuICAgIGNvbXBvbmVudFNob3VsZFNwYW5HcmlkKGN1c3RvbUZpZWxkOiBDdXN0b21GaWVsZENvbmZpZyk6IGJvb2xlYW4ge1xuICAgICAgICBjb25zdCBzbWFsbENvbXBvbmVudHM6IERlZmF1bHRGb3JtQ29tcG9uZW50SWRbXSA9IFtcbiAgICAgICAgICAgICdib29sZWFuLWZvcm0taW5wdXQnLFxuICAgICAgICAgICAgJ2N1cnJlbmN5LWZvcm0taW5wdXQnLFxuICAgICAgICAgICAgJ2RhdGUtZm9ybS1pbnB1dCcsXG4gICAgICAgICAgICAnbnVtYmVyLWZvcm0taW5wdXQnLFxuICAgICAgICAgICAgJ3Bhc3N3b3JkLWZvcm0taW5wdXQnLFxuICAgICAgICAgICAgJ3NlbGVjdC1mb3JtLWlucHV0JyxcbiAgICAgICAgICAgICd0ZXh0LWZvcm0taW5wdXQnLFxuICAgICAgICAgICAgJ3JlbGF0aW9uLWZvcm0taW5wdXQnLFxuICAgICAgICBdO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgY3VzdG9tRmllbGQudHlwZSA9PT0gJ3RleHQnIHx8XG4gICAgICAgICAgICBjdXN0b21GaWVsZC50eXBlID09PSAnbG9jYWxlVGV4dCcgfHxcbiAgICAgICAgICAgIGN1c3RvbUZpZWxkLnR5cGUgPT09ICdyZWxhdGlvbicgfHxcbiAgICAgICAgICAgIChjdXN0b21GaWVsZC51aT8uY29tcG9uZW50ICYmICFzbWFsbENvbXBvbmVudHMuaW5jbHVkZXMoY3VzdG9tRmllbGQudWk/LmNvbXBvbmVudCkpXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBncm91cEJ5VGFicyhjdXN0b21GaWVsZENvbmZpZ3M6IEN1c3RvbUZpZWxkQ29uZmlnW10pOiBHcm91cGVkQ3VzdG9tRmllbGRzIHtcbiAgICAgICAgY29uc3QgdGFiTWFwID0gbmV3IE1hcDxzdHJpbmcsIEN1c3RvbUZpZWxkQ29uZmlnW10+KCk7XG4gICAgICAgIGZvciAoY29uc3QgZmllbGQgb2YgY3VzdG9tRmllbGRDb25maWdzKSB7XG4gICAgICAgICAgICBjb25zdCB0YWJOYW1lID0gZmllbGQudWk/LnRhYiA/PyB0aGlzLmRlZmF1bHRUYWJOYW1lO1xuICAgICAgICAgICAgaWYgKHRhYk1hcC5oYXModGFiTmFtZSkpIHtcbiAgICAgICAgICAgICAgICB0YWJNYXAuZ2V0KHRhYk5hbWUpPy5wdXNoKGZpZWxkKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgdGFiTWFwLnNldCh0YWJOYW1lLCBbZmllbGRdKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbSh0YWJNYXAuZW50cmllcygpKVxuICAgICAgICAgICAgLnNvcnQoKGEsIGIpID0+IChhWzBdID09PSB0aGlzLmRlZmF1bHRUYWJOYW1lID8gLTEgOiAxKSlcbiAgICAgICAgICAgIC5tYXAoKFt0YWJOYW1lLCBjdXN0b21GaWVsZHNdKSA9PiAoeyB0YWJOYW1lLCBjdXN0b21GaWVsZHMgfSkpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCIxIDwgdGFiYmVkQ3VzdG9tRmllbGRzLmxlbmd0aDsgZWxzZSBzaW5nbGVHcm91cFwiPlxuICAgIDxjbHItdGFicz5cbiAgICAgICAgPGNsci10YWIgKm5nRm9yPVwibGV0IGdyb3VwIG9mIHRhYmJlZEN1c3RvbUZpZWxkc1wiPlxuICAgICAgICAgICAgPGJ1dHRvbiBjbHJUYWJMaW5rPlxuICAgICAgICAgICAgICAgIHt7XG4gICAgICAgICAgICAgICAgICAgIGdyb3VwLnRhYk5hbWUgPT09IGRlZmF1bHRUYWJOYW1lXG4gICAgICAgICAgICAgICAgICAgICAgICA/ICgnY29tbW9uLmdlbmVyYWwnIHwgdHJhbnNsYXRlKVxuICAgICAgICAgICAgICAgICAgICAgICAgOiAoZ3JvdXAudGFiTmFtZSB8IHRyYW5zbGF0ZSlcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8Y2xyLXRhYi1jb250ZW50ICpjbHJJZkFjdGl2ZT5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXQtMiBmb3JtLWdyaWRcIj5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY3VzdG9tRmllbGQgb2YgZ3JvdXAuY3VzdG9tRmllbGRzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dmRyLWN1c3RvbS1maWVsZC1jb250cm9sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJjdXN0b21GaWVsZElzU2V0KGN1c3RvbUZpZWxkLm5hbWUpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZW50aXR5TmFtZV09XCJlbnRpdHlOYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZm9ybS1ncmlkLXNwYW5dPVwiY29tcG9uZW50U2hvdWxkU3BhbkdyaWQoY3VzdG9tRmllbGQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY3VzdG9tRmllbGRzRm9ybUdyb3VwXT1cImN1c3RvbUZpZWxkc0Zvcm1Hcm91cFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2N1c3RvbUZpZWxkXT1cImN1c3RvbUZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjb21wYWN0XT1cImNvbXBhY3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFiZWxdPVwic2hvd0xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L3Zkci1jdXN0b20tZmllbGQtY29udHJvbD5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Nsci10YWItY29udGVudD5cbiAgICAgICAgPC9jbHItdGFiPlxuICAgIDwvY2xyLXRhYnM+XG48L25nLWNvbnRhaW5lcj5cbjxuZy10ZW1wbGF0ZSAjc2luZ2xlR3JvdXA+XG4gICAgPGRpdiBjbGFzcz1cImZvcm0tZ3JpZFwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBjdXN0b21GaWVsZCBvZiB0YWJiZWRDdXN0b21GaWVsZHNbMF0/LmN1c3RvbUZpZWxkc1wiPlxuICAgICAgICAgICAgPHZkci1jdXN0b20tZmllbGQtY29udHJvbFxuICAgICAgICAgICAgICAgICpuZ0lmPVwiY3VzdG9tRmllbGRJc1NldChjdXN0b21GaWVsZC5uYW1lKVwiXG4gICAgICAgICAgICAgICAgW2VudGl0eU5hbWVdPVwiZW50aXR5TmFtZVwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmZvcm0tZ3JpZC1zcGFuXT1cImNvbXBvbmVudFNob3VsZFNwYW5HcmlkKGN1c3RvbUZpZWxkKVwiXG4gICAgICAgICAgICAgICAgW2N1c3RvbUZpZWxkc0Zvcm1Hcm91cF09XCJjdXN0b21GaWVsZHNGb3JtR3JvdXBcIlxuICAgICAgICAgICAgICAgIFtjdXN0b21GaWVsZF09XCJjdXN0b21GaWVsZFwiXG4gICAgICAgICAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICAgICAgICAgICAgICBbY29tcGFjdF09XCJjb21wYWN0XCJcbiAgICAgICAgICAgICAgICBbc2hvd0xhYmVsXT1cInNob3dMYWJlbFwiXG4gICAgICAgICAgICA+PC92ZHItY3VzdG9tLWZpZWxkLWNvbnRyb2w+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/core/shared/components/table-row-action/table-row-action.component.mjs

@@ -0,0 +1,28 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@clr/angular";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/router";
+/**
+ * A button link to be used as actions in rows of a table.
+ */
+export class TableRowActionComponent {
+    constructor() {
+        this.disabled = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableRowActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TableRowActionComponent, selector: "vdr-table-row-action", inputs: { linkTo: "linkTo", label: "label", iconShape: "iconShape", disabled: "disabled" }, ngImport: i0, template: "<ng-container *ngIf=\"!disabled; else: disabledLink\">\n    <a class=\"btn btn-link btn-sm\" [routerLink]=\"linkTo\">\n        <clr-icon [attr.shape]=\"iconShape\"></clr-icon>\n        {{ label }}\n    </a>\n</ng-container>\n<ng-template #disabledLink>\n    <button class=\"btn btn-link btn-sm\" disabled>\n        <clr-icon [attr.shape]=\"iconShape\"></clr-icon>\n        {{ label }}\n    </button>\n</ng-template>\n", styles: ["a.btn{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableRowActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-table-row-action', template: "<ng-container *ngIf=\"!disabled; else: disabledLink\">\n    <a class=\"btn btn-link btn-sm\" [routerLink]=\"linkTo\">\n        <clr-icon [attr.shape]=\"iconShape\"></clr-icon>\n        {{ label }}\n    </a>\n</ng-container>\n<ng-template #disabledLink>\n    <button class=\"btn btn-link btn-sm\" disabled>\n        <clr-icon [attr.shape]=\"iconShape\"></clr-icon>\n        {{ label }}\n    </button>\n</ng-template>\n", styles: ["a.btn{margin:0}\n"] }]
+        }], propDecorators: { linkTo: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], iconShape: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtcm93LWFjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3RhYmxlLXJvdy1hY3Rpb24vdGFibGUtcm93LWFjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3RhYmxlLXJvdy1hY3Rpb24vdGFibGUtcm93LWFjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFFekQ7O0dBRUc7QUFNSCxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBU2EsYUFBUSxHQUFHLEtBQUssQ0FBQztLQUM3QjsrR0FMWSx1QkFBdUI7bUdBQXZCLHVCQUF1Qix3SkNWcEMsbWFBWUE7OzRGREZhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDSSxzQkFBc0I7OEJBS3ZCLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQSBidXR0b24gbGluayB0byBiZSB1c2VkIGFzIGFjdGlvbnMgaW4gcm93cyBvZiBhIHRhYmxlLlxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci10YWJsZS1yb3ctYWN0aW9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFibGUtcm93LWFjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFibGUtcm93LWFjdGlvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZVJvd0FjdGlvbkNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgbGlua1RvOiBhbnlbXTtcbiAgICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25TaGFwZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWRpc2FibGVkOyBlbHNlOiBkaXNhYmxlZExpbmtcIj5cbiAgICA8YSBjbGFzcz1cImJ0biBidG4tbGluayBidG4tc21cIiBbcm91dGVyTGlua109XCJsaW5rVG9cIj5cbiAgICAgICAgPGNsci1pY29uIFthdHRyLnNoYXBlXT1cImljb25TaGFwZVwiPjwvY2xyLWljb24+XG4gICAgICAgIHt7IGxhYmVsIH19XG4gICAgPC9hPlxuPC9uZy1jb250YWluZXI+XG48bmctdGVtcGxhdGUgI2Rpc2FibGVkTGluaz5cbiAgICA8YnV0dG9uIGNsYXNzPVwiYnRuIGJ0bi1saW5rIGJ0bi1zbVwiIGRpc2FibGVkPlxuICAgICAgICA8Y2xyLWljb24gW2F0dHIuc2hhcGVdPVwiaWNvblNoYXBlXCI+PC9jbHItaWNvbj5cbiAgICAgICAge3sgbGFiZWwgfX1cbiAgICA8L2J1dHRvbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/core/shared/components/tag-selector/tag-selector.component.mjs

@@ -0,0 +1,60 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../data/providers/data.service";
+import * as i2 from "@clr/angular";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@ng-select/ng-select";
+import * as i6 from "../chip/chip.component";
+export class TagSelectorComponent {
+    constructor(dataService) {
+        this.dataService = dataService;
+    }
+    ngOnInit() {
+        this.allTags$ = this.dataService.product
+            .getTagList()
+            .mapStream(data => data.tags.items.map(i => i.value));
+    }
+    addTagFn(val) {
+        return val;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    writeValue(obj) {
+        if (Array.isArray(obj)) {
+            this._value = obj;
+        }
+    }
+    valueChanged(event) {
+        this.onChange(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TagSelectorComponent, deps: [{ token: i1.DataService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TagSelectorComponent, selector: "vdr-tag-selector", inputs: { placeholder: "placeholder" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: TagSelectorComponent,
+                multi: true,
+            },
+        ], ngImport: i0, template: "<ng-select\n    [addTag]=\"addTagFn\"\n    [multiple]=\"true\"\n    [ngModel]=\"_value\"\n    [clearable]=\"true\"\n    [searchable]=\"true\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    (change)=\"valueChanged($event)\"\n>\n    <ng-template ng-label-tmp let-tag=\"item\" let-clear=\"clear\">\n        <vdr-chip [colorFrom]=\"tag\" icon=\"close\" (iconClick)=\"clear(tag)\"><clr-icon shape=\"tag\" class=\"mr2\"></clr-icon> {{ tag }}</vdr-chip>\n    </ng-template>\n    <ng-option *ngFor=\"let tag of allTags$ | async\" [value]=\"tag\">\n        <vdr-chip [colorFrom]=\"tag\"><clr-icon shape=\"tag\" class=\"mr2\"></clr-icon> {{ tag }}</vdr-chip>\n    </ng-option>\n</ng-select>\n", styles: [":host{display:block;margin-top:12px;position:relative}\n"], dependencies: [{ kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i5.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "component", type: i6.ChipComponent, selector: "vdr-chip", inputs: ["icon", "invert", "colorFrom", "colorType"], outputs: ["iconClick"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TagSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-tag-selector', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: TagSelectorComponent,
+                            multi: true,
+                        },
+                    ], template: "<ng-select\n    [addTag]=\"addTagFn\"\n    [multiple]=\"true\"\n    [ngModel]=\"_value\"\n    [clearable]=\"true\"\n    [searchable]=\"true\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    (change)=\"valueChanged($event)\"\n>\n    <ng-template ng-label-tmp let-tag=\"item\" let-clear=\"clear\">\n        <vdr-chip [colorFrom]=\"tag\" icon=\"close\" (iconClick)=\"clear(tag)\"><clr-icon shape=\"tag\" class=\"mr2\"></clr-icon> {{ tag }}</vdr-chip>\n    </ng-template>\n    <ng-option *ngFor=\"let tag of allTags$ | async\" [value]=\"tag\">\n        <vdr-chip [colorFrom]=\"tag\"><clr-icon shape=\"tag\" class=\"mr2\"></clr-icon> {{ tag }}</vdr-chip>\n    </ng-option>\n</ng-select>\n", styles: [":host{display:block;margin-top:12px;position:relative}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DataService }], propDecorators: { placeholder: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvc2hhcmVkL2NvbXBvbmVudHMvdGFnLXNlbGVjdG9yL3RhZy1zZWxlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3RhZy1zZWxlY3Rvci90YWctc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7OztBQWtCekUsTUFBTSxPQUFPLG9CQUFvQjtJQVE3QixZQUFvQixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtJQUFHLENBQUM7SUFFaEQsUUFBUTtRQUNKLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPO2FBQ25DLFVBQVUsRUFBRTthQUNaLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFRCxRQUFRLENBQUMsR0FBVztRQUNoQixPQUFPLEdBQUcsQ0FBQztJQUNmLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUMvQixDQUFDO0lBRUQsVUFBVSxDQUFDLEdBQVk7UUFDbkIsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQUM7UUFDdEIsQ0FBQztJQUNMLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBZTtRQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7K0dBeENRLG9CQUFvQjttR0FBcEIsb0JBQW9CLG1GQVJsQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxvQkFBb0I7Z0JBQ2pDLEtBQUssRUFBRSxJQUFJO2FBQ2Q7U0FDSiwwQkNqQkwsa3NCQWlCQTs7NEZERWEsb0JBQW9CO2tCQWJoQyxTQUFTOytCQUNJLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsc0JBQXNCOzRCQUNqQyxLQUFLLEVBQUUsSUFBSTt5QkFDZDtxQkFDSjtnRkFHUSxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBEYXRhU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2RhdGEvcHJvdmlkZXJzL2RhdGEuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmRyLXRhZy1zZWxlY3RvcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RhZy1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFnLXNlbGVjdG9yLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IFRhZ1NlbGVjdG9yQ29tcG9uZW50LFxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVGFnU2VsZWN0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICAgIGFsbFRhZ3MkOiBPYnNlcnZhYmxlPHN0cmluZ1tdPjtcbiAgICBvbkNoYW5nZTogKHZhbDogYW55KSA9PiB2b2lkO1xuICAgIG9uVG91Y2g6ICgpID0+IHZvaWQ7XG4gICAgX3ZhbHVlOiBzdHJpbmdbXTtcbiAgICBkaXNhYmxlZDogYm9vbGVhbjtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZGF0YVNlcnZpY2U6IERhdGFTZXJ2aWNlKSB7fVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYWxsVGFncyQgPSB0aGlzLmRhdGFTZXJ2aWNlLnByb2R1Y3RcbiAgICAgICAgICAgIC5nZXRUYWdMaXN0KClcbiAgICAgICAgICAgIC5tYXBTdHJlYW0oZGF0YSA9PiBkYXRhLnRhZ3MuaXRlbXMubWFwKGkgPT4gaS52YWx1ZSkpO1xuICAgIH1cblxuICAgIGFkZFRhZ0ZuKHZhbDogc3RyaW5nKSB7XG4gICAgICAgIHJldHVybiB2YWw7XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25Ub3VjaCA9IGZuO1xuICAgIH1cblxuICAgIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgICAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgICB9XG5cbiAgICB3cml0ZVZhbHVlKG9iajogdW5rbm93bik6IHZvaWQge1xuICAgICAgICBpZiAoQXJyYXkuaXNBcnJheShvYmopKSB7XG4gICAgICAgICAgICB0aGlzLl92YWx1ZSA9IG9iajtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHZhbHVlQ2hhbmdlZChldmVudDogc3RyaW5nW10pIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZShldmVudCk7XG4gICAgfVxufVxuIiwiPG5nLXNlbGVjdFxuICAgIFthZGRUYWddPVwiYWRkVGFnRm5cIlxuICAgIFttdWx0aXBsZV09XCJ0cnVlXCJcbiAgICBbbmdNb2RlbF09XCJfdmFsdWVcIlxuICAgIFtjbGVhcmFibGVdPVwidHJ1ZVwiXG4gICAgW3NlYXJjaGFibGVdPVwidHJ1ZVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIChjaGFuZ2UpPVwidmFsdWVDaGFuZ2VkKCRldmVudClcIlxuPlxuICAgIDxuZy10ZW1wbGF0ZSBuZy1sYWJlbC10bXAgbGV0LXRhZz1cIml0ZW1cIiBsZXQtY2xlYXI9XCJjbGVhclwiPlxuICAgICAgICA8dmRyLWNoaXAgW2NvbG9yRnJvbV09XCJ0YWdcIiBpY29uPVwiY2xvc2VcIiAoaWNvbkNsaWNrKT1cImNsZWFyKHRhZylcIj48Y2xyLWljb24gc2hhcGU9XCJ0YWdcIiBjbGFzcz1cIm1yMlwiPjwvY2xyLWljb24+IHt7IHRhZyB9fTwvdmRyLWNoaXA+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctb3B0aW9uICpuZ0Zvcj1cImxldCB0YWcgb2YgYWxsVGFncyQgfCBhc3luY1wiIFt2YWx1ZV09XCJ0YWdcIj5cbiAgICAgICAgPHZkci1jaGlwIFtjb2xvckZyb21dPVwidGFnXCI+PGNsci1pY29uIHNoYXBlPVwidGFnXCIgY2xhc3M9XCJtcjJcIj48L2Nsci1pY29uPiB7eyB0YWcgfX08L3Zkci1jaGlwPlxuICAgIDwvbmctb3B0aW9uPlxuPC9uZy1zZWxlY3Q+XG4iXX0=

package/esm2022/core/shared/components/timeline-entry/timeline-entry.component.mjs

@@ -0,0 +1,54 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
+import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
+import * as i0 from "@angular/core";
+import * as i1 from "@clr/angular";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
+import * as i4 from "../../pipes/locale-date.pipe";
+export class TimelineEntryComponent {
+    constructor() {
+        this.collapsed = false;
+        this.expandClick = new EventEmitter();
+    }
+    get timelineTitle() {
+        return this.collapsed ? _('common.expand-entries') : _('common.collapse-entries');
+    }
+    getIconShape() {
+        if (this.iconShape) {
+            return typeof this.iconShape === 'string' ? this.iconShape : this.iconShape[0];
+        }
+    }
+    getIconClass() {
+        if (this.iconShape) {
+            return typeof this.iconShape === 'string' ? '' : this.iconShape[1];
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimelineEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TimelineEntryComponent, selector: "vdr-timeline-entry", inputs: { displayType: "displayType", createdAt: "createdAt", name: "name", featured: "featured", iconShape: "iconShape", isFirst: "isFirst", isLast: "isLast", collapsed: "collapsed" }, outputs: { expandClick: "expandClick" }, host: { properties: { "class.collapsed": "this.collapsed" } }, ngImport: i0, template: "<div\n    [ngClass]=\"displayType\"\n    [class.has-custom-icon]=\"!!iconShape\"\n    class=\"entry\"\n    [class.last]=\"isLast === true\"\n    [class.first]=\"isFirst === true\"\n    [class.collapsed]=\"collapsed\"\n>\n    <div class=\"timeline\" (click)=\"expandClick.emit()\" [title]=\"timelineTitle | translate\">\n        <div class=\"custom-icon\">\n            <clr-icon\n                *ngIf=\"iconShape && !collapsed\"\n                [attr.shape]=\"getIconShape()\"\n                [ngClass]=\"getIconClass()\"\n                size=\"24\"\n            ></clr-icon>\n        </div>\n    </div>\n    <div class=\"entry-body\">\n        <div class=\"detail\">\n            <div class=\"time\">\n                {{ createdAt | localeDate: 'short' }}\n            </div>\n            <div class=\"name\">\n                {{ name || '' }}\n            </div>\n        </div>\n        <div [class.featured-entry]=\"featured\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [":host{display:block}.first .timeline:before{border-left-color:var(--color-weight-200)}.first .entry-body{max-height:initial}@media screen and (min-width: 768px){.first .entry-body{flex-direction:column}}.first .featured-entry{width:100%}.entry{display:flex}.entry:not(.collapsed):hover{background-color:var(--color-table-row-hover-bg)}.timeline{border-inline-start:2px solid var(--color-weight-200);padding-bottom:8px;position:relative}.timeline:before{content:\"\";position:absolute;width:2px;height:32px;left:-2px;border-inline-start:2px solid var(--color-weight-200)}.timeline:after{content:\"\";display:block;border-radius:50%;width:8px;height:8px;background-color:var(--color-weight-100);border:1px solid var(--color-weight-300);position:absolute;left:-5px;top:42%;transition:top .2s;cursor:pointer;outline:2px solid var(--color-card-bg)}.timeline .custom-icon{position:absolute;width:32px;height:32px;left:-17px;top:30%;align-items:center;justify-content:center;border-radius:50%;color:var(--color-primary-700);background-color:var(--color-weight-100);border:1px solid var(--color-weight-200);outline:7px solid var(--color-card-bg);padding:6px;display:none}.entry.has-custom-icon .timeline:after{display:none}.entry.has-custom-icon .custom-icon{display:flex}.entry.last .timeline{border-left-color:transparent}.entry-body{font-size:var(--font-size-xs);flex:1;padding:16px 0;padding-inline-start:12px;line-height:16px;margin-inline-start:12px;color:var(--color-text-200);overflow:visible;max-height:100px;transition:max-height .2s,padding-top .2s,opacity .2s .2s}@media screen and (min-width: 768px){.entry-body{display:flex;gap:var(--space-unit);flex-direction:row-reverse;justify-content:space-between;align-items:center;padding-inline-end:var(--space-unit)}}.featured-entry ::ng-deep .title{color:var(--color-text-100);font-size:var(--font-size-sm);line-height:26px;display:flex;align-items:center;gap:var(--space-unit)}.featured-entry ::ng-deep .note-text{color:var(--color-text-100);white-space:pre-wrap}.detail{display:flex;gap:12px;color:var(--color-text-300);font-size:var(--font-size-xs)}@media screen and (min-width: 768px){.detail{flex-direction:row-reverse}}.muted .timeline,.muted .timeline .custom-icon{color:var(--color-text-300)}.success .timeline,.success .timeline .custom-icon{color:var(--color-success-700)}.success .timeline:after{background-color:var(--color-success-200);border:1px solid var(--color-success-400)}.error .timeline,.error .timeline .custom-icon{color:var(--color-error-700)}.error .timeline:after{background-color:var(--color-error-200);border:1px solid var(--color-error-400)}.warning .timeline,.warning .timeline .custom-icon{color:var(--color-warning-700)}.warning .timeline:after{background-color:var(--color-warning-200);border:1px solid var(--color-warning-600)}.collapsed .entry-body{max-height:0;overflow:hidden;opacity:0;padding:0}.collapsed .timeline{border-left-color:transparent}.collapsed .timeline:after{top:0}\n"], dependencies: [{ kind: "directive", type: i1.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.LocaleDatePipe, name: "localeDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimelineEntryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-timeline-entry', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [ngClass]=\"displayType\"\n    [class.has-custom-icon]=\"!!iconShape\"\n    class=\"entry\"\n    [class.last]=\"isLast === true\"\n    [class.first]=\"isFirst === true\"\n    [class.collapsed]=\"collapsed\"\n>\n    <div class=\"timeline\" (click)=\"expandClick.emit()\" [title]=\"timelineTitle | translate\">\n        <div class=\"custom-icon\">\n            <clr-icon\n                *ngIf=\"iconShape && !collapsed\"\n                [attr.shape]=\"getIconShape()\"\n                [ngClass]=\"getIconClass()\"\n                size=\"24\"\n            ></clr-icon>\n        </div>\n    </div>\n    <div class=\"entry-body\">\n        <div class=\"detail\">\n            <div class=\"time\">\n                {{ createdAt | localeDate: 'short' }}\n            </div>\n            <div class=\"name\">\n                {{ name || '' }}\n            </div>\n        </div>\n        <div [class.featured-entry]=\"featured\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [":host{display:block}.first .timeline:before{border-left-color:var(--color-weight-200)}.first .entry-body{max-height:initial}@media screen and (min-width: 768px){.first .entry-body{flex-direction:column}}.first .featured-entry{width:100%}.entry{display:flex}.entry:not(.collapsed):hover{background-color:var(--color-table-row-hover-bg)}.timeline{border-inline-start:2px solid var(--color-weight-200);padding-bottom:8px;position:relative}.timeline:before{content:\"\";position:absolute;width:2px;height:32px;left:-2px;border-inline-start:2px solid var(--color-weight-200)}.timeline:after{content:\"\";display:block;border-radius:50%;width:8px;height:8px;background-color:var(--color-weight-100);border:1px solid var(--color-weight-300);position:absolute;left:-5px;top:42%;transition:top .2s;cursor:pointer;outline:2px solid var(--color-card-bg)}.timeline .custom-icon{position:absolute;width:32px;height:32px;left:-17px;top:30%;align-items:center;justify-content:center;border-radius:50%;color:var(--color-primary-700);background-color:var(--color-weight-100);border:1px solid var(--color-weight-200);outline:7px solid var(--color-card-bg);padding:6px;display:none}.entry.has-custom-icon .timeline:after{display:none}.entry.has-custom-icon .custom-icon{display:flex}.entry.last .timeline{border-left-color:transparent}.entry-body{font-size:var(--font-size-xs);flex:1;padding:16px 0;padding-inline-start:12px;line-height:16px;margin-inline-start:12px;color:var(--color-text-200);overflow:visible;max-height:100px;transition:max-height .2s,padding-top .2s,opacity .2s .2s}@media screen and (min-width: 768px){.entry-body{display:flex;gap:var(--space-unit);flex-direction:row-reverse;justify-content:space-between;align-items:center;padding-inline-end:var(--space-unit)}}.featured-entry ::ng-deep .title{color:var(--color-text-100);font-size:var(--font-size-sm);line-height:26px;display:flex;align-items:center;gap:var(--space-unit)}.featured-entry ::ng-deep .note-text{color:var(--color-text-100);white-space:pre-wrap}.detail{display:flex;gap:12px;color:var(--color-text-300);font-size:var(--font-size-xs)}@media screen and (min-width: 768px){.detail{flex-direction:row-reverse}}.muted .timeline,.muted .timeline .custom-icon{color:var(--color-text-300)}.success .timeline,.success .timeline .custom-icon{color:var(--color-success-700)}.success .timeline:after{background-color:var(--color-success-200);border:1px solid var(--color-success-400)}.error .timeline,.error .timeline .custom-icon{color:var(--color-error-700)}.error .timeline:after{background-color:var(--color-error-200);border:1px solid var(--color-error-400)}.warning .timeline,.warning .timeline .custom-icon{color:var(--color-warning-700)}.warning .timeline:after{background-color:var(--color-warning-200);border:1px solid var(--color-warning-600)}.collapsed .entry-body{max-height:0;overflow:hidden;opacity:0;padding:0}.collapsed .timeline{border-left-color:transparent}.collapsed .timeline:after{top:0}\n"] }]
+        }], propDecorators: { displayType: [{
+                type: Input
+            }], createdAt: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], featured: [{
+                type: Input
+            }], iconShape: [{
+                type: Input
+            }], isFirst: [{
+                type: Input
+            }], isLast: [{
+                type: Input
+            }], collapsed: [{
+                type: HostBinding,
+                args: ['class.collapsed']
+            }, {
+                type: Input
+            }], expandClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtZW50cnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy90aW1lbGluZS1lbnRyeS90aW1lbGluZS1lbnRyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3RpbWVsaW5lLWVudHJ5L3RpbWVsaW5lLWVudHJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUVMLE1BQU0sR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsTUFBTSxJQUFJLENBQUMsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOzs7Ozs7QUFVdEUsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQWdCSSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ1IsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBaUI5QztJQWZHLElBQUksYUFBYTtRQUNiLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO0lBQ3RGLENBQUM7SUFFRCxZQUFZO1FBQ1IsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDakIsT0FBTyxPQUFPLElBQUksQ0FBQyxTQUFTLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ25GLENBQUM7SUFDTCxDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ2pCLE9BQU8sT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3ZFLENBQUM7SUFDTCxDQUFDOytHQTNCUSxzQkFBc0I7bUdBQXRCLHNCQUFzQiw0VkNuQm5DLHMvQkFnQ0E7OzRGRGJhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDSSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFHTixTQUFTO3NCQUZSLFdBQVc7dUJBQUMsaUJBQWlCOztzQkFDN0IsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIElucHV0LFxuICAgIE9uSW5pdCxcbiAgICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgbWFya2VyIGFzIF8gfSBmcm9tICdAYmllc2JqZXJnL25neC10cmFuc2xhdGUtZXh0cmFjdC1tYXJrZXInO1xuXG5leHBvcnQgdHlwZSBUaW1lbGluZURpc3BsYXlUeXBlID0gJ3N1Y2Nlc3MnIHwgJ2Vycm9yJyB8ICd3YXJuaW5nJyB8ICdkZWZhdWx0JyB8ICdtdXRlZCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmRyLXRpbWVsaW5lLWVudHJ5JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGltZWxpbmUtZW50cnkuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RpbWVsaW5lLWVudHJ5LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lRW50cnlDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGRpc3BsYXlUeXBlOiBUaW1lbGluZURpc3BsYXlUeXBlO1xuICAgIEBJbnB1dCgpIGNyZWF0ZWRBdDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcbiAgICBASW5wdXQoKSBmZWF0dXJlZDogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBpY29uU2hhcGU/OiBzdHJpbmcgfCBbc3RyaW5nLCBzdHJpbmddO1xuICAgIEBJbnB1dCgpIGlzRmlyc3Q/OiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGlzTGFzdD86IGJvb2xlYW47XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jb2xsYXBzZWQnKVxuICAgIEBJbnB1dCgpXG4gICAgY29sbGFwc2VkID0gZmFsc2U7XG4gICAgQE91dHB1dCgpIGV4cGFuZENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgZ2V0IHRpbWVsaW5lVGl0bGUoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29sbGFwc2VkID8gXygnY29tbW9uLmV4cGFuZC1lbnRyaWVzJykgOiBfKCdjb21tb24uY29sbGFwc2UtZW50cmllcycpO1xuICAgIH1cblxuICAgIGdldEljb25TaGFwZSgpIHtcbiAgICAgICAgaWYgKHRoaXMuaWNvblNoYXBlKSB7XG4gICAgICAgICAgICByZXR1cm4gdHlwZW9mIHRoaXMuaWNvblNoYXBlID09PSAnc3RyaW5nJyA/IHRoaXMuaWNvblNoYXBlIDogdGhpcy5pY29uU2hhcGVbMF07XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBnZXRJY29uQ2xhc3MoKSB7XG4gICAgICAgIGlmICh0aGlzLmljb25TaGFwZSkge1xuICAgICAgICAgICAgcmV0dXJuIHR5cGVvZiB0aGlzLmljb25TaGFwZSA9PT0gJ3N0cmluZycgPyAnJyA6IHRoaXMuaWNvblNoYXBlWzFdO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdlxuICAgIFtuZ0NsYXNzXT1cImRpc3BsYXlUeXBlXCJcbiAgICBbY2xhc3MuaGFzLWN1c3RvbS1pY29uXT1cIiEhaWNvblNoYXBlXCJcbiAgICBjbGFzcz1cImVudHJ5XCJcbiAgICBbY2xhc3MubGFzdF09XCJpc0xhc3QgPT09IHRydWVcIlxuICAgIFtjbGFzcy5maXJzdF09XCJpc0ZpcnN0ID09PSB0cnVlXCJcbiAgICBbY2xhc3MuY29sbGFwc2VkXT1cImNvbGxhcHNlZFwiXG4+XG4gICAgPGRpdiBjbGFzcz1cInRpbWVsaW5lXCIgKGNsaWNrKT1cImV4cGFuZENsaWNrLmVtaXQoKVwiIFt0aXRsZV09XCJ0aW1lbGluZVRpdGxlIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjdXN0b20taWNvblwiPlxuICAgICAgICAgICAgPGNsci1pY29uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJpY29uU2hhcGUgJiYgIWNvbGxhcHNlZFwiXG4gICAgICAgICAgICAgICAgW2F0dHIuc2hhcGVdPVwiZ2V0SWNvblNoYXBlKClcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImdldEljb25DbGFzcygpXCJcbiAgICAgICAgICAgICAgICBzaXplPVwiMjRcIlxuICAgICAgICAgICAgPjwvY2xyLWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJlbnRyeS1ib2R5XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aW1lXCI+XG4gICAgICAgICAgICAgICAge3sgY3JlYXRlZEF0IHwgbG9jYWxlRGF0ZTogJ3Nob3J0JyB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZVwiPlxuICAgICAgICAgICAgICAgIHt7IG5hbWUgfHwgJycgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBbY2xhc3MuZmVhdHVyZWQtZW50cnldPVwiZmVhdHVyZWRcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/core/shared/components/title-input/title-input.component.mjs

@@ -0,0 +1,21 @@
+import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@clr/angular";
+import * as i2 from "@angular/common";
+export class TitleInputComponent {
+    constructor() {
+        this.readonly = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TitleInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TitleInputComponent, selector: "vdr-title-input", inputs: { readonly: "readonly" }, host: { properties: { "class.readonly": "this.readonly" } }, ngImport: i0, template: "<ng-content></ng-content>\n<div class=\"edit-icon\" *ngIf=\"!readonly\">\n    <clr-icon shape=\"edit\"></clr-icon>\n</div>\n", styles: [":host{display:block;position:relative}:host ::ng-deep input{font-size:18px;color:var(--clr-p1-color);max-width:100%}:host ::ng-deep input:not(:focus){border-color:transparent!important;background-color:var(--color-component-bg-100)!important}:host ::ng-deep input:focus{background-color:var(--clr-global-app-background)}:host ::ng-deep .clr-control-container{max-width:100%}:host ::ng-deep .clr-input-wrapper{max-width:100%!important}:host .edit-icon{position:absolute;right:8px;top:6px;color:var(--color-grey-400);opacity:0;transition:opacity .2s}:host:hover ::ng-deep input:not(:focus){background-color:var(--color-component-bg-200)!important}:host:hover .edit-icon{opacity:1}:host.readonly .edit-icon{display:none}:host.readonly:hover ::ng-deep input:not(:focus){background-color:var(--color-grey-200)!important}\n"], dependencies: [{ kind: "directive", type: i1.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TitleInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-title-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<div class=\"edit-icon\" *ngIf=\"!readonly\">\n    <clr-icon shape=\"edit\"></clr-icon>\n</div>\n", styles: [":host{display:block;position:relative}:host ::ng-deep input{font-size:18px;color:var(--clr-p1-color);max-width:100%}:host ::ng-deep input:not(:focus){border-color:transparent!important;background-color:var(--color-component-bg-100)!important}:host ::ng-deep input:focus{background-color:var(--clr-global-app-background)}:host ::ng-deep .clr-control-container{max-width:100%}:host ::ng-deep .clr-input-wrapper{max-width:100%!important}:host .edit-icon{position:absolute;right:8px;top:6px;color:var(--color-grey-400);opacity:0;transition:opacity .2s}:host:hover ::ng-deep input:not(:focus){background-color:var(--color-component-bg-200)!important}:host:hover .edit-icon{opacity:1}:host.readonly .edit-icon{display:none}:host.readonly:hover ::ng-deep input:not(:focus){background-color:var(--color-grey-200)!important}\n"] }]
+        }], propDecorators: { readonly: [{
+                type: HostBinding,
+                args: ['class.readonly']
+            }, {
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy90aXRsZS1pbnB1dC90aXRsZS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3RpdGxlLWlucHV0L3RpdGxlLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVF2RixNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBU0ksYUFBUSxHQUFHLEtBQUssQ0FBQztLQUNwQjsrR0FKWSxtQkFBbUI7bUdBQW5CLG1CQUFtQixzSkNSaEMsOEhBSUE7OzRGRElhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDSSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs4QkFLL0MsUUFBUTtzQkFGUCxXQUFXO3VCQUFDLGdCQUFnQjs7c0JBQzVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItdGl0bGUtaW5wdXQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90aXRsZS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGl0bGUtaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgVGl0bGVJbnB1dENvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5yZWFkb25seScpXG4gICAgQElucHV0KClcbiAgICByZWFkb25seSA9IGZhbHNlO1xufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPGRpdiBjbGFzcz1cImVkaXQtaWNvblwiICpuZ0lmPVwiIXJlYWRvbmx5XCI+XG4gICAgPGNsci1pY29uIHNoYXBlPVwiZWRpdFwiPjwvY2xyLWljb24+XG48L2Rpdj5cbiJdfQ==