overview-components 1.0.96 → 1.0.98

package/dist/assets/illustration/not-found.js

@@ -0,0 +1,109 @@
+import { customElement as m } from "../../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as v } from "../../node_modules/lit-html/lit-html.js";
+import { LitElement as h } from "../../node_modules/lit-element/lit-element.js";
+import { css as o } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var d = Object.getOwnPropertyDescriptor, f = (a, l, e, p) => {
+  for (var C = p > 1 ? void 0 : p ? d(l, e) : l, r = a.length - 1, i; r >= 0; r--)
+    (i = a[r]) && (C = i(C) || C);
+  return C;
+};
+let t = class extends h {
+  render() {
+    return v`
+            <svg
+                width="100%"
+                height="100%"
+                viewBox="0 0 240 240"
+                fill="currentColor"
+                xmlns="http://www.w3.org/2000/svg"
+            >
+                <path
+                    d="M217.422 204.195C159.369 204.564 99.7804 204.1 41.1592 204.096C40.2424 204.096 40.1164 205.495 41.0392 205.495C99.6676 205.495 158.736 205.293 217.302 205.355C218.08 205.356 218.199 204.19 217.422 204.195Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M184.133 49.9418C185.975 55.121 187.521 70.1138 187.35 75.353C187.293 77.5856 186.751 79.779 185.763 81.7814C185.704 81.8914 185.69 82.0194 185.723 82.1394C185.756 82.2594 185.833 82.3624 185.939 82.4275C186.045 82.4926 186.172 82.5149 186.294 82.4898C186.416 82.4648 186.524 82.3943 186.595 82.2927C188.8 79.2207 188.515 74.0594 188.316 70.4438C188.034 65.3582 186.959 55.9598 185.28 50.4242C184.781 48.7814 184.582 48.6038 182.845 48.0398C180.797 47.3726 176.089 47.7806 176.245 49.439C176.863 56.1326 176.173 61.3298 175.735 67.8758C175.701 68.3942 176.519 68.4146 176.631 67.9394C177.652 61.8184 177.902 55.5933 177.372 49.4102C179.467 48.2402 183.807 49.025 184.133 49.9418Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M125.862 69.4921C125.507 69.2767 125.109 69.1434 124.696 69.1019C124.283 69.0603 123.866 69.1117 123.476 69.2521C121.481 69.7012 119.663 70.7304 118.251 72.2101C117.552 73.0357 117.771 73.1953 118.167 74.1133C121.411 81.1907 125.713 87.7332 130.926 93.5161C132.861 95.7073 135.006 97.9345 138.207 97.4761C141.242 97.0477 147.346 93.3733 153.273 92.1037C153.735 92.0053 153.633 91.2373 153.162 91.2853C147.195 91.9009 142.02 95.7409 138.13 96.2653C135.228 96.6577 133.537 94.6693 131.744 92.6653C126.363 86.6653 122.61 80.1661 118.839 73.1365C120.505 71.5152 122.653 70.4795 124.959 70.1857C130.814 73.4449 135.048 79.7113 138.598 83.5873C138.924 83.9473 139.624 83.5873 139.354 83.0905C139.195 82.7954 139.018 82.5104 138.823 82.2373C147.444 75.155 158.09 70.9915 169.228 70.3465C172.384 70.218 175.545 70.2926 178.692 70.5697C178.801 70.5866 178.912 70.5601 179.002 70.4959C179.092 70.4317 179.153 70.3348 179.172 70.2261C179.192 70.1174 179.168 70.0054 179.105 69.9142C179.043 69.823 178.948 69.7598 178.839 69.7381C174.021 68.8213 166.556 69.2701 161.722 70.2181C154.113 71.7025 143.894 75.9121 138.102 81.3181C135.528 78.1861 129.45 71.6137 125.862 69.4921Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M177.748 76.8852C175.08 74.7875 171.991 73.2913 168.691 72.4992C168.25 72.4224 167.99 73.0992 168.431 73.2756C171.25 74.2279 173.924 75.5649 176.378 77.2488C185.777 83.7636 192.171 93.9516 197.012 104.122C192.116 103.423 174.092 106.102 168.95 109.648C165.647 105.13 155.059 95.1204 149.525 94.5276C149.409 94.5052 149.288 94.529 149.189 94.5942C149.09 94.6593 149.021 94.7606 148.995 94.8763C148.97 94.9921 148.99 95.1133 149.053 95.214C149.115 95.3147 149.215 95.3871 149.33 95.4156C155.296 97.242 164.101 105.432 167.963 110.35C168.655 111.23 169.103 110.573 172.313 109.27C176.986 107.368 192.601 104.201 197.885 105.493C199.076 105.784 198.142 103.728 197.885 103.213C192.94 93.2892 186.927 83.4 177.748 76.8852Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M118.445 71.0722C118.566 71.0074 118.658 70.8993 118.703 70.7695C118.747 70.6398 118.741 70.498 118.685 70.3726C117.46 68.401 115.685 65.9518 113.125 65.917C112.69 65.917 112.525 66.619 112.991 66.7078C116.869 67.4494 117.305 71.6794 118.445 71.0722Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M111.621 65.1059C113.505 64.2171 115.643 64.0253 117.655 64.5645C119.668 65.1037 121.423 66.339 122.611 68.0507C122.68 68.1509 122.782 68.2239 122.899 68.2572C123.016 68.2905 123.141 68.282 123.252 68.2332C123.364 68.1844 123.455 68.0983 123.51 67.9897C123.565 67.8811 123.581 67.7567 123.554 67.6379C122.524 63.4763 115.112 62.2547 111.37 64.4699C111.04 64.6643 111.207 65.2799 111.621 65.1059Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M177.308 46.8647C177.408 46.8981 177.517 46.8957 177.615 46.8579C177.714 46.8202 177.796 46.7494 177.848 46.6577C177.9 46.566 177.918 46.459 177.9 46.3552C177.882 46.2513 177.829 46.1569 177.749 46.0883C175.973 44.3111 177.372 41.7227 176.669 40.4483C176.625 40.3548 176.552 40.2779 176.462 40.229C176.371 40.18 176.267 40.1616 176.165 40.1764C176.063 40.1912 175.968 40.2384 175.895 40.3112C175.822 40.3839 175.774 40.4783 175.759 40.5803C175.666 41.8349 175.648 43.0938 175.703 44.3507C175.71 44.8776 175.864 45.3921 176.147 45.8363C176.431 46.2805 176.833 46.6366 177.308 46.8647Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M180.656 42.9336C181.104 42.4541 181.5 41.9289 181.838 41.3664C183.311 41.3958 184.774 41.6313 186.182 42.066C187.327 42.4152 187.532 41.6256 186.818 41.262C187.28 40.3596 188.603 36.828 188.182 35.7852C188.154 35.7193 188.11 35.6619 188.053 35.6188C187.995 35.5758 187.928 35.5486 187.857 35.54C187.786 35.5315 187.714 35.5419 187.648 35.5702C187.582 35.5986 187.525 35.6437 187.483 35.7012C187.081 37.4775 186.569 39.2272 185.951 40.9404C185.491 40.8047 185.024 40.6925 184.552 40.6044C185.473 38.8248 186.874 33.5916 185.383 34.2264C184.669 34.53 185.63 36.114 183.593 40.4568C183.196 40.4011 182.795 40.373 182.393 40.3728C183.183 38.7781 183.584 37.0188 183.562 35.2392C183.538 35.1435 183.484 35.0581 183.408 34.9958C183.331 34.9335 183.236 34.8977 183.138 34.8938C183.039 34.8899 182.942 34.918 182.861 34.9741C182.78 35.0301 182.719 35.1109 182.687 35.2044C182.048 37.2276 181.967 40.5132 179.485 42.8424C178.76 43.5264 179.811 43.8228 180.656 42.9336Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M183.958 47.2909C183.756 47.7385 184.46 48.1573 184.721 47.7181C185.898 45.7213 188.819 44.6749 189.946 38.3941C189.949 38.3029 189.921 38.2133 189.867 38.1401C189.813 38.067 189.735 38.0146 189.646 37.9917C189.558 37.9689 189.465 37.9769 189.382 38.0146C189.298 38.0522 189.231 38.1171 189.19 38.1985C188.637 39.9389 187.935 41.6283 187.092 43.2481C186.174 44.7661 184.595 45.8785 183.958 47.2909Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M124.746 68.0726C126.426 67.8626 132.441 73.0874 133.756 75.2558C134.896 75.395 138.96 76.0262 142.282 73.6046C145.025 71.6054 139.896 62.2478 131.37 61.7138C127.481 61.4738 124.257 63.9662 123.586 66.0854C124.166 66.6146 124.57 67.3078 124.746 68.0726Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M148.963 73.381C149.25 73.261 149.529 72.6958 148.963 72.6814C147.488 72.6261 146.021 72.4459 144.577 72.1426C144.463 72.1373 144.351 72.1738 144.262 72.2451C144.173 72.3165 144.113 72.4178 144.093 72.5302C144.073 72.6426 144.095 72.7584 144.155 72.8558C144.214 72.9532 144.307 73.0256 144.416 73.0594C145.893 73.4791 147.441 73.5886 148.963 73.381Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M131.807 60.6998C131.579 59.9574 131.534 59.1706 131.677 58.4072C131.82 57.6437 132.147 56.9265 132.629 56.3173C133.111 55.7081 133.733 55.2252 134.443 54.9102C135.153 54.5952 135.929 54.4575 136.704 54.509C141.918 54.7946 144.787 60.869 153.984 57.7622C155.83 57.1382 153.515 57.1682 151.641 56.5454C148.192 55.3982 144.114 41.435 133.308 43.3322C124.908 44.8058 122.868 53.9846 127.831 61.0922C129.101 60.6233 130.47 60.4882 131.807 60.6998Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M229.045 164.332C226.751 163.012 205.9 147.652 205.452 147.307C205.005 146.963 205.326 114.943 198.549 106.738C186.603 105.409 173.249 109.536 169.339 111.97C162.582 130.21 159.511 153.561 159.051 159.13C158.59 164.699 159.162 190.054 159.75 195.447C161.961 196.146 168.501 196.146 170.353 195.207C170.62 193.261 174.173 161.007 174.949 159.492C180.923 147.396 186.226 134.981 190.834 122.302C190.869 122.219 190.934 122.152 191.017 122.116C191.099 122.08 191.193 122.077 191.277 122.108C191.362 122.139 191.431 122.201 191.471 122.282C191.511 122.363 191.518 122.456 191.491 122.542C189.452 128.05 187.407 133.557 185.357 139.063C186.924 143.428 191.707 153.673 194.451 157.452C197.532 161.697 217.731 170.461 224.275 172.938C224.142 170.362 226.576 165.304 229.045 164.332Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M159.746 197.213C159.825 197.162 159.885 197.086 159.916 196.997C159.947 196.908 159.948 196.811 159.918 196.722C159.889 196.632 159.83 196.555 159.752 196.503C159.674 196.45 159.581 196.425 159.487 196.431C157.634 196.529 151.927 199.012 150.192 200.511C148.576 201.91 150.226 202.921 151.59 202.972C156.39 203.153 162.082 203.115 166.915 202.972C170.553 202.865 171.502 202.561 171.406 200.021C171.372 198.847 171.016 197.705 170.378 196.719C170 196.216 169.272 196.719 169.461 197.265C169.959 198.367 170.239 199.554 170.287 200.763C170.232 201.399 169.587 201.755 168.462 201.804C167.16 201.861 151.995 202.259 150.778 201.804C151.191 200.263 158.833 197.8 159.746 197.213Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M232.63 166.815C232.199 166.34 231.63 166.011 231.003 165.874C230.376 165.738 229.723 165.8 229.133 166.053C228.72 166.255 228.921 166.987 229.392 166.849C229.895 166.713 230.427 166.734 230.917 166.909C231.407 167.084 231.832 167.406 232.134 167.83C234.235 170.667 231.281 182.448 230.511 185.777C229.953 188.19 228.646 189.15 227.902 185.994C226.999 181.562 226.424 177.07 226.181 172.554C226.126 171.988 225.229 172.05 225.195 172.603C225.005 175.618 226.035 184.696 227.083 187.333C228.421 190.704 230.833 189.111 231.603 185.76C232.492 181.875 235.861 169.927 232.63 166.815Z"
+                    fill='var(--text-primary, #76b703)'
+                />
+                <path
+                    d="M75.8581 159.701C76.8505 159.701 76.7245 158.2 75.9001 158.246C69.5149 158.654 63.1039 158.251 56.8201 157.046C45.4621 154.783 36.0877 147.12 33.4801 135.36C31.8194 126.93 32.7308 118.196 36.0961 110.291C43.2865 94.1221 58.0429 89.7601 75.6685 90.3601C77.5153 90.4225 77.6521 90.7201 78.1033 88.6261C80.6233 76.9057 89.3713 70.2925 101.038 68.8165C104.575 68.3974 108.137 68.213 111.698 68.2645C112.397 68.2645 112.922 66.9865 111.6 66.9445C107.892 66.8389 86.0209 66.9445 82.3201 66.9445C75.4297 66.9445 68.5477 66.1789 62.6293 70.0009C57.5365 73.2913 53.0917 80.4529 52.2073 86.5297C52.1257 87.0961 53.1121 87.5161 53.2153 86.8789C54.3337 79.9717 59.9221 69.5725 71.2405 68.4625C74.1445 68.1769 73.6093 68.2801 96.6025 68.2801C87.1597 70.6165 79.1161 77.0101 76.7173 89.0197C65.0425 88.4809 42.7441 87.6661 35.4493 88.6273C16.0597 91.1929 2.2597 115.117 6.9049 136.136C10.6045 152.88 23.7601 159 40.0177 159.6C44.4097 159.756 71.4649 159.701 75.8581 159.701ZM41.3881 158.338C24.9313 157.884 11.5309 152.852 8.2057 135.464C4.6417 116.831 14.6005 94.2805 33.6805 90.3217C39.4021 89.1349 51.5725 89.6569 61.0849 89.8957C50.1649 91.8325 41.4409 97.2937 36.0373 107.318C31.9968 115.144 30.4586 124.022 31.6309 132.751C33.4069 146.699 43.3813 155.561 56.8117 158.422C49.8445 158.414 43.2553 158.389 41.3881 158.338Z"
+                />
+                <path
+                    d="M166.636 114.691C162.878 106.246 152.08 102.338 142.156 103.073C142.156 101.786 142.33 98.2008 141.076 98.4288C140.116 98.6028 140.956 99.8268 140.978 102.472C140.99 103.955 140.922 104.416 142.461 104.272C148.686 103.68 161.139 106.134 165.368 115.26C165.443 115.428 165.583 115.56 165.755 115.625C165.84 115.658 165.931 115.673 166.022 115.67C166.113 115.668 166.203 115.647 166.287 115.61C166.37 115.572 166.445 115.519 166.508 115.453C166.57 115.386 166.619 115.308 166.652 115.223C166.684 115.138 166.7 115.047 166.697 114.956C166.694 114.864 166.674 114.775 166.636 114.691Z"
+                />
+                <path
+                    d="M156.895 155.959C152.038 158.171 143.149 156.9 138.268 157.519C137.625 157.601 137.779 158.613 138.374 158.617C143.641 158.648 152.894 159.217 157.497 157.106C158.253 156.758 157.651 155.616 156.895 155.959Z"
+                />
+                <path
+                    d="M106.262 110.613C105.288 110.598 103.008 105.479 101.75 104.583C100.491 103.688 85.6623 102.695 84.3963 104.444C83.1303 106.194 84.1155 149.762 83.5287 154.903C82.9683 159.799 79.3287 161.894 75.1347 162.066C67.6779 162.368 60.2715 162.223 52.5915 162.17C51.5703 162.163 51.5355 163.49 52.5915 163.569C59.5431 164.06 76.0863 164.088 82.5147 163.982C95.1951 163.773 117.195 164.126 128.595 163.345C130.718 163.217 132.727 162.345 134.27 160.881C135.813 159.417 136.791 157.457 137.031 155.343C137.774 148.319 137.85 115.303 135.723 112.537C134.504 110.953 131.71 111.023 106.262 110.613ZM122.859 126.573C120.062 129.453 117.263 132.357 114.466 135.26C117.32 138.17 119.814 140.887 122.034 143.55C123.197 144.945 121.149 146.561 119.936 145.34C117.376 142.765 114.811 140.2 112.241 137.646C109.199 140.863 106.202 144.126 103.107 147.291C101.972 148.452 99.9171 146.837 100.938 145.479C102.645 143.214 107.996 137.415 109.938 135.338C107.483 132.98 105.112 130.538 102.573 128.267C99.7755 125.762 102.789 124.155 104.027 125.161C105.676 126.499 110.507 131.309 112.176 132.961C114.974 130.051 117.678 127.02 120.605 124.225C120.922 123.956 121.329 123.818 121.744 123.839C122.159 123.86 122.55 124.039 122.838 124.339C123.125 124.639 123.288 125.037 123.292 125.453C123.296 125.868 123.141 126.268 122.859 126.573Z"
+                />
+            </svg>
+        `;
+  }
+};
+t.styles = [
+  o`
+            svg {
+                color: var(--color-primary-main, #76b703);
+            }
+        `
+];
+t = f([
+  m("not-found")
+], t);
+export {
+  t as NotFound
+};

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

