overview-components 1.1.0 → 1.1.10

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

@@ -0,0 +1,218 @@
+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, property, state } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+import { msg } from '@lit/localize';
+//components
+import '../../assets/illustration/settings-illustration.js';
+import '../../shared/lit-button.js';
+import '../../shared/lit-select-field.js';
+import '../../shared/lit-text-field.js';
+import '../../shared/lit-modal.js';
+import '../../shared/lit-icon-button.js';
+import '../../shared/lit-modal-header.js';
+import '../../shared/lit-modal-footer.js';
+import '../../shared/lit-modal-body.js';
+import '../../shared/lit-label.js';
+let AttachmentsTabSettings = class AttachmentsTabSettings extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.onSettingsChangedModal = (settingsValue) => { };
+        this.type = 'compact';
+        this.scale = 1;
+        this.isOpenModal = false;
+        this.originalValues = {};
+        this.currentValues = {};
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.initializeValues();
+        document.addEventListener('keydown', this._handleKeyDown.bind(this));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this._handleKeyDown.bind(this));
+    }
+    _handleKeyDown(e) {
+        if (e.key === 'Enter') {
+            if (e.key === 'Enter' && this.isOpenModal) {
+                this.trySendSettingsUpdate();
+            }
+        }
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        // If any of the properties changed, reinitialize values
+        const settingsProperties = ['type', 'scale'];
+        if (settingsProperties.some((prop) => changedProperties.has(prop))) {
+            this.initializeValues();
+        }
+    }
+    initializeValues() {
+        // Store original values
+        this.originalValues = {
+            scale: this.scale || 1,
+            type: this.type || 'compact',
+        };
+        // Initialize current values with original values
+        this.currentValues = { ...this.originalValues };
+        this.localSettingsValue = {};
+    }
+    updateCurrentValue(key, value) {
+        this.currentValues = {
+            ...this.currentValues,
+            [key]: value,
+        };
+        this.updateLocalSettings({ [key]: value });
+    }
+    updateLocalSettings(updates) {
+        this.localSettingsValue = {
+            ...this.localSettingsValue,
+            ...updates,
+        };
+    }
+    trySendSettingsUpdate() {
+        this.onSettingsChangedModal?.(this.localSettingsValue);
+        if (this.onClose) {
+            this.onClose();
+        }
+    }
+    discardChanges() {
+        this.currentValues = { ...this.originalValues };
+        this.localSettingsValue = {};
+        this.requestUpdate();
+        if (this.onClose) {
+            this.onClose();
+        }
+    }
+    render() {
+        return html `
+            <lit-modal
+                .open=${this.isOpenModal}
+                .onClose=${() => {
+            this.onClose?.();
+        }}
+                .closeOnOutsideClick=${false}
+                .fullScreen=${window.innerWidth <=
+            (parseInt(getComputedStyle(document.documentElement).getPropertyValue('--breakpoint-sm')) || 600)}
+            >
+                <lit-modal-header
+                    style="display: flex; align-items: center; justify-content: flex-end;"
+                >
+                    <lit-icon-button
+                        .icon="${'close'}"
+                        variant="${'text'}"
+                        size="${'small'}"
+                        @click=${() => this.onClose?.()}
+                    ></lit-icon-button>
+                </lit-modal-header>
+                <lit-modal-body>
+                    <div style="display: flex; flex-direction: column; gap: 0.5rem">
+                        <div
+                            style="display: flex; flex-direction: column; align-items: center; font-size: 1rem; font-weight: 500;"
+                        >
+                            <div style="max-height: 5rem; max-width: 5rem">
+                                <settings-illustration></settings-illustration>
+                            </div>
+                            <span
+                                style="font-size: 0.875rem; font-weight: 500 ; color: var(--text-secondary, #777);"
+                            >
+                                ${msg('Konfigurace') + '- AttachmentsTab'}
+                            </span>
+                        </div>
+                    </div>
+                    <div style="display: flex;flex-direction: column; gap: 0.5rem">
+                        <div
+                            style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
+                        >
+                            <lit-text-field
+                                .label="${'scale'}"
+                                .tooltip="${'Zoom scale of the previewed document. Used to increase or decrease the document size in the viewer.'}"
+                                type="number"
+                                .value="${this.currentValues.scale}"
+                                @onBlur=${(e) => {
+            const value = parseFloat(e.detail);
+            this.updateCurrentValue('scale', isNaN(value) ? undefined : value);
+        }}
+                            ></lit-text-field>
+                        </div>
+                        <div
+                            style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
+                        >
+                            <lit-select-field
+                                .label="${'type'}"
+                                .tooltip="${'Select type of attachments tab. If set to select, the tab will be displayed as a select element.'}"
+                                .value=${this.currentValues.type || ''}
+                                .options=${[
+            { label: 'Compact', value: 'compact' },
+            { label: 'Select', value: 'select' },
+        ]}
+                                disableClearButton="true"
+                                @onChange="${(e) => {
+            this.updateCurrentValue('type', e.detail);
+        }}"
+                            ></lit-select-field>
+                        </div>
+                    </div>
+                </lit-modal-body>
+                <lit-modal-footer
+                    style=" display: flex;
+            flex-direction: row;
+            gap: 0.5rem;
+            justify-content: center;"
+                >
+                    <lit-button
+                        .label="${msg('Uložit')}"
+                        .icon="${'check'}"
+                        .size="${'medium'}"
+                        @click=${() => this.trySendSettingsUpdate()}
+                    ></lit-button>
+                    <lit-button
+                        .label="${msg('Zrušit')}"
+                        variant="${'text'}"
+                        .icon="${'close'}"
+                        .size="${'medium'}"
+                        @click=${() => this.discardChanges()}
+                    ></lit-button>
+                </lit-modal-footer>
+            </lit-modal>
+        `;
+    }
+};
+AttachmentsTabSettings.styles = [css ``];
+__decorate([
+    property({ type: Function })
+], AttachmentsTabSettings.prototype, "onClose", void 0);
+__decorate([
+    property({ type: Function })
+], AttachmentsTabSettings.prototype, "onSettingsChangedModal", void 0);
+__decorate([
+    property({ type: Number })
+], AttachmentsTabSettings.prototype, "columnDefaultSize", void 0);
+__decorate([
+    property({ type: String })
+], AttachmentsTabSettings.prototype, "type", void 0);
+__decorate([
+    property({ type: Number })
+], AttachmentsTabSettings.prototype, "scale", void 0);
+__decorate([
+    state()
+], AttachmentsTabSettings.prototype, "isOpenModal", void 0);
+__decorate([
+    state()
+], AttachmentsTabSettings.prototype, "localSettingsValue", void 0);
+__decorate([
+    state()
+], AttachmentsTabSettings.prototype, "originalValues", void 0);
+__decorate([
+    state()
+], AttachmentsTabSettings.prototype, "currentValues", void 0);
+AttachmentsTabSettings = __decorate([
+    customElement('attachments-tab-settings')
+], AttachmentsTabSettings);
+export { AttachmentsTabSettings };
+//# sourceMappingURL=attachments-tab-settings.js.map

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

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

