@deviceinsight/ng-ui-basic-components 7.24.0 → 7.25.0
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.
- package/dist/index.cjs +36 -72
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +35 -70
- package/dist/index.js.map +1 -1
- package/package.json +13 -13
package/dist/index.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
|
|
2
|
+
// \0rolldown/runtime.js
|
|
3
3
|
var __create = Object.create;
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
@@ -20,7 +20,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
20
20
|
value: mod,
|
|
21
21
|
enumerable: true
|
|
22
22
|
}) : target, mod));
|
|
23
|
-
//#endregion
|
|
24
23
|
let react = require("react");
|
|
25
24
|
react = __toESM(react, 1);
|
|
26
25
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -32,7 +31,7 @@ react_dom = __toESM(react_dom, 1);
|
|
|
32
31
|
let react_draggable = require("react-draggable");
|
|
33
32
|
react_draggable = __toESM(react_draggable, 1);
|
|
34
33
|
let _floating_ui_react = require("@floating-ui/react");
|
|
35
|
-
|
|
34
|
+
// src/components/accordion/Accordion.tsx
|
|
36
35
|
/**
|
|
37
36
|
* Accordions are best used to display homogenous information, e.g. multiple configurations which would take up a lot of space otherwise.
|
|
38
37
|
*/
|
|
@@ -62,8 +61,7 @@ var Accordion = class extends react.Component {
|
|
|
62
61
|
});
|
|
63
62
|
}
|
|
64
63
|
};
|
|
65
|
-
|
|
66
|
-
//#region src/components/accordionComponents/AccordionItem.tsx
|
|
64
|
+
// src/components/accordionComponents/AccordionItem.tsx
|
|
67
65
|
var AccordionItem = class extends react.PureComponent {
|
|
68
66
|
render() {
|
|
69
67
|
const { badge, children, isOpen, info1, itemClasses, title, titleTooltip, toggle, tools, ...rest } = this.props;
|
|
@@ -111,8 +109,7 @@ var AccordionItem = class extends react.PureComponent {
|
|
|
111
109
|
});
|
|
112
110
|
}
|
|
113
111
|
};
|
|
114
|
-
|
|
115
|
-
//#region src/components/button/Button.tsx
|
|
112
|
+
// src/components/button/Button.tsx
|
|
116
113
|
/**
|
|
117
114
|
* Buttons are used to inform the user about a potential user interaction, which then on interaction causes an action.
|
|
118
115
|
* To create a standardized look and feel, different props can be passed to the Button.
|
|
@@ -138,8 +135,7 @@ function Button({ children, title, type, disabled, onClick, style, tabIndex, t,
|
|
|
138
135
|
});
|
|
139
136
|
}
|
|
140
137
|
var Button_default = (0, react_i18next.withTranslation)()(Button);
|
|
141
|
-
|
|
142
|
-
//#region src/components/button/ButtonRow.tsx
|
|
138
|
+
// src/components/button/ButtonRow.tsx
|
|
143
139
|
/**
|
|
144
140
|
* ButtonRows align Buttons nicely for all relevant and/or related user actions such as saving or canceling changes.
|
|
145
141
|
* To separate the ButtonRow from the content, the extra property `dividing` can be used.
|
|
@@ -150,8 +146,7 @@ var ButtonRow = ({ children, dividing, className, style }) => /* @__PURE__ */ (0
|
|
|
150
146
|
children
|
|
151
147
|
});
|
|
152
148
|
ButtonRow.defaultProps = { dividing: false };
|
|
153
|
-
|
|
154
|
-
//#region src/hooks/useOutsideClick.ts
|
|
149
|
+
// src/hooks/useOutsideClick.ts
|
|
155
150
|
var isTouchEvent = (event) => {
|
|
156
151
|
return !!event.touches;
|
|
157
152
|
};
|
|
@@ -184,8 +179,7 @@ var useOutsideClick = (elements, callback) => {
|
|
|
184
179
|
};
|
|
185
180
|
}, [elements]);
|
|
186
181
|
};
|
|
187
|
-
|
|
188
|
-
//#region src/components/modalComponents/ModalWindow.tsx
|
|
182
|
+
// src/components/modalComponents/ModalWindow.tsx
|
|
189
183
|
function ModalWindow({ className, width, header, content, footer, onOutsideClick }) {
|
|
190
184
|
const ref = (0, react.useRef)(null);
|
|
191
185
|
const [rootElement, setRootElement] = (0, react.useState)(null);
|
|
@@ -219,8 +213,7 @@ function ModalWindow({ className, width, header, content, footer, onOutsideClick
|
|
|
219
213
|
})
|
|
220
214
|
});
|
|
221
215
|
}
|
|
222
|
-
|
|
223
|
-
//#region src/components/modal/Modal.tsx
|
|
216
|
+
// src/components/modal/Modal.tsx
|
|
224
217
|
var Modal = class extends react.default.Component {
|
|
225
218
|
static defaultProps = { width: "60%" };
|
|
226
219
|
container;
|
|
@@ -258,15 +251,13 @@ var Modal = class extends react.default.Component {
|
|
|
258
251
|
}), this.container);
|
|
259
252
|
}
|
|
260
253
|
};
|
|
261
|
-
|
|
262
|
-
//#region src/components/modalComponents/ModalContainer.tsx
|
|
254
|
+
// src/components/modalComponents/ModalContainer.tsx
|
|
263
255
|
var ModalContainer = class extends react.default.PureComponent {
|
|
264
256
|
render() {
|
|
265
257
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { id: "modal-root" });
|
|
266
258
|
}
|
|
267
259
|
};
|
|
268
|
-
|
|
269
|
-
//#region src/components/spinner/Spinner.tsx
|
|
260
|
+
// src/components/spinner/Spinner.tsx
|
|
270
261
|
/**
|
|
271
262
|
* Spinners usually show a loading indication.
|
|
272
263
|
*/
|
|
@@ -296,8 +287,7 @@ var Spinner = class extends react.default.Component {
|
|
|
296
287
|
});
|
|
297
288
|
}
|
|
298
289
|
};
|
|
299
|
-
|
|
300
|
-
//#region src/components/spinner/SpinnerContainer.tsx
|
|
290
|
+
// src/components/spinner/SpinnerContainer.tsx
|
|
301
291
|
/**
|
|
302
292
|
* SpinnerContainer wraps the entire content and displays a loading indicator until the loading is done.
|
|
303
293
|
*/
|
|
@@ -319,8 +309,7 @@ var SpinnerContainer = class extends react.default.Component {
|
|
|
319
309
|
});
|
|
320
310
|
}
|
|
321
311
|
};
|
|
322
|
-
|
|
323
|
-
//#region src/components/input/Checkbox.tsx
|
|
312
|
+
// src/components/input/Checkbox.tsx
|
|
324
313
|
var getWrapperClassName = (type, small) => {
|
|
325
314
|
switch (type) {
|
|
326
315
|
case "checkbox":
|
|
@@ -369,15 +358,13 @@ var Checkbox = ({ type = "checkbox", value, onChange, title, label, disabled = f
|
|
|
369
358
|
});
|
|
370
359
|
};
|
|
371
360
|
var Checkbox_default = (0, react_i18next.withTranslation)()(Checkbox);
|
|
372
|
-
|
|
373
|
-
//#region src/components/confirm/utils.ts
|
|
361
|
+
// src/components/confirm/utils.ts
|
|
374
362
|
function isTranslationDescriptor(arg) {
|
|
375
363
|
const result = typeof arg === "object" && typeof arg.id === "string" && typeof arg.defaultValue === "string";
|
|
376
364
|
if (result) console.warn("Please use strings instead of TranslationDescriptors to initialize the Confirm modal, because TranslationDescriptors are deprecated");
|
|
377
365
|
return result;
|
|
378
366
|
}
|
|
379
|
-
|
|
380
|
-
//#region src/components/confirm/Confirm.tsx
|
|
367
|
+
// src/components/confirm/Confirm.tsx
|
|
381
368
|
function transformTextToElement(message) {
|
|
382
369
|
if (isTranslationDescriptor(message)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_i18next.Trans, {
|
|
383
370
|
i18nKey: message.id,
|
|
@@ -411,8 +398,7 @@ function Confirm({ title, message, onAccept, onDecline, acceptButtonLabel, decli
|
|
|
411
398
|
width: 500
|
|
412
399
|
});
|
|
413
400
|
}
|
|
414
|
-
|
|
415
|
-
//#region src/components/confirm/ConfirmProvider.tsx
|
|
401
|
+
// src/components/confirm/ConfirmProvider.tsx
|
|
416
402
|
var ConfirmContext = (0, react.createContext)({ confirm: () => Promise.reject(/* @__PURE__ */ new Error("ConfirmProvider is missing!")) });
|
|
417
403
|
function ConfirmProvider({ children }) {
|
|
418
404
|
const [visible, setVisible] = (0, react.useState)(false);
|
|
@@ -443,16 +429,14 @@ function ConfirmProvider({ children }) {
|
|
|
443
429
|
children: [children, visible && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Confirm, { ...confirmProps })]
|
|
444
430
|
});
|
|
445
431
|
}
|
|
446
|
-
|
|
447
|
-
//#region src/components/confirm/useConfirm.ts
|
|
432
|
+
// src/components/confirm/useConfirm.ts
|
|
448
433
|
function useConfirm() {
|
|
449
434
|
const context = (0, react.useContext)(ConfirmContext);
|
|
450
435
|
if (!context) throw new Error("ConfirmProvider is missing");
|
|
451
436
|
const { confirm } = context;
|
|
452
437
|
return confirm;
|
|
453
438
|
}
|
|
454
|
-
|
|
455
|
-
//#region src/components/confirm/withConfirm.tsx
|
|
439
|
+
// src/components/confirm/withConfirm.tsx
|
|
456
440
|
function withConfirm(WrappedComponent) {
|
|
457
441
|
function WithConfirm(props) {
|
|
458
442
|
const confirm = useConfirm();
|
|
@@ -481,44 +465,31 @@ function withConfirm(WrappedComponent) {
|
|
|
481
465
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WithConfirm, { ...props }) });
|
|
482
466
|
};
|
|
483
467
|
}
|
|
484
|
-
|
|
485
|
-
//#region src/assets/svg/icon_add.svg
|
|
468
|
+
// src/assets/svg/icon_add.svg
|
|
486
469
|
var icon_add_default = "data:image/svg+xml,%3csvg%20id='icon-add_24_sga'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpolygon%20id='plus'%20points='20%2010%2014%2010%2014%204%2010%204%2010%2010%204%2010%204%2014%2010%2014%2010%2020%2014%2020%2014%2014%2020%2014%2020%2010'/%3e%3c/svg%3e";
|
|
487
|
-
|
|
488
|
-
//#region src/assets/svg/icon_cross.svg
|
|
470
|
+
// src/assets/svg/icon_cross.svg
|
|
489
471
|
var icon_cross_default = "data:image/svg+xml,%3csvg%20id='icon-cross_24_sga'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpolygon%20id='icon-cross_24'%20points='20%206.28%2017.87%204%2012%209.78%206.13%204%204%206.28%209.78%2011.97%204%2017.66%206.13%2019.93%2012%2014.15%2017.87%2019.93%2020%2017.66%2014.22%2011.97%2020%206.28'/%3e%3c/svg%3e";
|
|
490
|
-
|
|
491
|
-
//#region src/assets/svg/icon_edit.svg
|
|
472
|
+
// src/assets/svg/icon_edit.svg
|
|
492
473
|
var icon_edit_default = "data:image/svg+xml,%3csvg%20id='icon-edit-24_sga'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cg%20id='stift'%3e%3cpath%20d='M7.35,12.65a.5.5,0,0,0,0,.7l3.3,3.3a.5.5,0,0,0,.7,0l8.3-8.3A1.4,1.4,0,0,0,20,7.5v-1a1.4,1.4,0,0,0-.35-.85l-1.3-1.3A1.4,1.4,0,0,0,17.5,4h-1a1.4,1.4,0,0,0-.85.35Z'/%3e%3c/g%3e%3cpath%20d='M5.9,14.49c.06-.27.26-.33.45-.14l3.3,3.3c.19.19.13.39-.14.45l-4,.8a.3.3,0,0,1-.39-.39Z'/%3e%3c/svg%3e";
|
|
493
|
-
|
|
494
|
-
//#region src/assets/svg/icon_gear.svg
|
|
474
|
+
// src/assets/svg/icon_gear.svg
|
|
495
475
|
var icon_gear_default = "data:image/svg+xml,%3csvg%20id='icon-gear-24_sga'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cg%20id='icon-gear-24_sga-2'%20data-name='icon-gear-24_sga'%3e%3cpath%20d='M22.82,14.06A1.25,1.25,0,0,0,24,13,7.66,7.66,0,0,0,24,12,7.66,7.66,0,0,0,24,11a1.25,1.25,0,0,0-1.13-1l-1.09,0A1.49,1.49,0,0,1,20.44,9c-.15-.47-.44-2-.07-2.37l.74-.81a1.16,1.16,0,0,0,0-1.5L19.7,2.87a1.16,1.16,0,0,0-1.5,0l-.81.74a1.5,1.5,0,0,1-1.54.27c-.44-.23-1.72-1.08-1.74-1.63l0-1.09A1.25,1.25,0,0,0,13,.05a7.66,7.66,0,0,0-1,0,7.66,7.66,0,0,0-1,.05,1.25,1.25,0,0,0-1,1.13l0,1.09A1.52,1.52,0,0,1,9,3.56c-.47.15-2,.44-2.37.07L5.8,2.89a1.16,1.16,0,0,0-1.5,0L2.86,4.3a1.18,1.18,0,0,0,0,1.5l.74.81A1.5,1.5,0,0,1,3.9,8.15c-.23.44-1.08,1.72-1.63,1.74l-1.09,0A1.25,1.25,0,0,0,.05,11a7.66,7.66,0,0,0,0,1,7.66,7.66,0,0,0,.05,1,1.25,1.25,0,0,0,1.13,1l1.09,0A1.47,1.47,0,0,1,3.55,15c.16.48.45,2,.08,2.37l-.74.81a1.16,1.16,0,0,0,0,1.5L4.3,21.13a1.16,1.16,0,0,0,1.5,0l.81-.74a1.5,1.5,0,0,1,1.54-.27c.44.23,1.72,1.08,1.75,1.63l0,1.09A1.25,1.25,0,0,0,11,24,7.66,7.66,0,0,0,12,24,7.66,7.66,0,0,0,13,24a1.25,1.25,0,0,0,1-1.13l0-1.09A1.49,1.49,0,0,1,15,20.44c.47-.15,2-.44,2.37-.07l.81.74a1.16,1.16,0,0,0,1.5,0l1.43-1.43a1.16,1.16,0,0,0,0-1.5l-.74-.81a1.5,1.5,0,0,1-.27-1.54c.23-.44,1.08-1.72,1.63-1.74ZM12,15.5A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z'/%3e%3c/g%3e%3c/svg%3e";
|
|
496
|
-
|
|
497
|
-
//#region src/assets/svg/icon_duplicate.svg
|
|
476
|
+
// src/assets/svg/icon_duplicate.svg
|
|
498
477
|
var icon_duplicate_default = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cg%3e%3cpath%20d='M22.1,4.91a3,3,0,0,0-3-3H6.44a2.4,2.4,0,0,1,1.34-.4h12.6A2.12,2.12,0,0,1,22.5,3.62V17.26a1.42,1.42,0,0,1-.4,1Z'/%3e%3cpath%20d='M20.38,1H7.78A3,3,0,0,0,5.26,2.4H19.09A2.51,2.51,0,0,1,21.6,4.91V19.12A1.94,1.94,0,0,0,23,17.26V3.62A2.62,2.62,0,0,0,20.38,1Z'/%3e%3c/g%3e%3cg%3e%3cpath%20d='M4,21.5A1.5,1.5,0,0,1,2.5,20V5.8A1.5,1.5,0,0,1,4,4.3H18.2a1.5,1.5,0,0,1,1.5,1.5V20a1.5,1.5,0,0,1-1.5,1.5ZM9.5,18a.5.5,0,0,0,.5.5h2a.5.5,0,0,0,.5-.5V14.5H16a.5.5,0,0,0,.5-.5V12a.5.5,0,0,0-.5-.5H12.5V8a.5.5,0,0,0-.5-.5H10a.5.5,0,0,0-.5.5v3.5H6a.5.5,0,0,0-.5.5v2a.5.5,0,0,0,.5.5H9.5Z'/%3e%3cpath%20d='M18.2,4.8a1,1,0,0,1,1,1V20a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V5.8a1,1,0,0,1,1-1H18.2M9,11H6a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1H9v3a1,1,0,0,0,1,1h2a1,1,0,0,0,1-1V15h3a1,1,0,0,0,1-1V12a1,1,0,0,0-1-1H13V8a1,1,0,0,0-1-1H10A1,1,0,0,0,9,8v3m9.2-7.2H4a2,2,0,0,0-2,2V20a2,2,0,0,0,2,2H18.2a2,2,0,0,0,2-2V5.8a2,2,0,0,0-2-2ZM6,14V12h4V8h2v4h4v2H12v4H10V14Z'/%3e%3c/g%3e%3c/svg%3e";
|
|
499
|
-
|
|
500
|
-
//#region src/assets/svg/icon_download.svg
|
|
478
|
+
// src/assets/svg/icon_download.svg
|
|
501
479
|
var icon_download_default = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.92%2012%202.84%207%2013%207%207.92%2012'/%3e%3crect%20x='5'%20y='2'%20width='6'%20height='5'/%3e%3crect%20x='2'%20y='14'%20width='12'%20height='1'/%3e%3c/svg%3e";
|
|
502
|
-
|
|
503
|
-
//#region src/assets/svg/icon_lupe.svg
|
|
480
|
+
// src/assets/svg/icon_lupe.svg
|
|
504
481
|
var icon_lupe_default = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3ccircle%20class='cls-1'%20cx='5.5'%20cy='5.5'%20r='4.5'/%3e%3cpath%20d='M5.5,2A3.5,3.5,0,1,1,2,5.5,3.5,3.5,0,0,1,5.5,2m0-1A4.5,4.5,0,1,0,10,5.5,4.49,4.49,0,0,0,5.5,1Z'/%3e%3c/g%3e%3crect%20x='6.79'%20y='10.04'%20width='7.74'%20height='2.16'%20transform='translate(10.98%20-4.28)%20rotate(45)'/%3e%3c/svg%3e";
|
|
505
|
-
|
|
506
|
-
//#region src/assets/svg/icon_key.svg
|
|
482
|
+
// src/assets/svg/icon_key.svg
|
|
507
483
|
var icon_key_default = "data:image/svg+xml,%3csvg%20data-name='icon_key'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2027.02%2027'%3e%3cpath%20d='M35.07,16.5a8.52,8.52,0,0,0-7.69,12L17.2,38.8a2.46,2.46,0,0,0,0,3.46,2.41,2.41,0,0,0,3.42,0l1.69-1.7,2.91,2.94L31,37.63l-2.92-3,2.44-2.46a8.31,8.31,0,0,0,4.51,1.33,8.53,8.53,0,0,0,0-17Zm0,3.91A4.62,4.62,0,1,1,30.5,25,4.6,4.6,0,0,1,35.07,20.41Z'%20transform='translate(-16.49%20-16.5)'/%3e%3c/svg%3e";
|
|
508
|
-
|
|
509
|
-
//#region src/assets/svg/icon_reload.svg
|
|
484
|
+
// src/assets/svg/icon_reload.svg
|
|
510
485
|
var icon_reload_default = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cg%20id='Pfeilende'%3e%3cpath%20d='M24,10H15l9-8.93Z'/%3e%3c/g%3e%3cpath%20d='M18.45,18.78A9.33,9.33,0,0,1,2.62,14.86,9.8,9.8,0,0,1,8.89,2.69,9.42,9.42,0,0,1,20.72,9.14H23A11.72,11.72,0,0,0,11.68,0,11.74,11.74,0,0,0,.34,9.14,12,12,0,0,0,8.89,23.65a11.43,11.43,0,0,0,11.16-3.31Z'/%3e%3c/svg%3e";
|
|
511
|
-
|
|
512
|
-
//#region src/assets/svg/icon_fullscreen.svg
|
|
486
|
+
// src/assets/svg/icon_fullscreen.svg
|
|
513
487
|
var icon_fullscreen_default = "data:image/svg+xml,%3csvg%20data-name='icon_fullscreen_sga'%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20id='ecke'%20points='2%2014%202%2010%200%2010%200%2016%206%2016%206%2014%202%2014'/%3e%3cpolygon%20id='ecke-2'%20data-name='ecke'%20points='2%202%206%202%206%200%200%200%200%206%202%206%202%202'/%3e%3cpolygon%20id='ecke-3'%20data-name='ecke'%20points='14%2014%2010%2014%2010%2016%2016%2016%2016%2010%2014%2010%2014%2014'/%3e%3cpolygon%20id='ecke-4'%20data-name='ecke'%20points='10%200%2010%202%2014%202%2014%206%2016%206%2016%200%2010%200'/%3e%3c/svg%3e";
|
|
514
|
-
|
|
515
|
-
//#region src/assets/svg/icon_help_light.svg
|
|
488
|
+
// src/assets/svg/icon_help_light.svg
|
|
516
489
|
var icon_help_light_default = "data:image/svg+xml,%3csvg%20id='Icon_help'%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20id='icon_help-2'%20data-name='icon_help'%20d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm1,16H11V15h2Zm1.7-6.26a4.85,4.85,0,0,1-.49.81l-1,1.37a1.36,1.36,0,0,0-.18.34,1,1,0,0,0-.07.38L13,14H11l.1-.49a2,2,0,0,1,.13-.77,3.18,3.18,0,0,1,.4-.69l1-1.33a3.21,3.21,0,0,0,.29-.46,1.19,1.19,0,0,0,.11-.47,1.17,1.17,0,0,0-.3-.82,1.07,1.07,0,0,0-.83-.33A1,1,0,0,0,11.1,9a1.25,1.25,0,0,0-.28.83H9a2.94,2.94,0,0,1,.23-1.17,2.45,2.45,0,0,1,.63-.88,2.9,2.9,0,0,1,.93-.55A3.13,3.13,0,0,1,11.94,7a3.31,3.31,0,0,1,1.13.19,2.82,2.82,0,0,1,.94.54,2.62,2.62,0,0,1,.65.88A3,3,0,0,1,14.9,9.8,2.16,2.16,0,0,1,14.7,10.74Z'%20style='opacity:%200.2'/%3e%3c/svg%3e";
|
|
517
|
-
|
|
518
|
-
//#region src/assets/svg/icon_star.svg
|
|
490
|
+
// src/assets/svg/icon_star.svg
|
|
519
491
|
var icon_star_default = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='icon_star_16'%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20id='star'%20d='M8,0l2.45,4.97,5.55,.76-4.04,3.83,.99,5.44-4.94-2.61-4.94,2.61,.99-5.44L0,5.73l5.55-.76L8,0Z'/%3e%3c/svg%3e";
|
|
520
|
-
|
|
521
|
-
//#region src/components/icon/Icon.tsx
|
|
492
|
+
// src/components/icon/Icon.tsx
|
|
522
493
|
function getSrc(props) {
|
|
523
494
|
const { add, del, edit, config, duplicate, search, download, sync, fullscreen, iconKey, documentation, star } = props;
|
|
524
495
|
if (add) return icon_add_default;
|
|
@@ -572,8 +543,7 @@ function Icon(props) {
|
|
|
572
543
|
style
|
|
573
544
|
});
|
|
574
545
|
}
|
|
575
|
-
|
|
576
|
-
//#region src/components/label/Label.tsx
|
|
546
|
+
// src/components/label/Label.tsx
|
|
577
547
|
/**
|
|
578
548
|
* Label enables an easy way for marking or tagging elements.
|
|
579
549
|
*/
|
|
@@ -609,8 +579,7 @@ function Label({ text, small = false, large = false, onDelete, className, onClic
|
|
|
609
579
|
]
|
|
610
580
|
});
|
|
611
581
|
}
|
|
612
|
-
|
|
613
|
-
//#region src/components/popup/Popup.tsx
|
|
582
|
+
// src/components/popup/Popup.tsx
|
|
614
583
|
var MARGIN = 16;
|
|
615
584
|
/**
|
|
616
585
|
* Popup displays content within a small modal.
|
|
@@ -704,8 +673,7 @@ function Popup({ placement = "bottom", mode = ["click"], disabled, handler, hand
|
|
|
704
673
|
})
|
|
705
674
|
}) })] });
|
|
706
675
|
}
|
|
707
|
-
|
|
708
|
-
//#region src/components/bubble/Bubble.tsx
|
|
676
|
+
// src/components/bubble/Bubble.tsx
|
|
709
677
|
/**
|
|
710
678
|
* Bubbles are best used to provide some additional information like short instructions or help texts, which are then going to be displayed on Mouse-Over.
|
|
711
679
|
*/
|
|
@@ -726,8 +694,7 @@ function Bubble({ content, inverted, children, disabled, style, direction, class
|
|
|
726
694
|
})
|
|
727
695
|
});
|
|
728
696
|
}
|
|
729
|
-
|
|
730
|
-
//#region src/components/tooltip/Tooltip.tsx
|
|
697
|
+
// src/components/tooltip/Tooltip.tsx
|
|
731
698
|
/**
|
|
732
699
|
* Tooltip is best used to display some short additional information or description
|
|
733
700
|
*/
|
|
@@ -747,8 +714,7 @@ function Tooltip({ content, children, className, direction, disabled }) {
|
|
|
747
714
|
})
|
|
748
715
|
});
|
|
749
716
|
}
|
|
750
|
-
|
|
751
|
-
//#region src/components/tabs/Tabs.tsx
|
|
717
|
+
// src/components/tabs/Tabs.tsx
|
|
752
718
|
/**
|
|
753
719
|
* Tabs add the possibility to unite several homogeneous pages into one.
|
|
754
720
|
* Unlike RouteTabs, Tabs cannot be accessed directly via the browser's history
|
|
@@ -794,8 +760,7 @@ var Tabs = class extends react.Component {
|
|
|
794
760
|
}), this.renderBody()] });
|
|
795
761
|
}
|
|
796
762
|
};
|
|
797
|
-
|
|
798
|
-
//#region src/components/input/SearchBox.tsx
|
|
763
|
+
// src/components/input/SearchBox.tsx
|
|
799
764
|
var ClearButton = ({ onChange, inputElement, style }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button_default, {
|
|
800
765
|
naked: true,
|
|
801
766
|
onClick: () => {
|
|
@@ -861,7 +826,6 @@ var SearchBox = class extends react.Component {
|
|
|
861
826
|
}
|
|
862
827
|
};
|
|
863
828
|
var SearchBox_default = (0, react_i18next.withTranslation)()(SearchBox);
|
|
864
|
-
//#endregion
|
|
865
829
|
exports.Accordion = Accordion;
|
|
866
830
|
exports.AccordionItem = AccordionItem;
|
|
867
831
|
exports.Bubble = Bubble;
|