overview-components 0.1.1

package/dist/components/lit-attachments-tab.js

@@ -0,0 +1,522 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { msg } from '@lit/localize';
+// components
+import '../shared/lit-icon.js';
+import '../shared/lit-icon-button.js';
+import '../shared/lit-tooltip.js';
+import '../shared/lit-select.js';
+import '../shared/lit-overflow-tooltip.js';
+import '../assets/ilustration/no-preview.js';
+// pdf.js
+import * as pdfjsLib from 'pdfjs-dist';
+pdfjsLib.GlobalWorkerOptions.workerSrc = new URL('pdfjs-dist/build/pdf.worker.js', import.meta.url).toString();
+let LitAttachmentsTab = class LitAttachmentsTab extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.hideTabWhen = false;
+        this.documents = [];
+        this.type = 'compact';
+        this.pageNumber = 1;
+        this.pageCount = 1;
+        this.scale = 1;
+        this.isChecked = {};
+        this.additionalLabels = [];
+        this.preview = true;
+        this.canvas = null;
+        this.ctx = null;
+        this.outerContainer = null;
+        this.isDragging = false;
+        this.clickX = 0;
+        this.clickY = 0;
+        this.prevScrollLeft = 0;
+        this.prevScrollTop = 0;
+        this.abortController = new AbortController();
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        this.type = this.type || 'compact';
+        this.selectedId = this.initialSelection || (this.documents?.[0]?.id ?? null);
+        if (!this.hideTabWhen) {
+            await this.loadDocument();
+        }
+    }
+    async firstUpdated() {
+        this.canvas = this.shadowRoot?.querySelector('canvas') ?? null;
+        this.ctx = this.canvas?.getContext('2d');
+        this.outerContainer = this.shadowRoot?.querySelector('.document-container') || null;
+        await this.renderPage();
+    }
+    async loadDocument(id) {
+        const doc = id
+            ? this.documents?.find((d) => d.id === id)
+            : this.documents?.find((d) => d.id === this.initialSelection) || this.documents?.[0];
+        if (!doc?.src)
+            return;
+        try {
+            if (doc.file_type === 'application/pdf') {
+                // Načítanie PDF
+                const loadingTask = pdfjsLib.getDocument(doc.src);
+                this.selectedDocument = await loadingTask.promise;
+                if (this.selectedDocument) {
+                    this.pageCount = this.selectedDocument.numPages;
+                }
+                this.preview = true;
+            }
+            else if (doc.file_type === 'image/jpeg' || doc.file_type === 'image/png') {
+                // Načítanie obrázku
+                const img = new Image();
+                img.onload = () => {
+                    this.selectedDocument = img;
+                    this.pageCount = 1; // Obrázky majú iba jednu "stránku"
+                    this.preview = true;
+                    this.renderPage();
+                };
+                img.src = doc.src;
+                return;
+            }
+            else {
+                this.selectedDocument = doc;
+                this.preview = false;
+            }
+            this.pageNumber = 1;
+            this.scale = 1;
+            this.selectedId = doc.id;
+            await this.renderPage();
+        }
+        catch (error) {
+            console.error('Error loading document:', error);
+        }
+    }
+    async renderPage() {
+        if (!this.selectedDocument || !this.canvas || !this.ctx)
+            return;
+        // Skryť canvas, ak je dokument nepodporovaný
+        this.canvas.style.display = this.preview ? 'block' : 'none';
+        this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+        try {
+            if (this.preview && 'getPage' in this.selectedDocument) {
+                // Spracovanie PDF
+                const page = await this.selectedDocument.getPage(this.pageNumber ?? 1);
+                const viewport = page.getViewport({ scale: (this.scale ?? 1) * 2.5 });
+                this.canvas.height = viewport.height;
+                this.canvas.width = viewport.width;
+                const renderContext = {
+                    canvasContext: this.ctx,
+                    viewport: viewport,
+                    signal: this.abortController.signal,
+                };
+                await page.render(renderContext).promise;
+            }
+            else if (this.preview && this.selectedDocument instanceof HTMLImageElement) {
+                // Spracovanie obrázku
+                this.canvas.width = this.selectedDocument.width;
+                this.canvas.height = this.selectedDocument.height;
+                this.ctx.drawImage(this.selectedDocument, 0, 0, this.canvas.width, this.canvas.height);
+            }
+        }
+        catch (error) {
+            if (error instanceof Error && error.name !== 'AbortError') {
+                console.error('Error rendering page:', error);
+            }
+        }
+    }
+    handleDocumentClick(id) {
+        this.selectedId = id;
+        this.loadDocument(id);
+    }
+    getSelectedDocumentName() {
+        const selectedDoc = this.documents?.find((doc) => doc.id === this.selectedId);
+        return selectedDoc?.name || 'Unknown Document';
+    }
+    handlePageChange(next) {
+        const newPage = next ? (this.pageNumber ?? 1) + 1 : (this.pageNumber ?? 1) - 1;
+        if (newPage >= 1 && newPage <= (this.pageCount ?? 1)) {
+            this.pageNumber = newPage;
+            this.renderPage();
+        }
+    }
+    handleDownload() {
+        if (!this.selectedDocument) {
+            console.error('No document selected for download.');
+            return;
+        }
+        const selectedDoc = this.documents?.find((doc) => doc.id === this.selectedId);
+        if (!selectedDoc || !selectedDoc.src) {
+            console.error('Document source not found.');
+            return;
+        }
+        // Vytvorenie odkazu pre stiahnutie
+        const link = document.createElement('a');
+        link.href = selectedDoc.src; // Cesta k PDF
+        link.download = selectedDoc.name || 'document.pdf'; // Názov pre stiahnutý súbor
+        document.body.appendChild(link); // Pridanie do DOM
+        link.click(); // Simulácia kliknutia
+        document.body.removeChild(link); // Odstránenie odkazu
+    }
+    handleZoom(increase) {
+        this.scale = increase ? (this.scale ?? 1) * 1.1 : (this.scale ?? 1) / 1.1;
+        this.renderPage();
+    }
+    handleMouseDown(e) {
+        if ((this.scale ?? 1) <= 1)
+            return;
+        this.isDragging = true;
+        this.clickX = e.clientX;
+        this.clickY = e.clientY;
+        if (this.outerContainer) {
+            this.prevScrollLeft = this.outerContainer.scrollLeft;
+            this.prevScrollTop = this.outerContainer.scrollTop;
+        }
+    }
+    handleMouseMove(e) {
+        if (!this.isDragging)
+            return;
+        const deltaX = e.clientX - this.clickX;
+        const deltaY = e.clientY - this.clickY;
+        if (this.outerContainer) {
+            this.outerContainer.scrollLeft = this.prevScrollLeft - deltaX;
+            this.outerContainer.scrollTop = this.prevScrollTop - deltaY;
+        }
+    }
+    handleMouseUp() {
+        this.isDragging = false;
+    }
+    render() {
+        if (this.hideTabWhen)
+            return null;
+        return html `
+            ${this.titleLabel
+            ? html `
+                      <div class="section-header">
+                          <div class="section-title">${this.titleLabel}</div>
+                      </div>
+                  `
+            : ''}
+            <div class="section-tab">
+                ${this.type === 'compact'
+            ? html ` ${this.documents?.map((doc, index) => html `
+                              <div
+                                  class="document-label ${this.selectedId == doc.id
+                ? 'selected'
+                : null}"
+                                  @click=${() => this.handleDocumentClick(doc.id)}
+                              >
+                                  <div class="document-item" id="${doc.id}">
+                                      <lit-overflow-tooltip
+                                          label="${doc.name || `Document ${index + 1}`}"
+                                      >
+                                          ${doc.name || `Document ${index + 1}`}
+                                      </lit-overflow-tooltip>
+                                  </div>
+
+                                  ${this.selectedId == doc.id
+                ? html `
+                                            <div class="document-checked">
+                                                <span>Zobrazen náhled</span>
+                                            </div>
+                                        `
+                : html `
+                                            <div class="document-unchecked">
+                                                <lit-icon icon="reading" size="1rem"></lit-icon>
+                                                <span>Zobrazit náhled</span>
+                                            </div>
+                                        `}
+                              </div>
+                          `)}`
+            : html `
+                          <lit-select
+                              .value="${this.selectedId}"
+                              .options="${this.documents?.map((doc) => ({
+                value: doc.id,
+                label: doc.name,
+            }))}"
+                              .onChange="${(selectedValue) => {
+                this.handleDocumentClick(selectedValue);
+            }}"
+                          ></lit-select>
+                      `}
+
+                <div class="document">
+                    <div class="document-box">
+                        <div class="document-selected">
+                            <lit-overflow-tooltip label="${this.getSelectedDocumentName()}">
+                                ${this.getSelectedDocumentName()}
+                            </lit-overflow-tooltip>
+                        </div>
+                        <div class="action-buttons">
+                            ${this.preview
+            ? html `
+                                      <lit-icon
+                                          style="cursor: pointer"
+                                          icon="chevronLeftFilled"
+                                          size="1rem"
+                                          @click=${() => this.handlePageChange(false)}
+                                      ></lit-icon>
+                                      <span>page ${this.pageNumber} / ${this.pageCount}</span>
+                                      <lit-icon
+                                          style="cursor: pointer"
+                                          icon="chevronRightFilled"
+                                          size="1rem"
+                                          @click=${() => this.handlePageChange(true)}
+                                      ></lit-icon>
+                                      <lit-icon-button
+                                          icon="zoomIn"
+                                          variant="text"
+                                          size="small"
+                                          @click=${() => this.handleZoom(true)}
+                                      ></lit-icon-button>
+                                      <lit-icon-button
+                                          icon="zoomout"
+                                          variant="text"
+                                          size="small"
+                                          @click=${() => this.handleZoom(false)}
+                                      ></lit-icon-button>
+                                  `
+            : null}
+
+                            <lit-icon-button
+                                icon="download"
+                                variant="text"
+                                size="small"
+                                @click=${this.handleDownload}
+                            ></lit-icon-button>
+                        </div>
+                    </div>
+                    <div
+                        class="document-container"
+                        @mousemove=${this.handleMouseMove}
+                        @mouseup=${this.handleMouseUp}
+                        @mouseleave=${this.handleMouseUp}
+                    >
+                        <canvas
+                            style=${styleMap({
+            cursor: (this.scale ?? 1) > 1 ? 'grab' : 'default',
+            transform: `scale(${this.scale})`,
+        })}
+                            @mousedown=${this.handleMouseDown}
+                        >
+                        </canvas>
+                        ${!this.preview
+            ? html `
+                                  <div class="not-supported__format">
+                                      <div style="max-height: 7.125rem; max-width: 7.125rem">
+                                          <no-preview></no-preview>
+                                      </div>
+                                      ${msg('Náhled dokumentu není možný vzhledem k typu dokumentu.')}
+                                  </div>
+                              `
+            : null}
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.abortController.abort();
+    }
+};
+LitAttachmentsTab.styles = [
+    css `
+            .section-tab {
+                background: var(--background-paper, #ffffff);
+                border-radius: 0.75rem;
+                padding: var(--section-padding, 0.75rem 1rem);
+                box-sizing: border-box;
+                display: flex;
+                flex-direction: column;
+                position: relative;
+                width: 100%;
+                min-width: 20.3125rem;
+            }
+
+            .section-header {
+                display: flex;
+                align-items: center;
+                padding: 0.625rem 1rem 0.625rem 1rem;
+                text-transform: uppercase;
+            }
+
+            .section-title {
+                font-size: 0.6875rem;
+                color: var(--text-secondary, #5d6371);
+                font-weight: 600 !important;
+                margin-left: 0.5rem;
+            }
+
+            .document-label {
+                line-height: 2.125rem;
+                gap: 0.25rem;
+                display: flex;
+                justify-content: space-between;
+                flex-direction: row;
+                align-items: center;
+                position: relative;
+                font-weight: 500;
+                font-size: 0.8125rem;
+                padding: 0.125rem 0 0.125rem 1rem;
+                background: var(--background-paper, #ffffff);
+                color: var(--color-secondary-main, #111827);
+                border-radius: 0.5rem;
+                cursor: pointer;
+            }
+
+            .document-item {
+                font-weight: 500;
+                font-size: 0.8125rem;
+                color: var(--color-secondary-main, #111827);
+                display: flex;
+
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            .document-label:hover {
+                background: var(--color-primary-light, #f0fadf);
+            }
+
+            .selected {
+                background: var(--color-primary-light, #f0fadf);
+            }
+
+            .document-checked {
+                padding: 0 1rem 0 1rem;
+                font-size: 0.75rem;
+                color: var(--color-success-main, #76b703);
+                white-space: nowrap;
+            }
+            .document-unchecked {
+                display: none;
+                padding: 0 1rem 0 1rem;
+                font-size: 0.75rem;
+                align-items: center;
+                gap: 0.5rem;
+                white-space: nowrap;
+            }
+
+            .document-label:hover .document-unchecked {
+                display: flex;
+            }
+
+            .document {
+                height: 100%;
+                background: var(--background-default, #eff3f4);
+                border-radius: 0.25rem;
+                padding: 0.75rem 0.5rem 0.5rem 0.5rem;
+            }
+
+            .document-box {
+                display: flex;
+                align-items: center;
+                max-height: 2rem;
+                justify-content: space-between;
+                padding: 0 0.75rem 0.75rem 0.75rem;
+            }
+
+            .action-buttons {
+                display: flex;
+                align-items: center;
+                font-size: 0.8125rem;
+                gap: 0.75rem;
+                white-space: nowrap;
+            }
+
+            .document-selected {
+                color: var(--color-secondary-main, #111827);
+                font-size: 0.8125rem;
+                font-weight: 500;
+                max-width: 100%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            .document-container {
+                position: relative;
+                width: 100%;
+                height: 100%;
+
+                overflow: auto;
+                justify-content: center;
+                align-items: center;
+            }
+
+            canvas {
+                display: block;
+                margin: 0 auto;
+                transform-origin: 0 0;
+                width: 100%;
+                height: 100%;
+            }
+
+            .not-supported__format {
+                font-size: 0.875rem;
+                text-align: center;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-direction: column;
+                margin: 1rem 0 1rem 0;
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], LitAttachmentsTab.prototype, "titleLabel", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitAttachmentsTab.prototype, "hideTabWhen", void 0);
+__decorate([
+    property({ type: String })
+], LitAttachmentsTab.prototype, "initialSelection", void 0);
+__decorate([
+    property({ type: Array })
+], LitAttachmentsTab.prototype, "documents", void 0);
+__decorate([
+    property({ type: String })
+], LitAttachmentsTab.prototype, "selectedId", void 0);
+__decorate([
+    property({ type: String })
+], LitAttachmentsTab.prototype, "type", void 0);
+__decorate([
+    property({ type: Object })
+], LitAttachmentsTab.prototype, "selectedDocument", void 0);
+__decorate([
+    property({ type: Number })
+], LitAttachmentsTab.prototype, "pageNumber", void 0);
+__decorate([
+    property({ type: Number })
+], LitAttachmentsTab.prototype, "pageCount", void 0);
+__decorate([
+    property({ type: Number })
+], LitAttachmentsTab.prototype, "scale", void 0);
+__decorate([
+    property({ type: Object })
+], LitAttachmentsTab.prototype, "isChecked", void 0);
+__decorate([
+    property({ type: Array })
+], LitAttachmentsTab.prototype, "additionalLabels", void 0);
+__decorate([
+    property({ type: Object })
+], LitAttachmentsTab.prototype, "isEllipsisActive", void 0);
+__decorate([
+    property({ type: String })
+], LitAttachmentsTab.prototype, "isHoveredLabel", void 0);
+__decorate([
+    state()
+], LitAttachmentsTab.prototype, "preview", void 0);
+LitAttachmentsTab = __decorate([
+    customElement('lit-attachments-tab')
+], LitAttachmentsTab);
+export { LitAttachmentsTab };
+//# sourceMappingURL=lit-attachments-tab.js.map

package/dist/components/lit-attachments-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-attachments-tab.js","sourceRoot":"","sources":["../../src/components/lit-attachments-tab.ts"],"names":[],"mappings":"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"}

package/dist/components/lit-case-variables-tab.d.ts

@@ -0,0 +1,82 @@
+import { LitElement, TemplateResult } from 'lit';
+import '../shared/lit-icon.js';
+import { Icon } from '../shared/lit-icon.js';
+import '../shared/lit-icon.js';
+import '../shared/lit-button.js';
+import '../shared/lit-tooltip.js';
+import { ButtonVariant } from '../shared/lit-button.js';
+import { DateFormats } from './lit-data-grid-tanstack.js';
+export type CaseVariablesTabProps = {
+    rows?: Cell[][];
+    titleLabel?: string;
+    data?: any;
+    titleIcon?: Icon;
+    hideTabWhen?: boolean;
+    locale?: string;
+    isLoading?: boolean;
+};
+export type Cell = {
+    field: string;
+    type?: 'string' | 'button' | 'link' | 'date';
+    headerName: (cell: {
+        [key: string]: string;
+    }, data: any) => any;
+    value?: (cell: {
+        [key: string]: string;
+    }, data: any) => any;
+    size?: {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+    };
+    buttonVariant?: ButtonVariant;
+    buttonFullWidth?: boolean;
+    buttonFn?: () => void;
+    href?: (Cell: {
+        [key: string]: string;
+    }) => string;
+    headerStyle?: Object;
+    valueStyle?: Object;
+    cellStyle?: Object;
+    tooltip?: (cell: {
+        [key: string]: string;
+    }, data: any) => string;
+};
+export declare class LitCaseVariablesTab extends LitElement {
+    titleLabel?: string;
+    titleIcon?: Icon;
+    rows: Cell[][];
+    hideTabWhen: boolean;
+    data: {
+        [key: string]: {
+            [key: string]: string;
+        };
+    };
+    userLang?: string;
+    dateFormat?: DateFormats;
+    isLoading: boolean;
+    private currentBreakpoint;
+    private _resizeListener;
+    private language;
+    static styles: import("lit").CSSResult[];
+    private BREAKPOINTS;
+    getBreakpoint(): "xl" | "lg" | "md" | "sm" | "xs";
+    handleResize(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    setLanguage(): void;
+    private getHeader;
+    private getCellButton;
+    private getCellLink;
+    private getCellValue;
+    private getCellDate;
+    render(): TemplateResult | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-case-variables-tab': LitCaseVariablesTab;
+    }
+}
+//# sourceMappingURL=lit-case-variables-tab.d.ts.map

package/dist/components/lit-case-variables-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-case-variables-tab.d.ts","sourceRoot":"","sources":["../../src/components/lit-case-variables-tab.ts"],"names":[],"mappings":"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"}