package/dist/components/components-settings/data-grid-settings.d.ts

@@ -0,0 +1,53 @@
+import { LitElement, TemplateResult } from 'lit';
+import '../../shared/lit-icon.js';
+import '../../shared/lit-input.js';
+import '../../shared/simple-popper.js';
+import '../../assets/illustration/not-found.js';
+import '../../assets/illustration/settings-illustration.js';
+import '../../shared/lit-menu.js';
+import '../../shared/lit-menu-item.js';
+import '../../shared/lit-button.js';
+import '../../shared/lit-icon-button.js';
+import '../../shared/lit-text-field.js';
+import '../../shared/lit-select-field.js';
+import '../../shared/lit-modal.js';
+import '../../shared/lit-checkbox.js';
+import '../../shared/lit-icon-button.js';
+import '../../shared/lit-modal-header.js';
+import '../../shared/lit-modal-footer.js';
+import '../../shared/lit-modal-body.js';
+import '../../shared/lit-label.js';
+import '../../shared/lit-toggle.js';
+import { DataGridSettingsValue } from '../lit-data-grid-tanstack';
+export declare class DataGridSettings extends LitElement {
+    onClose: (() => void) | undefined;
+    onSettingsChangedModal?: Function;
+    enableColumnPinning?: boolean;
+    enableFiltering?: boolean;
+    enableSorting?: boolean;
+    columnDefaultSize?: number;
+    columnGroupedColor?: string;
+    rowAggregationColor?: string;
+    enableGrouping?: boolean;
+    exportData?: boolean;
+    actionButtonsInMenu?: boolean;
+    hideFooter?: boolean;
+    private isOpenModal;
+    private localSettingsValue?;
+    private originalValues;
+    private currentValues;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, any>): void;
+    private initializeValues;
+    private updateCurrentValue;
+    private trySendSettingsUpdate;
+    private discardChanges;
+    static styles: import("lit").CSSResult[];
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'data-grid-settings': DataGridSettingsValue;
+    }
+}
+//# sourceMappingURL=data-grid-settings.d.ts.map