@@ -0,0 +1,288 @@
+import { customElement as g } from "../../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as i } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { state as s } from "../../node_modules/@lit/reactive-element/decorators/state.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as d } from "../../node_modules/lit-html/lit-html.js";
+import { LitElement as h } from "../../node_modules/lit-element/lit-element.js";
+import { msg as c } from "../../node_modules/@lit/localize/init/install.js";
+import "../../node_modules/@lit/localize/init/runtime.js";
+import { css as m } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (e, o, a, r) => {
+  for (var n = r > 1 ? void 0 : r ? f(o, a) : o, u = e.length - 1, p; u >= 0; u--)
+    (p = e[u]) && (n = (r ? p(o, a, n) : p(n)) || n);
+  return r && n && b(o, a, n), n;
+};
+let t = class extends h {
+  constructor() {
+    super(...arguments), this.onSettingsChangedModal = (e) => {
+    }, this.enableColumnPinning = !0, this.enableFiltering = !0, this.enableSorting = !0, this.enableGrouping = !0, this.exportData = !0, this.actionButtonsInMenu = !1, this.hideFooter = !1, this.isOpenModal = !1, this.originalValues = {}, this.currentValues = {};
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.initializeValues();
+  }
+  updated(e) {
+    super.updated(e), [
+      "enableFiltering",
+      "enableSorting",
+      "columnDefaultSize",
+      "columnGroupedColor",
+      "rowAggregationColor",
+      "enableGrouping",
+      "exportData",
+      "actionButtonsInMenu",
+      "hideFooter",
+      "enableColumnPinning"
+    ].some((a) => e.has(a)) && this.initializeValues();
+  }
+  initializeValues() {
+    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"
+    }, this.currentValues = { ...this.originalValues }, this.localSettingsValue = {};
+  }
+  updateCurrentValue(e, o) {
+    this.currentValues = { ...this.currentValues, [e]: o }, this.localSettingsValue = { ...this.localSettingsValue, [e]: o };
+  }
+  trySendSettingsUpdate() {
+    var e, o;
+    (e = this.onSettingsChangedModal) == null || e.call(this, this.localSettingsValue), (o = this.onClose) == null || o.call(this);
+  }
+  discardChanges() {
+    var e;
+    this.currentValues = { ...this.originalValues }, this.localSettingsValue = {}, this.requestUpdate(), (e = this.onClose) == null || e.call(this);
+  }
+  render() {
+    return d`
+            <lit-modal
+                .open=${this.isOpenModal}
+                .onClose=${() => {
+      var e;
+      (e = this.onClose) == null || e.call(this);
+    }}
+                .closeOnOutsideClick=${!1}
+                .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=${() => {
+      var e;
+      return (e = this.onClose) == null ? void 0 : e.call(this);
+    }}
+                    ></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);"
+                            >
+                                ${c("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=${(e) => {
+      this.updateCurrentValue("columnDefaultSize", e);
+    }}
+                            ></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 o = e.target.value;
+      this.updateCurrentValue("columnGroupedColor", o);
+    }}
+                            />
+                        </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 o = e.target.value;
+      this.updateCurrentValue("rowAggregationColor", o);
+    }}
+                            />
+                        </div>
+                    </div>
+                </lit-modal-body>
+                <lit-modal-footer
+                    style=" display: flex;
+            flex-direction: row;
+            gap: 0.5rem;
+            justify-content: center;"
+                >
+                    <lit-button
+                        .label="${c("Uložit")}"
+                        .icon="${"check"}"
+                        .size="${"medium"}"
+                        @click=${() => this.trySendSettingsUpdate()}
+                    ></lit-button>
+                    <lit-button
+                        .label="${c("Zrušit")}"
+                        variant="${"text"}"
+                        .icon="${"close"}"
+                        .size="${"medium"}"
+                        @click=${() => this.discardChanges()}
+                    ></lit-button>
+                </lit-modal-footer>
+            </lit-modal>
+        `;
+  }
+};
+t.styles = [m``];
+l([
+  i({ type: Function })
+], t.prototype, "onClose", 2);
+l([
+  i({ type: Function })
+], t.prototype, "onSettingsChangedModal", 2);
+l([
+  i({ type: Boolean })
+], t.prototype, "enableColumnPinning", 2);
+l([
+  i({ type: Boolean })
+], t.prototype, "enableFiltering", 2);
+l([
+  i({ type: Boolean })
+], t.prototype, "enableSorting", 2);
+l([
+  i({ type: Number })
+], t.prototype, "columnDefaultSize", 2);
+l([
+  i({ type: String })
+], t.prototype, "columnGroupedColor", 2);
+l([
+  i({ type: String })
+], t.prototype, "rowAggregationColor", 2);
+l([
+  i({ type: Boolean })
+], t.prototype, "enableGrouping", 2);
+l([
+  i({ type: Boolean })
+], t.prototype, "exportData", 2);
+l([
+  i({ type: Boolean })
+], t.prototype, "actionButtonsInMenu", 2);
+l([
+  i({ type: Boolean })
+], t.prototype, "hideFooter", 2);
+l([
+  s()
+], t.prototype, "isOpenModal", 2);
+l([
+  s()
+], t.prototype, "localSettingsValue", 2);
+l([
+  s()
+], t.prototype, "originalValues", 2);
+l([
+  s()
+], t.prototype, "currentValues", 2);
+t = l([
+  g("data-grid-settings")
+], t);
+export {
+  t as DataGridSettings
+};

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

