overview-components 1.1.38 → 1.1.40

package/dist/shared/lit-calendar.js

@@ -0,0 +1,486 @@
+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 { LitElement, html, css } from 'lit';
+import { property, customElement, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { DateTime } from 'luxon';
+import { msg } from '@lit/localize';
+import { localizedDatePicker } from '../utils/localization.js';
+import './lit-icon-button.js';
+import './lit-tooltip.js';
+let LitCalendar = class LitCalendar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.month = DateTime.now().month;
+        this.year = DateTime.now().year;
+        this.dayData = {};
+        this.totalHoursTarget = 48;
+        this.limitHoursPerDay = 8;
+        this.nonWorkingDays = []; // Array of dates in YYYY-MM-DD format
+        this.weekendDays = [6, 7]; // 1=Monday, 7=Sunday (Saturday and Sunday by default)
+        this.userLang = 'cs';
+        // @property({ type: Function }) onMonthChange?: (month: number, year: number) => void;
+        this.currentDate = DateTime.now();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.currentDate = DateTime.fromObject({ month: this.month, year: this.year });
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('month') || changedProperties.has('year')) {
+            this.currentDate = DateTime.fromObject({ month: this.month, year: this.year });
+        }
+    }
+    getMonthName() {
+        const locale = localizedDatePicker.get(this.userLang) || localizedDatePicker.get('en');
+        return locale.months[this.month - 1];
+    }
+    getDayHeaders() {
+        const locale = localizedDatePicker.get(this.userLang) || localizedDatePicker.get('en');
+        // Get day headers starting from Monday (index 1) since firstDay is usually 1 for most locales
+        const days = locale.daysShort;
+        const firstDay = locale.firstDay || 1;
+        if (firstDay === 0) {
+            // Sunday first (US style) - reorder to start with Monday
+            return [...days.slice(1), days[0]];
+        }
+        // Monday first - use as is
+        return [...days.slice(1), days[0]];
+    }
+    // private navigateMonth(direction: 'prev' | 'next') {
+    //     const newDate =
+    //         direction === 'prev'
+    //             ? this.currentDate.minus({ months: 1 })
+    //             : this.currentDate.plus({ months: 1 });
+    //     this.month = newDate.month;
+    //     this.year = newDate.year;
+    //     this.currentDate = newDate;
+    //     if (this.onMonthChange) {
+    //         this.onMonthChange(this.month, this.year);
+    //     }
+    // }
+    getCalendarDays() {
+        const startOfMonth = this.currentDate.startOf('month');
+        // Get first day of week (Monday = 1)
+        const startDay = startOfMonth.weekday;
+        const daysFromPrevMonth = startDay - 1;
+        const startDate = startOfMonth.minus({ days: daysFromPrevMonth });
+        const days = [];
+        // Generate 42 days (6 weeks)
+        for (let i = 0; i < 42; i++) {
+            const date = startDate.plus({ days: i });
+            days.push({
+                date,
+                isCurrentMonth: date.month === this.currentDate.month,
+            });
+        }
+        return days;
+    }
+    getDayKey(date) {
+        return date.toFormat('yyyy-MM-dd');
+    }
+    calculateTotalWorkedHours() {
+        return Object.values(this.dayData).reduce((total, day) => total + day.totalHours, 0);
+    }
+    formatHours(hours) {
+        return hours.toLocaleString(this.userLang, {
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 2,
+        });
+    }
+    isDayOverLimit(dayData) {
+        return dayData.totalHours > this.limitHoursPerDay;
+    }
+    isNonWorkingDay(date) {
+        const dayKey = this.getDayKey(date);
+        return this.nonWorkingDays.includes(dayKey);
+    }
+    isWeekend(date) {
+        return this.weekendDays.includes(date.weekday);
+    }
+    renderTooltipContent(dayData) {
+        return html `
+            <div class="tooltip-content">
+                <table class="tooltip-table">
+                    <tbody>
+                        ${dayData.entries.map((entry, index) => html `
+                                <tr
+                                    class="tooltip-entry"
+                                    id="tooltip-entry-${dayData.date}-${index}"
+                                    @click=${() => this.handleTooltipEntryClick(entry, dayData.date)}
+                                >
+                                    <td class="tooltip-entry-hours">
+                                        ${this.formatHours(entry.hours)}h
+                                    </td>
+                                    <td class="tooltip-entry-project">${entry.project}</td>
+                                    <td class="tooltip-entry-description">
+                                        ${entry.description || ''}
+                                    </td>
+                                </tr>
+                            `)}
+                    </tbody>
+                </table>
+            </div>
+        `;
+    }
+    handleTooltipEntryClick(entry, date) {
+        if (this.onTooltipEntryClick) {
+            this.onTooltipEntryClick(entry, date);
+        }
+    }
+    render() {
+        const totalWorked = this.calculateTotalWorkedHours();
+        const calendarDays = this.getCalendarDays();
+        const dayHeaders = this.getDayHeaders();
+        return html `
+            <div class="calendar-wrapper">
+                <div class="calendar-header">
+                    <div class="month">
+                        <div class="year-title">Měsíc</div>
+                        <div class="month-title">${this.getMonthName()}</div>
+                    </div>
+                    <div class="year">
+                        <div class="year-title">Rok</div>
+                        <div class="month-title">${this.year}</div>
+                    </div>
+                    <div class="hours-summary">
+                        <div class="year-title">${msg('Vyplněno (hod)')}</div>
+                        <div class="month-title">
+                            ${this.formatHours(totalWorked)} / ${this.totalHoursTarget}
+                        </div>
+                    </div>
+                </div>
+
+                <div class="calendar-grid">
+                    ${dayHeaders.map((header) => html ` <div class="calendar-day-header">${header}</div> `)}
+                    ${calendarDays.map(({ date, isCurrentMonth }) => {
+            const dayKey = this.getDayKey(date);
+            const dayData = this.dayData[dayKey];
+            const hasData = dayData && dayData.totalHours > 0;
+            const isNonWorking = this.isNonWorkingDay(date);
+            const isWeekend = this.isWeekend(date);
+            return html `
+                            <div
+                                class=${classMap({
+                'calendar-day': true,
+                'calendar-day--other-month': !isCurrentMonth,
+                'calendar-day--non-working': isCurrentMonth && isNonWorking,
+                'calendar-day--weekend': isCurrentMonth && isWeekend && !isNonWorking,
+            })}
+                            >
+                                <div class="day-number">${date.day}</div>
+                                ${hasData
+                ? html `
+                                          <perf-tooltip placement="bottom">
+                                              <div
+                                                  slot="trigger"
+                                                  class=${classMap({
+                    'hours-badge': true,
+                    'hours-badge--error': this.isDayOverLimit(dayData),
+                })}
+                                              >
+                                                  ${this.formatHours(dayData.totalHours)} h
+                                              </div>
+                                              <div slot="tooltip">
+                                                  ${this.renderTooltipContent(dayData)}
+                                              </div>
+                                          </perf-tooltip>
+                                      `
+                : ''}
+                            </div>
+                        `;
+        })}
+                </div>
+            </div>
+        `;
+    }
+};
+LitCalendar.styles = css `
+        :host {
+            display: block;
+            font-family: var(--font-family, Inter, sans-serif);
+            border-radius: var(--border-radius-medium, 0.75rem);
+            padding: 1rem;
+        }
+
+        .calendar-wrapper {
+            display: flex;
+            flex-direction: column;
+            gap: 1rem;
+        }
+        .calendar-header {
+            background-color: var(--background-paper, #ffffff);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 8px 12px;
+            border-radius: var(--border-radius-small, 0.5rem);
+        }
+
+        .month,
+        .year {
+            display: flex;
+            flex-direction: column;
+            gap: 0.625rem;
+        }
+
+        .month-title {
+            font-size: 0.875rem;
+            font-weight: 500;
+            color: var(--text-primary, #111827);
+        }
+
+        .year-title {
+            font-size: 0.75rem;
+            font-weight: 400;
+            color: var(--text-secondary, #5d6371);
+        }
+
+        .hours-summary {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-end;
+            gap: 0.25rem;
+        }
+
+        .hours-label {
+            font-size: 0.875rem;
+            color: var(--text-secondary, #5d6371);
+        }
+
+        .hours-value {
+            font-size: 1.125rem;
+            font-weight: 600;
+            color: var(--text-primary, #111827);
+        }
+
+        .calendar-grid {
+            display: grid;
+            grid-template-columns: repeat(7, 1fr);
+            border-radius: var(--border-radius-small, 0.5rem);
+            overflow: hidden;
+            background-color: var(--background-paper, #ffffff);
+        }
+
+        .calendar-day-header {
+            padding: 0.5rem;
+            text-align: center;
+            font-size: 0.875rem;
+            font-weight: 500;
+            color: var(--text-secondary, #5d6371);
+            border-right: 0.5px dashed var(--color-divider, #d0d3db);
+            &:nth-child(7n) {
+                border-right: none;
+            }
+        }
+
+        .calendar-day {
+            background-color: var(--background-paper, #ffffff);
+            min-height: 60px;
+            position: relative;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            cursor: pointer;
+            transition: background-color 0.2s ease;
+            border-top: 0.5px dashed var(--color-divider, #d0d3db);
+            border-right: 0.5px dashed var(--color-divider, #d0d3db);
+            padding: 0.5rem;
+            &:nth-child(7n) {
+                border-right: none;
+            }
+        }
+
+        .calendar-day:hover {
+            background-color: var(--color-primary-light, #f0fadf);
+        }
+
+        .calendar-day--other-month {
+            color: var(--text-disabled, #d0d3db);
+        }
+
+        .calendar-day--other-month:hover {
+            background-color: var(--background-default, #eff3f4);
+        }
+
+        .calendar-day--non-working {
+            background-color: var(--background-default, #eff3f4);
+            position: relative;
+        }
+
+        .calendar-day--non-working:hover {
+            background-color: var(--color-secondary-light, #d0d3db);
+        }
+
+        // .calendar-day--non-working::before {
+        //     content: '';
+        //     position: absolute;
+        //     top: 0;
+        //     left: 0;
+        //     right: 0;
+        //     bottom: 0;
+        //     background: repeating-linear-gradient(
+        //         45deg,
+        //         transparent,
+        //         transparent 2px,
+        //         var(--color-divider, #d0d3db) 2px,
+        //         var(--color-divider, #d0d3db) 4px
+        //     );
+        //     pointer-events: none;
+        // }
+
+        .calendar-day--weekend {
+            background-color: var(--background-default, #d0d3db);
+        }
+
+        .calendar-day--weekend:hover {
+            background-color: var(--color-secondary-light, #d0d3db);
+        }
+
+        .day-number {
+            font-size: 0.875rem;
+            color: var(--text-primary, #111827);
+            margin-bottom: 0.25rem;
+        }
+
+        .calendar-day--other-month .day-number {
+            color: var(--text-disabled, #d0d3db);
+        }
+
+        .calendar-day--non-working .day-number {
+            color: var(--text-secondary, #5d6371);
+            font-weight: 600;
+        }
+
+        .calendar-day--weekend .day-number {
+            color: var(--text-secondary, #5d6371);
+        }
+
+        .hours-badge {
+            background-color: var(--color-success-main, #76b703);
+            color: white;
+            padding: 0.125rem 0.375rem;
+            border-radius: 50px;
+            font-size: 0.625rem;
+            font-weight: 600;
+            white-space: nowrap;
+        }
+
+        .hours-badge--error {
+            background-color: var(--color-warning-main, #ca2d0a);
+            animation: pulse-error 2s infinite;
+        }
+
+        @keyframes pulse-error {
+            0% {
+                box-shadow: 0 0 0 0 rgba(202, 45, 10, 0.7);
+            }
+            70% {
+                box-shadow: 0 0 0 8px rgba(202, 45, 10, 0);
+            }
+            100% {
+                box-shadow: 0 0 0 0 rgba(202, 45, 10, 0);
+            }
+        }
+
+        .navigation {
+            display: flex;
+            gap: 0.5rem;
+        }
+
+        .tooltip-content {
+            font-size: 0.75rem;
+            // min-width: 300px;
+            // max-width: 400px;
+        }
+
+        .tooltip-table {
+            width: 100%;
+            border-collapse: collapse;
+            table-layout: auto;
+        }
+
+        .tooltip-entry {
+            cursor: pointer;
+            transition: background-color 0.2s ease;
+            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        }
+
+        .tooltip-entry:last-child {
+            border-bottom: none;
+        }
+
+        .tooltip-entry:hover {
+            background-color: rgba(255, 255, 255, 0.1);
+        }
+
+        .tooltip-entry-hours {
+            padding: 0.5rem 0.75rem;
+            font-weight: 600;
+            text-align: left;
+            white-space: nowrap;
+            vertical-align: top;
+            width: 1%;
+        }
+
+        .tooltip-entry-project {
+            padding: 0.5rem 0.75rem;
+            white-space: nowrap;
+            line-height: 1.3;
+            vertical-align: top;
+            max-width: 300px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .tooltip-entry-description {
+            padding: 0.5rem 0.75rem;
+            opacity: 0.9;
+            white-space: nowrap;
+            line-height: 1.3;
+            vertical-align: top;
+            width: 1%;
+            max-width: 150px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    `;
+__decorate([
+    property({ type: Number })
+], LitCalendar.prototype, "month", void 0);
+__decorate([
+    property({ type: Number })
+], LitCalendar.prototype, "year", void 0);
+__decorate([
+    property({ type: Object })
+], LitCalendar.prototype, "dayData", void 0);
+__decorate([
+    property({ type: Number })
+], LitCalendar.prototype, "totalHoursTarget", void 0);
+__decorate([
+    property({ type: Number })
+], LitCalendar.prototype, "limitHoursPerDay", void 0);
+__decorate([
+    property({ type: Array })
+], LitCalendar.prototype, "nonWorkingDays", void 0);
+__decorate([
+    property({ type: Array })
+], LitCalendar.prototype, "weekendDays", void 0);
+__decorate([
+    property({ type: String })
+], LitCalendar.prototype, "userLang", void 0);
+__decorate([
+    property({ type: Function })
+], LitCalendar.prototype, "onTooltipEntryClick", void 0);
+__decorate([
+    state()
+], LitCalendar.prototype, "currentDate", void 0);
+LitCalendar = __decorate([
+    customElement('lit-calendar')
+], LitCalendar);
+export { LitCalendar };
+//# sourceMappingURL=lit-calendar.js.map