package/dist/components/components-settings/data-grid-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-settings.d.ts","sourceRoot":"","sources":["../../../src/components/components-settings/data-grid-settings.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,+BAA+B,CAAC;AACvC,OAAO,wCAAwC,CAAC;AAChD,OAAO,oDAAoD,CAAC;AAC5D,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AACvC,OAAO,4BAA4B,CAAC;AACpC,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,2BAA2B,CAAC;AACnC,OAAO,8BAA8B,CAAC;AACtC,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,2BAA2B,CAAC;AACnC,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,qBACa,gBAAiB,SAAQ,UAAU;IACd,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,sBAAsB,CAAC,EAAE,QAAQ,CAEvD;IAEqB,mBAAmB,CAAC,EAAE,OAAO,CAAQ;IACrC,eAAe,CAAC,EAAE,OAAO,CAAQ;IACjC,aAAa,CAAC,EAAE,OAAO,CAAQ;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAQ;IAChC,UAAU,CAAC,EAAE,OAAO,CAAQ;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAS;IACtC,UAAU,CAAC,EAAE,OAAO,CAAS;IAEjD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,kBAAkB,CAAC,CAAwB;IAEnD,OAAO,CAAC,cAAc,CAWxB;IAEE,OAAO,CAAC,aAAa,CAWvB;IAEP,iBAAiB;IAKjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAsB3C,OAAO,CAAC,gBAAgB;IAoBzB,OAAO,CAAC,kBAAkB;IAKzB,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,cAAc;IAOtB,MAAM,CAAC,MAAM,4BAAW;IAExB,MAAM,IAAI,cAAc;CA0K3B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,qBAAqB,CAAC;KAC/C;CACJ"}

package/dist/components/components-settings/data-grid-settings.js

