overview-components 1.0.98 → 1.0.99

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/dist/index.js +10178 -76
  2. package/package.json +1 -1
  3. package/dist/_virtual/FileSaver.min.js +0 -4
  4. package/dist/_virtual/_commonjsHelpers.js +0 -8
  5. package/dist/_virtual/lodash.js +0 -4
  6. package/dist/assets/generated/locales/de.js +0 -73
  7. package/dist/assets/generated/locales/en.js +0 -73
  8. package/dist/assets/generated/locales/fr.js +0 -73
  9. package/dist/assets/generated/locales/hr.js +0 -73
  10. package/dist/assets/generated/locales/it.js +0 -73
  11. package/dist/assets/generated/locales/pl.js +0 -73
  12. package/dist/assets/generated/locales/ro.js +0 -73
  13. package/dist/assets/generated/locales/sk.js +0 -73
  14. package/dist/assets/generated/locales/sr.js +0 -73
  15. package/dist/assets/icons/iconGlyphs.js +0 -680
  16. package/dist/assets/illustration/not-found.js +0 -109
  17. package/dist/components/components-settings/data-grid-settings.js +0 -288
  18. package/dist/components/lit-attachments-tab.js +0 -519
  19. package/dist/components/lit-badge.js +0 -100
  20. package/dist/components/lit-case-variables-tab.js +0 -727
  21. package/dist/components/lit-chart.js +0 -395
  22. package/dist/components/lit-data-grid-tanstack.js +0 -1733
  23. package/dist/components/lit-filter-modal.js +0 -312
  24. package/dist/components/lit-multiselect-item.js +0 -530
  25. package/dist/components/lit-section-tab.js +0 -133
  26. package/dist/components/lit-tabs-overview.js +0 -304
  27. package/dist/components/react-wrappers/attachments-tab.js +0 -14
  28. package/dist/components/react-wrappers/badge.js +0 -14
  29. package/dist/components/react-wrappers/button.js +0 -14
  30. package/dist/components/react-wrappers/case-variables-tab.js +0 -14
  31. package/dist/components/react-wrappers/chart.js +0 -14
  32. package/dist/components/react-wrappers/data-grid-tanstack.js +0 -14
  33. package/dist/components/react-wrappers/filter-modal.js +0 -14
  34. package/dist/components/react-wrappers/progress-bar.js +0 -14
  35. package/dist/components/react-wrappers/section-tab.js +0 -14
  36. package/dist/components/react-wrappers/tabs-overview.js +0 -14
  37. package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -432
  38. package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -306
  39. package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -127
  40. package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -127
  41. package/dist/node_modules/@kurkle/color/dist/color.esm.js +0 -448
  42. package/dist/node_modules/@lit/localize/init/install.js +0 -11
  43. package/dist/node_modules/@lit/localize/init/runtime.js +0 -42
  44. package/dist/node_modules/@lit/localize/internal/default-msg.js +0 -10
  45. package/dist/node_modules/@lit/localize/internal/deferred.js +0 -21
  46. package/dist/node_modules/@lit/localize/internal/fnv1a64.js +0 -17
  47. package/dist/node_modules/@lit/localize/internal/id-generation.js +0 -14
  48. package/dist/node_modules/@lit/localize/internal/locale-status-event.js +0 -9
  49. package/dist/node_modules/@lit/localize/internal/runtime-msg.js +0 -42
  50. package/dist/node_modules/@lit/localize/internal/str-tag.js +0 -15
  51. package/dist/node_modules/@lit/react/create-component.js +0 -35
  52. package/dist/node_modules/@lit/reactive-element/css-tag.js +0 -50
  53. package/dist/node_modules/@lit/reactive-element/decorators/base.js +0 -9
  54. package/dist/node_modules/@lit/reactive-element/decorators/custom-element.js +0 -13
  55. package/dist/node_modules/@lit/reactive-element/decorators/property.js +0 -37
  56. package/dist/node_modules/@lit/reactive-element/decorators/query.js +0 -20
  57. package/dist/node_modules/@lit/reactive-element/decorators/state.js +0 -12
  58. package/dist/node_modules/@lit/reactive-element/reactive-element.js +0 -250
  59. package/dist/node_modules/@tanstack/lit-table/build/lib/index.js +0 -104
  60. package/dist/node_modules/@tanstack/lit-virtual/dist/esm/index.js +0 -40
  61. package/dist/node_modules/@tanstack/table-core/build/lib/index.js +0 -1956
  62. package/dist/node_modules/@tanstack/virtual-core/dist/esm/index.js +0 -490
  63. package/dist/node_modules/@tanstack/virtual-core/dist/esm/utils.js +0 -52
  64. package/dist/node_modules/chart.js/dist/chart.js +0 -7122
  65. package/dist/node_modules/chart.js/dist/chunks/helpers.segment.js +0 -1691
  66. package/dist/node_modules/file-saver/dist/FileSaver.min.js +0 -74
  67. package/dist/node_modules/lit-element/lit-element.js +0 -51
  68. package/dist/node_modules/lit-html/async-directive.js +0 -69
  69. package/dist/node_modules/lit-html/directive-helpers.js +0 -45
  70. package/dist/node_modules/lit-html/directive.js +0 -27
  71. package/dist/node_modules/lit-html/directives/class-map.js +0 -34
  72. package/dist/node_modules/lit-html/directives/ref.js +0 -42
  73. package/dist/node_modules/lit-html/directives/repeat.js +0 -61
  74. package/dist/node_modules/lit-html/directives/style-map.js +0 -36
  75. package/dist/node_modules/lit-html/directives/unsafe-html.js +0 -27
  76. package/dist/node_modules/lit-html/lit-html.js +0 -243
  77. package/dist/node_modules/lodash/lodash.js +0 -3678
  78. package/dist/node_modules/luxon/src/datetime.js +0 -1793
  79. package/dist/node_modules/luxon/src/duration.js +0 -723
  80. package/dist/node_modules/luxon/src/errors.js +0 -40
  81. package/dist/node_modules/luxon/src/impl/conversions.js +0 -92
  82. package/dist/node_modules/luxon/src/impl/diff.js +0 -36
  83. package/dist/node_modules/luxon/src/impl/digits.js +0 -74
  84. package/dist/node_modules/luxon/src/impl/english.js +0 -138
  85. package/dist/node_modules/luxon/src/impl/formats.js +0 -150
  86. package/dist/node_modules/luxon/src/impl/formatter.js +0 -245
  87. package/dist/node_modules/luxon/src/impl/invalid.js +0 -11
  88. package/dist/node_modules/luxon/src/impl/locale.js +0 -282
  89. package/dist/node_modules/luxon/src/impl/regexParser.js +0 -202
  90. package/dist/node_modules/luxon/src/impl/tokenParser.js +0 -329
  91. package/dist/node_modules/luxon/src/impl/util.js +0 -206
  92. package/dist/node_modules/luxon/src/impl/zoneUtil.js +0 -19
  93. package/dist/node_modules/luxon/src/info.js +0 -180
  94. package/dist/node_modules/luxon/src/interval.js +0 -466
  95. package/dist/node_modules/luxon/src/settings.js +0 -150
  96. package/dist/node_modules/luxon/src/zone.js +0 -88
  97. package/dist/node_modules/luxon/src/zones/IANAZone.js +0 -178
  98. package/dist/node_modules/luxon/src/zones/fixedOffsetZone.js +0 -125
  99. package/dist/node_modules/luxon/src/zones/invalidZone.js +0 -41
  100. package/dist/node_modules/luxon/src/zones/systemZone.js +0 -47
  101. package/dist/node_modules/sortablejs/modular/sortable.esm.js +0 -1261
  102. package/dist/shared/filter-inputs.js +0 -326
  103. package/dist/shared/lit-button.js +0 -142
  104. package/dist/shared/lit-checkbox.js +0 -155
  105. package/dist/shared/lit-data-grid-action-buttons-popover.js +0 -258
  106. package/dist/shared/lit-data-grid-density-popover.js +0 -79
  107. package/dist/shared/lit-data-grid-export-popover.js +0 -66
  108. package/dist/shared/lit-data-grid-row-actions.js +0 -73
  109. package/dist/shared/lit-icon-button.js +0 -91
  110. package/dist/shared/lit-icon.js +0 -282
  111. package/dist/shared/lit-loading-bar.js +0 -94
  112. package/dist/shared/lit-overflow-tooltip.js +0 -85
  113. package/dist/shared/lit-progress-bar.js +0 -83
  114. package/dist/shared/lit-responsive-button.js +0 -84
  115. package/dist/shared/simple-tooltip.js +0 -174
  116. package/dist/shared/styles/button-shared-styles.js +0 -205
  117. package/dist/styles.js +0 -174
  118. package/dist/utils/currency.js +0 -13
  119. package/dist/utils/custom-filters.js +0 -50
  120. package/dist/utils/date.js +0 -15
  121. package/dist/utils/getOperatorByType.js +0 -52
  122. package/dist/utils/localization.js +0 -30
  123. package/dist/utils/utils.js +0 -11