@@ -9,7 +9,7 @@ import { msg as Y } from "../node_modules/@lit/localize/init/install.js";
 import "../node_modules/@lit/localize/init/runtime.js";
 import { l as w } from "../node_modules/lodash/lodash.js";
 import { F as o } from "../node_modules/file-saver/dist/FileSaver.min.js";
-import { p as V } from "../node_modules/pdfjs-dist/build/pdf.js";
+import * as V from "pdfjs-dist";
 import { css as K } from "../node_modules/@lit/reactive-element/css-tag.js";
 var R = Object.defineProperty, M = Object.getOwnPropertyDescriptor, G = (I, C, g, A) => {
   for (var l = A > 1 ? void 0 : A ? M(C, g) : C, c = I.length - 1, m; c >= 0; c--)

package/dist/index.d.ts

@@ -16,8 +16,35 @@ export * from './components/lit-tabs-overview.js';
 export { LitTabsOverview } from './components/lit-tabs-overview.js';
 export * from './components/lit-multiselect-item.js';
 export { LitMultiselectItem } from './components/lit-multiselect-item.js';
+export * from './shared/filter-inputs.js';
 export * from './shared/lit-button.js';
 export { LitButton } from './shared/lit-button.js';
+export * from './shared/lit-checkbox.js';
+export { LitCheckbox } from './shared/lit-checkbox.js';
+export * from './shared/lit-data-grid-action-buttons-popover.js';
+export { LitDataGridActionButtonsPopover } from './shared/lit-data-grid-action-buttons-popover.js';
+export * from './shared/lit-data-grid-density-popover.js';
+export { LitDataGridDensityPopover } from './shared/lit-data-grid-density-popover.js';
+export * from './shared/lit-data-grid-export-popover.js';
+export { LitDataGridExportPopover } from './shared/lit-data-grid-export-popover.js';
+export * from './shared/lit-data-grid-row-actions.js';
+export { LitDataGridRowActions } from './shared/lit-data-grid-row-actions.js';
+export * from './shared/lit-icon-button.js';
+export { LitIconButton } from './shared/lit-icon-button.js';
+export * from './shared/lit-icon.js';
+export { LitIcon } from './shared/lit-icon.js';
+export * from './shared/lit-loading-bar.js';
+export { LitLoadingBar } from './shared/lit-loading-bar.js';
+export * from './shared/lit-overflow-tooltip.js';
+export { LitOverflowTooltip } from './shared/lit-overflow-tooltip.js';
+export * from './shared/lit-responsive-button.js';
+export { LitResponsiveButton } from './shared/lit-responsive-button.js';
+export * from './shared/simple-tooltip.js';
+export * from './assets/illustration/not-found.js';
+export * from './components/components-settings/data-grid-settings.js';
+export * from './utils/date.js';
+export * from './utils/currency.js';
+export * from './utils/custom-filters.js';
 export * from './components/react-wrappers/case-variables-tab.js';
 export { CaseVariablesTab } from './components/react-wrappers/case-variables-tab.js';
 export * from './components/react-wrappers/data-grid-tanstack.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wCAAwC,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,cAAc,wCAAwC,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,cAAc,qCAAqC,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,cAAc,gDAAgD,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,42 +1,80 @@
-import { LitCaseVariablesTab as o } from "./components/lit-case-variables-tab.js";
-import { LitDataGridTanstack as a } from "./components/lit-data-grid-tanstack.js";
-import { LitAttachmentsTab as i } from "./components/lit-attachments-tab.js";
-import { LitSectionTab as p } from "./components/lit-section-tab.js";
-import { LitBadge as s } from "./components/lit-badge.js";
+import { LitCaseVariablesTab as r } from "./components/lit-case-variables-tab.js";
+import { LitDataGridTanstack as i } from "./components/lit-data-grid-tanstack.js";
+import { LitAttachmentsTab as p } from "./components/lit-attachments-tab.js";
+import { LitSectionTab as f } from "./components/lit-section-tab.js";
+import { LitBadge as n } from "./components/lit-badge.js";
 import { LitFilterModal as L } from "./components/lit-filter-modal.js";
-import { LitChart as l } from "./components/lit-chart.js";
-import { LitTabsOverview as c } from "./components/lit-tabs-overview.js";
-import { LitMultiselectItem as B } from "./components/lit-multiselect-item.js";
-import { LitButton as v } from "./shared/lit-button.js";
-import { CaseVariablesTab as g } from "./components/react-wrappers/case-variables-tab.js";
-import { DataGridTanstack as M } from "./components/react-wrappers/data-grid-tanstack.js";
-import { AttachmentsTab as w } from "./components/react-wrappers/attachments-tab.js";
-import { SectionTab as D } from "./components/react-wrappers/section-tab.js";
-import { Badge as G } from "./components/react-wrappers/badge.js";
-import { FilterModal as S } from "./components/react-wrappers/filter-modal.js";
-import { Chart as I } from "./components/react-wrappers/chart.js";
-import { TabsOverview as j } from "./components/react-wrappers/tabs-overview.js";
-import { ProgressBar as y } from "./components/react-wrappers/progress-bar.js";
-import { Button as E } from "./components/react-wrappers/button.js";
+import { LitChart as c } from "./components/lit-chart.js";
+import { LitTabsOverview as T } from "./components/lit-tabs-overview.js";
+import { LitMultiselectItem as u } from "./components/lit-multiselect-item.js";
+import { FilterInputs as v } from "./shared/filter-inputs.js";
+import { LitButton as D } from "./shared/lit-button.js";
+import { LitCheckbox as g } from "./shared/lit-checkbox.js";
+import { LitDataGridActionButtonsPopover as h } from "./shared/lit-data-grid-action-buttons-popover.js";
+import { LitDataGridDensityPopover as I } from "./shared/lit-data-grid-density-popover.js";
+import { LitDataGridExportPopover as P } from "./shared/lit-data-grid-export-popover.js";
+import { LitDataGridRowActions as k } from "./shared/lit-data-grid-row-actions.js";
+import { LitIconButton as M } from "./shared/lit-icon-button.js";
+import { IconArray as R, LitIcon as V } from "./shared/lit-icon.js";
+import { LitLoadingBar as N } from "./shared/lit-loading-bar.js";
+import { LitOverflowTooltip as q } from "./shared/lit-overflow-tooltip.js";
+import { LitResponsiveButton as H } from "./shared/lit-responsive-button.js";
+import { SimpleTooltip as K, tooltip as Q } from "./shared/simple-tooltip.js";
+import { NotFound as W } from "./assets/illustration/not-found.js";
+import { DataGridSettings as Y } from "./components/components-settings/data-grid-settings.js";
+import { formatDate as _ } from "./utils/date.js";
+import { formatCurrency as tt } from "./utils/currency.js";
+import { dateFilterFn as rt, dateRangeFilterFn as et, multiselectFilterFn as it } from "./utils/custom-filters.js";
+import { CaseVariablesTab as pt } from "./components/react-wrappers/case-variables-tab.js";
+import { DataGridTanstack as ft } from "./components/react-wrappers/data-grid-tanstack.js";
+import { AttachmentsTab as nt } from "./components/react-wrappers/attachments-tab.js";
+import { SectionTab as Lt } from "./components/react-wrappers/section-tab.js";
+import { Badge as ct } from "./components/react-wrappers/badge.js";
+import { FilterModal as Tt } from "./components/react-wrappers/filter-modal.js";
+import { Chart as ut } from "./components/react-wrappers/chart.js";
+import { TabsOverview as vt } from "./components/react-wrappers/tabs-overview.js";
+import { ProgressBar as Dt } from "./components/react-wrappers/progress-bar.js";
+import { Button as gt } from "./components/react-wrappers/button.js";
 export {
-  w as AttachmentsTab,
-  G as Badge,
-  E as Button,
-  g as CaseVariablesTab,
-  I as Chart,
-  M as DataGridTanstack,
-  S as FilterModal,
-  i as LitAttachmentsTab,
-  s as LitBadge,
-  v as LitButton,
-  o as LitCaseVariablesTab,
-  l as LitChart,
-  a as LitDataGridTanstack,
+  nt as AttachmentsTab,
+  ct as Badge,
+  gt as Button,
+  pt as CaseVariablesTab,
+  ut as Chart,
+  Y as DataGridSettings,
+  ft as DataGridTanstack,
+  v as FilterInputs,
+  Tt as FilterModal,
+  R as IconArray,
+  p as LitAttachmentsTab,
+  n as LitBadge,
+  D as LitButton,
+  r as LitCaseVariablesTab,
+  c as LitChart,
+  g as LitCheckbox,
+  h as LitDataGridActionButtonsPopover,
+  I as LitDataGridDensityPopover,
+  P as LitDataGridExportPopover,
+  k as LitDataGridRowActions,
+  i as LitDataGridTanstack,
   L as LitFilterModal,
-  B as LitMultiselectItem,
-  p as LitSectionTab,
-  c as LitTabsOverview,
-  y as ProgressBar,
-  D as SectionTab,
-  j as TabsOverview
+  V as LitIcon,
+  M as LitIconButton,
+  N as LitLoadingBar,
+  u as LitMultiselectItem,
+  q as LitOverflowTooltip,
+  H as LitResponsiveButton,
+  f as LitSectionTab,
+  T as LitTabsOverview,
+  W as NotFound,
+  Dt as ProgressBar,
+  Lt as SectionTab,
+  K as SimpleTooltip,
+  vt as TabsOverview,
+  rt as dateFilterFn,
+  et as dateRangeFilterFn,
+  tt as formatCurrency,
+  _ as formatDate,
+  it as multiselectFilterFn,
+  Q as tooltip
 };

package/dist/node_modules/lit-html/directives/class-map.js

@@ -0,0 +1,34 @@
+import { noChange as o } from "../lit-html.js";
+import { directive as h, Directive as c, PartType as d } from "../directive.js";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const f = h(class extends c {
+  constructor(s) {
+    var e;
+    if (super(s), s.type !== d.ATTRIBUTE || s.name !== "class" || ((e = s.strings) == null ? void 0 : e.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(s) {
+    return " " + Object.keys(s).filter((e) => s[e]).join(" ") + " ";
+  }
+  update(s, [e]) {
+    var n, i;
+    if (this.st === void 0) {
+      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((t) => t !== "")));
+      for (const t in e) e[t] && !((n = this.nt) != null && n.has(t)) && this.st.add(t);
+      return this.render(e);
+    }
+    const r = s.element.classList;
+    for (const t of this.st) t in e || (r.remove(t), this.st.delete(t));
+    for (const t in e) {
+      const a = !!e[t];
+      a === this.st.has(t) || (i = this.nt) != null && i.has(t) || (a ? (r.add(t), this.st.add(t)) : (r.remove(t), this.st.delete(t)));
+    }
+    return o;
+  }
+});
+export {
+  f as classMap
+};