@@ -0,0 +1,318 @@
+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, property, state } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+import { msg } from '@lit/localize';
+//components
+import '../../shared/lit-icon.js';
+import '../../shared/lit-input.js';
+import '../../shared/simple-popper.js';
+import '../../assets/illustration/not-found.js';
+import '../../assets/illustration/settings-illustration.js';
+import '../../shared/lit-menu.js';
+import '../../shared/lit-menu-item.js';
+import '../../shared/lit-button.js';
+import '../../shared/lit-icon-button.js';
+import '../../shared/lit-text-field.js';
+import '../../shared/lit-select-field.js';
+import '../../shared/lit-modal.js';
+import '../../shared/lit-checkbox.js';
+import '../../shared/lit-icon-button.js';
+import '../../shared/lit-modal-header.js';
+import '../../shared/lit-modal-footer.js';
+import '../../shared/lit-modal-body.js';
+import '../../shared/lit-label.js';
+import '../../shared/lit-toggle.js';
+let DataGridSettings = class DataGridSettings extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.onSettingsChangedModal = (settingsValue) => { };
+        this.enableColumnPinning = true;
+        this.enableFiltering = true;
+        this.enableSorting = true;
+        this.enableGrouping = true;
+        this.exportData = true;
+        this.actionButtonsInMenu = false;
+        this.hideFooter = false;
+        this.isOpenModal = false;
+        this.originalValues = {};
+        this.currentValues = {};
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.initializeValues();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        // If any of the properties changed, reinitialize values
+        const settingsProperties = [
+            'enableFiltering',
+            'enableSorting',
+            'columnDefaultSize',
+            'columnGroupedColor',
+            'rowAggregationColor',
+            'enableGrouping',
+            'exportData',
+            'actionButtonsInMenu',
+            'hideFooter',
+            'enableColumnPinning',
+        ];
+        if (settingsProperties.some((prop) => changedProperties.has(prop))) {
+            this.initializeValues();
+        }
+    }
+    initializeValues() {
+        // Store original values
+        this.originalValues = {
+            enableFiltering: this.enableFiltering,
+            enableSorting: this.enableSorting,
+            enableGrouping: this.enableGrouping,
+            exportData: this.exportData,
+            actionButtonsInMenu: this.actionButtonsInMenu,
+            hideFooter: this.hideFooter,
+            enableColumnPinning: this.enableColumnPinning,
+            columnDefaultSize: this.columnDefaultSize || 100,
+            columnGroupedColor: this.columnGroupedColor || '#f0fadf',
+            rowAggregationColor: this.rowAggregationColor || '#ffe1a8',
+        };
+        // Initialize current values with original values
+        this.currentValues = { ...this.originalValues };
+        this.localSettingsValue = {};
+    }
+    updateCurrentValue(key, value) {
+        this.currentValues = { ...this.currentValues, [key]: value };
+        this.localSettingsValue = { ...this.localSettingsValue, [key]: value };
+    }
+    trySendSettingsUpdate() {
+        this.onSettingsChangedModal?.(this.localSettingsValue);
+        this.onClose?.();
+    }
+    discardChanges() {
+        this.currentValues = { ...this.originalValues };
+        this.localSettingsValue = {};
+        this.requestUpdate();
+        this.onClose?.();
+    }
+    render() {
+        return html `
+            <lit-modal
+                .open=${this.isOpenModal}
+                .onClose=${() => {
+            this.onClose?.();
+        }}
+                .closeOnOutsideClick=${false}
+                .fullScreen=${window.innerWidth <=
+            (parseInt(getComputedStyle(document.documentElement).getPropertyValue('--breakpoint-sm')) || 600)}
+            >
+                <lit-modal-header
+                    style="display: flex; align-items: center; justify-content: flex-end;"
+                >
+                    <lit-icon-button
+                        .icon="${'close'}"
+                        variant="${'text'}"
+                        size="${'small'}"
+                        @click=${() => this.onClose?.()}
+                    ></lit-icon-button>
+                </lit-modal-header>
+                <lit-modal-body style=" height: calc(100vh - 37px - 54px);>
+                    <div style="display: flex; flex-direction: column; gap: 0.5rem">
+                        <div
+                            style="display: flex; flex-direction: column; align-items: center; font-size: 1rem; font-weight: 500;"
+                        >
+                            <div style="max-height: 5rem; max-width: 5rem">
+                                <settings-illustration></settings-illustration>
+                            </div>
+                            <span
+                                style="font-size: 0.875rem; font-weight: 500 ; color: var(--text-secondary, #777);"
+                            >
+                                ${msg('Konfigurace') + '- DataGrid'}
+                            </span>
+                        </div>
+                    </div>
+                    <div style="display: flex;flex-direction: column; gap: 0.5rem">
+                        <div
+                            style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
+                        >
+                            <lit-toggle
+                                .tooltip="${'Enables or disables column filtering.'}"
+                                .label="${'enableFiltering'}"
+                                .checked=${this.currentValues.enableFiltering}
+                                @change=${(e) => {
+            this.updateCurrentValue('enableFiltering', e.detail);
+        }}
+                            ></lit-toggle>
+                            <lit-toggle
+                                .tooltip="${'Enables or disables column sorting.'}"
+                                .label="${'enableSorting'}"
+                                .checked=${this.currentValues.enableSorting}
+                                @change=${(e) => {
+            this.updateCurrentValue('enableSorting', e.detail);
+        }}
+                            ></lit-toggle>
+                            <lit-toggle
+                                .tooltip="${'Enable or disable the export to CSV and Excel feature.'}"
+                                .label="${'enableExportData'}"
+                                .checked=${this.currentValues.exportData}
+                                @change=${(e) => {
+            this.updateCurrentValue('exportData', e.detail);
+        }}
+                            ></lit-toggle>
+                            <lit-toggle
+                                .tooltip="${'Enables or disables column grouping functionality. If true, users can group rows by specific columns.'}"
+                                .label="${'enableGrouping'}"
+                                .checked=${this.currentValues.enableGrouping}
+                                @change=${(e) => {
+            this.updateCurrentValue('enableGrouping', e.detail);
+        }}
+                            ></lit-toggle>
+                            <lit-toggle
+                                .tooltip="${'Enables or disables column pinning. If true, columns can be pinned to the left.'}"
+                                .label="${'enableColumnPinning'}"
+                                .checked=${this.currentValues.enableColumnPinning}
+                                @change=${(e) => {
+            this.updateCurrentValue('enableColumnPinning', e.detail);
+        }}
+                            ></lit-toggle>
+                            <lit-toggle
+                                .tooltip="${'If true, column actions like pinning and grouping are moved into a popover menu instead of displaying individual buttons in the column header.'}"
+                                .label="${'actionButtonsInMenu'}"
+                                .checked=${this.currentValues.actionButtonsInMenu}
+                                @change=${(e) => {
+            this.updateCurrentValue('actionButtonsInMenu', e.detail);
+        }}
+                            ></lit-toggle>
+
+                            <lit-label
+                                .label="${'columnDefaultSize'}"
+                                .tooltip="${'The default width of all columns.'}"
+                            ></lit-label>
+                            <lit-input
+                                style="margin: 4px 0 4px 14px"
+                                type="number"
+                                disableClearButton="true"
+                                .value="${this.currentValues.columnDefaultSize || ''}"
+                                .onInput=${(val) => {
+            this.updateCurrentValue('columnDefaultSize', val);
+        }}
+                            ></lit-input>
+                        </div>
+                        <div
+                            style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
+                        >
+                            <lit-label
+                                .label="${'columnGroupedColor'}"
+                                .tooltip="${'The background color for grouped column headers.'}"
+                            ></lit-label>
+                            <input
+                                style="margin: 4px 0 4px 14px;"
+                                type="color"
+                                id="colorPickerCustom"
+                                value="${this.currentValues.columnGroupedColor}"
+                                @change=${(e) => {
+            const color = e.target.value;
+            this.updateCurrentValue('columnGroupedColor', color);
+        }}
+                            />
+                        </div>
+                        <div
+                            style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
+                        >
+                            <lit-label
+                                .label="${'rowAggregationColor'}"
+                                .tooltip="${'The background color for rows affected by aggregation.'}"
+                            ></lit-label>
+                            <input
+                                style="margin: 4px 0 4px 14px"
+                                type="color"
+                                id="colorPickerCustom"
+                                value="${this.currentValues.rowAggregationColor}"
+                                @change=${(e) => {
+            const color = e.target.value;
+            this.updateCurrentValue('rowAggregationColor', color);
+        }}
+                            />
+                        </div>
+                    </div>
+                </lit-modal-body>
+                <lit-modal-footer
+                    style=" display: flex;
+            flex-direction: row;
+            gap: 0.5rem;
+            justify-content: center;"
+                >
+                    <lit-button
+                        .label="${msg('Uložit')}"
+                        .icon="${'check'}"
+                        .size="${'medium'}"
+                        @click=${() => this.trySendSettingsUpdate()}
+                    ></lit-button>
+                    <lit-button
+                        .label="${msg('Zrušit')}"
+                        variant="${'text'}"
+                        .icon="${'close'}"
+                        .size="${'medium'}"
+                        @click=${() => this.discardChanges()}
+                    ></lit-button>
+                </lit-modal-footer>
+            </lit-modal>
+        `;
+    }
+};
+DataGridSettings.styles = [css ``];
+__decorate([
+    property({ type: Function })
+], DataGridSettings.prototype, "onClose", void 0);
+__decorate([
+    property({ type: Function })
+], DataGridSettings.prototype, "onSettingsChangedModal", void 0);
+__decorate([
+    property({ type: Boolean })
+], DataGridSettings.prototype, "enableColumnPinning", void 0);
+__decorate([
+    property({ type: Boolean })
+], DataGridSettings.prototype, "enableFiltering", void 0);
+__decorate([
+    property({ type: Boolean })
+], DataGridSettings.prototype, "enableSorting", void 0);
+__decorate([
+    property({ type: Number })
+], DataGridSettings.prototype, "columnDefaultSize", void 0);
+__decorate([
+    property({ type: String })
+], DataGridSettings.prototype, "columnGroupedColor", void 0);
+__decorate([
+    property({ type: String })
+], DataGridSettings.prototype, "rowAggregationColor", void 0);
+__decorate([
+    property({ type: Boolean })
+], DataGridSettings.prototype, "enableGrouping", void 0);
+__decorate([
+    property({ type: Boolean })
+], DataGridSettings.prototype, "exportData", void 0);
+__decorate([
+    property({ type: Boolean })
+], DataGridSettings.prototype, "actionButtonsInMenu", void 0);
+__decorate([
+    property({ type: Boolean })
+], DataGridSettings.prototype, "hideFooter", void 0);
+__decorate([
+    state()
+], DataGridSettings.prototype, "isOpenModal", void 0);
+__decorate([
+    state()
+], DataGridSettings.prototype, "localSettingsValue", void 0);
+__decorate([
+    state()
+], DataGridSettings.prototype, "originalValues", void 0);
+__decorate([
+    state()
+], DataGridSettings.prototype, "currentValues", void 0);
+DataGridSettings = __decorate([
+    customElement('data-grid-settings')
+], DataGridSettings);
+export { DataGridSettings };
+//# sourceMappingURL=data-grid-settings.js.map