package/dist/shared/lit-calendar.js.map

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

package/dist/shared/lit-input.d.ts

@@ -4,7 +4,7 @@ import '../shared/lit-data-grid-operators-popover.js';
 import type { Operator } from '../components/lit-filter-modal.js';
 import type { ColumnCustomFilter } from '../components/lit-data-grid-tanstack.js';
 export type LitInputProp = {
-    type: 'number' | 'text';
+    type: 'number' | 'text' | 'textarea';
     placeholder: string;
     value: string | number | null;
     disabled: boolean;
@@ -12,7 +12,7 @@ export type LitInputProp = {
     filterOperators: ColumnCustomFilter[];
 };
 export declare class LitInput extends LitElement {
-    type: 'number' | 'text';
+    type: 'number' | 'text' | 'textarea';
     placeholder: string;
     value: any;
     onInput: ((value: string | undefined) => void) | undefined;
@@ -25,6 +25,8 @@ export declare class LitInput extends LitElement {
     disabled: boolean;
     filterOperators?: [];
     size?: 'medium' | 'small';
+    rows?: number;
+    cols?: number;
     setOperator: (operator: Operator) => void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/shared/lit-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-input.d.ts","sourceRoot":"","sources":["../../src/shared/lit-input.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,8BAA8B,CAAC;AACtC,OAAO,8CAA8C,CAAC;AAItD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAElF,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,kBAAkB,EAAE,CAAC;CACzC,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACR,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAU;IACjC,WAAW,EAAE,MAAM,CAAM;IACzB,KAAK,EAAE,GAAG,CAAQ;IAChB,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAS;IACpC,QAAQ,EAAE,OAAO,CAAS;IAC1B,MAAM,EAAE,OAAO,CAAS;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAS;IAC5B,eAAe,CAAC,EAAE,EAAE,CAAM;IACzB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAW;IAElC,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAoB;IAE3F,iBAAiB;IAKjB,oBAAoB;IAKb,cAAc,IAAI,OAAO;IAQzB,KAAK;IAKZ,MAAM,CAAC,MAAM,4BAyEX;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc;CAyErC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ"}
+{"version":3,"file":"lit-input.d.ts","sourceRoot":"","sources":["../../src/shared/lit-input.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,8BAA8B,CAAC;AACtC,OAAO,8CAA8C,CAAC;AAItD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAElF,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,kBAAkB,EAAE,CAAC;CACzC,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACR,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAU;IAC9C,WAAW,EAAE,MAAM,CAAM;IACzB,KAAK,EAAE,GAAG,CAAQ;IAChB,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAS;IACpC,QAAQ,EAAE,OAAO,CAAS;IAC1B,MAAM,EAAE,OAAO,CAAS;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAS;IAC5B,eAAe,CAAC,EAAE,EAAE,CAAM;IACzB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAW;IACpC,IAAI,CAAC,EAAE,MAAM,CAAK;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEZ,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAoB;IAE3F,iBAAiB;IAKjB,oBAAoB;IAKb,cAAc,IAAI,OAAO;IAQzB,KAAK;IAKZ,MAAM,CAAC,MAAM,4BAiFX;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc;CA8FrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ"}