@@ -1,282 +0,0 @@
1
- import "../node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as c } from "../node_modules/lit-html/lit-html.js";
3
- import { LitElement as p } from "../node_modules/lit-element/lit-element.js";
4
- import { customElement as m } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
5
- import { property as d } from "../node_modules/@lit/reactive-element/decorators/property.js";
6
- import h from "../styles.js";
7
- import u from "../assets/icons/iconGlyphs.js";
8
- import { css as v } from "../node_modules/@lit/reactive-element/css-tag.js";
9
- var g = Object.defineProperty, F = Object.getOwnPropertyDescriptor, o = (l, t, s, r) => {
10
- for (var e = r > 1 ? void 0 : r ? F(t, s) : t, a = l.length - 1, n; a >= 0; a--)
11
- (n = l[a]) && (e = (r ? n(t, s, e) : n(e)) || e);
12
- return r && e && g(t, s, e), e;
13
- };
14
- const _ = [
15
- "archive",
16
- "requiredFilled",
17
- "account",
18
- "add",
19
- "administration",
20
- "arrowLeft",
21
- "arrowRight",
22
- "bell",
23
- "bellNotify",
24
- "cases",
25
- "darkMode",
26
- "documents",
27
- "events",
28
- "favorite",
29
- "help",
30
- "home",
31
- "leave",
32
- "lightMode",
33
- "manuals",
34
- "overviews",
35
- "planning",
36
- "reports",
37
- "roles",
38
- "search",
39
- "settings",
40
- "structure",
41
- "tasks",
42
- "templates",
43
- "users",
44
- "close",
45
- "curveArrow",
46
- "administrator",
47
- "delegate",
48
- "download",
49
- "assume",
50
- "calculator",
51
- "check",
52
- "chevronDown",
53
- "handover",
54
- "flag",
55
- "filter",
56
- "favoriteAdd",
57
- "note",
58
- "more",
59
- "minus",
60
- "success",
61
- "time",
62
- "trash",
63
- "pen",
64
- "unlike",
65
- "user",
66
- "puzzle",
67
- "informative",
68
- "save",
69
- "warning",
70
- "help2",
71
- "accomplish",
72
- "addDocument",
73
- "addNote",
74
- "checkboxEmpty",
75
- "expand",
76
- "duplicate",
77
- "history",
78
- "instruction",
79
- "radioEmpty",
80
- "print",
81
- "zoomIn",
82
- "view",
83
- "reading",
84
- "reload",
85
- "logs",
86
- "flow",
87
- "csv",
88
- "contact",
89
- "columns",
90
- "hamburger",
91
- "beginning",
92
- "signal",
93
- "variable",
94
- "up",
95
- "upload",
96
- "revision",
97
- "typing",
98
- "tasksFilled",
99
- "overviewsFilled",
100
- "homeFilled",
101
- "favoriteFilled",
102
- "flagFilled",
103
- "darkModeFilled",
104
- "bellFilled",
105
- "administrationFilled",
106
- "administratorFilled",
107
- "casesFilled",
108
- "manualsFilled",
109
- "reportsFilled",
110
- "structureFilled",
111
- "usersFilled",
112
- "userFilled",
113
- "settingsFilled",
114
- "lightModeFilled",
115
- "leaveFilled",
116
- "searchFilled",
117
- "checkboxFilled",
118
- "checkFilled",
119
- "chevronDownFilled",
120
- "chevronUpFilled",
121
- "chevronRightFilled",
122
- "chevronLeftFilled",
123
- "logsFilled",
124
- "radioFilled",
125
- "historyFilled",
126
- "sortFilled",
127
- "variableFilled",
128
- "dangerFilled",
129
- "eventsFilled",
130
- "helpFilled",
131
- "rolesFilled",
132
- "clean",
133
- "dms",
134
- "cog",
135
- "email",
136
- "files",
137
- "chevron",
138
- "hand",
139
- "hide",
140
- "hierarchy",
141
- "import",
142
- "index",
143
- "infinity",
144
- "infinity2",
145
- "reset",
146
- "rest",
147
- "sleep",
148
- "sorting",
149
- "totake",
150
- "totakedelegate",
151
- "shredding",
152
- "show",
153
- "share",
154
- "table",
155
- "url",
156
- "schema",
157
- "stats",
158
- "zoomout",
159
- "book",
160
- "authentication",
161
- "apphealth",
162
- "certificate",
163
- "console",
164
- "folder",
165
- "hragenda",
166
- "script",
167
- "sequence",
168
- "serviceoperation",
169
- "archiveFilled",
170
- "planningFilled",
171
- "approval",
172
- "certificate2",
173
- "change",
174
- "chevrondown",
175
- "cursor",
176
- "copylink",
177
- "column",
178
- "documentsFilled",
179
- "filterFilled",
180
- "filteroff",
181
- "hr",
182
- "image",
183
- "outoftime",
184
- "news",
185
- "newsFilled",
186
- "morevertical",
187
- "spinner",
188
- "userFilled2",
189
- "tasksii",
190
- "rowlarge",
191
- "rowmedium",
192
- "rowmall",
193
- "touchid",
194
- "acces",
195
- "agenda",
196
- "annoncement",
197
- "email2",
198
- "export",
199
- "faceid",
200
- "deviceregister",
201
- "lock",
202
- "outoftime2",
203
- "qr",
204
- "unlock",
205
- "zastupovany",
206
- "csvFilled",
207
- "qrFilled",
208
- "knowledgeFilled",
209
- "hragendaFilled",
210
- "deviceregisterFilled",
211
- "agregation",
212
- "code",
213
- "flowii",
214
- "cursor2",
215
- "drag",
216
- "link",
217
- "lang",
218
- "pinFilled",
219
- "pin",
220
- "play",
221
- "return",
222
- "sorting2",
223
- "switch",
224
- "test",
225
- "stop",
226
- "zoom",
227
- "wrapitup",
228
- "web"
229
- ];
230
- let i = class extends p {
231
- constructor() {
232
- super(...arguments), this.icon = "add", this.size = "1.375rem", this.isActive = !1, this.notRotateIcon = ["arrowLeft", "arrowRight"];
233
- }
234
- render() {
235
- const l = this.icon ? u[this.icon] : void 0;
236
- return l ? c`
237
- <svg
238
- xmlns="http://www.w3.org/2000/svg"
239
- viewBox="0 0 512 512"
240
- style="width: ${this.size || " 1.5rem"} ; height: ${this.size || " 1.5rem"};"
241
- class="rotated"
242
- fill="${this.isActive ? "var(--color-primary-main, #76b703)" : "currentColor"}"
243
- >
244
- <g transform="translate(0,20)">
245
- <path d="${l.d}" />
246
- </g>
247
- </svg>
248
- ` : c`<span>Icon not found</span>`;
249
- }
250
- };
251
- i.styles = [
252
- h,
253
- v`
254
- :host {
255
- position: relative;
256
- display: inline-block;
257
- }
258
- svg {
259
- position: relative;
260
- top: 0.0625rem;
261
- }
262
- svg.rotated {
263
- transform: scaleY(-1);
264
- }
265
- `
266
- ];
267
- o([
268
- d({ type: String })
269
- ], i.prototype, "icon", 2);
270
- o([
271
- d({ type: String })
272
- ], i.prototype, "size", 2);
273
- o([
274
- d({ type: Boolean, reflect: !0 })
275
- ], i.prototype, "isActive", 2);
276
- i = o([
277
- m("lit-icon")
278
- ], i);
279
- export {
280
- _ as IconArray,
281
- i as LitIcon
282
- };
@@ -1,94 +0,0 @@
1
- import "../node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as m } from "../node_modules/lit-html/lit-html.js";
3
- import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
4
- import { customElement as b } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
5
- import { property as f } from "../node_modules/@lit/reactive-element/decorators/property.js";
6
- import { css as p } from "../node_modules/@lit/reactive-element/css-tag.js";
7
- var c = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (s, i, o, e) => {
8
- for (var r = e > 1 ? void 0 : e ? g(i, o) : i, a = s.length - 1, n; a >= 0; a--)
9
- (n = s[a]) && (r = (e ? n(i, o, r) : n(r)) || r);
10
- return e && r && c(i, o, r), r;
11
- };
12
- let t = class extends d {
13
- render() {
14
- return m`
15
- <div class="progress-root">
16
- <div class="bar bar1Indeterminate"></div>
17
- <div class="bar bar2Indeterminate"></div>
18
- </div>
19
- `;
20
- }
21
- };
22
- t.styles = p`
23
- .progress-root {
24
- position: relative;
25
- bottom: 0;
26
- left: 0;
27
- overflow: hidden;
28
- display: block;
29
- width: 100%;
30
- height: 0.125rem;
31
- background-color: var(--color-primary-light, #f0fadf);
32
- box-sizing: border-box;
33
- }
34
- /* Prvá animovaná "vlna" */
35
-
36
- .bar1Indeterminate {
37
- animation: mui-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
38
- }
39
-
40
- /* Druhá animovaná "vlna" (oneskorená) */
41
-
42
- .bar2Indeterminate {
43
- animation: mui-indeterminate2 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
44
- animation-delay: 1.05s;
45
- }
46
-
47
- @keyframes mui-indeterminate1 {
48
- 0% {
49
- left: -35%;
50
- right: 100%;
51
- }
52
- 60% {
53
- left: 100%;
54
- right: -90%;
55
- }
56
- 100% {
57
- left: 100%;
58
- right: -90%;
59
- }
60
- }
61
-
62
- @keyframes mui-indeterminate2 {
63
- 0% {
64
- left: -200%;
65
- right: 100%;
66
- }
67
- 60% {
68
- left: 107%;
69
- right: -8%;
70
- }
71
- 100% {
72
- left: 107%;
73
- right: -8%;
74
- }
75
- }
76
- .bar {
77
- position: absolute;
78
- height: 100%;
79
- display: block;
80
- background-color: var(--color-primary-main, #76b703);
81
- width: auto;
82
- will-change: left, right;
83
- box-sizing: border-box;
84
- }
85
- `;
86
- l([
87
- f({ type: String })
88
- ], t.prototype, "isLoading", 2);
89
- t = l([
90
- b("lit-loading-bar")
91
- ], t);
92
- export {
93
- t as LitLoadingBar
94
- };
@@ -1,85 +0,0 @@
1
- import "../node_modules/@lit/reactive-element/reactive-element.js";
2
- import { nothing as p, html as h } from "../node_modules/lit-html/lit-html.js";
3
- import { LitElement as a } from "../node_modules/lit-element/lit-element.js";
4
- import { customElement as f } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
5
- import { property as v } from "../node_modules/@lit/reactive-element/decorators/property.js";
6
- import { state as O } from "../node_modules/@lit/reactive-element/decorators/state.js";
7
- import { query as d } from "../node_modules/@lit/reactive-element/decorators/query.js";
8
- import { tooltip as b } from "./simple-tooltip.js";
9
- import { css as m } from "../node_modules/@lit/reactive-element/css-tag.js";
10
- var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (e, t, l, o) => {
11
- for (var s = o > 1 ? void 0 : o ? x(t, l) : t, n = e.length - 1, c; n >= 0; n--)
12
- (c = e[n]) && (s = (o ? c(t, l, s) : c(s)) || s);
13
- return o && s && w(t, l, s), s;
14
- };
15
- let r = class extends a {
16
- constructor() {
17
- super(...arguments), this.label = "", this.placement = "top", this.isOverflowing = !1, this.checkOverflow = () => {
18
- const e = this.textElement;
19
- if (!e) {
20
- this.isOverflowing = !1;
21
- return;
22
- }
23
- this.isOverflowing = e.scrollWidth > e.clientWidth;
24
- };
25
- }
26
- connectedCallback() {
27
- super.connectedCallback();
28
- }
29
- disconnectedCallback() {
30
- this.disconnectObservers(), super.disconnectedCallback();
31
- }
32
- firstUpdated() {
33
- var e, t;
34
- this.setupObservers(), (t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("slot")) == null || t.addEventListener("slotchange", this.checkOverflow), this.checkOverflow();
35
- }
36
- updated(e) {
37
- e.has("label") && this.checkOverflow();
38
- }
39
- setupObservers() {
40
- this.disconnectObservers(), this.checkOverflow = this.checkOverflow.bind(this), this.textElement && (this.textObserver = new ResizeObserver(this.checkOverflow), this.textObserver.observe(this.textElement)), this.hostObserver = new ResizeObserver(this.checkOverflow), this.hostObserver.observe(this);
41
- }
42
- disconnectObservers() {
43
- var e, t;
44
- (e = this.textObserver) == null || e.disconnect(), this.textObserver = void 0, (t = this.hostObserver) == null || t.disconnect(), this.hostObserver = void 0;
45
- }
46
- render() {
47
- return this.isOverflowing ? h`
48
- <div
49
- class="text-content"
50
- ${this.isOverflowing ? b(this.label, this.placement) : p}
51
- >
52
- <slot></slot>
53
- </div>
54
- ` : h` <div class="text-content"><slot></slot></div> `;
55
- }
56
- };
57
- r.styles = m`
58
- :host {
59
- display: inline-block;
60
- width: 100%;
61
- }
62
- .text-content {
63
- overflow: hidden;
64
- text-overflow: ellipsis;
65
- white-space: nowrap;
66
- }
67
- `;
68
- i([
69
- v({ type: String })
70
- ], r.prototype, "label", 2);
71
- i([
72
- v({ type: String })
73
- ], r.prototype, "placement", 2);
74
- i([
75
- O()
76
- ], r.prototype, "isOverflowing", 2);
77
- i([
78
- d(".text-content")
79
- ], r.prototype, "textElement", 2);
80
- r = i([
81
- f("lit-overflow-tooltip")
82
- ], r);
83
- export {
84
- r as LitOverflowTooltip
85
- };
@@ -1,83 +0,0 @@
1
- import { customElement as c } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
2
- import { property as n } from "../node_modules/@lit/reactive-element/decorators/property.js";
3
- import "../node_modules/@lit/reactive-element/reactive-element.js";
4
- import { html as g } from "../node_modules/lit-html/lit-html.js";
5
- import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
6
- import { css as m } from "../node_modules/@lit/reactive-element/css-tag.js";
7
- var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (e, t, i, o) => {
8
- for (var r = o > 1 ? void 0 : o ? v(t, i) : t, a = e.length - 1, p; a >= 0; a--)
9
- (p = e[a]) && (r = (o ? p(t, i, r) : p(r)) || r);
10
- return o && r && f(t, i, r), r;
11
- };
12
- let s = class extends d {
13
- constructor() {
14
- super(...arguments), this.label = "", this.progress = 0;
15
- }
16
- render() {
17
- const e = Math.min(100, Math.max(0, this.progress));
18
- return g`
19
- <div class="container">
20
- <div class="label">${this.label}</div>
21
- <div class="progress-bar-container">
22
- <div class="percentage">${e}%</div>
23
- <div class="progress-bar">
24
- <div class="progress-fill" style="width: ${e}%"></div>
25
- </div>
26
- </div>
27
- </div>
28
- `;
29
- }
30
- };
31
- s.styles = [
32
- m`
33
- .container {
34
- gap: 4px;
35
- }
36
-
37
- .label {
38
- font-weight: 500;
39
- font-size: 14px;
40
- color: var(--text-secondary, #5d6371);
41
- gap: 10px;
42
- line-height: 24px;
43
- }
44
-
45
- .progress-bar-container {
46
- display: flex;
47
- align-items: center;
48
- gap: 4px;
49
- }
50
-
51
- .progress-bar {
52
- display: flex;
53
- width: 100%;
54
- height: 12px;
55
- border-radius: 8px;
56
- background-color: var(--color-primary-light, #f0fadf);
57
- overflow: hidden;
58
- }
59
-
60
- .progress-fill {
61
- height: 100%;
62
- background-color: var(--color-primary-main, #76b703);
63
- transition: width 0.05s ease-in-out;
64
- }
65
-
66
- .percentage {
67
- font-weight: 500;
68
- font-size: 14px;
69
- }
70
- `
71
- ];
72
- l([
73
- n({ type: String })
74
- ], s.prototype, "label", 2);
75
- l([
76
- n({ type: Number })
77
- ], s.prototype, "progress", 2);
78
- s = l([
79
- c("lit-progress-bar")
80
- ], s);
81
- export {
82
- s as LitProgressBar
83
- };
@@ -1,84 +0,0 @@
1
- import { customElement as d } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
2
- import { property as i } from "../node_modules/@lit/reactive-element/decorators/property.js";
3
- import { state as h } from "../node_modules/@lit/reactive-element/decorators/state.js";
4
- import "../node_modules/@lit/reactive-element/reactive-element.js";
5
- import { html as c } from "../node_modules/lit-html/lit-html.js";
6
- import { LitElement as u } from "../node_modules/lit-element/lit-element.js";
7
- var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, e = (p, o, r, n) => {
8
- for (var s = n > 1 ? void 0 : n ? b(o, r) : o, a = p.length - 1, l; a >= 0; a--)
9
- (l = p[a]) && (s = (n ? l(o, r, s) : l(s)) || s);
10
- return n && s && m(o, r, s), s;
11
- };
12
- let t = class extends u {
13
- constructor() {
14
- super(...arguments), this.variant = "contained", this.size = "medium", this.label = "Button", this.fullWidth = !1, this.disabled = !1, this.count = void 0, this.active = !1, this.isSmallScreen = !1;
15
- }
16
- // Stav pre breakpoint
17
- connectedCallback() {
18
- super.connectedCallback(), this.updateScreenSize(), window.addEventListener("resize", this.updateScreenSize.bind(this));
19
- }
20
- disconnectedCallback() {
21
- window.removeEventListener("resize", this.updateScreenSize.bind(this)), super.disconnectedCallback();
22
- }
23
- updateScreenSize() {
24
- this.isSmallScreen = window.matchMedia("(max-width: 600px)").matches;
25
- }
26
- render() {
27
- return this.isSmallScreen ? c`
28
- <lit-icon-button
29
- .icon="${this.icon}"
30
- .variant="${this.variant}"
31
- .size="${this.size}"
32
- .disabled="${this.disabled}"
33
- .active="${this.active}"
34
- ></lit-icon-button>
35
- ` : c`
36
- <lit-button
37
- .icon="${this.icon}"
38
- .variant="${this.variant}"
39
- .count="${this.count}"
40
- .size="${this.size}"
41
- .label="${this.label}"
42
- .fullWidth="${this.fullWidth}"
43
- .disabled="${this.disabled}"
44
- .active="${this.active}"
45
- ></lit-button>
46
- `;
47
- }
48
- };
49
- e([
50
- i({ type: String })
51
- ], t.prototype, "variant", 2);
52
- e([
53
- i({ type: String })
54
- ], t.prototype, "size", 2);
55
- e([
56
- i({ type: String })
57
- ], t.prototype, "label", 2);
58
- e([
59
- i({ type: String })
60
- ], t.prototype, "icon", 2);
61
- e([
62
- i({ type: Boolean })
63
- ], t.prototype, "fullWidth", 2);
64
- e([
65
- i({ type: Boolean })
66
- ], t.prototype, "disabled", 2);
67
- e([
68
- i({ type: Number })
69
- ], t.prototype, "count", 2);
70
- e([
71
- i({ type: Function })
72
- ], t.prototype, "onClick", 2);
73
- e([
74
- i({ type: Boolean })
75
- ], t.prototype, "active", 2);
76
- e([
77
- h()
78
- ], t.prototype, "isSmallScreen", 2);
79
- t = e([
80
- d("lit-responsive-button")
81
- ], t);
82
- export {
83
- t as LitResponsiveButton
84
- };