package/dist/components/components-settings/data-grid-settings.js.map

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

package/dist/components/components-settings/section-tab-settings.d.ts

@@ -0,0 +1,48 @@
+import { LitElement, TemplateResult } from 'lit';
+import { FromSchema } from 'json-schema-to-ts';
+import { litSectionTabSchema } from '../../schemas/index.js';
+import '../../shared/lit-icon.js';
+import '../../shared/lit-input.js';
+import '../../shared/simple-popper.js';
+import '../../assets/illustration/not-found.js';
+import '../../assets/illustration/settings-illustration.js';
+import '../../shared/lit-menu.js';
+import '../../shared/lit-menu-item.js';
+import '../../shared/lit-button.js';
+import '../../shared/lit-icon-button.js';
+import '../../shared/lit-text-field.js';
+import '../../shared/lit-modal.js';
+import '../../shared/lit-checkbox.js';
+import '../../shared/lit-icon-button.js';
+import '../../shared/lit-modal-header.js';
+import '../../shared/lit-modal-footer.js';
+import '../../shared/lit-modal-body.js';
+import '../../shared/lit-label.js';
+export type SectionTabSettingsProps = {
+    settingsValue?: FromSchema<typeof litSectionTabSchema>;
+    onSettingsChanged?: Function;
+    allowedLang: string[];
+};
+export declare class SectionTabSettings extends LitElement {
+    settingsValue?: FromSchema<typeof litSectionTabSchema>;
+    onSettingsChangedModal?: Function;
+    allowedLang: string[];
+    onClose: (() => void) | undefined;
+    private isOpen;
+    private filterText;
+    private localSettingsValue?;
+    private isOpenModal;
+    updated(changedProperties: Map<string, any>): void;
+    private trySendSettingsUpdate;
+    private updateLocalSettings;
+    private closePopover;
+    private toggleCustomPopover;
+    private discardChanges;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'section-tab-settings': SectionTabSettingsProps;
+    }
+}
+//# sourceMappingURL=section-tab-settings.d.ts.map