@tsi-developpement/tsi-shared-ui 0.0.1

package/esm2022/lib/tsi-components/output-components/tsi-image-display/tsi-image-display.component.mjs

@@ -0,0 +1,144 @@
+import { Component, Input } from '@angular/core';
+import { defaultCardHeader } from '../../../consts/tsi-consts';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/common";
+import * as i3 from "primeng/dialog";
+import * as i4 from "../../../pipes/localize.pipe";
+export class TsiImageDisplayComponent {
+    set headerTitles(v) {
+        this._headerTitles = v;
+        this.title = this._headerTitles.join(' - ');
+    }
+    get headerTitles() { return this._headerTitles; }
+    get safeSrc() {
+        if (!this.src)
+            return defaultCardHeader.image;
+        if (typeof this.src === 'string' && this.src.startsWith('data:image'))
+            return this._sanitizer.bypassSecurityTrustUrl(this.src);
+        return this._sanitizer.bypassSecurityTrustUrl(`data:image/jpeg;base64,${this.src}`);
+    }
+    //#region Zoom in/out
+    get cursorStyle() {
+        if (this.zoomLevel > 1) {
+            return this.isDragging ? 'grabbing' : 'grab';
+        }
+        return 'zoom-in';
+    }
+    get canZoomIn() {
+        return this.zoomLevel < this.MAX_ZOOM;
+    }
+    get canZoomOut() {
+        return this.zoomLevel > this.MIN_ZOOM;
+    }
+    //#endregion
+    constructor(_sanitizer) {
+        this._sanitizer = _sanitizer;
+        this.alt = 'image';
+        this.width = '100%';
+        this.height = 'auto';
+        this.isRounded = false;
+        this.title = "";
+        this._headerTitles = [];
+        this.displayDialog = false;
+        this.zoomLevel = 1;
+        this.MIN_ZOOM = 1;
+        this.MAX_ZOOM = 3;
+        this.ZOOM_STEP = 0.5;
+        //#endregion
+        //#region Dragging
+        this.isDragging = false;
+        this.startX = 0;
+        this.startY = 0;
+        this.translateX = 0;
+        this.translateY = 0;
+        this.lastTranslateX = 0;
+        this.lastTranslateY = 0;
+    }
+    ngOnInit() {
+    }
+    showImage() {
+        this.displayDialog = true;
+    }
+    hideImage() {
+        this.displayDialog = false;
+    }
+    onWheel(event) {
+        event.preventDefault();
+        if (event.deltaY < 0) {
+            if (this.canZoomIn)
+                this.zoomIn();
+        }
+        else {
+            if (this.canZoomOut)
+                this.zoomOut();
+        }
+    }
+    zoomIn() {
+        if (this.zoomLevel < this.MAX_ZOOM)
+            this.zoomLevel = Math.min(this.zoomLevel + this.ZOOM_STEP, this.MAX_ZOOM);
+    }
+    zoomOut() {
+        if (this.zoomLevel > this.MIN_ZOOM) {
+            this.zoomLevel = Math.max(this.zoomLevel - this.ZOOM_STEP, this.MIN_ZOOM);
+            if (this.zoomLevel === this.MIN_ZOOM) {
+                this.resetZoomAndPan();
+            }
+        }
+    }
+    resetZoomAndPan() {
+        this.zoomLevel = 1;
+        this.translateX = 0;
+        this.translateY = 0;
+        this.lastTranslateX = 0;
+        this.lastTranslateY = 0;
+    }
+    onMouseDown(event) {
+        if (this.zoomLevel <= 1)
+            return;
+        this.isDragging = true;
+        this.startX = event.clientX;
+        this.startY = event.clientY;
+    }
+    onMouseMove(event) {
+        if (!this.isDragging)
+            return;
+        const dx = event.clientX - this.startX;
+        const dy = event.clientY - this.startY;
+        this.translateX = this.lastTranslateX + dx;
+        this.translateY = this.lastTranslateY + dy;
+    }
+    onMouseUp() {
+        this.isDragging = false;
+        this.lastTranslateX = this.translateX;
+        this.lastTranslateY = this.translateY;
+    }
+    onMouseLeave() {
+        if (this.isDragging)
+            this.onMouseUp();
+    }
+    get panTransform() {
+        let tx = this.translateX / this.zoomLevel;
+        let ty = this.translateY / this.zoomLevel;
+        return `scale(${this.zoomLevel}) translate(${tx}px, ${ty}px)`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiImageDisplayComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiImageDisplayComponent, selector: "tsi-image-display", inputs: { src: "src", alt: "alt", width: "width", height: "height", isRounded: "isRounded", headerTitles: "headerTitles" }, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"isRounded ? 'rounded' : ''\">\r\n  <img [src]=\"safeSrc\"\r\n    [alt]=\"alt | localize\"\r\n    [style.width]=\"width\"\r\n    [style.height]=\"height\"\r\n    (click)=\"showImage()\"/>\r\n  </div>\r\n\r\n<p-dialog [(visible)]=\"displayDialog\"\r\n  [ngClass]=\"displayDialog ? 'dialog-avatar' : 'hidden'\"\r\n  [modal]=\"true\"\r\n  [style]=\"{ width: '50vw', 'max-height': '85vh'}\"\r\n  [dismissableMask]=\"true\"\r\n  [closable]=\"true\"\r\n  [baseZIndex]=\"10000\"\r\n  [contentStyle]=\"{overflow: 'auto', 'padding': '0'}\"\r\n  [header]=\"title | localize\">\r\n  <div class=\"img-dialog\">\r\n    <img [src]=\"safeSrc\" [alt]=\"alt | localize\"\r\n      (wheel)=\"onWheel($event)\"\r\n      (mousedown)=\"onMouseDown($event)\"\r\n      (mousemove)=\"onMouseMove($event)\"\r\n      (mouseup)=\"onMouseUp()\"\r\n      (mouseleave)=\"onMouseLeave()\"\r\n      (dblclick)=\"resetZoomAndPan()\"\r\n      (click)=\"zoomLevel = 1.2\"\r\n      [style.transform]=\"panTransform\"\r\n      [style.cursor]=\"cursorStyle\"\r\n      draggable=\"false\"\r\n    />\r\n  </div>\r\n</p-dialog>", styles: [":host{display:block;height:100%;width:100%}.avatar{display:flex;overflow:hidden;box-sizing:border-box;width:100%;height:100%;padding:.15rem;max-width:3.125rem}.avatar img{height:100%;width:100%;object-fit:contain;display:block;cursor:pointer;transition:transform .2s ease,filter .3s ease}.avatar:hover img{transform:scale(1.03);filter:brightness(.85)}.dialog-avatar .img-dialog{padding:1rem;max-width:100%;max-height:100%;box-sizing:border-box;overflow:hidden;display:flex;justify-content:center;align-items:center}.dialog-avatar .img-dialog img{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;transition:transform .2s ease-in-out;transform-origin:center center;-webkit-user-select:none;user-select:none}.rounded{border-radius:50%;padding:0}.rounded img{object-fit:cover;height:100%;border-radius:50%}::ng-deep .p-dialog .p-dialog-header{white-space:wrap;overflow:hidden;display:flex;align-items:start}::ng-deep .p-dialog .p-dialog-title{font-size:1rem!important;max-width:90%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "pipe", type: i4.LocalizePipe, name: "localize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiImageDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tsi-image-display', template: "<div class=\"avatar\" [ngClass]=\"isRounded ? 'rounded' : ''\">\r\n  <img [src]=\"safeSrc\"\r\n    [alt]=\"alt | localize\"\r\n    [style.width]=\"width\"\r\n    [style.height]=\"height\"\r\n    (click)=\"showImage()\"/>\r\n  </div>\r\n\r\n<p-dialog [(visible)]=\"displayDialog\"\r\n  [ngClass]=\"displayDialog ? 'dialog-avatar' : 'hidden'\"\r\n  [modal]=\"true\"\r\n  [style]=\"{ width: '50vw', 'max-height': '85vh'}\"\r\n  [dismissableMask]=\"true\"\r\n  [closable]=\"true\"\r\n  [baseZIndex]=\"10000\"\r\n  [contentStyle]=\"{overflow: 'auto', 'padding': '0'}\"\r\n  [header]=\"title | localize\">\r\n  <div class=\"img-dialog\">\r\n    <img [src]=\"safeSrc\" [alt]=\"alt | localize\"\r\n      (wheel)=\"onWheel($event)\"\r\n      (mousedown)=\"onMouseDown($event)\"\r\n      (mousemove)=\"onMouseMove($event)\"\r\n      (mouseup)=\"onMouseUp()\"\r\n      (mouseleave)=\"onMouseLeave()\"\r\n      (dblclick)=\"resetZoomAndPan()\"\r\n      (click)=\"zoomLevel = 1.2\"\r\n      [style.transform]=\"panTransform\"\r\n      [style.cursor]=\"cursorStyle\"\r\n      draggable=\"false\"\r\n    />\r\n  </div>\r\n</p-dialog>", styles: [":host{display:block;height:100%;width:100%}.avatar{display:flex;overflow:hidden;box-sizing:border-box;width:100%;height:100%;padding:.15rem;max-width:3.125rem}.avatar img{height:100%;width:100%;object-fit:contain;display:block;cursor:pointer;transition:transform .2s ease,filter .3s ease}.avatar:hover img{transform:scale(1.03);filter:brightness(.85)}.dialog-avatar .img-dialog{padding:1rem;max-width:100%;max-height:100%;box-sizing:border-box;overflow:hidden;display:flex;justify-content:center;align-items:center}.dialog-avatar .img-dialog img{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;transition:transform .2s ease-in-out;transform-origin:center center;-webkit-user-select:none;user-select:none}.rounded{border-radius:50%;padding:0}.rounded img{object-fit:cover;height:100%;border-radius:50%}::ng-deep .p-dialog .p-dialog-header{white-space:wrap;overflow:hidden;display:flex;align-items:start}::ng-deep .p-dialog .p-dialog-title{font-size:1rem!important;max-width:90%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { src: [{
+                type: Input
+            }], alt: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], isRounded: [{
+                type: Input
+            }], headerTitles: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWltYWdlLWRpc3BsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL291dHB1dC1jb21wb25lbnRzL3RzaS1pbWFnZS1kaXNwbGF5L3RzaS1pbWFnZS1kaXNwbGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9vdXRwdXQtY29tcG9uZW50cy90c2ktaW1hZ2UtZGlzcGxheS90c2ktaW1hZ2UtZGlzcGxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0FBTy9ELE1BQU0sT0FBTyx3QkFBd0I7SUFVbkMsSUFDSSxZQUFZLENBQUMsQ0FBVztRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFDRCxJQUFJLFlBQVksS0FBZSxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBRTNELElBQUksT0FBTztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRztZQUNYLE9BQU8saUJBQWlCLENBQUMsS0FBSyxDQUFDO1FBRWpDLElBQUksT0FBTyxJQUFJLENBQUMsR0FBRyxLQUFLLFFBQVEsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUM7WUFDbkUsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUUxRCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsc0JBQXNCLENBQUMsMEJBQTBCLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3RGLENBQUM7SUFFRCxxQkFBcUI7SUFDckIsSUFBSSxXQUFXO1FBQ2IsSUFBSSxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ3ZCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDL0MsQ0FBQztRQUNELE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDeEMsQ0FBQztJQWtCRCxZQUFZO0lBRVosWUFBb0IsVUFBd0I7UUFBeEIsZUFBVSxHQUFWLFVBQVUsQ0FBYztRQTFEbkMsUUFBRyxHQUFXLE9BQU8sQ0FBQztRQUN0QixVQUFLLEdBQVcsTUFBTSxDQUFDO1FBQ3ZCLFdBQU0sR0FBVyxNQUFNLENBQUM7UUFDeEIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUVwQyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ1gsa0JBQWEsR0FBYSxFQUFFLENBQUM7UUFrQ3JDLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBRS9CLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDYixhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQ2IsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUNiLGNBQVMsR0FBRyxHQUFHLENBQUM7UUFDekIsWUFBWTtRQUVaLGtCQUFrQjtRQUNsQixlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLFdBQU0sR0FBRyxDQUFDLENBQUM7UUFDWCxXQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ1gsZUFBVSxHQUFHLENBQUMsQ0FBQztRQUNmLGVBQVUsR0FBRyxDQUFDLENBQUM7UUFDZixtQkFBYyxHQUFHLENBQUMsQ0FBQztRQUNuQixtQkFBYyxHQUFHLENBQUMsQ0FBQztJQUtuQixDQUFDO0lBRUQsUUFBUTtJQUVSLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7SUFDNUIsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQWlCO1FBQ3ZCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDckIsSUFBSSxJQUFJLENBQUMsU0FBUztnQkFDaEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2xCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxJQUFJLENBQUMsVUFBVTtnQkFDakIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ25CLENBQUM7SUFDSCxDQUFDO0lBRU8sTUFBTTtRQUNaLElBQUksSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUTtZQUNoQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM5RSxDQUFDO0lBRU8sT0FBTztRQUNiLElBQUksSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbkMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFFMUUsSUFBSSxJQUFJLENBQUMsU0FBUyxLQUFLLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztnQkFDckMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3pCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztRQUNuQixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQztRQUNwQixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQztRQUNwQixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWlCO1FBQzNCLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDO1lBQ3JCLE9BQU87UUFFVCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN2QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7UUFDNUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO0lBQzlCLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBaUI7UUFDM0IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVO1lBQUUsT0FBTztRQUU3QixNQUFNLEVBQUUsR0FBRyxLQUFLLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDdkMsTUFBTSxFQUFFLEdBQUcsS0FBSyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBRXZDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7UUFDM0MsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQztJQUM3QyxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUN0QyxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDeEMsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLElBQUksQ0FBQyxVQUFVO1lBQ2pCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ2QsSUFBSSxFQUFFLEdBQUcsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQzFDLElBQUksRUFBRSxHQUFHLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUMxQyxPQUFPLFNBQVMsSUFBSSxDQUFDLFNBQVMsZUFBZSxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUM7SUFDaEUsQ0FBQzsrR0FqSlUsd0JBQXdCO21HQUF4Qix3QkFBd0IscUxDVHJDLGdtQ0ErQlc7OzRGRHRCRSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsbUJBQW1CO2lGQU1wQixHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFLRixZQUFZO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlVXJsIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcbmltcG9ydCB7IGRlZmF1bHRDYXJkSGVhZGVyIH0gZnJvbSAnLi4vLi4vLi4vY29uc3RzL3RzaS1jb25zdHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0c2ktaW1hZ2UtZGlzcGxheScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RzaS1pbWFnZS1kaXNwbGF5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vdHNpLWltYWdlLWRpc3BsYXkuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUc2lJbWFnZURpc3BsYXlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBzcmM6IGFueTtcclxuICBASW5wdXQoKSBhbHQ6IHN0cmluZyA9ICdpbWFnZSc7XHJcbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZyA9ICcxMDAlJztcclxuICBASW5wdXQoKSBoZWlnaHQ6IHN0cmluZyA9ICdhdXRvJztcclxuICBASW5wdXQoKSBpc1JvdW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgdGl0bGU6IHN0cmluZyA9IFwiXCI7XHJcbiAgcHJpdmF0ZSBfaGVhZGVyVGl0bGVzOiBzdHJpbmdbXSA9IFtdO1xyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IGhlYWRlclRpdGxlcyh2OiBzdHJpbmdbXSkge1xyXG4gICAgdGhpcy5faGVhZGVyVGl0bGVzID0gdjtcclxuICAgIHRoaXMudGl0bGUgPSB0aGlzLl9oZWFkZXJUaXRsZXMuam9pbignIC0gJyk7XHJcbiAgfVxyXG4gIGdldCBoZWFkZXJUaXRsZXMoKTogc3RyaW5nW10geyByZXR1cm4gdGhpcy5faGVhZGVyVGl0bGVzOyB9XHJcblxyXG4gIGdldCBzYWZlU3JjKCk6IFNhZmVVcmwge1xyXG4gICAgaWYgKCF0aGlzLnNyYylcclxuICAgICAgcmV0dXJuIGRlZmF1bHRDYXJkSGVhZGVyLmltYWdlO1xyXG5cclxuICAgIGlmICh0eXBlb2YgdGhpcy5zcmMgPT09ICdzdHJpbmcnICYmIHRoaXMuc3JjLnN0YXJ0c1dpdGgoJ2RhdGE6aW1hZ2UnKSlcclxuICAgICAgcmV0dXJuIHRoaXMuX3Nhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0VXJsKHRoaXMuc3JjKTtcclxuXHJcbiAgICByZXR1cm4gdGhpcy5fc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RVcmwoYGRhdGE6aW1hZ2UvanBlZztiYXNlNjQsJHt0aGlzLnNyY31gKTtcclxuICB9XHJcblxyXG4gIC8vI3JlZ2lvbiBab29tIGluL291dFxyXG4gIGdldCBjdXJzb3JTdHlsZSgpOiBzdHJpbmcge1xyXG4gICAgaWYgKHRoaXMuem9vbUxldmVsID4gMSkge1xyXG4gICAgICByZXR1cm4gdGhpcy5pc0RyYWdnaW5nID8gJ2dyYWJiaW5nJyA6ICdncmFiJztcclxuICAgIH1cclxuICAgIHJldHVybiAnem9vbS1pbic7XHJcbiAgfVxyXG5cclxuICBnZXQgY2FuWm9vbUluKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuem9vbUxldmVsIDwgdGhpcy5NQVhfWk9PTTtcclxuICB9XHJcblxyXG4gIGdldCBjYW5ab29tT3V0KCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuem9vbUxldmVsID4gdGhpcy5NSU5fWk9PTTtcclxuICB9XHJcblxyXG4gIGRpc3BsYXlEaWFsb2c6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgem9vbUxldmVsOiBudW1iZXIgPSAxO1xyXG4gIHJlYWRvbmx5IE1JTl9aT09NID0gMTtcclxuICByZWFkb25seSBNQVhfWk9PTSA9IDM7XHJcbiAgcmVhZG9ubHkgWk9PTV9TVEVQID0gMC41O1xyXG4gIC8vI2VuZHJlZ2lvblxyXG5cclxuICAvLyNyZWdpb24gRHJhZ2dpbmdcclxuICBpc0RyYWdnaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgc3RhcnRYID0gMDtcclxuICBzdGFydFkgPSAwO1xyXG4gIHRyYW5zbGF0ZVggPSAwO1xyXG4gIHRyYW5zbGF0ZVkgPSAwO1xyXG4gIGxhc3RUcmFuc2xhdGVYID0gMDtcclxuICBsYXN0VHJhbnNsYXRlWSA9IDA7XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX3Nhbml0aXplcjogRG9tU2FuaXRpemVyKSB7XHJcblxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcblxyXG4gIH1cclxuXHJcbiAgc2hvd0ltYWdlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNwbGF5RGlhbG9nID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIGhpZGVJbWFnZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlzcGxheURpYWxvZyA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgb25XaGVlbChldmVudDogV2hlZWxFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgIGlmIChldmVudC5kZWx0YVkgPCAwKSB7XHJcbiAgICAgIGlmICh0aGlzLmNhblpvb21JbilcclxuICAgICAgICB0aGlzLnpvb21JbigpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgaWYgKHRoaXMuY2FuWm9vbU91dClcclxuICAgICAgICB0aGlzLnpvb21PdXQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgem9vbUluKCkge1xyXG4gICAgaWYgKHRoaXMuem9vbUxldmVsIDwgdGhpcy5NQVhfWk9PTSlcclxuICAgICAgdGhpcy56b29tTGV2ZWwgPSBNYXRoLm1pbih0aGlzLnpvb21MZXZlbCArIHRoaXMuWk9PTV9TVEVQLCB0aGlzLk1BWF9aT09NKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgem9vbU91dCgpIHtcclxuICAgIGlmICh0aGlzLnpvb21MZXZlbCA+IHRoaXMuTUlOX1pPT00pIHtcclxuICAgICAgdGhpcy56b29tTGV2ZWwgPSBNYXRoLm1heCh0aGlzLnpvb21MZXZlbCAtIHRoaXMuWk9PTV9TVEVQLCB0aGlzLk1JTl9aT09NKTtcclxuXHJcbiAgICAgIGlmICh0aGlzLnpvb21MZXZlbCA9PT0gdGhpcy5NSU5fWk9PTSkge1xyXG4gICAgICAgIHRoaXMucmVzZXRab29tQW5kUGFuKCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIHJlc2V0Wm9vbUFuZFBhbigpOiB2b2lkIHtcclxuICAgIHRoaXMuem9vbUxldmVsID0gMTtcclxuICAgIHRoaXMudHJhbnNsYXRlWCA9IDA7XHJcbiAgICB0aGlzLnRyYW5zbGF0ZVkgPSAwO1xyXG4gICAgdGhpcy5sYXN0VHJhbnNsYXRlWCA9IDA7XHJcbiAgICB0aGlzLmxhc3RUcmFuc2xhdGVZID0gMDtcclxuICB9XHJcblxyXG4gIG9uTW91c2VEb3duKGV2ZW50OiBNb3VzZUV2ZW50KSB7XHJcbiAgICBpZiAodGhpcy56b29tTGV2ZWwgPD0gMSlcclxuICAgICAgcmV0dXJuO1xyXG5cclxuICAgIHRoaXMuaXNEcmFnZ2luZyA9IHRydWU7XHJcbiAgICB0aGlzLnN0YXJ0WCA9IGV2ZW50LmNsaWVudFg7XHJcbiAgICB0aGlzLnN0YXJ0WSA9IGV2ZW50LmNsaWVudFk7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlTW92ZShldmVudDogTW91c2VFdmVudCkge1xyXG4gICAgaWYgKCF0aGlzLmlzRHJhZ2dpbmcpIHJldHVybjtcclxuXHJcbiAgICBjb25zdCBkeCA9IGV2ZW50LmNsaWVudFggLSB0aGlzLnN0YXJ0WDtcclxuICAgIGNvbnN0IGR5ID0gZXZlbnQuY2xpZW50WSAtIHRoaXMuc3RhcnRZO1xyXG5cclxuICAgIHRoaXMudHJhbnNsYXRlWCA9IHRoaXMubGFzdFRyYW5zbGF0ZVggKyBkeDtcclxuICAgIHRoaXMudHJhbnNsYXRlWSA9IHRoaXMubGFzdFRyYW5zbGF0ZVkgKyBkeTtcclxuICB9XHJcblxyXG4gIG9uTW91c2VVcCgpIHtcclxuICAgIHRoaXMuaXNEcmFnZ2luZyA9IGZhbHNlO1xyXG4gICAgdGhpcy5sYXN0VHJhbnNsYXRlWCA9IHRoaXMudHJhbnNsYXRlWDtcclxuICAgIHRoaXMubGFzdFRyYW5zbGF0ZVkgPSB0aGlzLnRyYW5zbGF0ZVk7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlTGVhdmUoKSB7XHJcbiAgICBpZiAodGhpcy5pc0RyYWdnaW5nKVxyXG4gICAgICB0aGlzLm9uTW91c2VVcCgpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHBhblRyYW5zZm9ybSgpOiBzdHJpbmcge1xyXG4gICAgbGV0IHR4ID0gdGhpcy50cmFuc2xhdGVYIC8gdGhpcy56b29tTGV2ZWw7XHJcbiAgICBsZXQgdHkgPSB0aGlzLnRyYW5zbGF0ZVkgLyB0aGlzLnpvb21MZXZlbDtcclxuICAgIHJldHVybiBgc2NhbGUoJHt0aGlzLnpvb21MZXZlbH0pIHRyYW5zbGF0ZSgke3R4fXB4LCAke3R5fXB4KWA7XHJcbiAgfVxyXG59IiwiPGRpdiBjbGFzcz1cImF2YXRhclwiIFtuZ0NsYXNzXT1cImlzUm91bmRlZCA/ICdyb3VuZGVkJyA6ICcnXCI+XHJcbiAgPGltZyBbc3JjXT1cInNhZmVTcmNcIlxyXG4gICAgW2FsdF09XCJhbHQgfCBsb2NhbGl6ZVwiXHJcbiAgICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxyXG4gICAgW3N0eWxlLmhlaWdodF09XCJoZWlnaHRcIlxyXG4gICAgKGNsaWNrKT1cInNob3dJbWFnZSgpXCIvPlxyXG4gIDwvZGl2PlxyXG5cclxuPHAtZGlhbG9nIFsodmlzaWJsZSldPVwiZGlzcGxheURpYWxvZ1wiXHJcbiAgW25nQ2xhc3NdPVwiZGlzcGxheURpYWxvZyA/ICdkaWFsb2ctYXZhdGFyJyA6ICdoaWRkZW4nXCJcclxuICBbbW9kYWxdPVwidHJ1ZVwiXHJcbiAgW3N0eWxlXT1cInsgd2lkdGg6ICc1MHZ3JywgJ21heC1oZWlnaHQnOiAnODV2aCd9XCJcclxuICBbZGlzbWlzc2FibGVNYXNrXT1cInRydWVcIlxyXG4gIFtjbG9zYWJsZV09XCJ0cnVlXCJcclxuICBbYmFzZVpJbmRleF09XCIxMDAwMFwiXHJcbiAgW2NvbnRlbnRTdHlsZV09XCJ7b3ZlcmZsb3c6ICdhdXRvJywgJ3BhZGRpbmcnOiAnMCd9XCJcclxuICBbaGVhZGVyXT1cInRpdGxlIHwgbG9jYWxpemVcIj5cclxuICA8ZGl2IGNsYXNzPVwiaW1nLWRpYWxvZ1wiPlxyXG4gICAgPGltZyBbc3JjXT1cInNhZmVTcmNcIiBbYWx0XT1cImFsdCB8IGxvY2FsaXplXCJcclxuICAgICAgKHdoZWVsKT1cIm9uV2hlZWwoJGV2ZW50KVwiXHJcbiAgICAgIChtb3VzZWRvd24pPVwib25Nb3VzZURvd24oJGV2ZW50KVwiXHJcbiAgICAgIChtb3VzZW1vdmUpPVwib25Nb3VzZU1vdmUoJGV2ZW50KVwiXHJcbiAgICAgIChtb3VzZXVwKT1cIm9uTW91c2VVcCgpXCJcclxuICAgICAgKG1vdXNlbGVhdmUpPVwib25Nb3VzZUxlYXZlKClcIlxyXG4gICAgICAoZGJsY2xpY2spPVwicmVzZXRab29tQW5kUGFuKClcIlxyXG4gICAgICAoY2xpY2spPVwiem9vbUxldmVsID0gMS4yXCJcclxuICAgICAgW3N0eWxlLnRyYW5zZm9ybV09XCJwYW5UcmFuc2Zvcm1cIlxyXG4gICAgICBbc3R5bGUuY3Vyc29yXT1cImN1cnNvclN0eWxlXCJcclxuICAgICAgZHJhZ2dhYmxlPVwiZmFsc2VcIlxyXG4gICAgLz5cclxuICA8L2Rpdj5cclxuPC9wLWRpYWxvZz4iXX0=

