@deviceinsight/ng-ui-basic-components 3.15.0-SNAPSHOT → 4.0.0-alpha.2

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/accordion/Accordion.tsx","../src/components/accordionComponents/AccordionItem.tsx","../src/components/button/Button.tsx","../src/components/button/ButtonRow.tsx","../src/hooks/useOutsideClick.ts","../src/components/modalComponents/ModalWindow.tsx","../src/components/modal/Modal.tsx","../src/components/modalComponents/ModalContainer.tsx","../src/components/spinner/Spinner.tsx","../src/components/spinner/SpinnerContainer.tsx","../src/components/input/Checkbox.tsx","../src/components/confirm/utils.ts","../src/components/confirm/Confirm.tsx","../src/components/confirm/ConfirmProvider.tsx","../src/components/confirm/useConfirm.ts","../src/components/confirm/withConfirm.tsx","../src/assets/svg/icon_add.svg","../src/assets/svg/icon_cross.svg","../src/assets/svg/icon_edit.svg","../src/assets/svg/icon_gear.svg","../src/assets/svg/icon_duplicate.svg","../src/assets/svg/icon_download.svg","../src/assets/svg/icon_lupe.svg","../src/assets/svg/icon_key.svg","../src/assets/svg/icon_reload.svg","../src/assets/svg/icon_fullscreen.svg","../src/assets/svg/icon_help_light.svg","../src/assets/svg/icon_star.svg","../src/components/icon/Icon.tsx","../src/components/label/Label.tsx","../src/components/popup/Popup.tsx","../src/components/bubble/Bubble.tsx","../src/components/tooltip/Tooltip.tsx","../src/components/tabs/Tabs.tsx","../src/components/input/SearchBox.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type Props = {\n\t/** Should contain Array of &lt;AccordionItems/&gt; elements */\n\tchildren?: Array<React.ReactNode>;\n\n\t/** (Optional) sets additional class for styling purposes */\n\taccordionClass?: string;\n\n\t/** Function to be called if active &lt;AccordionItems/&gt; gets changed */\n\tonPageChange?: (newPageNumber: number) => any;\n\n\t/** (Optional) Index of the &lt;AccordionItem/&gt; which should be opened on initial render cycle */\n\tdefaultOpenPageIndex?: number;\n};\n\ntype State = {\n\tcurrentPageIndex: number;\n};\n\n/**\n * Accordions are best used to display homogenous information, e.g. multiple configurations which would take up a lot of space otherwise.\n */\nexport default class Accordion extends React.Component<Props, State> {\n\tstate: State = {\n\t\tcurrentPageIndex: -1\n\t};\n\n\tcomponentDidMount() {\n\t\tconst {defaultOpenPageIndex} = this.props;\n\n\t\tif (defaultOpenPageIndex !== null && defaultOpenPageIndex !== undefined) {\n\t\t\tthis.handleAccordionToggle(defaultOpenPageIndex);\n\t\t}\n\t}\n\n\thandleAccordionToggle: (index: number) => void = (index: number) => {\n\t\tconst {onPageChange} = this.props;\n\t\tconst newPageIndex = this.state.currentPageIndex !== index ? index : -1;\n\t\tthis.setState({\n\t\t\tcurrentPageIndex: newPageIndex\n\t\t});\n\n\t\tif (onPageChange) {\n\t\t\tonPageChange(newPageIndex);\n\t\t}\n\t};\n\n\trender() {\n\t\tconst {children, accordionClass} = this.props;\n\t\tconst {currentPageIndex} = this.state;\n\t\treturn (\n\t\t\t<div className={accordionClass ? `di accordion ${accordionClass}` : 'di accordion'}>\n\t\t\t\t{children &&\n\t\t\t\t\tchildren.map((child: any, index) =>\n\t\t\t\t\t\tchild ? (\n\t\t\t\t\t\t\t<child.type\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\tisOpen={currentPageIndex === index}\n\t\t\t\t\t\t\t\ttoggle={() => this.handleAccordionToggle(index)}\n\t\t\t\t\t\t\t\t{...child.props}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : null\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n","import * as React from 'react';\n\ntype Info = {\n\ttext: string;\n\tcssStyle: Record<string, any>;\n};\n\nexport type Props = {\n\t/** (Optional) Displays either numeric- or text-based badge in front of the &lt;AccordionItems/&gt; */\n\tbadge?: (number | string | React.ReactNode) | null | undefined;\n\n\t/** @ignore */\n\tchildren?: React.ReactNode;\n\n\t/** (Optional) Displays additional information, which is visible in \"closed\" state */\n\tinfo1?: Info;\n\n\t/** If true, expands &lt;AccordionItems/&gt; */\n\tisOpen?: boolean;\n\n\t/** (Optional) Sets additional classes for styling purposes */\n\titemClasses?: string;\n\n\t/** Title of &lt;AccordionItems/&gt; */\n\ttitle: string | React.ReactNode;\n\n\t/** (Optional) Tooltip of &lt;AccordionItems/&gt; */\n\ttitleTooltip?: string;\n\n\t/** Function which is called to open/close &lt;AccordionItems/&gt; */\n\ttoggle?: () => void;\n\n\t/** (Optional) Enables additional handler, e.g., for editing or deleting &lt;AccordionItems/&gt; */\n\ttools?: Array<React.ReactNode>;\n\n\t/** @ignore */\n\t'data-testid'?: string | undefined;\n};\n\nexport default class AccordionItem extends React.PureComponent<Props> {\n\trender() {\n\t\tconst {badge, children, isOpen, info1, itemClasses, title, titleTooltip, toggle, tools, ...rest} = this.props;\n\t\tconst accordionItemClasses = ['item'];\n\n\t\tif (itemClasses) accordionItemClasses.push(itemClasses);\n\t\tif (isOpen) accordionItemClasses.push('open');\n\n\t\treturn (\n\t\t\t<div className={accordionItemClasses.join(' ')}>\n\t\t\t\t<div className=\"head\">\n\t\t\t\t\t<span className=\"title\" onClick={toggle} data-testid={rest['data-testid']}>\n\t\t\t\t\t\t<h1 title={titleTooltip}>{title}</h1>\n\t\t\t\t\t\t{badge && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName=\"di label\"\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmargin: '0 0 0 10px',\n\t\t\t\t\t\t\t\t\tbackgroundColor: '#ddd',\n\t\t\t\t\t\t\t\t\tborderColor: 'transparent'\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{badge}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{info1 && <span style={info1.cssStyle}>{info1.text}</span>}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"tools\">\n\t\t\t\t\t\t{tools &&\n\t\t\t\t\t\t\ttools.map((toolComponent, index) => (\n\t\t\t\t\t\t\t\t<span key={index} className=\"tool\">\n\t\t\t\t\t\t\t\t\t{toolComponent}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"cont\">{children}</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n","import React, {ComponentType} from 'react';\nimport cx from 'classnames';\nimport {withTranslation, WithTranslation} from 'react-i18next';\n\nimport {TranslationDescriptor} from '../../types/i18n';\n\nexport type Props = {\n\t/** primary style, mutually exclusive with _danger_ and _naked_ */\n\tprimary?: boolean;\n\n\t/** danger style, mutually exclusive with _primary_ and _naked_ */\n\tdanger?: boolean;\n\n\t/** render the button without border and background color, mutually exclusive with _primary_ and _danger_ */\n\tnaked?: boolean;\n\n\t/** a title tooltip */\n\ttitle?: (TranslationDescriptor | null | undefined) | string;\n\n\t/** button | submit | reset */\n\ttype?: 'button' | 'submit' | 'reset';\n\n\t/** a click handler */\n\tonClick?: (...args: Array<any>) => any;\n\n\t/** a smaller button */\n\tsmall?: boolean;\n\n\t/** disable the button */\n\tdisabled?: boolean;\n\n\t/** @ignore */\n\tchildren?: React.ReactNode;\n\n\t/** @ignore */\n\tclassName?: string;\n\n\t/** @ignore */\n\tstyle?: React.CSSProperties;\n\n\t/** @ignore */\n\t'data-testid'?: string;\n\n\t/** @ignore */\n\ttabIndex?: number;\n};\n\n/**\n * Buttons are used to inform the user about a potential user interaction, which then on interaction causes an action.\n * To create a standardized look and feel, different props can be passed to the Button.\n */\nfunction Button({\n\tchildren,\n\ttitle,\n\ttype,\n\tdisabled,\n\tonClick,\n\tstyle,\n\ttabIndex,\n\tt,\n\tprimary,\n\tdanger,\n\tnaked,\n\tclassName,\n\tsmall,\n\t...rest\n}: Props & WithTranslation) {\n\tlet btnTitle = title;\n\n\tif (title && typeof title !== 'string') {\n\t\tbtnTitle = t(title.id, {\n\t\t\tdefaultValue: title.defaultValue\n\t\t});\n\t}\n\n\treturn (\n\t\t<button\n\t\t\tdata-testid={rest['data-testid']}\n\t\t\ttype={type || 'button'}\n\t\t\tclassName={cx('di button', className, {small, primary, danger, link: naked})}\n\t\t\ttitle={typeof btnTitle === 'string' ? btnTitle : undefined}\n\t\t\tdisabled={disabled}\n\t\t\tonClick={onClick}\n\t\t\tstyle={style}\n\t\t\ttabIndex={tabIndex}\n\t\t>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\nexport default withTranslation()(Button) as ComponentType<Props>;\n","import * as React from 'react';\n\nexport type Props = {\n\t/** should contain &lt;Button /&gt; elements */\n\tchildren: React.ReactNode;\n\n\t/** show a horizontal row above the buttons */\n\tdividing?: boolean;\n\n\t/** @ignore */\n\tclassName?: string;\n\n\t/** @ignore */\n\tstyle?: React.CSSProperties;\n};\n\n/**\n * ButtonRows align Buttons nicely for all relevant and/or related user actions such as saving or canceling changes.\n * To separate the ButtonRow from the content, the extra property `dividing` can be used.\n */\nconst ButtonRow = ({children, dividing, className, style}: Props) => (\n\t<div style={style} className={`di button-row ${dividing ? 'dividing' : ''} ${className || ''}`}>\n\t\t{children}\n\t</div>\n);\n\nButtonRow.defaultProps = {\n\tdividing: false\n};\n\nexport default ButtonRow;\n","import {useEffect, useRef} from 'react';\n\nconst isTouchEvent = (event: Event): event is TouchEvent => {\n\treturn !!(event as any).touches;\n};\n\nconst isInsideBoundingRect = (element: HTMLElement, event: MouseEvent | TouchEvent) => {\n\tconst rect = element.getBoundingClientRect();\n\n\tlet x, y;\n\tif (isTouchEvent(event)) {\n\t\tx = event.touches[0].pageX;\n\t\ty = event.touches[0].pageY;\n\t} else {\n\t\tx = event.pageX;\n\t\ty = event.pageY;\n\t}\n\n\treturn rect.left <= x && rect.right >= x && rect.top <= y && rect.bottom >= y;\n};\n\nconst useOutsideClick = (\n\telements: Array<HTMLElement | null>,\n\tcallback: (evt: MouseEvent | TouchEvent | undefined) => void\n) => {\n\tconst callbackRef = useRef(callback);\n\n\tuseEffect(() => {\n\t\tcallbackRef.current = callback;\n\t}, [callback]);\n\n\tuseEffect(() => {\n\t\tconst listener = (event: MouseEvent | TouchEvent) => {\n\t\t\tconst elementsNonNull = elements.filter((element) => element != null) as HTMLElement[];\n\t\t\tif (\n\t\t\t\telementsNonNull.every(\n\t\t\t\t\t(element) =>\n\t\t\t\t\t\telement !== event.target &&\n\t\t\t\t\t\t!element.contains(event.target as any) &&\n\t\t\t\t\t\t!isInsideBoundingRect(element, event)\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tcallbackRef.current(event);\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener('mousedown', listener, true);\n\t\tdocument.addEventListener('touchstart', listener, true);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', listener, true);\n\t\t\tdocument.removeEventListener('touchstart', listener, true);\n\t\t};\n\t}, [elements]);\n};\n\nexport default useOutsideClick;\n","import React, {useEffect, useRef, useState} from 'react';\nimport Draggable from 'react-draggable';\n\nimport {Props} from '../modal/Modal';\nimport useOutsideClick from '../../hooks/useOutsideClick';\n\nexport default function ModalWindow({className, width, header, content, footer, onOutsideClick}: Props) {\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst [rootElement, setRootElement] = useState<HTMLElement | null>(null);\n\n\tuseEffect(() => {\n\t\tsetRootElement(ref.current);\n\t}, []);\n\n\tuseOutsideClick([rootElement], () => {\n\t\tif (onOutsideClick) onOutsideClick();\n\t});\n\n\treturn (\n\t\t<Draggable handle=\".modal-header\" nodeRef={ref}>\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={`modal-window ${className || ''}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tmaxWidth: width\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{header && <div className=\"modal-header\">{header}</div>}\n\t\t\t\t{content && <div className=\"modal-content\">{content}</div>}\n\t\t\t\t{footer && <div className=\"modal-footer\">{footer}</div>}\n\t\t\t</div>\n\t\t</Draggable>\n\t);\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport ModalWindow from '../modalComponents/ModalWindow';\n\nexport type Props = {\n\theader?: React.ReactNode;\n\tcontent?: React.ReactNode;\n\tfooter?: React.ReactNode;\n\n\t/** the CSS width setting, either a number or string */\n\twidth?: string | number;\n\tclassName?: string;\n\n\t/** callback function that is executed when the users click outside the modal */\n\tonOutsideClick?: (event?: Event) => void;\n\tonMouseDown?: (event: React.SyntheticEvent<HTMLElement>) => void;\n};\n\nexport default class Modal extends React.Component<\n\tProps,\n\t{\n\t\tclassName: string;\n\t}\n> {\n\tstatic defaultProps: {\n\t\twidth: string;\n\t} = {\n\t\twidth: '60%'\n\t};\n\tcontainer: HTMLDivElement | undefined;\n\tmodalRoot: HTMLElement | null | undefined;\n\ttimeoutId: NodeJS.Timeout | undefined;\n\n\tconstructor(props: Props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tclassName: 'di modal'\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.container = document.createElement('div');\n\t\tthis.modalRoot = document.getElementById('modal-root');\n\n\t\tif (this.modalRoot) {\n\t\t\tthis.modalRoot.appendChild(this.container);\n\t\t} else if (document.body) {\n\t\t\tdocument.body.appendChild(this.container);\n\t\t}\n\n\t\tif (this.props.onOutsideClick) {\n\t\t\twindow.addEventListener('keydown', this.keyEventHandler);\n\t\t}\n\n\t\t// set the show class after 10ms for animation\n\t\tthis.timeoutId = setTimeout(\n\t\t\t() =>\n\t\t\t\tthis.setState({\n\t\t\t\t\tclassName: `di modal show ${this.props.className || ''}`\n\t\t\t\t}),\n\t\t\t10\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif (this.container) {\n\t\t\tif (this.modalRoot) {\n\t\t\t\tthis.modalRoot.removeChild(this.container);\n\t\t\t} else if (document.body) {\n\t\t\t\tdocument.body.removeChild(this.container);\n\t\t\t}\n\t\t}\n\n\t\tif (this.props.onOutsideClick) {\n\t\t\twindow.removeEventListener('keydown', this.keyEventHandler);\n\t\t}\n\n\t\tif (this.timeoutId) {\n\t\t\tclearTimeout(this.timeoutId);\n\t\t}\n\t}\n\n\tkeyEventHandler: (event: KeyboardEvent) => void = (event: KeyboardEvent) => {\n\t\tif (event.key === 'Escape' && this.props.onOutsideClick) {\n\t\t\tthis.props.onOutsideClick(event);\n\t\t}\n\t};\n\n\trender() {\n\t\tif (!this.container) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn ReactDOM.createPortal(\n\t\t\t<div className={this.state.className} onMouseDown={this.props.onMouseDown}>\n\t\t\t\t<ModalWindow {...this.props} />\n\t\t\t</div>,\n\t\t\tthis.container\n\t\t);\n\t}\n}\n","import React from 'react';\n\nexport type Props = Record<string, never>;\n\nexport default class ModalContainer extends React.PureComponent<Props> {\n\trender() {\n\t\treturn <div id=\"modal-root\" />;\n\t}\n}\n","import React from 'react';\n\nexport type Props = {\n\t/** the size of the Spinner in px */\n\tsize?: number;\n\n\t/** @ignore */\n\tcenter?: boolean;\n\n\t/** @ignore */\n\t'data-testid'?: string;\n};\n\n/**\n * Spinners usually show a loading indication.\n */\nexport default class Spinner extends React.Component<Props> {\n\tstatic defaultProps = {\n\t\tsize: 56,\n\t\tcenter: false\n\t};\n\n\trender() {\n\t\tconst {size = 56, center, ...dataAttrs} = this.props;\n\t\tlet style: React.CSSProperties = {\n\t\t\twidth: size,\n\t\t\theight: size\n\t\t};\n\n\t\tif (center) {\n\t\t\tstyle = {\n\t\t\t\t...style,\n\t\t\t\tposition: 'absolute',\n\t\t\t\ttop: '50%',\n\t\t\t\tleft: '50%',\n\t\t\t\tmarginTop: -size / 2,\n\t\t\t\tmarginLeft: -size / 2\n\t\t\t};\n\t\t}\n\n\t\treturn <div className=\"di spinner\" style={style} {...dataAttrs} />;\n\t}\n}\n","import React from 'react';\n\nimport Spinner from './Spinner';\n\nexport type Props = {\n\t/** controls the display of the Spinner */\n\tshow: boolean;\n\n\t/** the size of the Spinner in px */\n\tsize?: number;\n\n\t/** content to be rendered once the loading is done */\n\tchildren?: React.ReactNode;\n\n\t/** @ignore */\n\tclassName?: string;\n\n\t/** @ignore */\n\t'data-testid'?: string;\n};\n\n/**\n * SpinnerContainer wraps the entire content and displays a loading indicator until the loading is done.\n */\nexport default class SpinnerContainer extends React.Component<Props> {\n\tstatic defaultProps: {\n\t\tsize: number;\n\t} = {\n\t\tsize: 56\n\t};\n\n\trender() {\n\t\tconst {show, size, children, className} = this.props;\n\t\tconst classNames = `di spinner-wrapper ${className ? className : ''}`;\n\t\treturn (\n\t\t\t<div className={classNames}>\n\t\t\t\t<div\n\t\t\t\t\tclassName={`di spinner-container ${show ? 'visible' : ''}`}\n\t\t\t\t\tdata-testid={this.props['data-testid']}\n\t\t\t\t>\n\t\t\t\t\t<Spinner size={size} center />\n\t\t\t\t</div>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n}\n","import * as React from 'react';\nimport {withTranslation, WithTranslation} from 'react-i18next';\n\nimport {TranslationDescriptor} from '../../types/i18n';\n\nexport type Props = {\n\t/** input type selector */\n\ttype?: 'checkbox' | 'radio' | 'toggle';\n\n\t/** Flag to preselect the status of the checkbox */\n\tvalue: boolean;\n\n\t/** Function, executed when toggling the checkbox */\n\tonChange: (nextStatus: boolean) => void;\n\n\t/** Optional input element tooltip */\n\ttitle?: TranslationDescriptor;\n\n\t/** Optional label for checkbox and radio button*/\n\tlabel?: TranslationDescriptor;\n\n\t/** visually indicate that the checkbox is disabled and disable onChange handler */\n\tdisabled?: boolean;\n\n\t/** Optional flag for toggle type: Render a small Toggle */\n\ttoggleSmall?: boolean;\n\n\t/** Optional flag for toggle type: Sets the slider color when the Toggle is truthy */\n\ttoggleColor?: string;\n\n\t/** @ignore */\n\t'data-testid'?: string;\n\n\t/** @ignore */\n\t'wrapper-data-testid'?: string;\n\n\t/** @ignore */\n\t'innerdiv-data-testid'?: string;\n};\n\nconst getWrapperClassName = (type: string, small: boolean) => {\n\tswitch (type) {\n\t\tcase 'checkbox':\n\t\tcase 'radio':\n\t\t\treturn 'di checkbox';\n\n\t\tcase 'toggle':\n\t\t\treturn small ? 'di toggle toggle-small' : 'di toggle';\n\n\t\tdefault:\n\t\t\tthrow Error(`type not support: ${type}`);\n\t}\n};\n\nconst getCheckboxClassName = (type: string, small: boolean) => {\n\tswitch (type) {\n\t\tcase 'checkbox':\n\t\t\treturn 'box';\n\n\t\tcase 'radio':\n\t\t\treturn 'radio';\n\n\t\tcase 'toggle':\n\t\t\treturn small ? 'switch switch-small' : 'switch';\n\n\t\tdefault:\n\t\t\tthrow Error(`type not support: ${type}`);\n\t}\n};\n\n/**\n * Checkbox for enabling user interaction can have one of multiple types which are defined via the `type` prop.\n */\nconst Checkbox = ({\n\ttype = 'checkbox',\n\tvalue,\n\tonChange,\n\ttitle,\n\tlabel,\n\tdisabled = false,\n\ttoggleSmall = false,\n\ttoggleColor = '#259b23',\n\tt,\n\t...other\n}: Props & WithTranslation) => {\n\tconst style =\n\t\ttype === 'toggle'\n\t\t\t? {\n\t\t\t\t\tbackgroundColor: value ? toggleColor : 'gray'\n\t\t\t\t}\n\t\t\t: {};\n\tconst tooltip = title\n\t\t? t(title.id, {\n\t\t\t\tdefaultValue: title.defaultValue\n\t\t\t})\n\t\t: undefined;\n\tconst labelText = label\n\t\t? t(label.id, {\n\t\t\t\tdefaultValue: label.defaultValue\n\t\t\t})\n\t\t: null;\n\treturn (\n\t\t<label\n\t\t\ttitle={tooltip}\n\t\t\tclassName={getWrapperClassName(type, toggleSmall)}\n\t\t\tdata-testid={other['wrapper-data-testid']}\n\t\t>\n\t\t\t<input\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={value}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={() => onChange(!value)}\n\t\t\t\tdata-testid={other['data-testid']}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tclassName={getCheckboxClassName(type, toggleSmall)}\n\t\t\t\tstyle={style}\n\t\t\t\tdata-testid={other['innerdiv-data-testid']}\n\t\t\t/>\n\t\t\t{label && <span className=\"textlabel\">{labelText}</span>}\n\t\t</label>\n\t);\n};\n\nexport default withTranslation()(Checkbox) as React.ComponentType<Props>;\n","import * as React from 'react';\n\nimport {TranslationDescriptor} from '../../types/i18n';\n\nexport function isTranslationDescriptor(\n\targ: TranslationDescriptor | string | React.ReactElement\n): arg is TranslationDescriptor {\n\tconst result =\n\t\ttypeof arg === 'object' && typeof (arg as any).id === 'string' && typeof (arg as any).defaultValue === 'string';\n\n\tif (result) {\n\t\tconsole.warn(\n\t\t\t'Please use strings instead of TranslationDescriptors to initialize the Confirm modal, because TranslationDescriptors are deprecated'\n\t\t);\n\t}\n\n\treturn result;\n}\n","import * as React from 'react';\nimport {Trans} from 'react-i18next';\n\nimport Modal from '../modal/Modal';\nimport Button from '../button/Button';\nimport {TranslationDescriptor} from '../../types/i18n';\nimport {isTranslationDescriptor} from './utils';\n\nexport type Props = {\n\ttitle: string | TranslationDescriptor;\n\tmessage: string | React.ReactElement | TranslationDescriptor;\n\n\t/** @ignore */\n\tonAccept: (...args: Array<any>) => any;\n\n\t/** @ignore */\n\tonDecline: (...args: Array<any>) => any;\n\tacceptButtonLabel?: string | TranslationDescriptor;\n\tdeclineButtonLabel?: string | TranslationDescriptor;\n\tacceptButtonStyle?: 'primary' | 'danger';\n};\n\nfunction transformTextToElement(\n\tmessage: TranslationDescriptor | string | React.ReactElement\n): React.ReactElement | string {\n\tif (isTranslationDescriptor(message)) {\n\t\treturn <Trans i18nKey={message.id}>{message.defaultValue}</Trans>;\n\t}\n\treturn message;\n}\n\n/**\n * Confirm enables the possibility to open up a dialog within a modal, requiring additional user actions.\n * This component should not be used directly, instead use `@withConfirm` to inject a promise based confirm method\n */\nexport default function Confirm({\n\ttitle,\n\tmessage,\n\tonAccept,\n\tonDecline,\n\tacceptButtonLabel,\n\tdeclineButtonLabel,\n\tacceptButtonStyle = 'primary'\n}: Props) {\n\treturn (\n\t\t<Modal\n\t\t\theader={transformTextToElement(title)}\n\t\t\tcontent={transformTextToElement(message)}\n\t\t\tfooter={\n\t\t\t\t<div>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tprimary={acceptButtonStyle === 'primary'}\n\t\t\t\t\t\tdanger={acceptButtonStyle === 'danger'}\n\t\t\t\t\t\tonClick={onAccept}\n\t\t\t\t\t>\n\t\t\t\t\t\t{acceptButtonLabel ? (\n\t\t\t\t\t\t\ttransformTextToElement(acceptButtonLabel)\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Trans i18nKey=\"form.accept\">Accept</Trans>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button onClick={onDecline}>\n\t\t\t\t\t\t{declineButtonLabel ? (\n\t\t\t\t\t\t\ttransformTextToElement(declineButtonLabel)\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Trans i18nKey=\"form.decline\">Decline</Trans>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\twidth={500}\n\t\t/>\n\t);\n}\n","import React, {createContext, useState} from 'react';\n\nimport Confirm, {Props as ConfirmProps} from './Confirm';\n\ntype ConfirmOptions = {\n\ttitle: string;\n\tmessage: string | React.ReactElement;\n\tacceptButtonLabel?: string;\n\tdeclineButtonLabel?: string;\n\tacceptButtonStyle?: 'primary' | 'danger';\n};\n\nexport const ConfirmContext = createContext<{\n\tconfirm: (options: ConfirmOptions) => Promise<boolean>;\n}>({\n\tconfirm: () => Promise.reject(new Error('ConfirmProvider is missing!'))\n});\n\nfunction ConfirmProvider({children}: React.PropsWithChildren<Record<string, unknown>>) {\n\tconst [visible, setVisible] = useState<boolean>(false);\n\tconst [confirmProps, setConfirmProps] = useState<ConfirmProps>({\n\t\ttitle: '',\n\t\tmessage: '',\n\t\tonAccept: () => {},\n\t\tonDecline: () => {}\n\t});\n\n\tasync function confirm(options: ConfirmOptions) {\n\t\treturn new Promise<boolean>((resolve) => {\n\t\t\tsetVisible(true);\n\t\t\tsetConfirmProps({\n\t\t\t\t...options,\n\t\t\t\tonAccept: () => {\n\t\t\t\t\tsetVisible(false);\n\t\t\t\t\tresolve(true);\n\t\t\t\t},\n\t\t\t\tonDecline: () => {\n\t\t\t\t\tsetVisible(false);\n\t\t\t\t\tresolve(false);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\treturn (\n\t\t<ConfirmContext.Provider value={{confirm}}>\n\t\t\t{children}\n\t\t\t{visible && <Confirm {...confirmProps} />}\n\t\t</ConfirmContext.Provider>\n\t);\n}\n\nexport default ConfirmProvider;\n","import {useContext} from 'react';\n\nimport {ConfirmContext} from './ConfirmProvider';\n\nexport default function useConfirm() {\n\tconst context = useContext(ConfirmContext);\n\tif (!context) {\n\t\tthrow new Error('ConfirmProvider is missing');\n\t}\n\tconst {confirm} = context;\n\treturn confirm;\n}\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\n\nimport {TranslationDescriptor} from '../../types/i18n';\nimport useConfirm from './useConfirm';\nimport ConfirmProvider from './ConfirmProvider';\nimport {isTranslationDescriptor} from './utils';\n\nexport type ConfirmProps = {\n\tconfirm: (\n\t\ttitle: string | TranslationDescriptor,\n\t\tmessage: string | TranslationDescriptor | React.ReactElement,\n\t\tacceptButtonLabel?: string | TranslationDescriptor,\n\t\tdeclineButtonLabel?: string | TranslationDescriptor,\n\t\tresolveWithConfirmation?: boolean,\n\t\tacceptButtonStyle?: 'primary' | 'danger'\n\t) => Promise<void | boolean>;\n};\n\nexport default function withConfirm<P extends object>(WrappedComponent: React.ComponentType<P & ConfirmProps>) {\n\tfunction WithConfirm(props: P) {\n\t\tconst confirm = useConfirm();\n\t\tconst {t} = useTranslation();\n\n\t\tfunction trans(arg: TranslationDescriptor | string) {\n\t\t\tif (isTranslationDescriptor(arg)) {\n\t\t\t\treturn t(arg.id, {defaultValue: arg.defaultValue});\n\t\t\t}\n\t\t\treturn arg;\n\t\t}\n\n\t\tasync function deprecatedConfirm(\n\t\t\ttitle: string | TranslationDescriptor,\n\t\t\tmessage: string | TranslationDescriptor | React.ReactElement,\n\t\t\tacceptButtonLabel?: string | TranslationDescriptor,\n\t\t\tdeclineButtonLabel?: string | TranslationDescriptor,\n\t\t\tresolveWithConfirmation?: boolean,\n\t\t\tacceptButtonStyle?: 'primary' | 'danger'\n\t\t): Promise<boolean | void> {\n\t\t\tconst accepted = await confirm({\n\t\t\t\ttitle: trans(title),\n\t\t\t\tmessage: isTranslationDescriptor(message) ? trans(message) : message,\n\t\t\t\tacceptButtonLabel: acceptButtonLabel ? trans(acceptButtonLabel) : undefined,\n\t\t\t\tdeclineButtonLabel: declineButtonLabel ? trans(declineButtonLabel) : undefined,\n\t\t\t\tacceptButtonStyle\n\t\t\t});\n\n\t\t\tif (resolveWithConfirmation) {\n\t\t\t\treturn accepted;\n\t\t\t} else if (!accepted) {\n\t\t\t\treturn new Promise(() => {});\n\t\t\t}\n\t\t}\n\n\t\treturn <WrappedComponent {...props} confirm={deprecatedConfirm} />;\n\t}\n\n\treturn function WithConfirmWrapper(props: P) {\n\t\treturn (\n\t\t\t<ConfirmProvider>\n\t\t\t\t<WithConfirm {...props} />\n\t\t\t</ConfirmProvider>\n\t\t);\n\t};\n}\n","export 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\"","export 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\"","export 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\"","export 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\"","export 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\"","export 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\"","export 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\"","export 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\"","export 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\"","export 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\"","export 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\"","export 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\"","import React from 'react';\n\nimport iconAdd from '../../assets/svg/icon_add.svg';\nimport iconDel from '../../assets/svg/icon_cross.svg';\nimport iconEdit from '../../assets/svg/icon_edit.svg';\nimport iconConfig from '../../assets/svg/icon_gear.svg';\nimport iconDuplicate from '../../assets/svg/icon_duplicate.svg';\nimport iconDownload from '../../assets/svg/icon_download.svg';\nimport iconSearch from '../../assets/svg/icon_lupe.svg';\nimport iconIconKey from '../../assets/svg/icon_key.svg';\nimport iconSync from '../../assets/svg/icon_reload.svg';\nimport iconFullscreen from '../../assets/svg/icon_fullscreen.svg';\nimport iconDocumentation from '../../assets/svg/icon_help_light.svg';\nimport iconStar from '../../assets/svg/icon_star.svg';\n\nexport type Props = {\n\tadd?: boolean;\n\tdel?: boolean;\n\tedit?: boolean;\n\tconfig?: boolean;\n\tduplicate?: boolean;\n\tsearch?: boolean;\n\tdownload?: boolean;\n\tsync?: boolean;\n\tfullscreen?: boolean;\n\tstar?: boolean;\n\n\t/** key is reserved in React */\n\ticonKey?: boolean;\n\tdocumentation?: boolean;\n\n\t/** renders a larger version of the icon (24x24) */\n\tlarge?: boolean;\n\n\t/** inverts the colors of the icon for display on dark background */\n\tinverted?: boolean;\n\n\t/** @ignore */\n\tclassName?: string;\n};\n\nfunction getSrc(props: Props) {\n\tconst {add, del, edit, config, duplicate, search, download, sync, fullscreen, iconKey, documentation, star} = props;\n\n\tif (add) {\n\t\treturn iconAdd;\n\t} else if (del) {\n\t\treturn iconDel;\n\t} else if (edit) {\n\t\treturn iconEdit;\n\t} else if (config) {\n\t\treturn iconConfig;\n\t} else if (duplicate) {\n\t\treturn iconDuplicate;\n\t} else if (search) {\n\t\treturn iconSearch;\n\t} else if (download) {\n\t\treturn iconDownload;\n\t} else if (sync) {\n\t\treturn iconSync;\n\t} else if (fullscreen) {\n\t\treturn iconFullscreen;\n\t} else if (iconKey) {\n\t\treturn iconIconKey;\n\t} else if (documentation) {\n\t\treturn iconDocumentation;\n\t} else if (star) {\n\t\treturn iconStar;\n\t} else {\n\t\tthrow Error('getSrc: no icon type specified');\n\t}\n}\n\nfunction getAlt(props: Props) {\n\tconst {add, del, edit, config, duplicate, search, download, sync, fullscreen, iconKey, documentation, star} = props;\n\n\tif (add) {\n\t\treturn 'icon add';\n\t} else if (del) {\n\t\treturn 'icon delete';\n\t} else if (edit) {\n\t\treturn 'icon edit';\n\t} else if (config) {\n\t\treturn 'icon config';\n\t} else if (duplicate) {\n\t\treturn 'icon duplicate';\n\t} else if (search) {\n\t\treturn 'icon search';\n\t} else if (download) {\n\t\treturn 'icon download';\n\t} else if (sync) {\n\t\treturn 'icon sync';\n\t} else if (fullscreen) {\n\t\treturn 'icon fullscreen';\n\t} else if (iconKey) {\n\t\treturn 'icon iconKey';\n\t} else if (documentation) {\n\t\treturn 'icon documentation';\n\t} else if (star) {\n\t\treturn 'icon star';\n\t} else {\n\t\tthrow Error('getAlt: no icon type specified');\n\t}\n}\n\nexport default function Icon(props: Props) {\n\tlet style;\n\tif (props.large) {\n\t\tstyle = {width: 24, height: 24};\n\t} else {\n\t\tstyle = {width: 16, height: 16};\n\t}\n\tif (props.inverted) {\n\t\tstyle = {...style, filter: 'invert(1)'};\n\t}\n\n\treturn <img src={getSrc(props)} className={`di icon ${props.className || ''}`} alt={getAlt(props)} style={style} />;\n}\n","import React, {MouseEventHandler, PropsWithChildren, MouseEvent} from 'react';\nimport {Trans} from 'react-i18next';\nimport cx from 'classnames';\n\nimport Icon from '../icon/Icon';\nimport {TranslationDescriptor} from '../../types/i18n';\n\nexport interface Props extends React.HTMLAttributes<HTMLSpanElement> {\n\t/** the label text, either a string or TranslationDescriptor */\n\ttext?: string | TranslationDescriptor;\n\n\t/** a smaller label */\n\tsmall?: boolean;\n\n\t/** a larger label */\n\tlarge?: boolean;\n\n\tonClick?: MouseEventHandler<HTMLSpanElement>;\n\n\t/** adds a delete button that triggers this callback function */\n\tonDelete?: (...args: Array<any>) => any;\n\n\tclassName?: string;\n\n\t/** @ignore */\n\t'data-testid'?: string;\n\n\t/** @ignore */\n\t'delete-button-data-testid'?: string;\n}\n\n/**\n * Label enables an easy way for marking or tagging elements.\n */\nexport default function Label({\n\ttext,\n\tsmall = false,\n\tlarge = false,\n\tonDelete,\n\tclassName,\n\tonClick,\n\tchildren,\n\t...dataTestIds\n}: PropsWithChildren<Props>) {\n\tfunction handleDelete(event: MouseEvent<HTMLSpanElement>) {\n\t\tevent.stopPropagation();\n\t\tif (onDelete) {\n\t\t\tonDelete();\n\t\t}\n\t}\n\n\treturn (\n\t\t<span\n\t\t\tonClick={onClick}\n\t\t\tclassName={cx('di label', className, {large, small, removable: onDelete, clickable: !!onClick})}\n\t\t\tdata-testid={dataTestIds['data-testid']}\n\t\t>\n\t\t\t{typeof text === 'string' ? text : text && <Trans i18nKey={text.id}>{text.defaultValue}</Trans>}\n\t\t\t<>{children}</>\n\t\t\t{onDelete && (\n\t\t\t\t<span data-testid={dataTestIds['delete-button-data-testid']} className=\"remove\" onClick={handleDelete}>\n\t\t\t\t\t<Icon del inverted />\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</span>\n\t);\n}\n","import React, {useEffect, useRef} from 'react';\nimport cx from 'classnames';\nimport {\n\tautoUpdate,\n\tuseFloating,\n\tuseDismiss,\n\tuseInteractions,\n\tuseClick,\n\tuseFocus,\n\tuseHover,\n\tarrow,\n\toffset,\n\tsize,\n\tshift,\n\tFloatingPortal,\n\tsafePolygon\n} from '@floating-ui/react';\n\nexport type Placement =\n\t| 'top'\n\t| 'bottom'\n\t| 'left'\n\t| 'right'\n\t| 'top-start'\n\t| 'top-end'\n\t| 'bottom-start'\n\t| 'bottom-end'\n\t| 'right-start'\n\t| 'right-end'\n\t| 'left-start'\n\t| 'left-end';\n\nexport type Props = {\n\t/** Element to toggle the Popup */\n\thandler: React.ReactNode;\n\n\t/** Content to be displayed */\n\tchildren: React.ReactNode;\n\n\t/** If true, displays the Popup's content */\n\topen: boolean;\n\n\t/** Function, executed when the Popup gets closed */\n\tonOpenChange: (open: boolean) => void;\n\n\t/** (Optional) if set, sets the direction in which the content should be displayed */\n\tplacement?: Placement;\n\n\t/** @ignore */\n\tclassName?: string;\n\n\t/** (Optional) If set to true, the content is hidden via styles, but still exists in the DOM tree */\n\tpreventDestroyContentOnHide?: boolean;\n\n\t/** (Optional) Class name of the handler wrapping element */\n\thandlerWrapperClassName?: string;\n\n\t/** (Optional) Interaction mode to open the popup */\n\tmode?: Array<'click' | 'hover' | 'focus'>;\n\n\t/** (Optional) Disables the Popup */\n\tdisabled?: boolean;\n};\n\n// Margin from the edge of the viewport\nconst MARGIN = 16;\n\n/**\n * Popup displays content within a small modal.\n * Its usage is highly flexible and used in several other components.\n */\nexport default function Popup({\n\tplacement = 'bottom',\n\tmode = ['click'],\n\tdisabled,\n\thandler,\n\thandlerWrapperClassName,\n\tpreventDestroyContentOnHide,\n\topen,\n\tonOpenChange,\n\tclassName,\n\tchildren\n}: Props) {\n\tconst arrowRef = useRef<HTMLDivElement>(null);\n\tconst {elements, update, refs, floatingStyles, context, middlewareData} = useFloating({\n\t\tplacement,\n\t\topen,\n\t\tonOpenChange,\n\t\twhileElementsMounted: !preventDestroyContentOnHide ? autoUpdate : undefined,\n\t\tmiddleware: [\n\t\t\tsize({\n\t\t\t\tapply({availableHeight, availableWidth, elements}) {\n\t\t\t\t\tconst width = `${Math.max(0, availableWidth - MARGIN)}px`;\n\t\t\t\t\tconst height = `${Math.max(0, availableHeight - MARGIN)}px`;\n\t\t\t\t\telements.floating.style.maxWidth = width;\n\t\t\t\t\telements.floating.style.maxHeight = height;\n\t\t\t\t}\n\t\t\t}),\n\t\t\toffset({\n\t\t\t\tmainAxis: 12\n\t\t\t}),\n\t\t\tshift(),\n\t\t\tarrow({\n\t\t\t\telement: arrowRef\n\t\t\t})\n\t\t]\n\t});\n\n\tuseEffect(() => {\n\t\tif (preventDestroyContentOnHide && open && elements.reference && elements.floating) {\n\t\t\tconst cleanup = autoUpdate(elements.reference, elements.floating, update);\n\t\t\treturn cleanup;\n\t\t}\n\t}, [elements.floating, elements.reference, open, update, preventDestroyContentOnHide]);\n\n\tconst click = useClick(context, {enabled: !disabled && mode.includes('click')});\n\tconst hover = useHover(context, {\n\t\tenabled: !disabled && mode.includes('hover'),\n\t\thandleClose: safePolygon()\n\t});\n\tconst focus = useFocus(context, {enabled: !disabled && mode.includes('focus')});\n\tconst dismiss = useDismiss(context);\n\tconst {getReferenceProps, getFloatingProps} = useInteractions([click, hover, focus, dismiss]);\n\n\treturn (\n\t\t<>\n\t\t\t<span\n\t\t\t\tstyle={{display: 'inline-block'}}\n\t\t\t\tclassName={cx('popup-handler-wrapper', handlerWrapperClassName)}\n\t\t\t\tref={refs.setReference}\n\t\t\t\t{...getReferenceProps()}\n\t\t\t>\n\t\t\t\t{handler}\n\t\t\t</span>\n\t\t\t{(open || preventDestroyContentOnHide) && (\n\t\t\t\t<FloatingPortal>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cx('di popup-wrapper', {hidden: preventDestroyContentOnHide && !open})}\n\t\t\t\t\t\tref={refs.setFloating}\n\t\t\t\t\t\tstyle={floatingStyles}\n\t\t\t\t\t\t{...getFloatingProps()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={cx('di popup', placement, className)}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={cx('popup-arrow', placement)}\n\t\t\t\t\t\t\t\tref={arrowRef}\n\t\t\t\t\t\t\t\tstyle={{left: middlewareData.arrow?.x, top: middlewareData.arrow?.y}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className=\"popup-content\">{children}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</FloatingPortal>\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import React, {useState} from 'react';\n\nimport Popup, {Placement} from '../popup/Popup';\n\nexport type Props = {\n\t/** the Bubble content */\n\tcontent: React.ReactNode;\n\n\t/** inverts the colors */\n\tinverted?: boolean;\n\n\t/** @ignore */\n\tchildren: React.ReactNode;\n\n\t/** @ignore */\n\tstyle?: React.CSSProperties;\n\n\t/** @ignore */\n\tclassName?: string;\n\n\t/** hides the bubble */\n\tdisabled?: boolean;\n\n\t/** changed the direction */\n\tdirection?: Placement;\n};\n\n/**\n * 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.\n */\nexport default function Bubble({content, inverted, children, disabled, style, direction, className}: Props) {\n\tconst [open, setOpen] = useState(false);\n\treturn (\n\t\t<Popup\n\t\t\topen={open}\n\t\t\tonOpenChange={setOpen}\n\t\t\thandler={children}\n\t\t\tdisabled={disabled}\n\t\t\tmode={['hover']}\n\t\t\tplacement={direction ? direction : 'top'}\n\t\t\tclassName={`bubble ${inverted ? 'inverted' : ''} ${className ? className : ''}`}\n\t\t>\n\t\t\t<span className={`bubble-content`} style={style}>\n\t\t\t\t{content}\n\t\t\t</span>\n\t\t</Popup>\n\t);\n}\n","import React, {useState} from 'react';\n\nimport Popup, {Placement} from '../popup/Popup';\n\nexport type Props = {\n\t/** Content of the Tooltip */\n\tcontent: React.ReactNode;\n\n\t/** Enabler of the Tooltip */\n\tchildren: React.ReactNode;\n\n\t/** @ignore */\n\tclassName?: string;\n\n\t/** (Optional) if set, disables the &lt;Tooltip/&gt; from opening */\n\tdisabled?: boolean;\n\n\t/** (Optional) if set, opens &lt;Tooltip/&gt; in given direction, defaults to 'right' */\n\tdirection?: Placement;\n};\n\n/**\n * Tooltip is best used to display some short additional information or description\n */\nexport default function Tooltip({content, children, className, direction, disabled}: Props) {\n\tconst [open, setOpen] = useState(false);\n\n\treturn (\n\t\t<Popup\n\t\t\topen={open}\n\t\t\tdisabled={disabled}\n\t\t\tmode={['hover']}\n\t\t\tonOpenChange={setOpen}\n\t\t\thandler={children}\n\t\t\tplacement={direction ? direction : 'right'}\n\t\t\tclassName={`tooltip inverted ${className ? className : ''}`}\n\t\t>\n\t\t\t<span className=\"tooltip-content\">{content}</span>\n\t\t</Popup>\n\t);\n}\n","import * as React from 'react';\n\nimport Bubble from '../bubble/Bubble';\n\ntype Page = {\n\tname: string;\n\trenderHeading: () => React.ReactNode;\n\trenderBody?: () => React.ReactNode;\n\ttabDescription?: string;\n};\n\ntype State = {\n\tcurrentTab: string | null | undefined;\n};\n\nexport type Props = {\n\t/** Array of pages to be displayed */\n\tpages: Array<Page>;\n\n\t/** (Optional) if set, disables tab */\n\tdisabled?: boolean;\n\n\t/** (Optional) function, executed if tabs change */\n\tonChange?: (tab: string) => void;\n\n\t/** (Optional) sets the current tab */\n\tcurrentTab?: string | null | undefined;\n};\n\n/**\n * Tabs add the possibility to unite several homogeneous pages into one.\n * Unlike RouteTabs, Tabs cannot be accessed directly via the browser's history\n */\nexport default class Tabs extends React.Component<Props, State> {\n\tstate: State = {\n\t\tcurrentTab: this.props.pages.length ? this.props.pages[0].name : null\n\t};\n\n\thandleClick: (tab: string) => void = (tab: string) => {\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(tab);\n\t\t} else if (typeof this.props.currentTab === 'undefined') {\n\t\t\tthis.setState({\n\t\t\t\tcurrentTab: tab\n\t\t\t});\n\t\t}\n\t};\n\n\tcurrentTabPage: () => Page | null | undefined = (): Page | null | undefined => {\n\t\tconst currentTab = typeof this.props.currentTab === 'string' ? this.props.currentTab : this.state.currentTab;\n\t\treturn this.props.pages.find(({name}) => currentTab === name);\n\t};\n\n\tisCurrentTab: (tab: string) => boolean = (tab: string) => {\n\t\tconst currentTab = typeof this.props.currentTab === 'string' ? this.props.currentTab : this.state.currentTab;\n\t\treturn currentTab === tab;\n\t};\n\n\trenderBody = () => {\n\t\tconst page = this.currentTabPage();\n\n\t\tif (page && typeof page.renderBody === 'function') {\n\t\t\treturn page.renderBody();\n\t\t}\n\n\t\treturn null;\n\t};\n\n\trender() {\n\t\tconst {pages, disabled} = this.props;\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<div className=\"di tabs\">\n\t\t\t\t\t{pages.map(({name, renderHeading, tabDescription}) =>\n\t\t\t\t\t\ttabDescription ? (\n\t\t\t\t\t\t\t<Bubble inverted key={name} content={tabDescription} className=\"bubble-tab-description\">\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tdata-testid=\"tab-button\"\n\t\t\t\t\t\t\t\t\tclassName={`item ${disabled ? 'disabled' : ''} ${\n\t\t\t\t\t\t\t\t\t\tthis.isCurrentTab(name) ? 'active' : ''\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonClick={() => !disabled && this.handleClick(name)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{renderHeading()}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</Bubble>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tdata-testid=\"tab-button\"\n\t\t\t\t\t\t\t\tkey={name}\n\t\t\t\t\t\t\t\tclassName={`item ${disabled ? 'disabled' : ''} ${\n\t\t\t\t\t\t\t\t\tthis.isCurrentTab(name) ? 'active' : ''\n\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\tonClick={() => !disabled && this.handleClick(name)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{renderHeading()}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t)\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.renderBody()}\n\t\t\t</div>\n\t\t);\n\t}\n}\n","import * as React from 'react';\nimport {withTranslation, WithTranslation} from 'react-i18next';\n\nimport '../../assets/search-box.css';\nimport {ComponentType, CSSProperties} from 'react';\n\nimport Icon from '../icon/Icon';\nimport Button from '../button/Button';\nimport {TranslationDescriptor} from '../../types/i18n';\n\nexport type Props = {\n\t/** Placeholder text for input field `(string | TranslationDescriptor)` */\n\tplaceholder: string | TranslationDescriptor;\n\n\t/** Function to call if the input changes */\n\tonChange: (value: string) => void;\n\n\t/** Function to call if the search is triggered (button press or return in search field) */\n\tonSubmit?: (value: string) => void;\n\n\t/** if true, a button is shown that clears the input */\n\tclearable?: boolean;\n\n\t/** Value that should initially be displayed in the text box */\n\tinitialValue: string | null | undefined;\n\n\t/** Wrapper styles */\n\tstyle: CSSProperties | undefined;\n};\n\ntype State = {\n\tquery: string;\n};\n\nconst ClearButton = ({\n\tonChange,\n\tinputElement,\n\tstyle\n}: {\n\tonChange: (value: string) => void;\n\tinputElement: HTMLElement | null | undefined;\n\tstyle?: React.CSSProperties;\n}) => (\n\t<Button\n\t\tnaked\n\t\tonClick={() => {\n\t\t\tonChange('');\n\n\t\t\tif (inputElement) {\n\t\t\t\tinputElement.focus();\n\t\t\t}\n\t\t}}\n\t\tstyle={style}\n\t>\n\t\t<Icon del />\n\t</Button>\n);\n\n/**\n * SearchBox is used for searching content and provides a set of `props` for different user experiences\n */\nclass SearchBox extends React.Component<Props & WithTranslation, State> {\n\tstate: State = {\n\t\tquery: this.props.initialValue || ''\n\t};\n\tinput: HTMLInputElement | null | undefined;\n\n\tprintPlaceholder(): string {\n\t\tconst {t, placeholder} = this.props;\n\n\t\tif (typeof placeholder === 'object') {\n\t\t\treturn t(placeholder.id, {\n\t\t\t\tdefaultValue: placeholder.defaultValue\n\t\t\t});\n\t\t} else {\n\t\t\treturn placeholder;\n\t\t}\n\t}\n\n\thandleChange: (value: string) => void = (value: string) => {\n\t\tconst {onChange} = this.props;\n\t\tthis.setState({\n\t\t\tquery: value\n\t\t});\n\t\tonChange(value);\n\t};\n\n\thandleKeyUp: (arg0: any) => void = ({key}) => {\n\t\tconst {onSubmit} = this.props;\n\t\tconst {query} = this.state;\n\n\t\tif (key === 'Enter' && typeof onSubmit === 'function') {\n\t\t\tonSubmit(query);\n\t\t}\n\t};\n\n\trender() {\n\t\tconst {onSubmit, style, clearable} = this.props;\n\t\tconst {query} = this.state;\n\t\treturn (\n\t\t\t<div className=\"search-box\" style={style}>\n\t\t\t\t<input\n\t\t\t\t\tref={(input) => {\n\t\t\t\t\t\tthis.input = input;\n\t\t\t\t\t}}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tvalue={query}\n\t\t\t\t\tplaceholder={this.printPlaceholder()}\n\t\t\t\t\tonKeyUp={this.handleKeyUp}\n\t\t\t\t\tonChange={({target: {value}}) => this.handleChange(value)}\n\t\t\t\t/>\n\t\t\t\t{typeof onSubmit === 'function' ? (\n\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t{query && clearable && (\n\t\t\t\t\t\t\t<ClearButton\n\t\t\t\t\t\t\t\tonChange={this.handleChange}\n\t\t\t\t\t\t\t\tinputElement={this.input}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tright: 30\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Button naked onClick={() => onSubmit(query)}>\n\t\t\t\t\t\t\t<Icon search />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</React.Fragment>\n\t\t\t\t) : query && clearable ? (\n\t\t\t\t\t<ClearButton onChange={this.handleChange} inputElement={this.input} />\n\t\t\t\t) : (\n\t\t\t\t\t<Button naked disabled>\n\t\t\t\t\t\t<Icon search />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nexport default withTranslation()(SearchBox) as ComponentType<Props>;\n"],"names":["Accordion","React","defaultOpenPageIndex","index","onPageChange","newPageIndex","children","accordionClass","currentPageIndex","jsx","child","AccordionItem","badge","isOpen","info1","itemClasses","title","titleTooltip","toggle","tools","rest","accordionItemClasses","jsxs","toolComponent","Button","type","disabled","onClick","style","tabIndex","t","primary","danger","naked","className","small","btnTitle","cx","Button$1","withTranslation","ButtonRow","dividing","isTouchEvent","event","isInsideBoundingRect","element","rect","x","y","useOutsideClick","elements","callback","callbackRef","useRef","useEffect","listener","ModalWindow","width","header","content","footer","onOutsideClick","ref","rootElement","setRootElement","useState","Draggable","Modal","props","ReactDOM","ModalContainer","Spinner","size","center","dataAttrs","SpinnerContainer","show","classNames","getWrapperClassName","getCheckboxClassName","Checkbox","value","onChange","label","toggleSmall","toggleColor","other","tooltip","labelText","Checkbox$1","isTranslationDescriptor","arg","result","transformTextToElement","message","Trans","Confirm","onAccept","onDecline","acceptButtonLabel","declineButtonLabel","acceptButtonStyle","ConfirmContext","createContext","ConfirmProvider","visible","setVisible","confirmProps","setConfirmProps","confirm","options","resolve","useConfirm","context","useContext","withConfirm","WrappedComponent","WithConfirm","useTranslation","trans","deprecatedConfirm","resolveWithConfirmation","accepted","iconAdd","iconDel","iconEdit","iconConfig","iconDuplicate","iconDownload","iconSearch","iconIconKey","iconSync","iconFullscreen","iconDocumentation","iconStar","getSrc","add","del","edit","config","duplicate","search","download","sync","fullscreen","iconKey","documentation","star","getAlt","Icon","Label","text","large","onDelete","dataTestIds","handleDelete","MARGIN","Popup","placement","mode","handler","handlerWrapperClassName","preventDestroyContentOnHide","open","onOpenChange","arrowRef","update","refs","floatingStyles","middlewareData","useFloating","autoUpdate","availableHeight","availableWidth","height","offset","shift","arrow","click","useClick","hover","useHover","safePolygon","focus","useFocus","dismiss","useDismiss","getReferenceProps","getFloatingProps","useInteractions","Fragment","FloatingPortal","Bubble","inverted","direction","setOpen","Tooltip","Tabs","tab","currentTab","name","page","pages","renderHeading","tabDescription","ClearButton","inputElement","SearchBox","placeholder","key","onSubmit","query","clearable","input","SearchBox$1"],"mappings":";;;;;;;;AAuBA,MAAqBA,WAAkBC,EAAM,UAAwB;AAAA,EACpE,QAAe;AAAA,IACd,kBAAkB;AAAA,EAAA;AAAA,EAGnB,oBAAoB;AACnB,UAAM,EAAC,sBAAAC,MAAwB,KAAK;AAEpC,IAAIA,KAAyB,QAC5B,KAAK,sBAAsBA,CAAoB;AAAA,EAEjD;AAAA,EAEA,wBAAiD,CAACC,MAAkB;AACnE,UAAM,EAAC,cAAAC,MAAgB,KAAK,OACtBC,IAAe,KAAK,MAAM,qBAAqBF,IAAQA,IAAQ;AACrE,SAAK,SAAS;AAAA,MACb,kBAAkBE;AAAA,IAAA,CAClB,GAEGD,KACHA,EAAaC,CAAY;AAAA,EAE3B;AAAA,EAEA,SAAS;AACR,UAAM,EAAC,UAAAC,GAAU,gBAAAC,EAAA,IAAkB,KAAK,OAClC,EAAC,kBAAAC,MAAoB,KAAK;AAChC,WACC,gBAAAC,EAAC,SAAI,WAAWF,IAAiB,gBAAgBA,CAAc,KAAK,gBAClE,UAAAD,KACAA,EAAS;AAAA,MAAI,CAACI,GAAYP,MACzBO,IACC,gBAAAD;AAAA,QAACC,EAAM;AAAA,QAAN;AAAA,UAEA,OAAAP;AAAA,UACA,QAAQK,MAAqBL;AAAA,UAC7B,QAAQ,MAAM,KAAK,sBAAsBA,CAAK;AAAA,UAC7C,GAAGO,EAAM;AAAA,QAAA;AAAA,QAJLP;AAAA,MAAA,IAMH;AAAA,IAAA,GAEP;AAAA,EAEF;AACD;AC7BA,MAAqBQ,WAAsBV,EAAM,cAAqB;AAAA,EACrE,SAAS;AACR,UAAM,EAAC,OAAAW,GAAO,UAAAN,GAAU,QAAAO,GAAQ,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,cAAAC,GAAc,QAAAC,GAAQ,OAAAC,GAAO,GAAGC,EAAA,IAAQ,KAAK,OAClGC,IAAuB,CAAC,MAAM;AAEpC,WAAIN,KAAaM,EAAqB,KAAKN,CAAW,GAClDF,KAAQQ,EAAqB,KAAK,MAAM,qBAG1C,OAAA,EAAI,WAAWA,EAAqB,KAAK,GAAG,GAC5C,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACd,UAAA;AAAA,QAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,SAAQ,SAASJ,GAAQ,eAAaE,EAAK,aAAa,GACvE,UAAA;AAAA,UAAA,gBAAAX,EAAC,MAAA,EAAG,OAAOQ,GAAe,UAAAD,GAAM;AAAA,UAC/BJ,KACA,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,WAAU;AAAA,cACV,OAAO;AAAA,gBACN,QAAQ;AAAA,gBACR,iBAAiB;AAAA,gBACjB,aAAa;AAAA,cAAA;AAAA,cAGb,UAAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAGFE,KAAS,gBAAAL,EAAC,QAAA,EAAK,OAAOK,EAAM,UAAW,YAAM,KAAA,CAAK;AAAA,QAAA,GACpD;AAAA,0BACC,QAAA,EAAK,WAAU,SACd,UAAAK,KACAA,EAAM,IAAI,CAACI,GAAepB,wBACxB,QAAA,EAAiB,WAAU,QAC1B,UAAAoB,EAAA,GADSpB,CAEX,CACA,EAAA,CACH;AAAA,MAAA,GACD;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAH,EAAA,CAAS;AAAA,IAAA,GACjC;AAAA,EAEF;AACD;AC5BA,SAASkB,GAAO;AAAA,EACf,UAAAlB;AAAA,EACA,OAAAU;AAAA,EACA,MAAAS;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGf;AACJ,GAA4B;AAC3B,MAAIgB,IAAWpB;AAEf,SAAIA,KAAS,OAAOA,KAAU,aAC7BoB,IAAWN,EAAEd,EAAM,IAAI;AAAA,IACtB,cAAcA,EAAM;AAAA,EAAA,CACpB,IAID,gBAAAP;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,eAAaW,EAAK,aAAa;AAAA,MAC/B,MAAMK,KAAQ;AAAA,MACd,WAAWY,EAAG,aAAaH,GAAW,EAAC,OAAAC,GAAO,SAAAJ,GAAS,QAAAC,GAAQ,MAAMC,GAAM;AAAA,MAC3E,OAAO,OAAOG,KAAa,WAAWA,IAAW;AAAA,MACjD,UAAAV;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MAEC,UAAAvB;AAAA,IAAA;AAAA,EAAA;AAGJ;AAEA,MAAAgC,IAAeC,EAAA,EAAkBf,EAAM,GCvEjCgB,KAAY,CAAC,EAAC,UAAAlC,GAAU,UAAAmC,GAAU,WAAAP,GAAW,OAAAN,QAClD,gBAAAnB,EAAC,OAAA,EAAI,OAAAmB,GAAc,WAAW,iBAAiBa,IAAW,aAAa,EAAE,IAAIP,KAAa,EAAE,IAC1F,UAAA5B,EAAA,CACF;AAGDkC,GAAU,eAAe;AAAA,EACxB,UAAU;AACX;AC1BA,MAAME,KAAe,CAACC,MACd,CAAC,CAAEA,EAAc,SAGnBC,KAAuB,CAACC,GAAsBF,MAAmC;AACtF,QAAMG,IAAOD,EAAQ,sBAAA;AAErB,MAAIE,GAAGC;AACP,SAAIN,GAAaC,CAAK,KACrBI,IAAIJ,EAAM,QAAQ,CAAC,EAAE,OACrBK,IAAIL,EAAM,QAAQ,CAAC,EAAE,UAErBI,IAAIJ,EAAM,OACVK,IAAIL,EAAM,QAGJG,EAAK,QAAQC,KAAKD,EAAK,SAASC,KAAKD,EAAK,OAAOE,KAAKF,EAAK,UAAUE;AAC7E,GAEMC,KAAkB,CACvBC,GACAC,MACI;AACJ,QAAMC,IAAcC,EAAOF,CAAQ;AAEnC,EAAAG,EAAU,MAAM;AACf,IAAAF,EAAY,UAAUD;AAAA,EACvB,GAAG,CAACA,CAAQ,CAAC,GAEbG,EAAU,MAAM;AACf,UAAMC,IAAW,CAACZ,MAAmC;AAEpD,MADwBO,EAAS,OAAO,CAACL,MAAYA,KAAW,IAAI,EAEnD;AAAA,QACf,CAACA,MACAA,MAAYF,EAAM,UAClB,CAACE,EAAQ,SAASF,EAAM,MAAa,KACrC,CAACC,GAAqBC,GAASF,CAAK;AAAA,MAAA,KAGtCS,EAAY,QAAQT,CAAK;AAAA,IAE3B;AACA,oBAAS,iBAAiB,aAAaY,GAAU,EAAI,GACrD,SAAS,iBAAiB,cAAcA,GAAU,EAAI,GAC/C,MAAM;AACZ,eAAS,oBAAoB,aAAaA,GAAU,EAAI,GACxD,SAAS,oBAAoB,cAAcA,GAAU,EAAI;AAAA,IAC1D;AAAA,EACD,GAAG,CAACL,CAAQ,CAAC;AACd;AC9CA,SAAwBM,GAAY,EAAC,WAAAtB,GAAW,OAAAuB,GAAO,QAAAC,GAAQ,SAAAC,GAAS,QAAAC,GAAQ,gBAAAC,KAAwB;AACvG,QAAMC,IAAMT,EAAuB,IAAI,GACjC,CAACU,GAAaC,CAAc,IAAIC,EAA6B,IAAI;AAEvE,SAAAX,EAAU,MAAM;AACf,IAAAU,EAAeF,EAAI,OAAO;AAAA,EAC3B,GAAG,CAAA,CAAE,GAELb,GAAgB,CAACc,CAAW,GAAG,MAAM;AACpC,IAAIF,KAAgBA,EAAA;AAAA,EACrB,CAAC,GAGA,gBAAApD,EAACyD,GAAA,EAAU,QAAO,iBAAgB,SAASJ,GAC1C,UAAA,gBAAAxC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAwC;AAAA,MACA,WAAW,gBAAgB5B,KAAa,EAAE;AAAA,MAC1C,OAAO;AAAA,QACN,UAAUuB;AAAA,MAAA;AAAA,MAGV,UAAA;AAAA,QAAAC,KAAU,gBAAAjD,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAiD,GAAO;AAAA,QAChDC,KAAW,gBAAAlD,EAAC,OAAA,EAAI,WAAU,iBAAiB,UAAAkD,GAAQ;AAAA,QACnDC,KAAU,gBAAAnD,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAmD,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnD;AAEF;ACdA,MAAqBO,WAAclE,EAAM,UAKvC;AAAA,EACD,OAAO,eAEH;AAAA,IACH,OAAO;AAAA,EAAA;AAAA,EAER;AAAA,EACA;AAAA,EACA;AAAA,EAEA,YAAYmE,GAAc;AACzB,UAAMA,CAAK,GACX,KAAK,QAAQ;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,EAEb;AAAA,EAEA,oBAAoB;AACnB,SAAK,YAAY,SAAS,cAAc,KAAK,GAC7C,KAAK,YAAY,SAAS,eAAe,YAAY,GAEjD,KAAK,YACR,KAAK,UAAU,YAAY,KAAK,SAAS,IAC/B,SAAS,QACnB,SAAS,KAAK,YAAY,KAAK,SAAS,GAGrC,KAAK,MAAM,kBACd,OAAO,iBAAiB,WAAW,KAAK,eAAe,GAIxD,KAAK,YAAY;AAAA,MAChB,MACC,KAAK,SAAS;AAAA,QACb,WAAW,iBAAiB,KAAK,MAAM,aAAa,EAAE;AAAA,MAAA,CACtD;AAAA,MACF;AAAA,IAAA;AAAA,EAEF;AAAA,EAEA,uBAAuB;AACtB,IAAI,KAAK,cACJ,KAAK,YACR,KAAK,UAAU,YAAY,KAAK,SAAS,IAC/B,SAAS,QACnB,SAAS,KAAK,YAAY,KAAK,SAAS,IAItC,KAAK,MAAM,kBACd,OAAO,oBAAoB,WAAW,KAAK,eAAe,GAGvD,KAAK,aACR,aAAa,KAAK,SAAS;AAAA,EAE7B;AAAA,EAEA,kBAAkD,CAACzB,MAAyB;AAC3E,IAAIA,EAAM,QAAQ,YAAY,KAAK,MAAM,kBACxC,KAAK,MAAM,eAAeA,CAAK;AAAA,EAEjC;AAAA,EAEA,SAAS;AACR,WAAK,KAAK,YAIH0B,EAAS;AAAA,MACf,gBAAA5D,EAAC,OAAA,EAAI,WAAW,KAAK,MAAM,WAAW,aAAa,KAAK,MAAM,aAC7D,UAAA,gBAAAA,EAAC+C,IAAA,EAAa,GAAG,KAAK,OAAO,GAC9B;AAAA,MACA,KAAK;AAAA,IAAA,IAPE;AAAA,EAST;AACD;ACjGA,MAAqBc,WAAuBrE,EAAM,cAAqB;AAAA,EACtE,SAAS;AACR,WAAO,gBAAAQ,EAAC,OAAA,EAAI,IAAG,aAAA,CAAa;AAAA,EAC7B;AACD;ACQA,MAAqB8D,WAAgBtE,EAAM,UAAiB;AAAA,EAC3D,OAAO,eAAe;AAAA,IACrB,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA;AAAA,EAGT,SAAS;AACR,UAAM,EAAC,MAAAuE,IAAO,IAAI,QAAAC,GAAQ,GAAGC,EAAA,IAAa,KAAK;AAC/C,QAAI9C,IAA6B;AAAA,MAChC,OAAO4C;AAAA,MACP,QAAQA;AAAA,IAAA;AAGT,WAAIC,MACH7C,IAAQ;AAAA,MACP,GAAGA;AAAA,MACH,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW,CAAC4C,IAAO;AAAA,MACnB,YAAY,CAACA,IAAO;AAAA,IAAA,sBAId,OAAA,EAAI,WAAU,cAAa,OAAA5C,GAAe,GAAG8C,GAAW;AAAA,EACjE;AACD;AClBA,MAAqBC,WAAyB1E,EAAM,UAAiB;AAAA,EACpE,OAAO,eAEH;AAAA,IACH,MAAM;AAAA,EAAA;AAAA,EAGP,SAAS;AACR,UAAM,EAAC,MAAA2E,GAAM,MAAAJ,GAAM,UAAAlE,GAAU,WAAA4B,EAAA,IAAa,KAAK,OACzC2C,IAAa,sBAAsB3C,KAAwB,EAAE;AACnE,WACC,gBAAAZ,EAAC,OAAA,EAAI,WAAWuD,GACf,UAAA;AAAA,MAAA,gBAAApE;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,wBAAwBmE,IAAO,YAAY,EAAE;AAAA,UACxD,eAAa,KAAK,MAAM,aAAa;AAAA,UAErC,UAAA,gBAAAnE,EAAC8D,IAAA,EAAQ,MAAAC,GAAY,QAAM,GAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAE5BlE;AAAA,IAAA,GACF;AAAA,EAEF;AACD;ACNA,MAAMwE,KAAsB,CAACrD,GAAcU,MAAmB;AAC7D,UAAQV,GAAA;AAAA,IACP,KAAK;AAAA,IACL,KAAK;AACJ,aAAO;AAAA,IAER,KAAK;AACJ,aAAOU,IAAQ,2BAA2B;AAAA,IAE3C;AACC,YAAM,MAAM,qBAAqBV,CAAI,EAAE;AAAA,EAAA;AAE1C,GAEMsD,KAAuB,CAACtD,GAAcU,MAAmB;AAC9D,UAAQV,GAAA;AAAA,IACP,KAAK;AACJ,aAAO;AAAA,IAER,KAAK;AACJ,aAAO;AAAA,IAER,KAAK;AACJ,aAAOU,IAAQ,wBAAwB;AAAA,IAExC;AACC,YAAM,MAAM,qBAAqBV,CAAI,EAAE;AAAA,EAAA;AAE1C,GAKMuD,KAAW,CAAC;AAAA,EACjB,MAAAvD,IAAO;AAAA,EACP,OAAAwD;AAAA,EACA,UAAAC;AAAA,EACA,OAAAlE;AAAA,EACA,OAAAmE;AAAA,EACA,UAAAzD,IAAW;AAAA,EACX,aAAA0D,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,GAAAvD;AAAA,EACA,GAAGwD;AACJ,MAA+B;AAC9B,QAAM1D,IACLH,MAAS,WACN;AAAA,IACA,iBAAiBwD,IAAQI,IAAc;AAAA,EAAA,IAEvC,CAAA,GACEE,IAAUvE,IACbc,EAAEd,EAAM,IAAI;AAAA,IACZ,cAAcA,EAAM;AAAA,EAAA,CACpB,IACA,QACGwE,IAAYL,IACfrD,EAAEqD,EAAM,IAAI;AAAA,IACZ,cAAcA,EAAM;AAAA,EAAA,CACpB,IACA;AACH,SACC,gBAAA7D;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,OAAOiE;AAAA,MACP,WAAWT,GAAoBrD,GAAM2D,CAAW;AAAA,MAChD,eAAaE,EAAM,qBAAqB;AAAA,MAExC,UAAA;AAAA,QAAA,gBAAA7E;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,MAAK;AAAA,YACL,SAASwE;AAAA,YACT,UAAAvD;AAAA,YACA,UAAU,MAAMwD,EAAS,CAACD,CAAK;AAAA,YAC/B,eAAaK,EAAM,aAAa;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjC,gBAAA7E;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAWsE,GAAqBtD,GAAM2D,CAAW;AAAA,YACjD,OAAAxD;AAAA,YACA,eAAa0D,EAAM,sBAAsB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEzCH,KAAS,gBAAA1E,EAAC,QAAA,EAAK,WAAU,aAAa,UAAA+E,EAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpD,GAEAC,KAAelD,EAAA,EAAkByC,EAAQ;ACxHlC,SAASU,EACfC,GAC+B;AAC/B,QAAMC,IACL,OAAOD,KAAQ,YAAY,OAAQA,EAAY,MAAO,YAAY,OAAQA,EAAY,gBAAiB;AAExG,SAAIC,KACH,QAAQ;AAAA,IACP;AAAA,EAAA,GAIKA;AACR;ACKA,SAASC,EACRC,GAC8B;AAC9B,SAAIJ,EAAwBI,CAAO,sBAC1BC,GAAA,EAAM,SAASD,EAAQ,IAAK,YAAQ,cAAa,IAEnDA;AACR;AAMA,SAAwBE,GAAQ;AAAA,EAC/B,OAAAhF;AAAA,EACA,SAAA8E;AAAA,EACA,UAAAG;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACrB,GAAU;AACT,SACC,gBAAA5F;AAAA,IAAC0D;AAAA,IAAA;AAAA,MACA,QAAQ0B,EAAuB7E,CAAK;AAAA,MACpC,SAAS6E,EAAuBC,CAAO;AAAA,MACvC,0BACE,OAAA,EACA,UAAA;AAAA,QAAA,gBAAArF;AAAA,UAACe;AAAAA,UAAA;AAAA,YACA,SAAS6E,MAAsB;AAAA,YAC/B,QAAQA,MAAsB;AAAA,YAC9B,SAASJ;AAAA,YAER,UAAAE,IACAN,EAAuBM,CAAiB,sBAEvCJ,GAAA,EAAM,SAAQ,eAAc,UAAA,SAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrC,gBAAAtF,EAACe,GAAA,EAAO,SAAS0E,GACf,UAAAE,IACAP,EAAuBO,CAAkB,IAEzC,gBAAA3F,EAACsF,GAAA,EAAM,SAAQ,gBAAe,qBAAO,EAAA,CAEvC;AAAA,MAAA,GACD;AAAA,MAED,OAAO;AAAA,IAAA;AAAA,EAAA;AAGV;AC7DO,MAAMO,IAAiBC,EAE3B;AAAA,EACF,SAAS,MAAM,QAAQ,OAAO,IAAI,MAAM,6BAA6B,CAAC;AACvE,CAAC;AAED,SAASC,GAAgB,EAAC,UAAAlG,KAA6D;AACtF,QAAM,CAACmG,GAASC,CAAU,IAAIzC,EAAkB,EAAK,GAC/C,CAAC0C,GAAcC,CAAe,IAAI3C,EAAuB;AAAA,IAC9D,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU,MAAM;AAAA,IAAC;AAAA,IACjB,WAAW,MAAM;AAAA,IAAC;AAAA,EAAA,CAClB;AAED,iBAAe4C,EAAQC,GAAyB;AAC/C,WAAO,IAAI,QAAiB,CAACC,MAAY;AACxC,MAAAL,EAAW,EAAI,GACfE,EAAgB;AAAA,QACf,GAAGE;AAAA,QACH,UAAU,MAAM;AACf,UAAAJ,EAAW,EAAK,GAChBK,EAAQ,EAAI;AAAA,QACb;AAAA,QACA,WAAW,MAAM;AAChB,UAAAL,EAAW,EAAK,GAChBK,EAAQ,EAAK;AAAA,QACd;AAAA,MAAA,CACA;AAAA,IACF,CAAC;AAAA,EACF;AAEA,2BACET,EAAe,UAAf,EAAwB,OAAO,EAAC,SAAAO,KAC/B,UAAA;AAAA,IAAAvG;AAAA,IACAmG,KAAW,gBAAAhG,EAACuF,IAAA,EAAS,GAAGW,EAAA,CAAc;AAAA,EAAA,GACxC;AAEF;AC9CA,SAAwBK,KAAa;AACpC,QAAMC,IAAUC,EAAWZ,CAAc;AACzC,MAAI,CAACW;AACJ,UAAM,IAAI,MAAM,4BAA4B;AAE7C,QAAM,EAAC,SAAAJ,MAAWI;AAClB,SAAOJ;AACR;ACQA,SAAwBM,GAA8BC,GAAyD;AAC9G,WAASC,EAAYjD,GAAU;AAC9B,UAAMyC,IAAUG,GAAA,GACV,EAAC,GAAAlF,EAAA,IAAKwF,EAAA;AAEZ,aAASC,EAAM5B,GAAqC;AACnD,aAAID,EAAwBC,CAAG,IACvB7D,EAAE6D,EAAI,IAAI,EAAC,cAAcA,EAAI,cAAa,IAE3CA;AAAA,IACR;AAEA,mBAAe6B,EACdxG,GACA8E,GACAK,GACAC,GACAqB,GACApB,GAC0B;AAC1B,YAAMqB,IAAW,MAAMb,EAAQ;AAAA,QAC9B,OAAOU,EAAMvG,CAAK;AAAA,QAClB,SAAS0E,EAAwBI,CAAO,IAAIyB,EAAMzB,CAAO,IAAIA;AAAA,QAC7D,mBAAmBK,IAAoBoB,EAAMpB,CAAiB,IAAI;AAAA,QAClE,oBAAoBC,IAAqBmB,EAAMnB,CAAkB,IAAI;AAAA,QACrE,mBAAAC;AAAA,MAAA,CACA;AAED,UAAIoB;AACH,eAAOC;AACR,UAAW,CAACA;AACX,eAAO,IAAI,QAAQ,MAAM;AAAA,QAAC,CAAC;AAAA,IAE7B;AAEA,WAAO,gBAAAjH,EAAC2G,GAAA,EAAkB,GAAGhD,GAAO,SAASoD,GAAmB;AAAA,EACjE;AAEA,SAAO,SAA4BpD,GAAU;AAC5C,6BACEoC,IAAA,EACA,UAAA,gBAAA/F,EAAC4G,GAAA,EAAa,GAAGjD,GAAO,GACzB;AAAA,EAEF;AACD;AChEA,MAAAuD,KAAe,mSCAfC,KAAe,0VCAfC,KAAe,ybCAfC,KAAe,g1CCAfC,KAAe,0kCCAfC,KAAe,+TCAfC,KAAe,qhBCAfC,KAAe,kbCAfC,KAAe,8aCAfC,KAAe,+mBCAfC,KAAe,ixBCAfC,KAAe;ACyCf,SAASC,GAAOnE,GAAc;AAC7B,QAAM,EAAC,KAAAoE,GAAK,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,WAAAC,GAAW,QAAAC,GAAQ,UAAAC,GAAU,MAAAC,GAAM,YAAAC,GAAY,SAAAC,GAAS,eAAAC,GAAe,MAAAC,MAAQ/E;AAE9G,MAAIoE;AACH,WAAOb;MACGc;AACV,WAAOb;MACGc;AACV,WAAOb;MACGc;AACV,WAAOb;MACGc;AACV,WAAOb;MACGc;AACV,WAAOZ;MACGa;AACV,WAAOd;MACGe;AACV,WAAOZ;MACGa;AACV,WAAOZ;MACGa;AACV,WAAOf;MACGgB;AACV,WAAOb;MACGc;AACV,WAAOb;AAEP,QAAM,MAAM,gCAAgC;AAE9C;AAEA,SAASc,GAAOhF,GAAc;AAC7B,QAAM,EAAC,KAAAoE,GAAK,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,WAAAC,GAAW,QAAAC,GAAQ,UAAAC,GAAU,MAAAC,GAAM,YAAAC,GAAY,SAAAC,GAAS,eAAAC,GAAe,MAAAC,MAAQ/E;AAE9G,MAAIoE;AACH,WAAO;MACGC;AACV,WAAO;MACGC;AACV,WAAO;MACGC;AACV,WAAO;MACGC;AACV,WAAO;MACGC;AACV,WAAO;MACGC;AACV,WAAO;MACGC;AACV,WAAO;MACGC;AACV,WAAO;MACGC;AACV,WAAO;MACGC;AACV,WAAO;MACGC;AACV,WAAO;AAEP,QAAM,MAAM,gCAAgC;AAE9C;AAEA,SAAwBE,EAAKjF,GAAc;AAC1C,MAAIxC;AACJ,SAAIwC,EAAM,QACTxC,IAAQ,EAAC,OAAO,IAAI,QAAQ,GAAA,IAE5BA,IAAQ,EAAC,OAAO,IAAI,QAAQ,GAAA,GAEzBwC,EAAM,aACTxC,IAAQ,EAAC,GAAGA,GAAO,QAAQ,YAAA,sBAGpB,OAAA,EAAI,KAAK2G,GAAOnE,CAAK,GAAG,WAAW,WAAWA,EAAM,aAAa,EAAE,IAAI,KAAKgF,GAAOhF,CAAK,GAAG,OAAAxC,GAAc;AAClH;ACnFA,SAAwB0H,GAAM;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAApH,IAAQ;AAAA,EACR,OAAAqH,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAvH;AAAA,EACA,SAAAP;AAAA,EACA,UAAArB;AAAA,EACA,GAAGoJ;AACJ,GAA6B;AAC5B,WAASC,EAAahH,GAAoC;AACzD,IAAAA,EAAM,gBAAA,GACF8G,KACHA,EAAA;AAAA,EAEF;AAEA,SACC,gBAAAnI;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAAK;AAAA,MACA,WAAWU,EAAG,YAAYH,GAAW,EAAC,OAAAsH,GAAO,OAAArH,GAAO,WAAWsH,GAAU,WAAW,CAAC,CAAC9H,GAAQ;AAAA,MAC9F,eAAa+H,EAAY,aAAa;AAAA,MAErC,UAAA;AAAA,QAAA,OAAOH,KAAS,WAAWA,IAAOA,KAAQ,gBAAA9I,EAACsF,KAAM,SAASwD,EAAK,IAAK,UAAAA,EAAK,aAAA,CAAa;AAAA,+BACpF,UAAAjJ,GAAS;AAAA,QACXmJ,KACA,gBAAAhJ,EAAC,QAAA,EAAK,eAAaiJ,EAAY,2BAA2B,GAAG,WAAU,UAAS,SAASC,GACxF,UAAA,gBAAAlJ,EAAC4I,GAAA,EAAK,KAAG,IAAC,UAAQ,IAAC,EAAA,CACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ;ACDA,MAAMO,IAAS;AAMf,SAAwBC,EAAM;AAAA,EAC7B,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO,CAAC,OAAO;AAAA,EACf,UAAArI;AAAA,EACA,SAAAsI;AAAA,EACA,yBAAAC;AAAA,EACA,6BAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAlI;AAAA,EACA,UAAA5B;AACD,GAAU;AACT,QAAM+J,IAAWhH,EAAuB,IAAI,GACtC,EAAC,UAAAH,GAAU,QAAAoH,GAAQ,MAAAC,GAAM,gBAAAC,GAAgB,SAAAvD,GAAS,gBAAAwD,EAAA,IAAkBC,EAAY;AAAA,IACrF,WAAAZ;AAAA,IACA,MAAAK;AAAA,IACA,cAAAC;AAAA,IACA,sBAAuBF,IAA2C,SAAbS;AAAA,IACrD,YAAY;AAAA,MACXnG,GAAK;AAAA,QACJ,MAAM,EAAC,iBAAAoG,GAAiB,gBAAAC,GAAgB,UAAA3H,KAAW;AAClD,gBAAMO,IAAQ,GAAG,KAAK,IAAI,GAAGoH,IAAiBjB,CAAM,CAAC,MAC/CkB,IAAS,GAAG,KAAK,IAAI,GAAGF,IAAkBhB,CAAM,CAAC;AACvD1G,UAAAA,EAAS,SAAS,MAAM,WAAWO,GACnCP,EAAS,SAAS,MAAM,YAAY4H;AAAA,QACrC;AAAA,MAAA,CACA;AAAA,MACDC,GAAO;AAAA,QACN,UAAU;AAAA,MAAA,CACV;AAAA,MACDC,GAAA;AAAA,MACAC,GAAM;AAAA,QACL,SAASZ;AAAA,MAAA,CACT;AAAA,IAAA;AAAA,EACF,CACA;AAED,EAAA/G,EAAU,MAAM;AACf,QAAI4G,KAA+BC,KAAQjH,EAAS,aAAaA,EAAS;AAEzE,aADgByH,EAAWzH,EAAS,WAAWA,EAAS,UAAUoH,CAAM;AAAA,EAG1E,GAAG,CAACpH,EAAS,UAAUA,EAAS,WAAWiH,GAAMG,GAAQJ,CAA2B,CAAC;AAErF,QAAMgB,IAAQC,GAASlE,GAAS,EAAC,SAAS,CAACvF,KAAYqI,EAAK,SAAS,OAAO,GAAE,GACxEqB,IAAQC,GAASpE,GAAS;AAAA,IAC/B,SAAS,CAACvF,KAAYqI,EAAK,SAAS,OAAO;AAAA,IAC3C,aAAauB,GAAA;AAAA,EAAY,CACzB,GACKC,IAAQC,GAASvE,GAAS,EAAC,SAAS,CAACvF,KAAYqI,EAAK,SAAS,OAAO,GAAE,GACxE0B,IAAUC,GAAWzE,CAAO,GAC5B,EAAC,mBAAA0E,GAAmB,kBAAAC,EAAA,IAAoBC,GAAgB,CAACX,GAAOE,GAAOG,GAAOE,CAAO,CAAC;AAE5F,SACC,gBAAAnK,EAAAwK,GAAA,EACC,UAAA;AAAA,IAAA,gBAAArL;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,OAAO,EAAC,SAAS,eAAA;AAAA,QACjB,WAAW4B,EAAG,yBAAyB4H,CAAuB;AAAA,QAC9D,KAAKM,EAAK;AAAA,QACT,GAAGoB,EAAA;AAAA,QAEH,UAAA3B;AAAA,MAAA;AAAA,IAAA;AAAA,KAEAG,KAAQD,MACT,gBAAAzJ,EAACsL,IAAA,EACA,UAAA,gBAAAtL;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAW4B,EAAG,oBAAoB,EAAC,QAAQ6H,KAA+B,CAACC,GAAK;AAAA,QAChF,KAAKI,EAAK;AAAA,QACV,OAAOC;AAAA,QACN,GAAGoB,EAAA;AAAA,QAEJ,4BAAC,OAAA,EAAI,WAAWvJ,EAAG,YAAYyH,GAAW5H,CAAS,GAClD,UAAA;AAAA,UAAA,gBAAAzB;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,WAAW4B,EAAG,eAAeyH,CAAS;AAAA,cACtC,KAAKO;AAAA,cACL,OAAO,EAAC,MAAMI,EAAe,OAAO,GAAG,KAAKA,EAAe,OAAO,EAAA;AAAA,YAAC;AAAA,UAAA;AAAA,UAEpE,gBAAAhK,EAAC,OAAA,EAAI,WAAU,iBAAiB,UAAAH,EAAA,CAAS;AAAA,QAAA,EAAA,CAC1C;AAAA,MAAA;AAAA,IAAA,EACD,CACD;AAAA,EAAA,GAEF;AAEF;AC7HA,SAAwB0L,GAAO,EAAC,SAAArI,GAAS,UAAAsI,GAAU,UAAA3L,GAAU,UAAAoB,GAAU,OAAAE,GAAO,WAAAsK,GAAW,WAAAhK,KAAmB;AAC3G,QAAM,CAACiI,GAAMgC,CAAO,IAAIlI,EAAS,EAAK;AACtC,SACC,gBAAAxD;AAAA,IAACoJ;AAAA,IAAA;AAAA,MACA,MAAAM;AAAA,MACA,cAAcgC;AAAA,MACd,SAAS7L;AAAA,MACT,UAAAoB;AAAA,MACA,MAAM,CAAC,OAAO;AAAA,MACd,WAAWwK,KAAwB;AAAA,MACnC,WAAW,UAAUD,IAAW,aAAa,EAAE,IAAI/J,KAAwB,EAAE;AAAA,MAE7E,UAAA,gBAAAzB,EAAC,QAAA,EAAK,WAAW,kBAAkB,OAAAmB,GACjC,UAAA+B,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGH;ACvBA,SAAwByI,GAAQ,EAAC,SAAAzI,GAAS,UAAArD,GAAU,WAAA4B,GAAW,WAAAgK,GAAW,UAAAxK,KAAkB;AAC3F,QAAM,CAACyI,GAAMgC,CAAO,IAAIlI,EAAS,EAAK;AAEtC,SACC,gBAAAxD;AAAA,IAACoJ;AAAA,IAAA;AAAA,MACA,MAAAM;AAAA,MACA,UAAAzI;AAAA,MACA,MAAM,CAAC,OAAO;AAAA,MACd,cAAcyK;AAAA,MACd,SAAS7L;AAAA,MACT,WAAW4L,KAAwB;AAAA,MACnC,WAAW,oBAAoBhK,KAAwB,EAAE;AAAA,MAEzD,UAAA,gBAAAzB,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAAkD,EAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAG9C;ACPA,MAAqB0I,WAAapM,EAAM,UAAwB;AAAA,EAC/D,QAAe;AAAA,IACd,YAAY,KAAK,MAAM,MAAM,SAAS,KAAK,MAAM,MAAM,CAAC,EAAE,OAAO;AAAA,EAAA;AAAA,EAGlE,cAAqC,CAACqM,MAAgB;AACrD,IAAI,KAAK,MAAM,WACd,KAAK,MAAM,SAASA,CAAG,IACb,OAAO,KAAK,MAAM,aAAe,OAC3C,KAAK,SAAS;AAAA,MACb,YAAYA;AAAA,IAAA,CACZ;AAAA,EAEH;AAAA,EAEA,iBAAgD,MAA+B;AAC9E,UAAMC,IAAa,OAAO,KAAK,MAAM,cAAe,WAAW,KAAK,MAAM,aAAa,KAAK,MAAM;AAClG,WAAO,KAAK,MAAM,MAAM,KAAK,CAAC,EAAC,MAAAC,EAAA,MAAUD,MAAeC,CAAI;AAAA,EAC7D;AAAA,EAEA,eAAyC,CAACF,OACtB,OAAO,KAAK,MAAM,cAAe,WAAW,KAAK,MAAM,aAAa,KAAK,MAAM,gBAC5EA;AAAA,EAGvB,aAAa,MAAM;AAClB,UAAMG,IAAO,KAAK,eAAA;AAElB,WAAIA,KAAQ,OAAOA,EAAK,cAAe,aAC/BA,EAAK,WAAA,IAGN;AAAA,EACR;AAAA,EAEA,SAAS;AACR,UAAM,EAAC,OAAAC,GAAO,UAAAhL,EAAA,IAAY,KAAK;AAC/B,6BACE,OAAA,EACA,UAAA;AAAA,MAAA,gBAAAjB,EAAC,OAAA,EAAI,WAAU,WACb,UAAAiM,EAAM;AAAA,QAAI,CAAC,EAAC,MAAAF,GAAM,eAAAG,GAAe,gBAAAC,QACjCA,IACC,gBAAAnM,EAACuL,IAAA,EAAO,UAAQ,IAAY,SAASY,GAAgB,WAAU,0BAC9D,UAAA,gBAAAnM;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,eAAY;AAAA,YACZ,WAAW,QAAQiB,IAAW,aAAa,EAAE,IAC5C,KAAK,aAAa8K,CAAI,IAAI,WAAW,EACtC;AAAA,YACA,SAAS,MAAM,CAAC9K,KAAY,KAAK,YAAY8K,CAAI;AAAA,YAEhD,UAAAG,EAAA;AAAA,UAAc;AAAA,QAAA,EAChB,GATqBH,CAUtB,IAEA,gBAAA/L;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,eAAY;AAAA,YAEZ,WAAW,QAAQiB,IAAW,aAAa,EAAE,IAC5C,KAAK,aAAa8K,CAAI,IAAI,WAAW,EACtC;AAAA,YACA,SAAS,MAAM,CAAC9K,KAAY,KAAK,YAAY8K,CAAI;AAAA,YAEhD,UAAAG,EAAA;AAAA,UAAc;AAAA,UANVH;AAAA,QAAA;AAAA,MAON,GAGH;AAAA,MACC,KAAK,WAAA;AAAA,IAAW,GAClB;AAAA,EAEF;AACD;ACtEA,MAAMK,IAAc,CAAC;AAAA,EACpB,UAAA3H;AAAA,EACA,cAAA4H;AAAA,EACA,OAAAlL;AACD,MAKC,gBAAAnB;AAAA,EAACe;AAAAA,EAAA;AAAA,IACA,OAAK;AAAA,IACL,SAAS,MAAM;AACd,MAAA0D,EAAS,EAAE,GAEP4H,KACHA,EAAa,MAAA;AAAA,IAEf;AAAA,IACA,OAAAlL;AAAA,IAEA,UAAA,gBAAAnB,EAAC4I,GAAA,EAAK,KAAG,GAAA,CAAC;AAAA,EAAA;AACX;AAMD,MAAM0D,WAAkB9M,EAAM,UAA0C;AAAA,EACvE,QAAe;AAAA,IACd,OAAO,KAAK,MAAM,gBAAgB;AAAA,EAAA;AAAA,EAEnC;AAAA,EAEA,mBAA2B;AAC1B,UAAM,EAAC,GAAA6B,GAAG,aAAAkL,EAAA,IAAe,KAAK;AAE9B,WAAI,OAAOA,KAAgB,WACnBlL,EAAEkL,EAAY,IAAI;AAAA,MACxB,cAAcA,EAAY;AAAA,IAAA,CAC1B,IAEMA;AAAA,EAET;AAAA,EAEA,eAAwC,CAAC/H,MAAkB;AAC1D,UAAM,EAAC,UAAAC,MAAY,KAAK;AACxB,SAAK,SAAS;AAAA,MACb,OAAOD;AAAA,IAAA,CACP,GACDC,EAASD,CAAK;AAAA,EACf;AAAA,EAEA,cAAmC,CAAC,EAAC,KAAAgI,QAAS;AAC7C,UAAM,EAAC,UAAAC,MAAY,KAAK,OAClB,EAAC,OAAAC,MAAS,KAAK;AAErB,IAAIF,MAAQ,WAAW,OAAOC,KAAa,cAC1CA,EAASC,CAAK;AAAA,EAEhB;AAAA,EAEA,SAAS;AACR,UAAM,EAAC,UAAAD,GAAU,OAAAtL,GAAO,WAAAwL,EAAA,IAAa,KAAK,OACpC,EAAC,OAAAD,MAAS,KAAK;AACrB,WACC,gBAAA7L,EAAC,OAAA,EAAI,WAAU,cAAa,OAAAM,GAC3B,UAAA;AAAA,MAAA,gBAAAnB;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAK,CAAC4M,MAAU;AACf,iBAAK,QAAQA;AAAA,UACd;AAAA,UACA,MAAK;AAAA,UACL,OAAOF;AAAA,UACP,aAAa,KAAK,iBAAA;AAAA,UAClB,SAAS,KAAK;AAAA,UACd,UAAU,CAAC,EAAC,QAAQ,EAAC,OAAAlI,UAAY,KAAK,aAAaA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAExD,OAAOiI,KAAa,aACpB,gBAAA5L,EAACrB,EAAM,UAAN,EACC,UAAA;AAAA,QAAAkN,KAASC,KACT,gBAAA3M;AAAA,UAACoM;AAAA,UAAA;AAAA,YACA,UAAU,KAAK;AAAA,YACf,cAAc,KAAK;AAAA,YACnB,OAAO;AAAA,cACN,OAAO;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,QAGF,gBAAApM,EAACe,GAAA,EAAO,OAAK,IAAC,SAAS,MAAM0L,EAASC,CAAK,GAC1C,UAAA,gBAAA1M,EAAC4I,GAAA,EAAK,QAAM,IAAC,EAAA,CACd;AAAA,MAAA,EAAA,CACD,IACG8D,KAASC,IACZ,gBAAA3M,EAACoM,KAAY,UAAU,KAAK,cAAc,cAAc,KAAK,MAAA,CAAO,IAEpE,gBAAApM,EAACe,GAAA,EAAO,OAAK,IAAC,UAAQ,IACrB,UAAA,gBAAAf,EAAC4I,GAAA,EAAK,QAAM,GAAA,CAAC,EAAA,CACd;AAAA,IAAA,GAEF;AAAA,EAEF;AACD;AAEA,MAAAiE,KAAe/K,EAAA,EAAkBwK,EAAS;"}

package/dist/style.css

@@ -0,0 +1 @@
+.di.button *{vertical-align:middle}.di.button{height:32px;font-size:11px;font-weight:700;padding:0 15px;margin:0 4px 0 0;display:inline-block;color:#333;background-color:#fff;border-radius:3px;cursor:pointer;border:1px solid #ddd;border-bottom:1px solid #aaa}.di.button img{opacity:.8;margin:0}.di.button img+span{margin:0 0 0 8px}.di.button:hover{background-color:#00000012}.di.button:active,.di.button.active{background-color:#0000001a}.di.button.active{border:1px solid #333}.di.button.small{height:24px;margin:0 1px;padding:0 10px}.di.button.link{display:inline-block;border:none;background-color:transparent;box-shadow:none;cursor:pointer}.di.button.link:hover{text-decoration:none;background-color:#00000012;border-radius:3px}.di.button.link:active{background-color:#0000001a}.di.button.primary{background-color:var(--primary-color, #1a8ed3);border:none;color:#fff;border:1px solid var(--primary-color, #1a8ed3);border-bottom:1px solid var(--primary-color-darker, #1575ad)}.di.button.primary:hover,.di.button.primary:focus,.di.button.primary:active{background-color:var(--primary-color-darker, #1575ad);color:#fff}.di.button.danger{background-color:#ff494f;border:none;color:#fff;border:1px solid #FF494F;border-bottom:1px solid #E1494F}.di.button.danger:hover,.di.button.danger:focus,.di.button.danger:active{background-color:#e1494f;color:#fff}.di.button:disabled,.di.button.disabled{opacity:.35;cursor:default;pointer-events:none;filter:grayscale(100%)}.di.button::-moz-focus-inner{border:0;padding:0}.di.button-row{margin:30px 0 40px;display:flex}.di.button-row.dividing{padding:25px 0 0;border-top:1px solid #ddd}.di.button-row .button{min-width:70px}.di.modal{position:fixed;inset:0;background-color:#fff0;z-index:99999}.di.modal{transition:all .15s linear;pointer-events:none}.di.modal .modal-window{margin:7vh auto 0;border-radius:4px;background-color:#fff;box-shadow:0 5px 10px #0003;overflow:hidden}.di.modal .modal-window{transition:margin .3s ease-out .2s,opacity .3s ease-out .2s;opacity:0}.di.modal .modal-header{padding:20px 30px;min-height:60px;cursor:move;font-size:20px;line-height:25px;border-bottom:1px solid #ddd}.di.modal .modal-content{padding:20px 30px;max-height:calc(80vh - 100px);overflow:auto;clear:both}.di.modal .modal-footer{margin:0;text-align:right;padding:20px 30px;border-radius:0 0 4px 4px;border-top:1px solid #ddd}.di.modal.show{background-color:#00000080;pointer-events:auto}.di.modal.show .modal-window{margin:10vh auto 0;opacity:1}.di.spinner{border:2px solid #bababa;border-top:2px solid var(--primary-color, #1a8ed3);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.di.spinner-wrapper{position:relative;height:100%;z-index:0}.di.spinner-wrapper .spinner-container{opacity:0;transition:opacity .1s ease;background-color:#ffffffbf}.di.spinner-wrapper .spinner-container{position:absolute;inset:0;z-index:1;visibility:hidden}.di.spinner-wrapper .spinner-container.visible{opacity:1;visibility:visible}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.di.toggle{position:relative;display:inline-block;width:60px;height:30px}.di.toggle input{display:none}.di.toggle .switch{position:absolute;background-color:gray;border-radius:15px;cursor:pointer;inset:0}.di.toggle .switch:before{content:"";width:28px;height:28px;background-color:#fff;position:absolute;right:1px;top:1px;border-radius:14px}.di.toggle .switch,.di.toggle .switch:before{transition:transform .1s ease-out,background-color .05s ease-out .05s}.di.toggle input:checked+.switch:before{transform:translate(0)}.di.toggle input+.switch:before{transform:translate(-30px)}.di.toggle-small{width:40px;height:20px}.di.toggle .switch-small:before{width:18px;height:18px}.di.toggle input+.switch-small:before{transform:translate(-20px)}.di.checkbox{cursor:pointer}.di.checkbox>input:disabled+div,.di.toggle>input:disabled+div{opacity:.4;cursor:auto}.di.checkbox>input{display:none}.di.checkbox .box,.di.checkbox .radio{display:inline-block;text-align:left;width:16px;height:16px;border:1px solid black;vertical-align:middle}.di.checkbox .radio{border-radius:10px}.di.checkbox input:checked+.box:before{content:"✓";left:-1px;top:0;position:relative;float:right;font-size:14px;line-height:14px}.di.checkbox input:checked+.radio:before{content:"";display:block;position:relative;height:6px;width:6px;background-color:#222;border-radius:3px;top:4px;left:4px}.di .textlabel{-webkit-user-select:none;user-select:none;font-size:12px;vertical-align:middle;padding-left:5px}.di.label{height:22px;padding:0 10px;margin-right:6px;color:#333;border:1px solid #bbb;border-radius:20px;display:inline-flex;align-items:center;font-size:12px;white-space:nowrap}.di.label.removable{padding-right:0}.di.label .remove{margin:0 2px 0 8px;width:18px;height:18px;display:flex;justify-content:center;align-items:center}.di.label .remove{background-color:#0000004d;border-radius:50%;cursor:pointer}.di.label .remove:hover{background-color:#00000080}.di.label .remove:active{background-color:#000000b3}.di.label .remove img{flex-shrink:0}.di.label.danger{background-color:#e50000;border-color:transparent;color:#fff}.di.label.success{background-color:#00cc0a;border-color:transparent;color:#fff}.di.label.warning{background-color:#ffb400;border-color:transparent;color:#fff}.di.label.neutral{background-color:#ddd;border-color:transparent}.di.label.small{height:16px;font-size:11px}.di.label.small .remove{width:12px;height:12px}.di.label.small .remove img{width:10px}.di.label.large{height:30px}.di.label.large .remove{width:24px;height:24px}.di.label.clickable{cursor:pointer}a .di.label{text-decoration:solid inherit underline;font-weight:400}a .di.label:hover{background-color:#00000012;text-decoration:underline}a .di.label:active{background-color:#0000001a}.clearfix:after{content:"";clear:both;display:block;visibility:hidden;height:0px}.disabled{opacity:.35;pointer-events:none;cursor:default}.di.tabs{margin:5px 0 20px;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;align-items:center}.di.tabs .item{padding:12px 15px;margin-bottom:-1px;font-size:14px;text-decoration:none;border-bottom:2px solid transparent;color:#666;background:none;border-top:0;border-left:0;border-right:0;border-radius:0;cursor:pointer}.di.tabs .item:hover{background-color:#00000012}.di.tabs .item:active{background-color:#0000001a}.di.tabs .item.active,.dragging.item.active{font-weight:700;color:#333;border-bottom:2px solid var(--primary-color, #1a8ed3)}.di.tabs .item.disabled{opacity:.35;pointer-events:none;cursor:default}.di.tabs .item .add{background:url("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") no-repeat center;padding:0 25px;background-size:16px 16px}.dragging.item{padding:12px 15px;margin-bottom:-1px;font-size:14px;text-decoration:none;border-bottom:2px solid transparent;color:#666;background-color:#0000001a;border-top:0;border-left:0;border-right:0;border-radius:0;cursor:move;white-space:nowrap}.draggable-area *{cursor:move}.di.tabs .tab-header,.dragging .tab-header{position:relative}.di.tabs .tab-header:after,.dragging .tab-header:after{position:absolute;content:"";inset:0}.di.accordion{width:auto}.di.accordion .item{border-bottom:1px solid #bbb}.di.accordion .head{display:flex;align-items:center;justify-content:space-between;transition:.1s all ease}.di.accordion .head:hover{background-color:#00000012;transition-duration:0s}.di.accordion .head:before{content:"";position:absolute;display:inline-block;width:0;height:0;margin:0 0 0 3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid black;pointer-events:none}.di.accordion .head:before{transition:.1s all ease}.di.accordion .title{width:100%;padding:15px 15px 15px 20px;display:flex;align-items:center;cursor:pointer}.di.accordion .title *{margin:initial}.di.accordion .title span{margin-right:10px}.di.accordion .tools{padding:0 0 0 15px;display:flex;align-items:center}.di.accordion .cont{height:0px;overflow:hidden;padding:0 0 0 25px;opacity:.3;transition:.25s all ease;transform:scaleY(.9);transform-origin:top left}.di.accordion .item.open .cont{height:auto;padding:15px 0 15px 25px;opacity:1;transform:scaleY(1)}.di.accordion .item.open .head:before{transform:rotate(90deg);transition:.3s ease}.di.accordion .item.open .head{border-bottom:1px dashed #eee}.di.accordion .accordion{background-color:#0000000d}.di.accordion h2{margin-top:0!important}.di.popup{min-width:40px;margin-top:-3px;z-index:1000;top:0;left:0;background-color:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 3px #0003;border-radius:3px;opacity:0}.di.popup{transition:opacity .1s ease,margin .1s ease}.di.popup-wrapper.hidden,.di.popup-wrapper.hidden>*{opacity:0!important;pointer-events:none}.di.popup-wrapper{transition:opacity .2s ease}.di.popup[class*=bottom],.di.popup[class*=top],.di.popup[class*=right],.di.popup[class*=left]{opacity:1}.di.popup .popup-arrow{width:10px;height:10px;margin:0;background-color:#fff;position:absolute;z-index:0;border:1px solid rgba(0,0,0,.2);border-right:none;border-bottom:none}.di.popup .popup-arrow[class*=bottom]{top:-8px}.di.popup .popup-arrow[class*=top]{bottom:-4px}.di.popup .popup-arrow[class*=left]{right:-5px}.di.popup .popup-arrow[class*=right]{left:-5px}.di.popup .popup-arrow[class*=bottom]:before{border-bottom:none;border-right:none;transform:rotate(45deg)}.di.popup .popup-arrow[class*=top]:before{border-bottom:none;border-right:none;transform:rotate(-135deg)}.di.popup .popup-arrow[class*=left]:before{border-bottom:none;border-right:none;transform:rotate(135deg)}.di.popup .popup-arrow[class*=right]:before{border-bottom:none;border-right:none;transform:rotate(-45deg)}.di.popup .popup-arrow,.di.popup .popup-arrow:before{position:absolute;width:8px;height:8px;background:inherit;border:1px solid rgba(0,0,0,.2)}.di.popup .popup-arrow{visibility:hidden}.di.popup .popup-arrow:before{visibility:visible;content:""}.di.popup .popup-content{margin:10px}.di.popup.inverted{background-color:#333;box-shadow:none}.di.popup.inverted .popup-arrow{background-color:#333;border:none}.di.popup.inverted .popup-content{color:#fff}.di.popup.inverted a{color:#fff;text-decoration:none;vertical-align:middle}.di.popup.inverted a:hover{text-decoration:underline}.di.popup.bubble .bubble-content{padding:5px;white-space:nowrap;display:inline-block}.di.popup.tooltip{transition:none;transition:opacity .1s ease}.di.popup.tooltip .tooltip-content{white-space:nowrap;display:inline-block;line-height:12px}.search-box{height:32px;padding:0 30px 0 0;border:1px solid #ccc;border-radius:5px;position:relative;background:#fff}.search-box input{width:100%;height:30px;padding:0 8px 0 15px;background:none;margin-top:0;border:none;outline:none;font-size:12px;box-shadow:none;border-radius:0}.search-box .di.button{position:absolute;right:0;margin-right:0;padding:7px 10px}

package/{lib/esm → dist/types}/components/accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type Props = {
+export type Props = {
     /** Should contain Array of <AccordionItems/> elements */
     children?: Array<React.ReactNode>;
     /** (Optional) sets additional class for styling purposes */
@@ -9,7 +9,7 @@ export declare type Props = {
     /** (Optional) Index of the &lt;AccordionItem/&gt; which should be opened on initial render cycle */
     defaultOpenPageIndex?: number;
 };
-declare type State = {
+type State = {
     currentPageIndex: number;
 };
 /**
@@ -19,7 +19,7 @@ export default class Accordion extends React.Component<Props, State> {
     state: State;
     componentDidMount(): void;
     handleAccordionToggle: (index: number) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/types/components/accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,KAAK,GAAG;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAElC,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,GAAG,CAAC;IAE9C,oGAAoG;IACpG,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,KAAK,KAAK,GAAG;IACZ,gBAAgB,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACnE,KAAK,EAAE,KAAK,CAEV;IAEF,iBAAiB;IAQjB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAU5C;IAEF,MAAM;CAoBN"}

package/{lib/cjs → dist/types}/components/accordionComponents/AccordionItem.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-declare type Info = {
+type Info = {
     text: string;
     cssStyle: Record<string, any>;
 };
-export declare type Props = {
+export type Props = {
     /** (Optional) Displays either numeric- or text-based badge in front of the &lt;AccordionItems/&gt; */
     badge?: (number | string | React.ReactNode) | null | undefined;
     /** @ignore */
@@ -26,7 +26,7 @@ export declare type Props = {
     'data-testid'?: string | undefined;
 };
 export default class AccordionItem extends React.PureComponent<Props> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=AccordionItem.d.ts.map

package/dist/types/components/accordionComponents/AccordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/accordionComponents/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,IAAI,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IACnB,sGAAsG;IACtG,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAE/D,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qFAAqF;IACrF,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uCAAuC;IACvC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEhC,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,mGAAmG;IACnG,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE/B,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACpE,MAAM;CAuCN"}

package/{lib/esm → dist/types}/components/bubble/Bubble.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PopupDirection } from '../popup/Popup';
-export declare type Props = {
+import { Placement } from '../popup/Popup';
+export type Props = {
     /** the Bubble content */
     content: React.ReactNode;
     /** inverts the colors */
@@ -14,22 +14,10 @@ export declare type Props = {
     /** hides the bubble */
     disabled?: boolean;
     /** changed the direction */
-    direction?: PopupDirection;
-};
-declare type State = {
-    active: boolean;
+    direction?: Placement;
 };
 /**
  * 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.
  */
-export default class Bubble extends React.Component<Props, State> {
-    static defaultProps: {
-        inverted: boolean;
-    };
-    state: State;
-    handleMouseEnter: () => void;
-    handleMouseLeave: () => void;
-    render(): JSX.Element;
-}
-export {};
+export default function Bubble({ content, inverted, children, disabled, style, direction, className }: Props): React.JSX.Element;
 //# sourceMappingURL=Bubble.d.ts.map

package/dist/types/components/bubble/Bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble/Bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAc,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEhD,MAAM,MAAM,KAAK,GAAG;IACnB,yBAAyB;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAC,EAAE,KAAK,qBAiBzG"}

package/dist/types/components/bubble/Bubble.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import Bubble from './Bubble';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    component: typeof Bubble;
+    args: {};
+};
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithMoreContent: Story;
+export declare const Inverted: Story;
+export declare const Disabled: Story;
+export default meta;
+//# sourceMappingURL=Bubble.stories.d.ts.map

package/dist/types/components/bubble/Bubble.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble/Bubble.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,MAAM,MAAM,UAAU,CAAC;AAG9B,QAAA,MAAM,IAAI;;;;;;;CAOqB,CAAC;AAEhC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/{lib/cjs → dist/types}/components/button/Button.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { ComponentType } from 'react';
 import { TranslationDescriptor } from '../../types/i18n';
-export declare type Props = {
+export type Props = {
     /** primary style, mutually exclusive with _danger_ and _naked_ */
     primary?: boolean;
     /** danger style, mutually exclusive with _primary_ and _naked_ */
@@ -28,6 +28,6 @@ export declare type Props = {
     /** @ignore */
     tabIndex?: number;
 };
-declare const _default: React.ComponentType<Props>;
+declare const _default: ComponentType<Props>;
 export default _default;
 //# sourceMappingURL=Button.d.ts.map

package/dist/types/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,KAAK,GAAG;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,4GAA4G;IAC5G,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,sBAAsB;IACtB,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,CAAC;IAE5D,8BAA8B;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,sBAAsB;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAEvC,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;wBA8C0C,aAAa,CAAC,KAAK,CAAC;AAAhE,wBAAiE"}

package/{lib/cjs → dist/types}/components/button/ButtonRow.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type Props = {
+export type Props = {
     /** should contain <Button /> elements */
     children: React.ReactNode;
     /** show a horizontal row above the buttons */
@@ -14,7 +14,7 @@ export declare type Props = {
  * To separate the ButtonRow from the content, the extra property `dividing` can be used.
  */
 declare const ButtonRow: {
-    ({ children, dividing, className, style }: Props): JSX.Element;
+    ({ children, dividing, className, style }: Props): React.JSX.Element;
     defaultProps: {
         dividing: boolean;
     };

package/dist/types/components/button/ButtonRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ButtonRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,KAAK,GAAG;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,SAAS;+CAA4C,KAAK;;;;CAI/D,CAAC;AAMF,eAAe,SAAS,CAAC"}

package/{lib/esm → dist/types}/components/confirm/Confirm.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TranslationDescriptor } from '../../types/i18n';
-export declare type Props = {
+export type Props = {
     title: string | TranslationDescriptor;
     message: string | React.ReactElement | TranslationDescriptor;
     /** @ignore */
@@ -15,5 +15,5 @@ export declare type Props = {
  * Confirm enables the possibility to open up a dialog within a modal, requiring additional user actions.
  * This component should not be used directly, instead use `@withConfirm` to inject a promise based confirm method
  */
-export default function Confirm({ title, message, onAccept, onDecline, acceptButtonLabel, declineButtonLabel, acceptButtonStyle }: Props): JSX.Element;
+export default function Confirm({ title, message, onAccept, onDecline, acceptButtonLabel, declineButtonLabel, acceptButtonStyle }: Props): React.JSX.Element;
 //# sourceMappingURL=Confirm.d.ts.map

package/dist/types/components/confirm/Confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/Confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAGvD,MAAM,MAAM,KAAK,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACtC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,GAAG,qBAAqB,CAAC;IAE7D,cAAc;IACd,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAEvC,cAAc;IACd,SAAS,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACnD,kBAAkB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACpD,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CACzC,CAAC;AAWF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,iBAA6B,EAC7B,EAAE,KAAK,qBA8BP"}

package/{lib/esm → dist/types}/components/confirm/ConfirmProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type ConfirmOptions = {
+type ConfirmOptions = {
     title: string;
     message: string | React.ReactElement;
     acceptButtonLabel?: string;
@@ -9,6 +9,6 @@ declare type ConfirmOptions = {
 export declare const ConfirmContext: React.Context<{
     confirm: (options: ConfirmOptions) => Promise<boolean>;
 }>;
-declare function ConfirmProvider({ children }: React.PropsWithChildren<Record<string, unknown>>): JSX.Element;
+declare function ConfirmProvider({ children }: React.PropsWithChildren<Record<string, unknown>>): React.JSX.Element;
 export default ConfirmProvider;
 //# sourceMappingURL=ConfirmProvider.d.ts.map

package/{lib/cjs → dist/types}/components/confirm/ConfirmProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/ConfirmProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,aAAK,cAAc,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,cAAc;uBACP,cAAc,KAAK,QAAQ,OAAO,CAAC;EAGrD,CAAC;AAEH,iBAAS,eAAe,CAAC,EAAC,QAAQ,EAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,eAgCpF;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ConfirmProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/ConfirmProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,KAAK,cAAc,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,cAAc;aACjB,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,OAAO,CAAC;EAGrD,CAAC;AAEH,iBAAS,eAAe,CAAC,EAAC,QAAQ,EAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,qBAgCpF;AAED,eAAe,eAAe,CAAC"}

package/dist/types/components/confirm/useConfirm.d.ts

@@ -0,0 +1,8 @@
+export default function useConfirm(): (options: {
+    title: string;
+    message: string | React.ReactElement;
+    acceptButtonLabel?: string;
+    declineButtonLabel?: string;
+    acceptButtonStyle?: "primary" | "danger";
+}) => Promise<boolean>;
+//# sourceMappingURL=useConfirm.d.ts.map

package/{lib/cjs → dist/types}/components/confirm/useConfirm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/useConfirm.ts"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,UAAU;;;;;;uBAOjC"}
+{"version":3,"file":"useConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/useConfirm.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,UAAU;;;;;;uBAOjC"}

package/{lib/cjs → dist/types}/components/confirm/withConfirm.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TranslationDescriptor } from '../../types/i18n';
-export declare type ConfirmProps = {
+export type ConfirmProps = {
     confirm: (title: string | TranslationDescriptor, message: string | TranslationDescriptor | React.ReactElement, acceptButtonLabel?: string | TranslationDescriptor, declineButtonLabel?: string | TranslationDescriptor, resolveWithConfirmation?: boolean, acceptButtonStyle?: 'primary' | 'danger') => Promise<void | boolean>;
 };
-export default function withConfirm<P>(WrappedComponent: React.ComponentType<P & ConfirmProps>): (props: P) => JSX.Element;
+export default function withConfirm<P extends object>(WrappedComponent: React.ComponentType<P & ConfirmProps>): (props: P) => React.JSX.Element;
 //# sourceMappingURL=withConfirm.d.ts.map

package/dist/types/components/confirm/withConfirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/withConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAKvD,MAAM,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,CACR,KAAK,EAAE,MAAM,GAAG,qBAAqB,EACrC,OAAO,EAAE,MAAM,GAAG,qBAAqB,GAAG,KAAK,CAAC,YAAY,EAC5D,iBAAiB,CAAC,EAAE,MAAM,GAAG,qBAAqB,EAClD,kBAAkB,CAAC,EAAE,MAAM,GAAG,qBAAqB,EACnD,uBAAuB,CAAC,EAAE,OAAO,EACjC,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,KACpC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,YAAY,CAAC,IAsCzE,OAAO,CAAC,uBAO3C"}

package/{lib/esm → dist/types}/components/icon/Icon.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare type Props = {
+import React from 'react';
+export type Props = {
     add?: boolean;
     del?: boolean;
     edit?: boolean;
@@ -20,5 +20,5 @@ export declare type Props = {
     /** @ignore */
     className?: string;
 };
-export default function Icon(props: Props): JSX.Element;
+export default function Icon(props: Props): React.JSX.Element;
 //# sourceMappingURL=Icon.d.ts.map

package/dist/types/components/icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,MAAM,MAAM,KAAK,GAAG;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAkEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,KAAK,qBAYxC"}

package/{lib/cjs → dist/types}/components/input/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TranslationDescriptor } from '../../types/i18n';
-export declare type Props = {
+export type Props = {
     /** input type selector */
     type?: 'checkbox' | 'radio' | 'toggle';
     /** Flag to preselect the status of the checkbox */

package/dist/types/components/input/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/input/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,KAAK,GAAG;IACnB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEvC,mDAAmD;IACnD,KAAK,EAAE,OAAO,CAAC;IAEf,oDAAoD;IACpD,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAExC,qCAAqC;IACrC,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAE9B,kDAAkD;IAClD,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAE9B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc;IACd,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,cAAc;IACd,sBAAsB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;wBAsF4C,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;AAAxE,wBAAyE"}

package/{lib/esm → dist/types}/components/input/SearchBox.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import '../../assets/search-box.css';
-import { CSSProperties } from 'react';
+import { ComponentType, CSSProperties } from 'react';
 import { TranslationDescriptor } from '../../types/i18n';
-export declare type Props = {
+export type Props = {
     /** Placeholder text for input field `(string | TranslationDescriptor)` */
     placeholder: string | TranslationDescriptor;
     /** Function to call if the input changes */
@@ -16,6 +15,6 @@ export declare type Props = {
     /** Wrapper styles */
     style: CSSProperties | undefined;
 };
-declare const _default: React.ComponentType<Props>;
+declare const _default: ComponentType<Props>;
 export default _default;
 //# sourceMappingURL=SearchBox.d.ts.map

package/dist/types/components/input/SearchBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SearchBox.tsx"],"names":[],"mappings":"AAGA,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAInD,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,KAAK,GAAG;IACnB,0EAA0E;IAC1E,WAAW,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAE5C,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+DAA+D;IAC/D,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAExC,qBAAqB;IACrB,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;CACjC,CAAC;wBA8G6C,aAAa,CAAC,KAAK,CAAC;AAAnE,wBAAoE"}

package/{lib/esm → dist/types}/components/label/Label.d.ts

@@ -19,5 +19,5 @@ export interface Props extends React.HTMLAttributes<HTMLSpanElement> {
 /**
  * Label enables an easy way for marking or tagging elements.
  */
-export default function Label({ text, small, large, onDelete, className, onClick, children, ...dataTestIds }: PropsWithChildren<Props>): JSX.Element;
+export default function Label({ text, small, large, onDelete, className, onClick, children, ...dataTestIds }: PropsWithChildren<Props>): React.JSX.Element;
 //# sourceMappingURL=Label.d.ts.map

package/{lib/cjs → dist/types}/components/label/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAK9E,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACnE,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAEtC,sBAAsB;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,OAAO,CAAC,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC;IAE7C,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAExC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc;IACd,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC7B,IAAI,EACJ,KAAa,EACb,KAAa,EACb,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,WAAW,EACd,EAAE,iBAAiB,CAAC,KAAK,CAAC,eAoB1B"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAK9E,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACnE,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAEtC,sBAAsB;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,OAAO,CAAC,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC;IAE7C,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAExC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc;IACd,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC7B,IAAI,EACJ,KAAa,EACb,KAAa,EACb,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,WAAW,EACd,EAAE,iBAAiB,CAAC,KAAK,CAAC,qBAuB1B"}

package/{lib/esm → dist/types}/components/modal/Modal.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="node" />
 import React from 'react';
-export declare type Props = {
+export type Props = {
     header?: React.ReactNode;
     content?: React.ReactNode;
     footer?: React.ReactNode;

package/dist/types/components/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,KAAK,GAAG;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gFAAgF;IAChF,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACjE,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAS,CACjD,KAAK,EACL;IACC,SAAS,EAAE,MAAM,CAAC;CAClB,CACD;IACA,MAAM,CAAC,YAAY,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;KACd,CAEC;IACF,SAAS,EAAE,cAAc,GAAG,SAAS,CAAC;IACtC,SAAS,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,SAAS,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC;gBAE1B,KAAK,EAAE,KAAK;IAOxB,iBAAiB;IAwBjB,oBAAoB;IAkBpB,eAAe,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAI7C;IAEF,MAAM;CAYN"}

package/dist/types/components/modal/Modal.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import Modal from './Modal';
+import React from 'react';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    component: typeof Modal;
+    args: {};
+    render: (args: import("./Modal").Props) => React.JSX.Element;
+};
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomWidth: Story;
+export declare const WithOutsideClickEnabled: Story;
+export default meta;
+//# sourceMappingURL=Modal.stories.d.ts.map

package/dist/types/components/modal/Modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,IAAI;;;;;;;;CA4BoB,CAAC;AAE/B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA2BrC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/components/modalComponents/ModalContainer.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type Props = Record<string, never>;
+export default class ModalContainer extends React.PureComponent<Props> {
+    render(): React.JSX.Element;
+}
+//# sourceMappingURL=ModalContainer.d.ts.map

package/{lib/cjs → dist/types}/components/modalComponents/ModalContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/modalComponents/ModalContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAE1C,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACrE,MAAM;CAGN"}
+{"version":3,"file":"ModalContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/modalComponents/ModalContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAE1C,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACrE,MAAM;CAGN"}

package/dist/types/components/modalComponents/ModalWindow.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Props } from '../modal/Modal';
+export default function ModalWindow({ className, width, header, content, footer, onOutsideClick }: Props): React.JSX.Element;
+//# sourceMappingURL=ModalWindow.d.ts.map

package/dist/types/components/modalComponents/ModalWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalWindow.d.ts","sourceRoot":"","sources":["../../../../src/components/modalComponents/ModalWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAC;AAGrC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAC,EAAE,KAAK,qBA2BrG"}