package/esm2022/lib/tsi-components/output-components/tsi-integer-display/tsi-integer-display.component.mjs

@@ -0,0 +1,13 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TsiIntegerDisplayComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiIntegerDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiIntegerDisplayComponent, selector: "Tsi-Integer-Display", inputs: { inputData: "inputData" }, ngImport: i0, template: "<span class=\"row flex justify-content-end p-2\">\r\n    {{inputData }} \r\n</span>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiIntegerDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Integer-Display', template: "<span class=\"row flex justify-content-end p-2\">\r\n    {{inputData }} \r\n</span>" }]
+        }], propDecorators: { inputData: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWludGVnZXItZGlzcGxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvdHNpLWNvbXBvbmVudHMvb3V0cHV0LWNvbXBvbmVudHMvdHNpLWludGVnZXItZGlzcGxheS90c2ktaW50ZWdlci1kaXNwbGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9vdXRwdXQtY29tcG9uZW50cy90c2ktaW50ZWdlci1kaXNwbGF5L3RzaS1pbnRlZ2VyLWRpc3BsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT2pELE1BQU0sT0FBTywwQkFBMEI7K0dBQTFCLDBCQUEwQjttR0FBMUIsMEJBQTBCLCtGQ1B2QyxxRkFFTzs7NEZES00sMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHFCQUFxQjs4QkFNdEIsU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnVHNpLUludGVnZXItRGlzcGxheScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RzaS1pbnRlZ2VyLWRpc3BsYXkuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RzaS1pbnRlZ2VyLWRpc3BsYXkuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUc2lJbnRlZ2VyRGlzcGxheUNvbXBvbmVudCB7XHJcbiAgLy8jcmVnaW9uIGlucHV0c1xyXG4gIEBJbnB1dCgpIGlucHV0RGF0YT86IG51bWJlcjtcclxuICAvLyNlbmRyZWdpb25cclxufVxyXG4iLCI8c3BhbiBjbGFzcz1cInJvdyBmbGV4IGp1c3RpZnktY29udGVudC1lbmQgcC0yXCI+XHJcbiAgICB7e2lucHV0RGF0YSB9fSBcclxuPC9zcGFuPiJdfQ==

package/esm2022/lib/tsi-components/output-components/tsi-label/tsi-label.component.mjs

@@ -0,0 +1,24 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../tsi-bubble-info/tsi-bubble-info.component";
+import * as i2 from "../../../pipes/localize.pipe";
+export class TsiLabelComponent {
+    constructor() {
+        this.labelValue = '';
+        this.styleClass = '';
+        this.infoText = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiLabelComponent, selector: "Tsi-Label", inputs: { labelValue: "labelValue", styleClass: "styleClass", infoText: "infoText" }, ngImport: i0, template: "<div class=\"flex\">\r\n    <label class=\"fs-6 font-weight-normal tsi-component {{styleClass}}\" for=\"{{labelValue}}\">\r\n        {{ labelValue | localize }}\r\n    </label>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [".ColorClass{background-color:#d08181;text-align:right}\n"], dependencies: [{ kind: "component", type: i1.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }, { kind: "pipe", type: i2.LocalizePipe, name: "localize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Label', template: "<div class=\"flex\">\r\n    <label class=\"fs-6 font-weight-normal tsi-component {{styleClass}}\" for=\"{{labelValue}}\">\r\n        {{ labelValue | localize }}\r\n    </label>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [".ColorClass{background-color:#d08181;text-align:right}\n"] }]
+        }], propDecorators: { labelValue: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], infoText: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWxhYmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9vdXRwdXQtY29tcG9uZW50cy90c2ktbGFiZWwvdHNpLWxhYmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9vdXRwdXQtY29tcG9uZW50cy90c2ktbGFiZWwvVHNpLUxhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2hELE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFNVyxlQUFVLEdBQVUsRUFBRSxDQUFFO1FBQ3hCLGVBQVUsR0FBVSxFQUFFLENBQUU7UUFDeEIsYUFBUSxHQUFXLEVBQUUsQ0FBQztLQUNoQzsrR0FKWSxpQkFBaUI7bUdBQWpCLGlCQUFpQix1SUNQOUIsK1BBS007OzRGREVPLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzhCQUtaLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ1RzaS1MYWJlbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL1RzaS1MYWJlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vVHNpLUxhYmVsLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVHNpTGFiZWxDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGxhYmVsVmFsdWUgOnN0cmluZyA9JycgO1xyXG4gIEBJbnB1dCgpIHN0eWxlQ2xhc3MgOnN0cmluZyA9JycgO1xyXG4gIEBJbnB1dCgpIGluZm9UZXh0OiBzdHJpbmcgPSAnJztcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleFwiPlxyXG4gICAgPGxhYmVsIGNsYXNzPVwiZnMtNiBmb250LXdlaWdodC1ub3JtYWwgdHNpLWNvbXBvbmVudCB7e3N0eWxlQ2xhc3N9fVwiIGZvcj1cInt7bGFiZWxWYWx1ZX19XCI+XHJcbiAgICAgICAge3sgbGFiZWxWYWx1ZSB8IGxvY2FsaXplIH19XHJcbiAgICA8L2xhYmVsPlxyXG4gICAgPFRzaS1CdWJibGUtSW5mbyBbaW5mb1RleHRdPVwiaW5mb1RleHRcIj48L1RzaS1CdWJibGUtSW5mbz5cclxuPC9kaXY+Il19

package/esm2022/lib/tsi-components/output-components/tsi-label-legend/tsi-label-legend.component.mjs

@@ -0,0 +1,18 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../pipes/localize.pipe";
+export class TsiLabelLegendComponent {
+    constructor() {
+        //stylesActivated : boolean = TsiStylesHelper.getStateOfStyles();
+        this.labelValue = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiLabelLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiLabelLegendComponent, selector: "Tsi-Label-Legend", inputs: { labelValue: "labelValue" }, ngImport: i0, template: "<label\r\n    \r\n    \r\n    for=\"{{labelValue}}\">\r\n    {{ labelValue | localize }}\r\n</label>\r\n\r\n", styles: [".ColorClass{background-color:#7fff00;font-size:18px;width:inherit}\n"], dependencies: [{ kind: "pipe", type: i1.LocalizePipe, name: "localize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiLabelLegendComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Label-Legend', template: "<label\r\n    \r\n    \r\n    for=\"{{labelValue}}\">\r\n    {{ labelValue | localize }}\r\n</label>\r\n\r\n", styles: [".ColorClass{background-color:#7fff00;font-size:18px;width:inherit}\n"] }]
+        }], propDecorators: { labelValue: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWxhYmVsLWxlZ2VuZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvdHNpLWNvbXBvbmVudHMvb3V0cHV0LWNvbXBvbmVudHMvdHNpLWxhYmVsLWxlZ2VuZC90c2ktbGFiZWwtbGVnZW5kLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9vdXRwdXQtY29tcG9uZW50cy90c2ktbGFiZWwtbGVnZW5kL3RzaS1sYWJlbC1sZWdlbmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBT0UsaUVBQWlFO1FBQ3hELGVBQVUsR0FBVyxFQUFFLENBQUM7S0FFbEM7K0dBTFksdUJBQXVCO21HQUF2Qix1QkFBdUIsOEZDUHBDLDhHQU9BOzs0RkRBYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCOzhCQU9uQixVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdUc2ktTGFiZWwtTGVnZW5kJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdHNpLWxhYmVsLWxlZ2VuZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdHNpLWxhYmVsLWxlZ2VuZC5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRzaUxhYmVsTGVnZW5kQ29tcG9uZW50IHtcclxuXHJcbiAgLy9zdHlsZXNBY3RpdmF0ZWQgOiBib29sZWFuID0gVHNpU3R5bGVzSGVscGVyLmdldFN0YXRlT2ZTdHlsZXMoKTtcclxuICBASW5wdXQoKSBsYWJlbFZhbHVlIDpzdHJpbmcgPSAnJztcclxuXHJcbn1cclxuXHJcblxyXG4iLCI8bGFiZWxcclxuICAgIFxyXG4gICAgXHJcbiAgICBmb3I9XCJ7e2xhYmVsVmFsdWV9fVwiPlxyXG4gICAge3sgbGFiZWxWYWx1ZSB8IGxvY2FsaXplIH19XHJcbjwvbGFiZWw+XHJcblxyXG4iXX0=

package/esm2022/lib/tsi-components/output-components/tsi-legend/tsi-legend.component.mjs

@@ -0,0 +1,20 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../pipes/localize.pipe";
+export class TsiLegendComponent {
+    //stylesActivated : boolean = TsiStyles.getStateOfStyles();
+    constructor() {
+        this.legendLabel = '';
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiLegendComponent, selector: "Tsi-Legend", inputs: { legendLabel: "legendLabel" }, ngImport: i0, template: "<legend\r\n    >\r\n    {{legendLabel | localize}}\r\n</legend>\r\n", styles: [".ColorClass{color:#eed4a4;width:inherit}\n"], dependencies: [{ kind: "pipe", type: i1.LocalizePipe, name: "localize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiLegendComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Legend', template: "<legend\r\n    >\r\n    {{legendLabel | localize}}\r\n</legend>\r\n", styles: [".ColorClass{color:#eed4a4;width:inherit}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { legendLabel: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWxlZ2VuZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvdHNpLWNvbXBvbmVudHMvb3V0cHV0LWNvbXBvbmVudHMvdHNpLWxlZ2VuZC90c2ktbGVnZW5kLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9vdXRwdXQtY29tcG9uZW50cy90c2ktbGVnZW5kL3RzaS1sZWdlbmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQU96RCxNQUFNLE9BQU8sa0JBQWtCO0lBRTdCLDJEQUEyRDtJQUUzRDtRQUNTLGdCQUFXLEdBQVcsRUFBRSxDQUFFO0lBRG5CLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7K0dBUFUsa0JBQWtCO21HQUFsQixrQkFBa0IsMEZDUC9CLHFFQUlBOzs0RkRHYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsWUFBWTt3REFTYixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ1RzaS1MZWdlbmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90c2ktbGVnZW5kLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90c2ktbGVnZW5kLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVHNpTGVnZW5kQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLy9zdHlsZXNBY3RpdmF0ZWQgOiBib29sZWFuID0gVHNpU3R5bGVzLmdldFN0YXRlT2ZTdHlsZXMoKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuICBASW5wdXQoKSBsZWdlbmRMYWJlbCA6c3RyaW5nID0gJycgO1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGxlZ2VuZFxyXG4gICAgPlxyXG4gICAge3tsZWdlbmRMYWJlbCB8IGxvY2FsaXplfX1cclxuPC9sZWdlbmQ+XHJcbiJdfQ==

package/esm2022/lib/tsi-components/output-components/tsi-paragraph/tsi-paragraph.component.mjs

@@ -0,0 +1,17 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../pipes/localize.pipe";
+export class TsiParagraphComponent {
+    constructor() {
+        this.paragraphName = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiParagraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiParagraphComponent, selector: "Tsi-Paragraph", inputs: { paragraphName: "paragraphName" }, ngImport: i0, template: "<p>\r\n    {{ paragraphName | localize }}\r\n</p>\r\n", styles: [".ColorClass{background-color:#eed4a4;margin-top:0;margin-bottom:0rem}\n"], dependencies: [{ kind: "pipe", type: i1.LocalizePipe, name: "localize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiParagraphComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Paragraph', template: "<p>\r\n    {{ paragraphName | localize }}\r\n</p>\r\n", styles: [".ColorClass{background-color:#eed4a4;margin-top:0;margin-bottom:0rem}\n"] }]
+        }], propDecorators: { paragraphName: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLXBhcmFncmFwaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvdHNpLWNvbXBvbmVudHMvb3V0cHV0LWNvbXBvbmVudHMvdHNpLXBhcmFncmFwaC90c2ktcGFyYWdyYXBoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9vdXRwdXQtY29tcG9uZW50cy90c2ktcGFyYWdyYXBoL3RzaS1wYXJhZ3JhcGguY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBTVcsa0JBQWEsR0FBVyxFQUFFLENBQUU7S0FDdEM7K0dBRlkscUJBQXFCO21HQUFyQixxQkFBcUIsaUdDUGxDLHVEQUdBOzs0RkRJYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZUFBZTs4QkFLaEIsYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnVHNpLVBhcmFncmFwaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RzaS1wYXJhZ3JhcGguY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RzaS1wYXJhZ3JhcGguY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUc2lQYXJhZ3JhcGhDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHBhcmFncmFwaE5hbWUgOnN0cmluZyA9ICcnIDtcclxufVxyXG4iLCI8cD5cclxuICAgIHt7IHBhcmFncmFwaE5hbWUgfCBsb2NhbGl6ZSB9fVxyXG48L3A+XHJcbiJdfQ==

package/esm2022/lib/tsi-components/output-components/tsi-rate-display/tsi-rate-display.component.mjs

@@ -0,0 +1,30 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class TsiRateDisplayComponent {
+    constructor() {
+        //#region inputs
+        this.isFraction = true;
+        this.numOfDecimal = 2;
+    }
+    //#endregion
+    getToFraction() {
+        return Number(((this.inputData != null && this.inputData != undefined) ? this.inputData : 0) * 0.01);
+    }
+    getFormat() {
+        return `0.${this.numOfDecimal}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiRateDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiRateDisplayComponent, selector: "Tsi-Rate-Display", inputs: { isFraction: "isFraction", inputData: "inputData", numOfDecimal: "numOfDecimal" }, ngImport: i0, template: "<span class=\"row flex justify-content-end p-2\">\r\n    <div *ngIf=\"isFraction == true; else fElseBlock\">\r\n        <span>{{ inputData | percent }}</span>\r\n    </div>\r\n    <ng-template #fElseBlock>\r\n        <ng-container>\r\n            <span>{{ getToFraction() | percent : getFormat() }}</span>\r\n        </ng-container>\r\n    </ng-template>\r\n</span>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.PercentPipe, name: "percent" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiRateDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Rate-Display', template: "<span class=\"row flex justify-content-end p-2\">\r\n    <div *ngIf=\"isFraction == true; else fElseBlock\">\r\n        <span>{{ inputData | percent }}</span>\r\n    </div>\r\n    <ng-template #fElseBlock>\r\n        <ng-container>\r\n            <span>{{ getToFraction() | percent : getFormat() }}</span>\r\n        </ng-container>\r\n    </ng-template>\r\n</span>" }]
+        }], propDecorators: { isFraction: [{
+                type: Input
+            }], inputData: [{
+                type: Input
+            }], numOfDecimal: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLXJhdGUtZGlzcGxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvdHNpLWNvbXBvbmVudHMvb3V0cHV0LWNvbXBvbmVudHMvdHNpLXJhdGUtZGlzcGxheS90c2ktcmF0ZS1kaXNwbGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9vdXRwdXQtY29tcG9uZW50cy90c2ktcmF0ZS1kaXNwbGF5L3RzaS1yYXRlLWRpc3BsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBTUUsZ0JBQWdCO1FBQ1AsZUFBVSxHQUFZLElBQUksQ0FBQztRQUczQixpQkFBWSxHQUFZLENBQUMsQ0FBQztLQVVwQztJQVRDLFlBQVk7SUFFWixhQUFhO1FBQ1gsT0FBTyxNQUFNLENBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFBO0lBQ3ZHLENBQUM7SUFFRCxTQUFTO1FBQ1AsT0FBTyxLQUFLLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNsQyxDQUFDOytHQWRVLHVCQUF1QjttR0FBdkIsdUJBQXVCLG9KQ1BwQywrV0FTTzs7NEZERk0sdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLGtCQUFrQjs4QkFNbkIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ1RzaS1SYXRlLURpc3BsYXknLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90c2ktcmF0ZS1kaXNwbGF5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90c2ktcmF0ZS1kaXNwbGF5LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVHNpUmF0ZURpc3BsYXlDb21wb25lbnQge1xyXG4gIC8vI3JlZ2lvbiBpbnB1dHNcclxuICBASW5wdXQoKSBpc0ZyYWN0aW9uOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBpbnB1dERhdGE/OiBudW1iZXI7XHJcbiAgXHJcbiAgQElucHV0KCkgbnVtT2ZEZWNpbWFsPzogbnVtYmVyID0gMjtcclxuICAvLyNlbmRyZWdpb25cclxuICBcclxuICBnZXRUb0ZyYWN0aW9uKCk6IG51bWJlciB7XHJcbiAgICByZXR1cm4gTnVtYmVyKCAoKHRoaXMuaW5wdXREYXRhICE9IG51bGwgJiYgdGhpcy5pbnB1dERhdGEgIT0gdW5kZWZpbmVkKSA/IHRoaXMuaW5wdXREYXRhIDogMCkgKiAwLjAxKVxyXG4gIH1cclxuXHJcbiAgZ2V0Rm9ybWF0KCk6IHN0cmluZ3tcclxuICAgIHJldHVybiBgMC4ke3RoaXMubnVtT2ZEZWNpbWFsfWA7XHJcbiAgfVxyXG59XHJcbiIsIjxzcGFuIGNsYXNzPVwicm93IGZsZXgganVzdGlmeS1jb250ZW50LWVuZCBwLTJcIj5cclxuICAgIDxkaXYgKm5nSWY9XCJpc0ZyYWN0aW9uID09IHRydWU7IGVsc2UgZkVsc2VCbG9ja1wiPlxyXG4gICAgICAgIDxzcGFuPnt7IGlucHV0RGF0YSB8IHBlcmNlbnQgfX08L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxuZy10ZW1wbGF0ZSAjZkVsc2VCbG9jaz5cclxuICAgICAgICA8bmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8c3Bhbj57eyBnZXRUb0ZyYWN0aW9uKCkgfCBwZXJjZW50IDogZ2V0Rm9ybWF0KCkgfX08L3NwYW4+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG48L3NwYW4+Il19

package/esm2022/lib/tsi-components/output-components/tsi-time-display/tsi-time-display.component.mjs

@@ -0,0 +1,17 @@
+import { Component, Input } from '@angular/core';
+import { TimeFormat } from '../../../consts/tsi-consts';
+import * as i0 from "@angular/core";
+export class TsiTimeDisplayComponent {
+    constructor() {
+        this.formatTime = TimeFormat;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTimeDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiTimeDisplayComponent, selector: "tsi-time-display", inputs: { inputData: "inputData" }, ngImport: i0, template: "\r\n<span class=\"row flex justify-content-end p-2\">\r\n    {{inputData }} \r\n</span>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiTimeDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tsi-time-display', template: "\r\n<span class=\"row flex justify-content-end p-2\">\r\n    {{inputData }} \r\n</span>\r\n" }]
+        }], propDecorators: { inputData: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLXRpbWUtZGlzcGxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvdHNpLWNvbXBvbmVudHMvb3V0cHV0LWNvbXBvbmVudHMvdHNpLXRpbWUtZGlzcGxheS90c2ktdGltZS1kaXNwbGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9vdXRwdXQtY29tcG9uZW50cy90c2ktdGltZS1kaXNwbGF5L3RzaS10aW1lLWRpc3BsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQU94RCxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBU0UsZUFBVSxHQUFHLFVBQVUsQ0FBQztLQUd6QjsrR0FQWSx1QkFBdUI7bUdBQXZCLHVCQUF1Qiw0RkNScEMsNkZBSUE7OzRGRElhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBT25CLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRpbWVGb3JtYXQgfSBmcm9tICcuLi8uLi8uLi9jb25zdHMvdHNpLWNvbnN0cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RzaS10aW1lLWRpc3BsYXknLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90c2ktdGltZS1kaXNwbGF5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90c2ktdGltZS1kaXNwbGF5LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRzaVRpbWVEaXNwbGF5Q29tcG9uZW50IHtcclxuXHJcbiAgLy8jcmVnaW9uIGlucHV0c1xyXG4gIEBJbnB1dCgpIGlucHV0RGF0YT86IHN0cmluZztcclxuICBmb3JtYXRUaW1lID0gVGltZUZvcm1hdDtcclxuICAvLyNlbmRyZWdpb25cclxuXHJcbn1cclxuIiwiXHJcbjxzcGFuIGNsYXNzPVwicm93IGZsZXgganVzdGlmeS1jb250ZW50LWVuZCBwLTJcIj5cclxuICAgIHt7aW5wdXREYXRhIH19IFxyXG48L3NwYW4+XHJcbiJdfQ==