no-frills-ui 0.0.14-alpha.7 → 0.0.14-alpha.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +87 -87
- package/dist/index.js.map +1 -1
- package/lib-esm/components/Accordion/Accordion.js +1 -0
- package/lib-esm/components/Accordion/Accordion.js.map +1 -0
- package/lib-esm/components/Accordion/AccordionStep.js +9 -8
- package/lib-esm/components/Accordion/AccordionStep.js.map +1 -0
- package/lib-esm/components/Badge/Badge.js +2 -1
- package/lib-esm/components/Badge/Badge.js.map +1 -0
- package/lib-esm/components/Button/ActionButton.js +2 -1
- package/lib-esm/components/Button/ActionButton.js.map +1 -0
- package/lib-esm/components/Button/Button.js +2 -1
- package/lib-esm/components/Button/Button.js.map +1 -0
- package/lib-esm/components/Button/IconButton.js +2 -1
- package/lib-esm/components/Button/IconButton.js.map +1 -0
- package/lib-esm/components/Button/LinkButton.js +2 -1
- package/lib-esm/components/Button/LinkButton.js.map +1 -0
- package/lib-esm/components/Button/RaisedButton.js +2 -1
- package/lib-esm/components/Button/RaisedButton.js.map +1 -0
- package/lib-esm/components/Card/Card.js +2 -1
- package/lib-esm/components/Card/Card.js.map +1 -0
- package/lib-esm/components/Chip/Chip.js +3 -2
- package/lib-esm/components/Chip/Chip.js.map +1 -0
- package/lib-esm/components/ChipInput/ChipInput.js +4 -3
- package/lib-esm/components/ChipInput/ChipInput.js.map +1 -0
- package/lib-esm/components/Dialog/AlertDialog.js +1 -0
- package/lib-esm/components/Dialog/AlertDialog.js.map +1 -0
- package/lib-esm/components/Dialog/ConfirmDialog.js +1 -0
- package/lib-esm/components/Dialog/ConfirmDialog.js.map +1 -0
- package/lib-esm/components/Dialog/Dialog.js +2 -1
- package/lib-esm/components/Dialog/Dialog.js.map +1 -0
- package/lib-esm/components/Dialog/PromptDialog.js +4 -3
- package/lib-esm/components/Dialog/PromptDialog.js.map +1 -0
- package/lib-esm/components/DragAndDrop/DragAndDrop.js +3 -2
- package/lib-esm/components/DragAndDrop/DragAndDrop.js.map +1 -0
- package/lib-esm/components/DragAndDrop/DragItem.js +4 -3
- package/lib-esm/components/DragAndDrop/DragItem.js.map +1 -0
- package/lib-esm/components/DragAndDrop/types.js +1 -0
- package/lib-esm/components/DragAndDrop/types.js.map +1 -0
- package/lib-esm/components/Drawer/Drawer.js +2 -1
- package/lib-esm/components/Drawer/Drawer.js.map +1 -0
- package/lib-esm/components/Groups/Group.js +3 -2
- package/lib-esm/components/Groups/Group.js.map +1 -0
- package/lib-esm/components/Groups/GroupLabel.js +2 -1
- package/lib-esm/components/Groups/GroupLabel.js.map +1 -0
- package/lib-esm/components/Input/Checkbox.js +4 -3
- package/lib-esm/components/Input/Checkbox.js.map +1 -0
- package/lib-esm/components/Input/Dropdown.js +2 -1
- package/lib-esm/components/Input/Dropdown.js.map +1 -0
- package/lib-esm/components/Input/Input.js +4 -3
- package/lib-esm/components/Input/Input.js.map +1 -0
- package/lib-esm/components/Input/Radio.js +4 -3
- package/lib-esm/components/Input/Radio.js.map +1 -0
- package/lib-esm/components/Input/RadioButton.js +4 -3
- package/lib-esm/components/Input/RadioButton.js.map +1 -0
- package/lib-esm/components/Input/Select.js +5 -4
- package/lib-esm/components/Input/Select.js.map +1 -0
- package/lib-esm/components/Input/TextArea.js +4 -3
- package/lib-esm/components/Input/TextArea.js.map +1 -0
- package/lib-esm/components/Input/Toggle.js +3 -2
- package/lib-esm/components/Input/Toggle.js.map +1 -0
- package/lib-esm/components/Menu/Menu.js +2 -1
- package/lib-esm/components/Menu/Menu.js.map +1 -0
- package/lib-esm/components/Menu/MenuContext.js +1 -0
- package/lib-esm/components/Menu/MenuContext.js.map +1 -0
- package/lib-esm/components/Menu/MenuItem.js +2 -1
- package/lib-esm/components/Menu/MenuItem.js.map +1 -0
- package/lib-esm/components/Modal/Modal.js +1 -0
- package/lib-esm/components/Modal/Modal.js.map +1 -0
- package/lib-esm/components/Notification/Notification.js +1 -0
- package/lib-esm/components/Notification/Notification.js.map +1 -0
- package/lib-esm/components/Notification/NotificationManager.js +1 -0
- package/lib-esm/components/Notification/NotificationManager.js.map +1 -0
- package/lib-esm/components/Notification/style.js +10 -9
- package/lib-esm/components/Notification/style.js.map +1 -0
- package/lib-esm/components/Notification/types.js +1 -0
- package/lib-esm/components/Notification/types.js.map +1 -0
- package/lib-esm/components/Popover/Popover.js +3 -2
- package/lib-esm/components/Popover/Popover.js.map +1 -0
- package/lib-esm/components/Spinner/Spinner.js +2 -1
- package/lib-esm/components/Spinner/Spinner.js.map +1 -0
- package/lib-esm/components/Stepper/Step.js +2 -1
- package/lib-esm/components/Stepper/Step.js.map +1 -0
- package/lib-esm/components/Stepper/Stepper.js +5 -4
- package/lib-esm/components/Stepper/Stepper.js.map +1 -0
- package/lib-esm/components/Tabs/Tab.js +1 -0
- package/lib-esm/components/Tabs/Tab.js.map +1 -0
- package/lib-esm/components/Tabs/Tabs.js +4 -3
- package/lib-esm/components/Tabs/Tabs.js.map +1 -0
- package/lib-esm/components/Toast/Toast.js +4 -3
- package/lib-esm/components/Toast/Toast.js.map +1 -0
- package/lib-esm/components/Tooltip/Tooltip.js +3 -2
- package/lib-esm/components/Tooltip/Tooltip.js.map +1 -0
- package/lib-esm/components/index.js +1 -0
- package/lib-esm/components/index.js.map +1 -0
- package/lib-esm/icons/CheckCircle.js +1 -0
- package/lib-esm/icons/CheckCircle.js.map +1 -0
- package/lib-esm/icons/Close.js +1 -0
- package/lib-esm/icons/Close.js.map +1 -0
- package/lib-esm/icons/DragIndicator.js +1 -0
- package/lib-esm/icons/DragIndicator.js.map +1 -0
- package/lib-esm/icons/ErrorOutline.js +1 -0
- package/lib-esm/icons/ErrorOutline.js.map +1 -0
- package/lib-esm/icons/ExpandMore.js +1 -0
- package/lib-esm/icons/ExpandMore.js.map +1 -0
- package/lib-esm/icons/FiberManualRecord.js +1 -0
- package/lib-esm/icons/FiberManualRecord.js.map +1 -0
- package/lib-esm/icons/Info.js +1 -0
- package/lib-esm/icons/Info.js.map +1 -0
- package/lib-esm/icons/ReportProblem.js +1 -0
- package/lib-esm/icons/ReportProblem.js.map +1 -0
- package/lib-esm/shared/LayerManager.js +2 -1
- package/lib-esm/shared/LayerManager.js.map +1 -0
- package/lib-esm/shared/constants.js +1 -0
- package/lib-esm/shared/constants.js.map +1 -0
- package/lib-esm/shared/styles.js +5 -4
- package/lib-esm/shared/styles.js.map +1 -0
- package/package.json +1 -1
|
@@ -8,15 +8,15 @@ import CheckCircle from '../../icons/DragIndicator.js';
|
|
|
8
8
|
/** Styled component for the draggable item container */ const Item = /*#__PURE__*/ styled("div", {
|
|
9
9
|
target: "ews8uza0",
|
|
10
10
|
label: "Item"
|
|
11
|
-
})("cursor:", (props)=>props.showIndicator ? 'default' : 'move', ";display:flex;user-select:", (props)=>props.showIndicator ? 'auto' : 'none', ";border-top:2px dashed\n ", (props)=>props.orientation === ORIENTATION.VERTICAL && props.active > 0 ? getThemeValue(THEME_NAME.PRIMARY) : 'transparent', ";border-bottom:2px dashed\n ", (props)=>props.orientation === ORIENTATION.VERTICAL && props.active < 0 ? getThemeValue(THEME_NAME.PRIMARY) : 'transparent', ";border-left:2px dashed\n ", (props)=>props.orientation === ORIENTATION.HORIZONTAL && props.active > 0 ? getThemeValue(THEME_NAME.PRIMARY) : 'transparent', ";border-right:2px dashed\n ", (props)=>props.orientation === ORIENTATION.HORIZONTAL && props.active < 0 ? getThemeValue(THEME_NAME.PRIMARY) : 'transparent', ";opacity:", (props)=>props.dragging ? 0.5 : 1, ";border-radius:10px;&:focus{box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:focus:not(:focus-visible){box-shadow:none;}&:focus-visible{box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EcmFnQW5kRHJvcC9EcmFnSXRlbS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvRHJhZ0FuZERyb3AvRHJhZ0l0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRHJhZ0V2ZW50SGFuZGxlcixcbiAgICBQcm9wc1dpdGhDaGlsZHJlbixcbiAgICB1c2VDb250ZXh0LFxuICAgIHVzZVN0YXRlLFxuICAgIHVzZUVmZmVjdCxcbiAgICBUb3VjaEV2ZW50SGFuZGxlcixcbiAgICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IERyYWdJbmRpY2F0b3IgfSBmcm9tICcuLi8uLi9pY29ucyc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBPUklFTlRBVElPTiwgRHJhZ0NvbnRleHQgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIERyYWdJdGVtUHJvcHMge1xuICAgIC8qKiBQb3NpdGlvbiBpbmRleCBvZiB0aGUgZHJhZ2dhYmxlIGl0ZW0gKi9cbiAgICBpbmRleDogbnVtYmVyO1xuICAgIC8qKiBPcmllbnRhdGlvbiBvZiB0aGUgZHJhZyBvcGVyYXRpb24gKFZFUlRJQ0FMIG9yIEhPUklaT05UQUwpICovXG4gICAgb3JpZW50YXRpb246IE9SSUVOVEFUSU9OO1xuICAgIC8qKiBXaGV0aGVyIHRvIHNob3cgYSBkcmFnIGhhbmRsZSBpbmRpY2F0b3IgaW5zdGVhZCBvZiBtYWtpbmcgdGhlIGVudGlyZSBpdGVtIGRyYWdnYWJsZSAqL1xuICAgIHNob3dJbmRpY2F0b3I6IGJvb2xlYW47XG4gICAgLyoqIFRoZSBpbmRleCBvZiB0aGUgaXRlbSBjdXJyZW50bHkgYmVpbmcgZHJhZ2dlZCBvdmVyICovXG4gICAgZHJhZ092ZXI6IG51bWJlcjtcbiAgICAvKiogVG90YWwgbnVtYmVyIG9mIGl0ZW1zIGluIHRoZSBsaXN0ICovXG4gICAgdG90YWxJdGVtczogbnVtYmVyO1xuICAgIC8qKiBDYWxsYmFjayB0byBzZXQgYW5ub3VuY2VtZW50IGZvciBzY3JlZW4gcmVhZGVycyAqL1xuICAgIHNldEFubm91bmNlbWVudDogKG1lc3NhZ2U6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuLyoqIFN0eWxlZCBjb21wb25lbnQgZm9yIHRoZSBkcmFnZ2FibGUgaXRlbSBjb250YWluZXIgKi9cbmNvbnN0IEl0ZW0gPSBzdHlsZWQuZGl2PHtcbiAgICBhY3RpdmU6IG51bWJlcjtcbiAgICBvcmllbnRhdGlvbjogT1JJRU5UQVRJT047XG4gICAgc2hvd0luZGljYXRvcjogYm9vbGVhbjtcbiAgICBkcmFnZ2luZzogYm9vbGVhbjtcbn0+YFxuICAgIGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5zaG93SW5kaWNhdG9yID8gJ2RlZmF1bHQnIDogJ21vdmUnKX07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB1c2VyLXNlbGVjdDogJHsocHJvcHMpID0+IChwcm9wcy5zaG93SW5kaWNhdG9yID8gJ2F1dG8nIDogJ25vbmUnKX07XG4gICAgYm9yZGVyLXRvcDogMnB4IGRhc2hlZFxuICAgICAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgICAgIHByb3BzLm9yaWVudGF0aW9uID09PSBPUklFTlRBVElPTi5WRVJUSUNBTCAmJiBwcm9wcy5hY3RpdmUgPiAwXG4gICAgICAgICAgICAgICAgPyBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSlcbiAgICAgICAgICAgICAgICA6ICd0cmFuc3BhcmVudCd9O1xuICAgIGJvcmRlci1ib3R0b206IDJweCBkYXNoZWRcbiAgICAgICAgJHsocHJvcHMpID0+XG4gICAgICAgICAgICBwcm9wcy5vcmllbnRhdGlvbiA9PT0gT1JJRU5UQVRJT04uVkVSVElDQUwgJiYgcHJvcHMuYWN0aXZlIDwgMFxuICAgICAgICAgICAgICAgID8gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpXG4gICAgICAgICAgICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICBib3JkZXItbGVmdDogMnB4IGRhc2hlZFxuICAgICAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgICAgIHByb3BzLm9yaWVudGF0aW9uID09PSBPUklFTlRBVElPTi5IT1JJWk9OVEFMICYmIHByb3BzLmFjdGl2ZSA+IDBcbiAgICAgICAgICAgICAgICA/IGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKVxuICAgICAgICAgICAgICAgIDogJ3RyYW5zcGFyZW50J307XG4gICAgYm9yZGVyLXJpZ2h0OiAycHggZGFzaGVkXG4gICAgICAgICR7KHByb3BzKSA9PlxuICAgICAgICAgICAgcHJvcHMub3JpZW50YXRpb24gPT09IE9SSUVOVEFUSU9OLkhPUklaT05UQUwgJiYgcHJvcHMuYWN0aXZlIDwgMFxuICAgICAgICAgICAgICAgID8gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpXG4gICAgICAgICAgICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICBvcGFjaXR5OiAkeyhwcm9wcykgPT4gKHByb3BzLmRyYWdnaW5nID8gMC41IDogMSl9O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cblxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuYDtcblxuLyoqIFN0eWxlZCBjb21wb25lbnQgZm9yIHRoZSBkcmFnIGhhbmRsZSBpbmRpY2F0b3IgKi9cbmNvbnN0IERyYWdLbm9iID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nLXRvcDogOHB4O1xuICAgIGN1cnNvcjogbW92ZTtcbiAgICB0b3VjaC1hY3Rpb246IG5vbmU7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG5gO1xuXG4vKiogQ29udGFpbmVyIGZvciB0aGUgY2hpbGRyZW4gKi9cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZmxleDogMTtcbmA7XG5cbi8qKlxuICogQSBkcmFnZ2FibGUgaXRlbSBjb21wb25lbnQgdGhhdCBzdXBwb3J0cyBib3RoIG1vdXNlIGFuZCB0b3VjaCBpbnRlcmFjdGlvbnMgZm9yIGRyYWctYW5kLWRyb3AgZnVuY3Rpb25hbGl0eS5cbiAqXG4gKiBAY29tcG9uZW50XG4gKiBAZXhhbXBsZVxuICogYGBgdHN4XG4gKiA8RHJhZ0l0ZW1cbiAqICAgaW5kZXg9ezB9XG4gKiAgIG9yaWVudGF0aW9uPXtPUklFTlRBVElPTi5WRVJUSUNBTH1cbiAqICAgc2hvd0luZGljYXRvcj17dHJ1ZX1cbiAqICAgZHJhZ092ZXI9ey0xfVxuICogPlxuICogICA8ZGl2PkRyYWdnYWJsZSBjb250ZW50PC9kaXY+XG4gKiA8L0RyYWdJdGVtPlxuICogYGBgXG4gKlxuICogQHBhcmFtIHByb3BzIC0gVGhlIGNvbXBvbmVudCBwcm9wc1xuICogQHBhcmFtIHByb3BzLmluZGV4IC0gVGhlIHBvc2l0aW9uIGluZGV4IG9mIHRoaXMgaXRlbSBpbiB0aGUgZHJhZ2dhYmxlIGxpc3RcbiAqIEBwYXJhbSBwcm9wcy5vcmllbnRhdGlvbiAtIFRoZSBvcmllbnRhdGlvbiBvZiB0aGUgZHJhZyBvcGVyYXRpb24gKFZFUlRJQ0FMIG9yIEhPUklaT05UQUwpXG4gKiBAcGFyYW0gcHJvcHMuc2hvd0luZGljYXRvciAtIFdoZXRoZXIgdG8gc2hvdyBhIGRyYWcgaGFuZGxlIGluZGljYXRvciBpbnN0ZWFkIG9mIG1ha2luZyB0aGUgZW50aXJlIGl0ZW0gZHJhZ2dhYmxlXG4gKiBAcGFyYW0gcHJvcHMuZHJhZ092ZXIgLSBUaGUgaW5kZXggb2YgdGhlIGl0ZW0gY3VycmVudGx5IGJlaW5nIGRyYWdnZWQgb3ZlclxuICogQHBhcmFtIHByb3BzLmNoaWxkcmVuIC0gVGhlIGNvbnRlbnQgdG8gYmUgcmVuZGVyZWQgaW5zaWRlIHRoZSBkcmFnZ2FibGUgaXRlbVxuICpcbiAqIEByZW1hcmtzXG4gKiAtIFVzZXMgdGhlIERyYWdDb250ZXh0IHRvIG1hbmFnZSBkcmFnIHN0YXRlIGFjcm9zcyBpdGVtc1xuICogLSBQcm92aWRlcyB2aXN1YWwgZmVlZGJhY2sgd2l0aCBib3JkZXJzIGR1cmluZyBkcmFnIG9wZXJhdGlvbnNcbiAqIC0gU3VwcG9ydHMgaGFwdGljIGZlZWRiYWNrICh2aWJyYXRpb24pIG9uIHRvdWNoIGRldmljZXNcbiAqIC0gRm9yIHRvdWNoIGRldmljZXMsIHJlcXVpcmVzIGEgMjAwbXMgaG9sZCBiZWZvcmUgZHJhZyBzdGFydHNcbiAqIC0gV2hlbiBzaG93SW5kaWNhdG9yIGlzIHRydWUsIG9ubHkgdGhlIGRyYWcgaGFuZGxlIGNhbiBpbml0aWF0ZSBkcmFnIG9wZXJhdGlvbnNcbiAqXG4gKiBAcmV0dXJucyBBIGRyYWdnYWJsZSBpdGVtIHdpdGggb3B0aW9uYWwgZHJhZyBpbmRpY2F0b3IgYW5kIHZpc3VhbCBmZWVkYmFja1xuICovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBEcmFnSXRlbShwcm9wczogUHJvcHNXaXRoQ2hpbGRyZW48RHJhZ0l0ZW1Qcm9wcz4pIHtcbiAgICBjb25zdCB7IGluZGV4LCBvcmllbnRhdGlvbiwgY2hpbGRyZW4sIHNob3dJbmRpY2F0b3IsIGRyYWdPdmVyLCB0b3RhbEl0ZW1zLCBzZXRBbm5vdW5jZW1lbnQgfSA9XG4gICAgICAgIHByb3BzO1xuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSgwKTtcbiAgICBjb25zdCB0b3VjaFRpbWVyUmVmID0gdXNlUmVmPE5vZGVKUy5UaW1lb3V0IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoRHJhZ0NvbnRleHQpO1xuXG4gICAgLyoqXG4gICAgICogVmlicmF0ZSB0aGUgZGV2aWNlIGZvciBoYXB0aWMgZmVlZGJhY2tcbiAgICAgKiBAcGFyYW0gZHVyYXRpb24gRHVyYXRpb24gb2YgdGhlIHZpYnJhdGlvbiBpbiBtaWxsaXNlY29uZHNcbiAgICAgKi9cbiAgICBjb25zdCB2aWJyYXRlID0gKGR1cmF0aW9uOiBudW1iZXIpID0+IHtcbiAgICAgICAgaWYgKG5hdmlnYXRvci52aWJyYXRlKSB7XG4gICAgICAgICAgICBuYXZpZ2F0b3IudmlicmF0ZShkdXJhdGlvbik7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogRHJhZyBzdGFydCBldmVudCBoYW5kbGVyXG4gICAgICogQHBhcmFtIGUgRXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCBkcmFnU3RhcnRIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9ICgpID0+IHtcbiAgICAgICAgY29udGV4dC5zZXRTdGFydEluZGV4KGluZGV4KTtcbiAgICAgICAgY29udGV4dC5zZXRJc0RyYWdnaW5nKHRydWUpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBEcmFnIG92ZXIgZXZlbnQgaGFuZGxlclxuICAgICAqIEBwYXJhbSBlIEV2ZW50XG4gICAgICovXG4gICAgY29uc3QgZHJhZ092ZXJIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgc2V0QWN0aXZlKGNvbnRleHQuc3RhcnRJbmRleCAtIGluZGV4KTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogRHJhZyBsZWF2ZSBldmVudCBoYW5kbGVyXG4gICAgICovXG4gICAgY29uc3QgZHJhZ0V4aXRIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9ICgpID0+IHtcbiAgICAgICAgc2V0QWN0aXZlKDApO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBEcm9wIGV2ZW50IGhhbmRsZXJcbiAgICAgKiBAcGFyYW0gZSBFdmVudFxuICAgICAqL1xuICAgIGNvbnN0IGRyb3BIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgc2V0QWN0aXZlKDApO1xuICAgICAgICBjb250ZXh0LmRyb3AoaW5kZXgpO1xuICAgICAgICBjb250ZXh0LnNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBUb3VjaCBzdGFydCBldmVudCBoYW5kbGVyXG4gICAgICogQHBhcmFtIGUgRXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCB0b3VjaFN0YXJ0SGFuZGxlcjogVG91Y2hFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+ID0gKCkgPT4ge1xuICAgICAgICAvLyBDbGVhciBhbnkgZXhpc3RpbmcgdGltZXIgZmlyc3RcbiAgICAgICAgaWYgKHRvdWNoVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICB0b3VjaFRpbWVyUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIGNvbnRleHQuc2V0U3RhcnRJbmRleChpbmRleCk7XG4gICAgICAgICAgICBjb250ZXh0LnNldElzRHJhZ2dpbmcodHJ1ZSk7XG4gICAgICAgICAgICBjb250ZXh0LnNldERyYWdPdmVyKGluZGV4KTtcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJztcbiAgICAgICAgICAgIHZpYnJhdGUoNTApO1xuICAgICAgICB9LCAyMDApO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBUb3VjaCBtb3ZlIGV2ZW50IGhhbmRsZXJcbiAgICAgKiBAcGFyYW0gZSBFdmVudFxuICAgICAqIEByZXR1cm5zIHZvaWRcbiAgICAgKi9cbiAgICBjb25zdCB0b3VjaE1vdmVIYW5kbGVyOiBUb3VjaEV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgICAgICBjb25zdCB0b3VjaCA9IGUudG91Y2hlc1swXTtcbiAgICAgICAgaWYgKCF0b3VjaCkgcmV0dXJuO1xuXG4gICAgICAgIGlmIChjb250ZXh0LmlzRHJhZ2dpbmcpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcblxuICAgICAgICAgICAgLy8gZ2V0IHRoZSBlbGVtZW50IHVuZGVyIHRoZSB0b3VjaCBwb2ludFxuICAgICAgICAgICAgY29uc3QgZWwgPSBkb2N1bWVudC5lbGVtZW50RnJvbVBvaW50KFxuICAgICAgICAgICAgICAgIHRvdWNoLmNsaWVudFgsXG4gICAgICAgICAgICAgICAgdG91Y2guY2xpZW50WSxcbiAgICAgICAgICAgICkgYXMgSFRNTEVsZW1lbnQgfCBudWxsO1xuICAgICAgICAgICAgY29uc3Qgb3ZlckF0dHIgPSBlbD8uY2xvc2VzdCgnW2RhdGEtZHJhZy1pbmRleF0nKT8uZ2V0QXR0cmlidXRlKCdkYXRhLWRyYWctaW5kZXgnKTtcbiAgICAgICAgICAgIGNvbnN0IG92ZXJJbmRleCA9IG92ZXJBdHRyICE9IG51bGwgPyBwYXJzZUludChvdmVyQXR0ciwgMTApIDogbnVsbDtcblxuICAgICAgICAgICAgLy8gaWYgd2Uga25vdyB3aGljaCBpbmRleCB3ZSdyZSBvdmVyLCB1cGRhdGUgdmlzdWFsIHN0YXRlXG4gICAgICAgICAgICBpZiAob3ZlckluZGV4ICE9PSBudWxsKSB7XG4gICAgICAgICAgICAgICAgY29udGV4dC5zZXREcmFnT3ZlcihvdmVySW5kZXgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9IGVsc2UgaWYgKHRvdWNoVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgICAgICB0b3VjaFRpbWVyUmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFRvdWNoIGVuZCBldmVudCBoYW5kbGVyXG4gICAgICogQHBhcmFtIGUgRXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCB0b3VjaEVuZEhhbmRsZXI6IFRvdWNoRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRvdWNoVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgICAgICB0b3VjaFRpbWVyUmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGNvbnRleHQuaXNEcmFnZ2luZykge1xuICAgICAgICAgICAgY29udGV4dC5kcm9wKGRyYWdPdmVyKTtcbiAgICAgICAgICAgIHZpYnJhdGUoNTApO1xuICAgICAgICAgICAgY29udGV4dC5zZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnYXV0byc7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogS2V5Ym9hcmQgbmF2aWdhdGlvbiBoYW5kbGVyIGZvciByZW9yZGVyaW5nIGl0ZW1zXG4gICAgICogQHBhcmFtIGUgS2V5Ym9hcmQgZXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGU6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgaXNWZXJ0aWNhbCA9IG9yaWVudGF0aW9uID09PSBPUklFTlRBVElPTi5WRVJUSUNBTDtcbiAgICAgICAgY29uc3QgbW92ZVVwID0gaXNWZXJ0aWNhbCA/ICdBcnJvd1VwJyA6ICdBcnJvd0xlZnQnO1xuICAgICAgICBjb25zdCBtb3ZlRG93biA9IGlzVmVydGljYWwgPyAnQXJyb3dEb3duJyA6ICdBcnJvd1JpZ2h0JztcblxuICAgICAgICBjb25zdCBpc0dyYWJiZWQgPSBjb250ZXh0LmlzRHJhZ2dpbmcgJiYgY29udGV4dC5zdGFydEluZGV4ID09PSBpbmRleDtcblxuICAgICAgICAvLyBTcGFjZSB0byBncmFiL2Ryb3BcbiAgICAgICAgaWYgKGUua2V5ID09PSAnICcgfHwgZS5rZXkgPT09ICdTcGFjZWJhcicpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGlmIChpc0dyYWJiZWQpIHtcbiAgICAgICAgICAgICAgICAvLyBEcm9wIGF0IGN1cnJlbnQgcG9zaXRpb25cbiAgICAgICAgICAgICAgICBjb250ZXh0LmRyb3AoaW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLmRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGluZGV4ICsgMSxcbiAgICAgICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgLy8gR3JhYiBpdGVtXG4gICAgICAgICAgICAgICAgY29udGV4dC5zdGFydEdyYWIoaW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLmdyYWJiZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGluZGV4ICsgMSxcbiAgICAgICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAvLyBFbnRlciB0byBkcm9wXG4gICAgICAgIGVsc2UgaWYgKGUua2V5ID09PSAnRW50ZXInICYmIGlzR3JhYmJlZCkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgY29udGV4dC5kcm9wKGluZGV4KTtcbiAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICBjb250ZXh0LmkxOG4ucmVwbGFjZVBsYWNlaG9sZGVycyhjb250ZXh0LmkxOG4uZHJvcHBlZEFubm91bmNlbWVudFRlbXBsYXRlLCB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBpbmRleCArIDEsXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIC8vIEVzY2FwZSB0byBjYW5jZWxcbiAgICAgICAgZWxzZSBpZiAoZS5rZXkgPT09ICdFc2NhcGUnICYmIGlzR3JhYmJlZCkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgY29udGV4dC5jYW5jZWwoKTtcbiAgICAgICAgICAgIHNldEFubm91bmNlbWVudChjb250ZXh0LmkxOG4uY2FuY2VsbGVkQW5ub3VuY2VtZW50VGVtcGxhdGUpO1xuICAgICAgICB9XG4gICAgICAgIC8vIEFycm93IGtleXMgdG8gbW92ZSB3aGlsZSBncmFiYmVkXG4gICAgICAgIGVsc2UgaWYgKGlzR3JhYmJlZCkge1xuICAgICAgICAgICAgaWYgKGUua2V5ID09PSBtb3ZlVXAgJiYgaW5kZXggPiAwKSB7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIC8vIE1vdmUgd2l0aG91dCBkcm9wcGluZyAtIGp1c3QgcmVvcmRlciBhbmQgdXBkYXRlIHN0YXJ0SW5kZXhcbiAgICAgICAgICAgICAgICBjb25zdCBuZXdJbmRleCA9IGluZGV4IC0gMTtcbiAgICAgICAgICAgICAgICBjb250ZXh0Lm9uRHJvcChjb250ZXh0LnN0YXJ0SW5kZXgsIG5ld0luZGV4KTtcbiAgICAgICAgICAgICAgICBjb250ZXh0LnNldFN0YXJ0SW5kZXgobmV3SW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLm1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBuZXdJbmRleCArIDEsXG4gICAgICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKGUua2V5ID09PSBtb3ZlRG93biAmJiBpbmRleCA8IHRvdGFsSXRlbXMgLSAxKSB7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIC8vIE1vdmUgd2l0aG91dCBkcm9wcGluZyAtIGp1c3QgcmVvcmRlciBhbmQgdXBkYXRlIHN0YXJ0SW5kZXhcbiAgICAgICAgICAgICAgICBjb25zdCBuZXdJbmRleCA9IGluZGV4ICsgMTtcbiAgICAgICAgICAgICAgICBjb250ZXh0Lm9uRHJvcChjb250ZXh0LnN0YXJ0SW5kZXgsIG5ld0luZGV4KTtcbiAgICAgICAgICAgICAgICBjb250ZXh0LnNldFN0YXJ0SW5kZXgobmV3SW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLm1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBuZXdJbmRleCArIDEsXG4gICAgICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqIENsZWFudXAgdG91Y2ggdGltZXIgYW5kIGJvZHkgb3ZlcmZsb3cgb24gdW5tb3VudCAqL1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICBpZiAodG91Y2hUaW1lclJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgICAgICAgICAgdG91Y2hUaW1lclJlZi5jdXJyZW50ID0gbnVsbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnYXV0byc7XG4gICAgICAgIH07XG4gICAgfSwgW10pO1xuXG4gICAgLyoqIFVwZGF0ZSBhY3RpdmUgc3RhdGUgYmFzZWQgb24gZHJhZ092ZXIgY2hhbmdlcyAqL1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChjb250ZXh0LmlzRHJhZ2dpbmcgJiYgZHJhZ092ZXIgPT09IGluZGV4KSB7XG4gICAgICAgICAgICBzZXRBY3RpdmUoY29udGV4dC5zdGFydEluZGV4IC0gaW5kZXgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0QWN0aXZlKDApO1xuICAgICAgICB9XG4gICAgfSwgW2RyYWdPdmVyLCBjb250ZXh0LnN0YXJ0SW5kZXgsIGluZGV4LCBjb250ZXh0LmlzRHJhZ2dpbmddKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxJdGVtXG4gICAgICAgICAgICBkcmFnZ2FibGU9eyFzaG93SW5kaWNhdG9yfVxuICAgICAgICAgICAgc2hvd0luZGljYXRvcj17c2hvd0luZGljYXRvcn1cbiAgICAgICAgICAgIGFjdGl2ZT17YWN0aXZlfVxuICAgICAgICAgICAgZHJhZ2dpbmc9e2NvbnRleHQuaXNEcmFnZ2luZyAmJiBjb250ZXh0LnN0YXJ0SW5kZXggPT09IGluZGV4fVxuICAgICAgICAgICAgb3JpZW50YXRpb249e29yaWVudGF0aW9ufVxuICAgICAgICAgICAgZGF0YS1kcmFnLWluZGV4PXtpbmRleH1cbiAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgcm9sZT1cImxpc3RpdGVtXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2NvbnRleHQuaTE4bi5yZXBsYWNlUGxhY2Vob2xkZXJzKGNvbnRleHQuaTE4bi5pdGVtQXJpYUxhYmVsVGVtcGxhdGUsIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogaW5kZXggKyAxLFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICBhcmlhLWdyYWJiZWQ9e2NvbnRleHQuaXNEcmFnZ2luZyAmJiBjb250ZXh0LnN0YXJ0SW5kZXggPT09IGluZGV4fVxuICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgICAgb25EcmFnU3RhcnQ9eyFzaG93SW5kaWNhdG9yID8gZHJhZ1N0YXJ0SGFuZGxlciA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIG9uRHJhZ092ZXI9e2RyYWdPdmVySGFuZGxlcn1cbiAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtkcmFnRXhpdEhhbmRsZXJ9XG4gICAgICAgICAgICBvbkRyb3A9e2Ryb3BIYW5kbGVyfVxuICAgICAgICAgICAgb25Ub3VjaFN0YXJ0PXshc2hvd0luZGljYXRvciA/IHRvdWNoU3RhcnRIYW5kbGVyIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgb25Ub3VjaE1vdmU9e3RvdWNoTW92ZUhhbmRsZXJ9XG4gICAgICAgICAgICBvblRvdWNoRW5kPXt0b3VjaEVuZEhhbmRsZXJ9XG4gICAgICAgICAgICBvblRvdWNoQ2FuY2VsPXt0b3VjaEVuZEhhbmRsZXJ9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtzaG93SW5kaWNhdG9yICYmIChcbiAgICAgICAgICAgICAgICA8RHJhZ0tub2JcbiAgICAgICAgICAgICAgICAgICAgZHJhZ2dhYmxlXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtjb250ZXh0LmkxOG4uZHJhZ0hhbmRsZUFyaWFMYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgb25EcmFnU3RhcnQ9e2RyYWdTdGFydEhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICAgIG9uVG91Y2hTdGFydD17dG91Y2hTdGFydEhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPERyYWdJbmRpY2F0b3IgLz5cbiAgICAgICAgICAgICAgICA8L0RyYWdLbm9iPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgICAgICA8L0l0ZW0+XG4gICAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmEifQ== */");
|
|
11
|
+
})("cursor:", (props)=>props.showIndicator ? 'default' : 'move', ";display:flex;user-select:", (props)=>props.showIndicator ? 'auto' : 'none', ";border-top:2px dashed\n ", (props)=>props.orientation === ORIENTATION.VERTICAL && props.active > 0 ? getThemeValue(THEME_NAME.PRIMARY) : 'transparent', ";border-bottom:2px dashed\n ", (props)=>props.orientation === ORIENTATION.VERTICAL && props.active < 0 ? getThemeValue(THEME_NAME.PRIMARY) : 'transparent', ";border-left:2px dashed\n ", (props)=>props.orientation === ORIENTATION.HORIZONTAL && props.active > 0 ? getThemeValue(THEME_NAME.PRIMARY) : 'transparent', ";border-right:2px dashed\n ", (props)=>props.orientation === ORIENTATION.HORIZONTAL && props.active < 0 ? getThemeValue(THEME_NAME.PRIMARY) : 'transparent', ";opacity:", (props)=>props.dragging ? 0.5 : 1, ";border-radius:10px;&:focus{box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:focus:not(:focus-visible){box-shadow:none;}&:focus-visible{box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}");
|
|
12
12
|
/** Styled component for the drag handle indicator */ const DragKnob = /*#__PURE__*/ styled("div", {
|
|
13
13
|
target: "ews8uza1",
|
|
14
14
|
label: "DragKnob"
|
|
15
|
-
})("padding-top:8px;cursor:move;touch-action:none;color:", getThemeValue(THEME_NAME.DISABLED), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EcmFnQW5kRHJvcC9EcmFnSXRlbS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvRHJhZ0FuZERyb3AvRHJhZ0l0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRHJhZ0V2ZW50SGFuZGxlcixcbiAgICBQcm9wc1dpdGhDaGlsZHJlbixcbiAgICB1c2VDb250ZXh0LFxuICAgIHVzZVN0YXRlLFxuICAgIHVzZUVmZmVjdCxcbiAgICBUb3VjaEV2ZW50SGFuZGxlcixcbiAgICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IERyYWdJbmRpY2F0b3IgfSBmcm9tICcuLi8uLi9pY29ucyc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBPUklFTlRBVElPTiwgRHJhZ0NvbnRleHQgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIERyYWdJdGVtUHJvcHMge1xuICAgIC8qKiBQb3NpdGlvbiBpbmRleCBvZiB0aGUgZHJhZ2dhYmxlIGl0ZW0gKi9cbiAgICBpbmRleDogbnVtYmVyO1xuICAgIC8qKiBPcmllbnRhdGlvbiBvZiB0aGUgZHJhZyBvcGVyYXRpb24gKFZFUlRJQ0FMIG9yIEhPUklaT05UQUwpICovXG4gICAgb3JpZW50YXRpb246IE9SSUVOVEFUSU9OO1xuICAgIC8qKiBXaGV0aGVyIHRvIHNob3cgYSBkcmFnIGhhbmRsZSBpbmRpY2F0b3IgaW5zdGVhZCBvZiBtYWtpbmcgdGhlIGVudGlyZSBpdGVtIGRyYWdnYWJsZSAqL1xuICAgIHNob3dJbmRpY2F0b3I6IGJvb2xlYW47XG4gICAgLyoqIFRoZSBpbmRleCBvZiB0aGUgaXRlbSBjdXJyZW50bHkgYmVpbmcgZHJhZ2dlZCBvdmVyICovXG4gICAgZHJhZ092ZXI6IG51bWJlcjtcbiAgICAvKiogVG90YWwgbnVtYmVyIG9mIGl0ZW1zIGluIHRoZSBsaXN0ICovXG4gICAgdG90YWxJdGVtczogbnVtYmVyO1xuICAgIC8qKiBDYWxsYmFjayB0byBzZXQgYW5ub3VuY2VtZW50IGZvciBzY3JlZW4gcmVhZGVycyAqL1xuICAgIHNldEFubm91bmNlbWVudDogKG1lc3NhZ2U6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuLyoqIFN0eWxlZCBjb21wb25lbnQgZm9yIHRoZSBkcmFnZ2FibGUgaXRlbSBjb250YWluZXIgKi9cbmNvbnN0IEl0ZW0gPSBzdHlsZWQuZGl2PHtcbiAgICBhY3RpdmU6IG51bWJlcjtcbiAgICBvcmllbnRhdGlvbjogT1JJRU5UQVRJT047XG4gICAgc2hvd0luZGljYXRvcjogYm9vbGVhbjtcbiAgICBkcmFnZ2luZzogYm9vbGVhbjtcbn0+YFxuICAgIGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5zaG93SW5kaWNhdG9yID8gJ2RlZmF1bHQnIDogJ21vdmUnKX07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB1c2VyLXNlbGVjdDogJHsocHJvcHMpID0+IChwcm9wcy5zaG93SW5kaWNhdG9yID8gJ2F1dG8nIDogJ25vbmUnKX07XG4gICAgYm9yZGVyLXRvcDogMnB4IGRhc2hlZFxuICAgICAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgICAgIHByb3BzLm9yaWVudGF0aW9uID09PSBPUklFTlRBVElPTi5WRVJUSUNBTCAmJiBwcm9wcy5hY3RpdmUgPiAwXG4gICAgICAgICAgICAgICAgPyBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSlcbiAgICAgICAgICAgICAgICA6ICd0cmFuc3BhcmVudCd9O1xuICAgIGJvcmRlci1ib3R0b206IDJweCBkYXNoZWRcbiAgICAgICAgJHsocHJvcHMpID0+XG4gICAgICAgICAgICBwcm9wcy5vcmllbnRhdGlvbiA9PT0gT1JJRU5UQVRJT04uVkVSVElDQUwgJiYgcHJvcHMuYWN0aXZlIDwgMFxuICAgICAgICAgICAgICAgID8gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpXG4gICAgICAgICAgICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICBib3JkZXItbGVmdDogMnB4IGRhc2hlZFxuICAgICAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgICAgIHByb3BzLm9yaWVudGF0aW9uID09PSBPUklFTlRBVElPTi5IT1JJWk9OVEFMICYmIHByb3BzLmFjdGl2ZSA+IDBcbiAgICAgICAgICAgICAgICA/IGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKVxuICAgICAgICAgICAgICAgIDogJ3RyYW5zcGFyZW50J307XG4gICAgYm9yZGVyLXJpZ2h0OiAycHggZGFzaGVkXG4gICAgICAgICR7KHByb3BzKSA9PlxuICAgICAgICAgICAgcHJvcHMub3JpZW50YXRpb24gPT09IE9SSUVOVEFUSU9OLkhPUklaT05UQUwgJiYgcHJvcHMuYWN0aXZlIDwgMFxuICAgICAgICAgICAgICAgID8gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpXG4gICAgICAgICAgICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICBvcGFjaXR5OiAkeyhwcm9wcykgPT4gKHByb3BzLmRyYWdnaW5nID8gMC41IDogMSl9O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cblxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuYDtcblxuLyoqIFN0eWxlZCBjb21wb25lbnQgZm9yIHRoZSBkcmFnIGhhbmRsZSBpbmRpY2F0b3IgKi9cbmNvbnN0IERyYWdLbm9iID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nLXRvcDogOHB4O1xuICAgIGN1cnNvcjogbW92ZTtcbiAgICB0b3VjaC1hY3Rpb246IG5vbmU7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG5gO1xuXG4vKiogQ29udGFpbmVyIGZvciB0aGUgY2hpbGRyZW4gKi9cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZmxleDogMTtcbmA7XG5cbi8qKlxuICogQSBkcmFnZ2FibGUgaXRlbSBjb21wb25lbnQgdGhhdCBzdXBwb3J0cyBib3RoIG1vdXNlIGFuZCB0b3VjaCBpbnRlcmFjdGlvbnMgZm9yIGRyYWctYW5kLWRyb3AgZnVuY3Rpb25hbGl0eS5cbiAqXG4gKiBAY29tcG9uZW50XG4gKiBAZXhhbXBsZVxuICogYGBgdHN4XG4gKiA8RHJhZ0l0ZW1cbiAqICAgaW5kZXg9ezB9XG4gKiAgIG9yaWVudGF0aW9uPXtPUklFTlRBVElPTi5WRVJUSUNBTH1cbiAqICAgc2hvd0luZGljYXRvcj17dHJ1ZX1cbiAqICAgZHJhZ092ZXI9ey0xfVxuICogPlxuICogICA8ZGl2PkRyYWdnYWJsZSBjb250ZW50PC9kaXY+XG4gKiA8L0RyYWdJdGVtPlxuICogYGBgXG4gKlxuICogQHBhcmFtIHByb3BzIC0gVGhlIGNvbXBvbmVudCBwcm9wc1xuICogQHBhcmFtIHByb3BzLmluZGV4IC0gVGhlIHBvc2l0aW9uIGluZGV4IG9mIHRoaXMgaXRlbSBpbiB0aGUgZHJhZ2dhYmxlIGxpc3RcbiAqIEBwYXJhbSBwcm9wcy5vcmllbnRhdGlvbiAtIFRoZSBvcmllbnRhdGlvbiBvZiB0aGUgZHJhZyBvcGVyYXRpb24gKFZFUlRJQ0FMIG9yIEhPUklaT05UQUwpXG4gKiBAcGFyYW0gcHJvcHMuc2hvd0luZGljYXRvciAtIFdoZXRoZXIgdG8gc2hvdyBhIGRyYWcgaGFuZGxlIGluZGljYXRvciBpbnN0ZWFkIG9mIG1ha2luZyB0aGUgZW50aXJlIGl0ZW0gZHJhZ2dhYmxlXG4gKiBAcGFyYW0gcHJvcHMuZHJhZ092ZXIgLSBUaGUgaW5kZXggb2YgdGhlIGl0ZW0gY3VycmVudGx5IGJlaW5nIGRyYWdnZWQgb3ZlclxuICogQHBhcmFtIHByb3BzLmNoaWxkcmVuIC0gVGhlIGNvbnRlbnQgdG8gYmUgcmVuZGVyZWQgaW5zaWRlIHRoZSBkcmFnZ2FibGUgaXRlbVxuICpcbiAqIEByZW1hcmtzXG4gKiAtIFVzZXMgdGhlIERyYWdDb250ZXh0IHRvIG1hbmFnZSBkcmFnIHN0YXRlIGFjcm9zcyBpdGVtc1xuICogLSBQcm92aWRlcyB2aXN1YWwgZmVlZGJhY2sgd2l0aCBib3JkZXJzIGR1cmluZyBkcmFnIG9wZXJhdGlvbnNcbiAqIC0gU3VwcG9ydHMgaGFwdGljIGZlZWRiYWNrICh2aWJyYXRpb24pIG9uIHRvdWNoIGRldmljZXNcbiAqIC0gRm9yIHRvdWNoIGRldmljZXMsIHJlcXVpcmVzIGEgMjAwbXMgaG9sZCBiZWZvcmUgZHJhZyBzdGFydHNcbiAqIC0gV2hlbiBzaG93SW5kaWNhdG9yIGlzIHRydWUsIG9ubHkgdGhlIGRyYWcgaGFuZGxlIGNhbiBpbml0aWF0ZSBkcmFnIG9wZXJhdGlvbnNcbiAqXG4gKiBAcmV0dXJucyBBIGRyYWdnYWJsZSBpdGVtIHdpdGggb3B0aW9uYWwgZHJhZyBpbmRpY2F0b3IgYW5kIHZpc3VhbCBmZWVkYmFja1xuICovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBEcmFnSXRlbShwcm9wczogUHJvcHNXaXRoQ2hpbGRyZW48RHJhZ0l0ZW1Qcm9wcz4pIHtcbiAgICBjb25zdCB7IGluZGV4LCBvcmllbnRhdGlvbiwgY2hpbGRyZW4sIHNob3dJbmRpY2F0b3IsIGRyYWdPdmVyLCB0b3RhbEl0ZW1zLCBzZXRBbm5vdW5jZW1lbnQgfSA9XG4gICAgICAgIHByb3BzO1xuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSgwKTtcbiAgICBjb25zdCB0b3VjaFRpbWVyUmVmID0gdXNlUmVmPE5vZGVKUy5UaW1lb3V0IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoRHJhZ0NvbnRleHQpO1xuXG4gICAgLyoqXG4gICAgICogVmlicmF0ZSB0aGUgZGV2aWNlIGZvciBoYXB0aWMgZmVlZGJhY2tcbiAgICAgKiBAcGFyYW0gZHVyYXRpb24gRHVyYXRpb24gb2YgdGhlIHZpYnJhdGlvbiBpbiBtaWxsaXNlY29uZHNcbiAgICAgKi9cbiAgICBjb25zdCB2aWJyYXRlID0gKGR1cmF0aW9uOiBudW1iZXIpID0+IHtcbiAgICAgICAgaWYgKG5hdmlnYXRvci52aWJyYXRlKSB7XG4gICAgICAgICAgICBuYXZpZ2F0b3IudmlicmF0ZShkdXJhdGlvbik7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogRHJhZyBzdGFydCBldmVudCBoYW5kbGVyXG4gICAgICogQHBhcmFtIGUgRXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCBkcmFnU3RhcnRIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9ICgpID0+IHtcbiAgICAgICAgY29udGV4dC5zZXRTdGFydEluZGV4KGluZGV4KTtcbiAgICAgICAgY29udGV4dC5zZXRJc0RyYWdnaW5nKHRydWUpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBEcmFnIG92ZXIgZXZlbnQgaGFuZGxlclxuICAgICAqIEBwYXJhbSBlIEV2ZW50XG4gICAgICovXG4gICAgY29uc3QgZHJhZ092ZXJIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgc2V0QWN0aXZlKGNvbnRleHQuc3RhcnRJbmRleCAtIGluZGV4KTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogRHJhZyBsZWF2ZSBldmVudCBoYW5kbGVyXG4gICAgICovXG4gICAgY29uc3QgZHJhZ0V4aXRIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9ICgpID0+IHtcbiAgICAgICAgc2V0QWN0aXZlKDApO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBEcm9wIGV2ZW50IGhhbmRsZXJcbiAgICAgKiBAcGFyYW0gZSBFdmVudFxuICAgICAqL1xuICAgIGNvbnN0IGRyb3BIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgc2V0QWN0aXZlKDApO1xuICAgICAgICBjb250ZXh0LmRyb3AoaW5kZXgpO1xuICAgICAgICBjb250ZXh0LnNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBUb3VjaCBzdGFydCBldmVudCBoYW5kbGVyXG4gICAgICogQHBhcmFtIGUgRXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCB0b3VjaFN0YXJ0SGFuZGxlcjogVG91Y2hFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+ID0gKCkgPT4ge1xuICAgICAgICAvLyBDbGVhciBhbnkgZXhpc3RpbmcgdGltZXIgZmlyc3RcbiAgICAgICAgaWYgKHRvdWNoVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICB0b3VjaFRpbWVyUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIGNvbnRleHQuc2V0U3RhcnRJbmRleChpbmRleCk7XG4gICAgICAgICAgICBjb250ZXh0LnNldElzRHJhZ2dpbmcodHJ1ZSk7XG4gICAgICAgICAgICBjb250ZXh0LnNldERyYWdPdmVyKGluZGV4KTtcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJztcbiAgICAgICAgICAgIHZpYnJhdGUoNTApO1xuICAgICAgICB9LCAyMDApO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBUb3VjaCBtb3ZlIGV2ZW50IGhhbmRsZXJcbiAgICAgKiBAcGFyYW0gZSBFdmVudFxuICAgICAqIEByZXR1cm5zIHZvaWRcbiAgICAgKi9cbiAgICBjb25zdCB0b3VjaE1vdmVIYW5kbGVyOiBUb3VjaEV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgICAgICBjb25zdCB0b3VjaCA9IGUudG91Y2hlc1swXTtcbiAgICAgICAgaWYgKCF0b3VjaCkgcmV0dXJuO1xuXG4gICAgICAgIGlmIChjb250ZXh0LmlzRHJhZ2dpbmcpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcblxuICAgICAgICAgICAgLy8gZ2V0IHRoZSBlbGVtZW50IHVuZGVyIHRoZSB0b3VjaCBwb2ludFxuICAgICAgICAgICAgY29uc3QgZWwgPSBkb2N1bWVudC5lbGVtZW50RnJvbVBvaW50KFxuICAgICAgICAgICAgICAgIHRvdWNoLmNsaWVudFgsXG4gICAgICAgICAgICAgICAgdG91Y2guY2xpZW50WSxcbiAgICAgICAgICAgICkgYXMgSFRNTEVsZW1lbnQgfCBudWxsO1xuICAgICAgICAgICAgY29uc3Qgb3ZlckF0dHIgPSBlbD8uY2xvc2VzdCgnW2RhdGEtZHJhZy1pbmRleF0nKT8uZ2V0QXR0cmlidXRlKCdkYXRhLWRyYWctaW5kZXgnKTtcbiAgICAgICAgICAgIGNvbnN0IG92ZXJJbmRleCA9IG92ZXJBdHRyICE9IG51bGwgPyBwYXJzZUludChvdmVyQXR0ciwgMTApIDogbnVsbDtcblxuICAgICAgICAgICAgLy8gaWYgd2Uga25vdyB3aGljaCBpbmRleCB3ZSdyZSBvdmVyLCB1cGRhdGUgdmlzdWFsIHN0YXRlXG4gICAgICAgICAgICBpZiAob3ZlckluZGV4ICE9PSBudWxsKSB7XG4gICAgICAgICAgICAgICAgY29udGV4dC5zZXREcmFnT3ZlcihvdmVySW5kZXgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9IGVsc2UgaWYgKHRvdWNoVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgICAgICB0b3VjaFRpbWVyUmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFRvdWNoIGVuZCBldmVudCBoYW5kbGVyXG4gICAgICogQHBhcmFtIGUgRXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCB0b3VjaEVuZEhhbmRsZXI6IFRvdWNoRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRvdWNoVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgICAgICB0b3VjaFRpbWVyUmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGNvbnRleHQuaXNEcmFnZ2luZykge1xuICAgICAgICAgICAgY29udGV4dC5kcm9wKGRyYWdPdmVyKTtcbiAgICAgICAgICAgIHZpYnJhdGUoNTApO1xuICAgICAgICAgICAgY29udGV4dC5zZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnYXV0byc7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogS2V5Ym9hcmQgbmF2aWdhdGlvbiBoYW5kbGVyIGZvciByZW9yZGVyaW5nIGl0ZW1zXG4gICAgICogQHBhcmFtIGUgS2V5Ym9hcmQgZXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGU6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgaXNWZXJ0aWNhbCA9IG9yaWVudGF0aW9uID09PSBPUklFTlRBVElPTi5WRVJUSUNBTDtcbiAgICAgICAgY29uc3QgbW92ZVVwID0gaXNWZXJ0aWNhbCA/ICdBcnJvd1VwJyA6ICdBcnJvd0xlZnQnO1xuICAgICAgICBjb25zdCBtb3ZlRG93biA9IGlzVmVydGljYWwgPyAnQXJyb3dEb3duJyA6ICdBcnJvd1JpZ2h0JztcblxuICAgICAgICBjb25zdCBpc0dyYWJiZWQgPSBjb250ZXh0LmlzRHJhZ2dpbmcgJiYgY29udGV4dC5zdGFydEluZGV4ID09PSBpbmRleDtcblxuICAgICAgICAvLyBTcGFjZSB0byBncmFiL2Ryb3BcbiAgICAgICAgaWYgKGUua2V5ID09PSAnICcgfHwgZS5rZXkgPT09ICdTcGFjZWJhcicpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGlmIChpc0dyYWJiZWQpIHtcbiAgICAgICAgICAgICAgICAvLyBEcm9wIGF0IGN1cnJlbnQgcG9zaXRpb25cbiAgICAgICAgICAgICAgICBjb250ZXh0LmRyb3AoaW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLmRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGluZGV4ICsgMSxcbiAgICAgICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgLy8gR3JhYiBpdGVtXG4gICAgICAgICAgICAgICAgY29udGV4dC5zdGFydEdyYWIoaW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLmdyYWJiZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGluZGV4ICsgMSxcbiAgICAgICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAvLyBFbnRlciB0byBkcm9wXG4gICAgICAgIGVsc2UgaWYgKGUua2V5ID09PSAnRW50ZXInICYmIGlzR3JhYmJlZCkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgY29udGV4dC5kcm9wKGluZGV4KTtcbiAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICBjb250ZXh0LmkxOG4ucmVwbGFjZVBsYWNlaG9sZGVycyhjb250ZXh0LmkxOG4uZHJvcHBlZEFubm91bmNlbWVudFRlbXBsYXRlLCB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBpbmRleCArIDEsXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIC8vIEVzY2FwZSB0byBjYW5jZWxcbiAgICAgICAgZWxzZSBpZiAoZS5rZXkgPT09ICdFc2NhcGUnICYmIGlzR3JhYmJlZCkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgY29udGV4dC5jYW5jZWwoKTtcbiAgICAgICAgICAgIHNldEFubm91bmNlbWVudChjb250ZXh0LmkxOG4uY2FuY2VsbGVkQW5ub3VuY2VtZW50VGVtcGxhdGUpO1xuICAgICAgICB9XG4gICAgICAgIC8vIEFycm93IGtleXMgdG8gbW92ZSB3aGlsZSBncmFiYmVkXG4gICAgICAgIGVsc2UgaWYgKGlzR3JhYmJlZCkge1xuICAgICAgICAgICAgaWYgKGUua2V5ID09PSBtb3ZlVXAgJiYgaW5kZXggPiAwKSB7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIC8vIE1vdmUgd2l0aG91dCBkcm9wcGluZyAtIGp1c3QgcmVvcmRlciBhbmQgdXBkYXRlIHN0YXJ0SW5kZXhcbiAgICAgICAgICAgICAgICBjb25zdCBuZXdJbmRleCA9IGluZGV4IC0gMTtcbiAgICAgICAgICAgICAgICBjb250ZXh0Lm9uRHJvcChjb250ZXh0LnN0YXJ0SW5kZXgsIG5ld0luZGV4KTtcbiAgICAgICAgICAgICAgICBjb250ZXh0LnNldFN0YXJ0SW5kZXgobmV3SW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLm1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBuZXdJbmRleCArIDEsXG4gICAgICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKGUua2V5ID09PSBtb3ZlRG93biAmJiBpbmRleCA8IHRvdGFsSXRlbXMgLSAxKSB7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIC8vIE1vdmUgd2l0aG91dCBkcm9wcGluZyAtIGp1c3QgcmVvcmRlciBhbmQgdXBkYXRlIHN0YXJ0SW5kZXhcbiAgICAgICAgICAgICAgICBjb25zdCBuZXdJbmRleCA9IGluZGV4ICsgMTtcbiAgICAgICAgICAgICAgICBjb250ZXh0Lm9uRHJvcChjb250ZXh0LnN0YXJ0SW5kZXgsIG5ld0luZGV4KTtcbiAgICAgICAgICAgICAgICBjb250ZXh0LnNldFN0YXJ0SW5kZXgobmV3SW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLm1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBuZXdJbmRleCArIDEsXG4gICAgICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqIENsZWFudXAgdG91Y2ggdGltZXIgYW5kIGJvZHkgb3ZlcmZsb3cgb24gdW5tb3VudCAqL1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICBpZiAodG91Y2hUaW1lclJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgICAgICAgICAgdG91Y2hUaW1lclJlZi5jdXJyZW50ID0gbnVsbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnYXV0byc7XG4gICAgICAgIH07XG4gICAgfSwgW10pO1xuXG4gICAgLyoqIFVwZGF0ZSBhY3RpdmUgc3RhdGUgYmFzZWQgb24gZHJhZ092ZXIgY2hhbmdlcyAqL1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChjb250ZXh0LmlzRHJhZ2dpbmcgJiYgZHJhZ092ZXIgPT09IGluZGV4KSB7XG4gICAgICAgICAgICBzZXRBY3RpdmUoY29udGV4dC5zdGFydEluZGV4IC0gaW5kZXgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0QWN0aXZlKDApO1xuICAgICAgICB9XG4gICAgfSwgW2RyYWdPdmVyLCBjb250ZXh0LnN0YXJ0SW5kZXgsIGluZGV4LCBjb250ZXh0LmlzRHJhZ2dpbmddKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxJdGVtXG4gICAgICAgICAgICBkcmFnZ2FibGU9eyFzaG93SW5kaWNhdG9yfVxuICAgICAgICAgICAgc2hvd0luZGljYXRvcj17c2hvd0luZGljYXRvcn1cbiAgICAgICAgICAgIGFjdGl2ZT17YWN0aXZlfVxuICAgICAgICAgICAgZHJhZ2dpbmc9e2NvbnRleHQuaXNEcmFnZ2luZyAmJiBjb250ZXh0LnN0YXJ0SW5kZXggPT09IGluZGV4fVxuICAgICAgICAgICAgb3JpZW50YXRpb249e29yaWVudGF0aW9ufVxuICAgICAgICAgICAgZGF0YS1kcmFnLWluZGV4PXtpbmRleH1cbiAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgcm9sZT1cImxpc3RpdGVtXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2NvbnRleHQuaTE4bi5yZXBsYWNlUGxhY2Vob2xkZXJzKGNvbnRleHQuaTE4bi5pdGVtQXJpYUxhYmVsVGVtcGxhdGUsIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogaW5kZXggKyAxLFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICBhcmlhLWdyYWJiZWQ9e2NvbnRleHQuaXNEcmFnZ2luZyAmJiBjb250ZXh0LnN0YXJ0SW5kZXggPT09IGluZGV4fVxuICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgICAgb25EcmFnU3RhcnQ9eyFzaG93SW5kaWNhdG9yID8gZHJhZ1N0YXJ0SGFuZGxlciA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIG9uRHJhZ092ZXI9e2RyYWdPdmVySGFuZGxlcn1cbiAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtkcmFnRXhpdEhhbmRsZXJ9XG4gICAgICAgICAgICBvbkRyb3A9e2Ryb3BIYW5kbGVyfVxuICAgICAgICAgICAgb25Ub3VjaFN0YXJ0PXshc2hvd0luZGljYXRvciA/IHRvdWNoU3RhcnRIYW5kbGVyIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgb25Ub3VjaE1vdmU9e3RvdWNoTW92ZUhhbmRsZXJ9XG4gICAgICAgICAgICBvblRvdWNoRW5kPXt0b3VjaEVuZEhhbmRsZXJ9XG4gICAgICAgICAgICBvblRvdWNoQ2FuY2VsPXt0b3VjaEVuZEhhbmRsZXJ9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtzaG93SW5kaWNhdG9yICYmIChcbiAgICAgICAgICAgICAgICA8RHJhZ0tub2JcbiAgICAgICAgICAgICAgICAgICAgZHJhZ2dhYmxlXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtjb250ZXh0LmkxOG4uZHJhZ0hhbmRsZUFyaWFMYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgb25EcmFnU3RhcnQ9e2RyYWdTdGFydEhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICAgIG9uVG91Y2hTdGFydD17dG91Y2hTdGFydEhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPERyYWdJbmRpY2F0b3IgLz5cbiAgICAgICAgICAgICAgICA8L0RyYWdLbm9iPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgICAgICA8L0l0ZW0+XG4gICAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RWlCIn0= */");
|
|
15
|
+
})("padding-top:8px;cursor:move;touch-action:none;color:", getThemeValue(THEME_NAME.DISABLED), ";");
|
|
16
16
|
/** Container for the children */ const Container = /*#__PURE__*/ styled("div", {
|
|
17
17
|
target: "ews8uza2",
|
|
18
18
|
label: "Container"
|
|
19
|
-
})("flex:1;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EcmFnQW5kRHJvcC9EcmFnSXRlbS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvRHJhZ0FuZERyb3AvRHJhZ0l0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRHJhZ0V2ZW50SGFuZGxlcixcbiAgICBQcm9wc1dpdGhDaGlsZHJlbixcbiAgICB1c2VDb250ZXh0LFxuICAgIHVzZVN0YXRlLFxuICAgIHVzZUVmZmVjdCxcbiAgICBUb3VjaEV2ZW50SGFuZGxlcixcbiAgICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IERyYWdJbmRpY2F0b3IgfSBmcm9tICcuLi8uLi9pY29ucyc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBPUklFTlRBVElPTiwgRHJhZ0NvbnRleHQgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIERyYWdJdGVtUHJvcHMge1xuICAgIC8qKiBQb3NpdGlvbiBpbmRleCBvZiB0aGUgZHJhZ2dhYmxlIGl0ZW0gKi9cbiAgICBpbmRleDogbnVtYmVyO1xuICAgIC8qKiBPcmllbnRhdGlvbiBvZiB0aGUgZHJhZyBvcGVyYXRpb24gKFZFUlRJQ0FMIG9yIEhPUklaT05UQUwpICovXG4gICAgb3JpZW50YXRpb246IE9SSUVOVEFUSU9OO1xuICAgIC8qKiBXaGV0aGVyIHRvIHNob3cgYSBkcmFnIGhhbmRsZSBpbmRpY2F0b3IgaW5zdGVhZCBvZiBtYWtpbmcgdGhlIGVudGlyZSBpdGVtIGRyYWdnYWJsZSAqL1xuICAgIHNob3dJbmRpY2F0b3I6IGJvb2xlYW47XG4gICAgLyoqIFRoZSBpbmRleCBvZiB0aGUgaXRlbSBjdXJyZW50bHkgYmVpbmcgZHJhZ2dlZCBvdmVyICovXG4gICAgZHJhZ092ZXI6IG51bWJlcjtcbiAgICAvKiogVG90YWwgbnVtYmVyIG9mIGl0ZW1zIGluIHRoZSBsaXN0ICovXG4gICAgdG90YWxJdGVtczogbnVtYmVyO1xuICAgIC8qKiBDYWxsYmFjayB0byBzZXQgYW5ub3VuY2VtZW50IGZvciBzY3JlZW4gcmVhZGVycyAqL1xuICAgIHNldEFubm91bmNlbWVudDogKG1lc3NhZ2U6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuLyoqIFN0eWxlZCBjb21wb25lbnQgZm9yIHRoZSBkcmFnZ2FibGUgaXRlbSBjb250YWluZXIgKi9cbmNvbnN0IEl0ZW0gPSBzdHlsZWQuZGl2PHtcbiAgICBhY3RpdmU6IG51bWJlcjtcbiAgICBvcmllbnRhdGlvbjogT1JJRU5UQVRJT047XG4gICAgc2hvd0luZGljYXRvcjogYm9vbGVhbjtcbiAgICBkcmFnZ2luZzogYm9vbGVhbjtcbn0+YFxuICAgIGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5zaG93SW5kaWNhdG9yID8gJ2RlZmF1bHQnIDogJ21vdmUnKX07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB1c2VyLXNlbGVjdDogJHsocHJvcHMpID0+IChwcm9wcy5zaG93SW5kaWNhdG9yID8gJ2F1dG8nIDogJ25vbmUnKX07XG4gICAgYm9yZGVyLXRvcDogMnB4IGRhc2hlZFxuICAgICAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgICAgIHByb3BzLm9yaWVudGF0aW9uID09PSBPUklFTlRBVElPTi5WRVJUSUNBTCAmJiBwcm9wcy5hY3RpdmUgPiAwXG4gICAgICAgICAgICAgICAgPyBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSlcbiAgICAgICAgICAgICAgICA6ICd0cmFuc3BhcmVudCd9O1xuICAgIGJvcmRlci1ib3R0b206IDJweCBkYXNoZWRcbiAgICAgICAgJHsocHJvcHMpID0+XG4gICAgICAgICAgICBwcm9wcy5vcmllbnRhdGlvbiA9PT0gT1JJRU5UQVRJT04uVkVSVElDQUwgJiYgcHJvcHMuYWN0aXZlIDwgMFxuICAgICAgICAgICAgICAgID8gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpXG4gICAgICAgICAgICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICBib3JkZXItbGVmdDogMnB4IGRhc2hlZFxuICAgICAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgICAgIHByb3BzLm9yaWVudGF0aW9uID09PSBPUklFTlRBVElPTi5IT1JJWk9OVEFMICYmIHByb3BzLmFjdGl2ZSA+IDBcbiAgICAgICAgICAgICAgICA/IGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKVxuICAgICAgICAgICAgICAgIDogJ3RyYW5zcGFyZW50J307XG4gICAgYm9yZGVyLXJpZ2h0OiAycHggZGFzaGVkXG4gICAgICAgICR7KHByb3BzKSA9PlxuICAgICAgICAgICAgcHJvcHMub3JpZW50YXRpb24gPT09IE9SSUVOVEFUSU9OLkhPUklaT05UQUwgJiYgcHJvcHMuYWN0aXZlIDwgMFxuICAgICAgICAgICAgICAgID8gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpXG4gICAgICAgICAgICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICBvcGFjaXR5OiAkeyhwcm9wcykgPT4gKHByb3BzLmRyYWdnaW5nID8gMC41IDogMSl9O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cblxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuYDtcblxuLyoqIFN0eWxlZCBjb21wb25lbnQgZm9yIHRoZSBkcmFnIGhhbmRsZSBpbmRpY2F0b3IgKi9cbmNvbnN0IERyYWdLbm9iID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nLXRvcDogOHB4O1xuICAgIGN1cnNvcjogbW92ZTtcbiAgICB0b3VjaC1hY3Rpb246IG5vbmU7XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG5gO1xuXG4vKiogQ29udGFpbmVyIGZvciB0aGUgY2hpbGRyZW4gKi9cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZmxleDogMTtcbmA7XG5cbi8qKlxuICogQSBkcmFnZ2FibGUgaXRlbSBjb21wb25lbnQgdGhhdCBzdXBwb3J0cyBib3RoIG1vdXNlIGFuZCB0b3VjaCBpbnRlcmFjdGlvbnMgZm9yIGRyYWctYW5kLWRyb3AgZnVuY3Rpb25hbGl0eS5cbiAqXG4gKiBAY29tcG9uZW50XG4gKiBAZXhhbXBsZVxuICogYGBgdHN4XG4gKiA8RHJhZ0l0ZW1cbiAqICAgaW5kZXg9ezB9XG4gKiAgIG9yaWVudGF0aW9uPXtPUklFTlRBVElPTi5WRVJUSUNBTH1cbiAqICAgc2hvd0luZGljYXRvcj17dHJ1ZX1cbiAqICAgZHJhZ092ZXI9ey0xfVxuICogPlxuICogICA8ZGl2PkRyYWdnYWJsZSBjb250ZW50PC9kaXY+XG4gKiA8L0RyYWdJdGVtPlxuICogYGBgXG4gKlxuICogQHBhcmFtIHByb3BzIC0gVGhlIGNvbXBvbmVudCBwcm9wc1xuICogQHBhcmFtIHByb3BzLmluZGV4IC0gVGhlIHBvc2l0aW9uIGluZGV4IG9mIHRoaXMgaXRlbSBpbiB0aGUgZHJhZ2dhYmxlIGxpc3RcbiAqIEBwYXJhbSBwcm9wcy5vcmllbnRhdGlvbiAtIFRoZSBvcmllbnRhdGlvbiBvZiB0aGUgZHJhZyBvcGVyYXRpb24gKFZFUlRJQ0FMIG9yIEhPUklaT05UQUwpXG4gKiBAcGFyYW0gcHJvcHMuc2hvd0luZGljYXRvciAtIFdoZXRoZXIgdG8gc2hvdyBhIGRyYWcgaGFuZGxlIGluZGljYXRvciBpbnN0ZWFkIG9mIG1ha2luZyB0aGUgZW50aXJlIGl0ZW0gZHJhZ2dhYmxlXG4gKiBAcGFyYW0gcHJvcHMuZHJhZ092ZXIgLSBUaGUgaW5kZXggb2YgdGhlIGl0ZW0gY3VycmVudGx5IGJlaW5nIGRyYWdnZWQgb3ZlclxuICogQHBhcmFtIHByb3BzLmNoaWxkcmVuIC0gVGhlIGNvbnRlbnQgdG8gYmUgcmVuZGVyZWQgaW5zaWRlIHRoZSBkcmFnZ2FibGUgaXRlbVxuICpcbiAqIEByZW1hcmtzXG4gKiAtIFVzZXMgdGhlIERyYWdDb250ZXh0IHRvIG1hbmFnZSBkcmFnIHN0YXRlIGFjcm9zcyBpdGVtc1xuICogLSBQcm92aWRlcyB2aXN1YWwgZmVlZGJhY2sgd2l0aCBib3JkZXJzIGR1cmluZyBkcmFnIG9wZXJhdGlvbnNcbiAqIC0gU3VwcG9ydHMgaGFwdGljIGZlZWRiYWNrICh2aWJyYXRpb24pIG9uIHRvdWNoIGRldmljZXNcbiAqIC0gRm9yIHRvdWNoIGRldmljZXMsIHJlcXVpcmVzIGEgMjAwbXMgaG9sZCBiZWZvcmUgZHJhZyBzdGFydHNcbiAqIC0gV2hlbiBzaG93SW5kaWNhdG9yIGlzIHRydWUsIG9ubHkgdGhlIGRyYWcgaGFuZGxlIGNhbiBpbml0aWF0ZSBkcmFnIG9wZXJhdGlvbnNcbiAqXG4gKiBAcmV0dXJucyBBIGRyYWdnYWJsZSBpdGVtIHdpdGggb3B0aW9uYWwgZHJhZyBpbmRpY2F0b3IgYW5kIHZpc3VhbCBmZWVkYmFja1xuICovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBEcmFnSXRlbShwcm9wczogUHJvcHNXaXRoQ2hpbGRyZW48RHJhZ0l0ZW1Qcm9wcz4pIHtcbiAgICBjb25zdCB7IGluZGV4LCBvcmllbnRhdGlvbiwgY2hpbGRyZW4sIHNob3dJbmRpY2F0b3IsIGRyYWdPdmVyLCB0b3RhbEl0ZW1zLCBzZXRBbm5vdW5jZW1lbnQgfSA9XG4gICAgICAgIHByb3BzO1xuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSgwKTtcbiAgICBjb25zdCB0b3VjaFRpbWVyUmVmID0gdXNlUmVmPE5vZGVKUy5UaW1lb3V0IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoRHJhZ0NvbnRleHQpO1xuXG4gICAgLyoqXG4gICAgICogVmlicmF0ZSB0aGUgZGV2aWNlIGZvciBoYXB0aWMgZmVlZGJhY2tcbiAgICAgKiBAcGFyYW0gZHVyYXRpb24gRHVyYXRpb24gb2YgdGhlIHZpYnJhdGlvbiBpbiBtaWxsaXNlY29uZHNcbiAgICAgKi9cbiAgICBjb25zdCB2aWJyYXRlID0gKGR1cmF0aW9uOiBudW1iZXIpID0+IHtcbiAgICAgICAgaWYgKG5hdmlnYXRvci52aWJyYXRlKSB7XG4gICAgICAgICAgICBuYXZpZ2F0b3IudmlicmF0ZShkdXJhdGlvbik7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogRHJhZyBzdGFydCBldmVudCBoYW5kbGVyXG4gICAgICogQHBhcmFtIGUgRXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCBkcmFnU3RhcnRIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9ICgpID0+IHtcbiAgICAgICAgY29udGV4dC5zZXRTdGFydEluZGV4KGluZGV4KTtcbiAgICAgICAgY29udGV4dC5zZXRJc0RyYWdnaW5nKHRydWUpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBEcmFnIG92ZXIgZXZlbnQgaGFuZGxlclxuICAgICAqIEBwYXJhbSBlIEV2ZW50XG4gICAgICovXG4gICAgY29uc3QgZHJhZ092ZXJIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgc2V0QWN0aXZlKGNvbnRleHQuc3RhcnRJbmRleCAtIGluZGV4KTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogRHJhZyBsZWF2ZSBldmVudCBoYW5kbGVyXG4gICAgICovXG4gICAgY29uc3QgZHJhZ0V4aXRIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9ICgpID0+IHtcbiAgICAgICAgc2V0QWN0aXZlKDApO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBEcm9wIGV2ZW50IGhhbmRsZXJcbiAgICAgKiBAcGFyYW0gZSBFdmVudFxuICAgICAqL1xuICAgIGNvbnN0IGRyb3BIYW5kbGVyOiBEcmFnRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9IChlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgc2V0QWN0aXZlKDApO1xuICAgICAgICBjb250ZXh0LmRyb3AoaW5kZXgpO1xuICAgICAgICBjb250ZXh0LnNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBUb3VjaCBzdGFydCBldmVudCBoYW5kbGVyXG4gICAgICogQHBhcmFtIGUgRXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCB0b3VjaFN0YXJ0SGFuZGxlcjogVG91Y2hFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+ID0gKCkgPT4ge1xuICAgICAgICAvLyBDbGVhciBhbnkgZXhpc3RpbmcgdGltZXIgZmlyc3RcbiAgICAgICAgaWYgKHRvdWNoVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICB0b3VjaFRpbWVyUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIGNvbnRleHQuc2V0U3RhcnRJbmRleChpbmRleCk7XG4gICAgICAgICAgICBjb250ZXh0LnNldElzRHJhZ2dpbmcodHJ1ZSk7XG4gICAgICAgICAgICBjb250ZXh0LnNldERyYWdPdmVyKGluZGV4KTtcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJztcbiAgICAgICAgICAgIHZpYnJhdGUoNTApO1xuICAgICAgICB9LCAyMDApO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBUb3VjaCBtb3ZlIGV2ZW50IGhhbmRsZXJcbiAgICAgKiBAcGFyYW0gZSBFdmVudFxuICAgICAqIEByZXR1cm5zIHZvaWRcbiAgICAgKi9cbiAgICBjb25zdCB0b3VjaE1vdmVIYW5kbGVyOiBUb3VjaEV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD4gPSAoZSkgPT4ge1xuICAgICAgICBjb25zdCB0b3VjaCA9IGUudG91Y2hlc1swXTtcbiAgICAgICAgaWYgKCF0b3VjaCkgcmV0dXJuO1xuXG4gICAgICAgIGlmIChjb250ZXh0LmlzRHJhZ2dpbmcpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcblxuICAgICAgICAgICAgLy8gZ2V0IHRoZSBlbGVtZW50IHVuZGVyIHRoZSB0b3VjaCBwb2ludFxuICAgICAgICAgICAgY29uc3QgZWwgPSBkb2N1bWVudC5lbGVtZW50RnJvbVBvaW50KFxuICAgICAgICAgICAgICAgIHRvdWNoLmNsaWVudFgsXG4gICAgICAgICAgICAgICAgdG91Y2guY2xpZW50WSxcbiAgICAgICAgICAgICkgYXMgSFRNTEVsZW1lbnQgfCBudWxsO1xuICAgICAgICAgICAgY29uc3Qgb3ZlckF0dHIgPSBlbD8uY2xvc2VzdCgnW2RhdGEtZHJhZy1pbmRleF0nKT8uZ2V0QXR0cmlidXRlKCdkYXRhLWRyYWctaW5kZXgnKTtcbiAgICAgICAgICAgIGNvbnN0IG92ZXJJbmRleCA9IG92ZXJBdHRyICE9IG51bGwgPyBwYXJzZUludChvdmVyQXR0ciwgMTApIDogbnVsbDtcblxuICAgICAgICAgICAgLy8gaWYgd2Uga25vdyB3aGljaCBpbmRleCB3ZSdyZSBvdmVyLCB1cGRhdGUgdmlzdWFsIHN0YXRlXG4gICAgICAgICAgICBpZiAob3ZlckluZGV4ICE9PSBudWxsKSB7XG4gICAgICAgICAgICAgICAgY29udGV4dC5zZXREcmFnT3ZlcihvdmVySW5kZXgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9IGVsc2UgaWYgKHRvdWNoVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgICAgICB0b3VjaFRpbWVyUmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFRvdWNoIGVuZCBldmVudCBoYW5kbGVyXG4gICAgICogQHBhcmFtIGUgRXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCB0b3VjaEVuZEhhbmRsZXI6IFRvdWNoRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRvdWNoVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgICAgICB0b3VjaFRpbWVyUmVmLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGNvbnRleHQuaXNEcmFnZ2luZykge1xuICAgICAgICAgICAgY29udGV4dC5kcm9wKGRyYWdPdmVyKTtcbiAgICAgICAgICAgIHZpYnJhdGUoNTApO1xuICAgICAgICAgICAgY29udGV4dC5zZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnYXV0byc7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogS2V5Ym9hcmQgbmF2aWdhdGlvbiBoYW5kbGVyIGZvciByZW9yZGVyaW5nIGl0ZW1zXG4gICAgICogQHBhcmFtIGUgS2V5Ym9hcmQgZXZlbnRcbiAgICAgKi9cbiAgICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGU6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgaXNWZXJ0aWNhbCA9IG9yaWVudGF0aW9uID09PSBPUklFTlRBVElPTi5WRVJUSUNBTDtcbiAgICAgICAgY29uc3QgbW92ZVVwID0gaXNWZXJ0aWNhbCA/ICdBcnJvd1VwJyA6ICdBcnJvd0xlZnQnO1xuICAgICAgICBjb25zdCBtb3ZlRG93biA9IGlzVmVydGljYWwgPyAnQXJyb3dEb3duJyA6ICdBcnJvd1JpZ2h0JztcblxuICAgICAgICBjb25zdCBpc0dyYWJiZWQgPSBjb250ZXh0LmlzRHJhZ2dpbmcgJiYgY29udGV4dC5zdGFydEluZGV4ID09PSBpbmRleDtcblxuICAgICAgICAvLyBTcGFjZSB0byBncmFiL2Ryb3BcbiAgICAgICAgaWYgKGUua2V5ID09PSAnICcgfHwgZS5rZXkgPT09ICdTcGFjZWJhcicpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGlmIChpc0dyYWJiZWQpIHtcbiAgICAgICAgICAgICAgICAvLyBEcm9wIGF0IGN1cnJlbnQgcG9zaXRpb25cbiAgICAgICAgICAgICAgICBjb250ZXh0LmRyb3AoaW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLmRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGluZGV4ICsgMSxcbiAgICAgICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgLy8gR3JhYiBpdGVtXG4gICAgICAgICAgICAgICAgY29udGV4dC5zdGFydEdyYWIoaW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLmdyYWJiZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGluZGV4ICsgMSxcbiAgICAgICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAvLyBFbnRlciB0byBkcm9wXG4gICAgICAgIGVsc2UgaWYgKGUua2V5ID09PSAnRW50ZXInICYmIGlzR3JhYmJlZCkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgY29udGV4dC5kcm9wKGluZGV4KTtcbiAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICBjb250ZXh0LmkxOG4ucmVwbGFjZVBsYWNlaG9sZGVycyhjb250ZXh0LmkxOG4uZHJvcHBlZEFubm91bmNlbWVudFRlbXBsYXRlLCB7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBpbmRleCArIDEsXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIC8vIEVzY2FwZSB0byBjYW5jZWxcbiAgICAgICAgZWxzZSBpZiAoZS5rZXkgPT09ICdFc2NhcGUnICYmIGlzR3JhYmJlZCkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgY29udGV4dC5jYW5jZWwoKTtcbiAgICAgICAgICAgIHNldEFubm91bmNlbWVudChjb250ZXh0LmkxOG4uY2FuY2VsbGVkQW5ub3VuY2VtZW50VGVtcGxhdGUpO1xuICAgICAgICB9XG4gICAgICAgIC8vIEFycm93IGtleXMgdG8gbW92ZSB3aGlsZSBncmFiYmVkXG4gICAgICAgIGVsc2UgaWYgKGlzR3JhYmJlZCkge1xuICAgICAgICAgICAgaWYgKGUua2V5ID09PSBtb3ZlVXAgJiYgaW5kZXggPiAwKSB7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIC8vIE1vdmUgd2l0aG91dCBkcm9wcGluZyAtIGp1c3QgcmVvcmRlciBhbmQgdXBkYXRlIHN0YXJ0SW5kZXhcbiAgICAgICAgICAgICAgICBjb25zdCBuZXdJbmRleCA9IGluZGV4IC0gMTtcbiAgICAgICAgICAgICAgICBjb250ZXh0Lm9uRHJvcChjb250ZXh0LnN0YXJ0SW5kZXgsIG5ld0luZGV4KTtcbiAgICAgICAgICAgICAgICBjb250ZXh0LnNldFN0YXJ0SW5kZXgobmV3SW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLm1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBuZXdJbmRleCArIDEsXG4gICAgICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKGUua2V5ID09PSBtb3ZlRG93biAmJiBpbmRleCA8IHRvdGFsSXRlbXMgLSAxKSB7XG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIC8vIE1vdmUgd2l0aG91dCBkcm9wcGluZyAtIGp1c3QgcmVvcmRlciBhbmQgdXBkYXRlIHN0YXJ0SW5kZXhcbiAgICAgICAgICAgICAgICBjb25zdCBuZXdJbmRleCA9IGluZGV4ICsgMTtcbiAgICAgICAgICAgICAgICBjb250ZXh0Lm9uRHJvcChjb250ZXh0LnN0YXJ0SW5kZXgsIG5ld0luZGV4KTtcbiAgICAgICAgICAgICAgICBjb250ZXh0LnNldFN0YXJ0SW5kZXgobmV3SW5kZXgpO1xuICAgICAgICAgICAgICAgIHNldEFubm91bmNlbWVudChcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dC5pMThuLnJlcGxhY2VQbGFjZWhvbGRlcnMoY29udGV4dC5pMThuLm1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBuZXdJbmRleCArIDEsXG4gICAgICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqIENsZWFudXAgdG91Y2ggdGltZXIgYW5kIGJvZHkgb3ZlcmZsb3cgb24gdW5tb3VudCAqL1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgICAgICBpZiAodG91Y2hUaW1lclJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRvdWNoVGltZXJSZWYuY3VycmVudCk7XG4gICAgICAgICAgICAgICAgdG91Y2hUaW1lclJlZi5jdXJyZW50ID0gbnVsbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnYXV0byc7XG4gICAgICAgIH07XG4gICAgfSwgW10pO1xuXG4gICAgLyoqIFVwZGF0ZSBhY3RpdmUgc3RhdGUgYmFzZWQgb24gZHJhZ092ZXIgY2hhbmdlcyAqL1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChjb250ZXh0LmlzRHJhZ2dpbmcgJiYgZHJhZ092ZXIgPT09IGluZGV4KSB7XG4gICAgICAgICAgICBzZXRBY3RpdmUoY29udGV4dC5zdGFydEluZGV4IC0gaW5kZXgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0QWN0aXZlKDApO1xuICAgICAgICB9XG4gICAgfSwgW2RyYWdPdmVyLCBjb250ZXh0LnN0YXJ0SW5kZXgsIGluZGV4LCBjb250ZXh0LmlzRHJhZ2dpbmddKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxJdGVtXG4gICAgICAgICAgICBkcmFnZ2FibGU9eyFzaG93SW5kaWNhdG9yfVxuICAgICAgICAgICAgc2hvd0luZGljYXRvcj17c2hvd0luZGljYXRvcn1cbiAgICAgICAgICAgIGFjdGl2ZT17YWN0aXZlfVxuICAgICAgICAgICAgZHJhZ2dpbmc9e2NvbnRleHQuaXNEcmFnZ2luZyAmJiBjb250ZXh0LnN0YXJ0SW5kZXggPT09IGluZGV4fVxuICAgICAgICAgICAgb3JpZW50YXRpb249e29yaWVudGF0aW9ufVxuICAgICAgICAgICAgZGF0YS1kcmFnLWluZGV4PXtpbmRleH1cbiAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgcm9sZT1cImxpc3RpdGVtXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2NvbnRleHQuaTE4bi5yZXBsYWNlUGxhY2Vob2xkZXJzKGNvbnRleHQuaTE4bi5pdGVtQXJpYUxhYmVsVGVtcGxhdGUsIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogaW5kZXggKyAxLFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICBhcmlhLWdyYWJiZWQ9e2NvbnRleHQuaXNEcmFnZ2luZyAmJiBjb250ZXh0LnN0YXJ0SW5kZXggPT09IGluZGV4fVxuICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgICAgb25EcmFnU3RhcnQ9eyFzaG93SW5kaWNhdG9yID8gZHJhZ1N0YXJ0SGFuZGxlciA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIG9uRHJhZ092ZXI9e2RyYWdPdmVySGFuZGxlcn1cbiAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtkcmFnRXhpdEhhbmRsZXJ9XG4gICAgICAgICAgICBvbkRyb3A9e2Ryb3BIYW5kbGVyfVxuICAgICAgICAgICAgb25Ub3VjaFN0YXJ0PXshc2hvd0luZGljYXRvciA/IHRvdWNoU3RhcnRIYW5kbGVyIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgb25Ub3VjaE1vdmU9e3RvdWNoTW92ZUhhbmRsZXJ9XG4gICAgICAgICAgICBvblRvdWNoRW5kPXt0b3VjaEVuZEhhbmRsZXJ9XG4gICAgICAgICAgICBvblRvdWNoQ2FuY2VsPXt0b3VjaEVuZEhhbmRsZXJ9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtzaG93SW5kaWNhdG9yICYmIChcbiAgICAgICAgICAgICAgICA8RHJhZ0tub2JcbiAgICAgICAgICAgICAgICAgICAgZHJhZ2dhYmxlXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtjb250ZXh0LmkxOG4uZHJhZ0hhbmRsZUFyaWFMYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgb25EcmFnU3RhcnQ9e2RyYWdTdGFydEhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICAgIG9uVG91Y2hTdGFydD17dG91Y2hTdGFydEhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgICAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPERyYWdJbmRpY2F0b3IgLz5cbiAgICAgICAgICAgICAgICA8L0RyYWdLbm9iPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgICAgICA8L0l0ZW0+XG4gICAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmtCIn0= */");
|
|
19
|
+
})("flex:1;");
|
|
20
20
|
/**
|
|
21
21
|
* A draggable item component that supports both mouse and touch interactions for drag-and-drop functionality.
|
|
22
22
|
*
|
|
@@ -261,3 +261,4 @@ import CheckCircle from '../../icons/DragIndicator.js';
|
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
export { DragItem as default };
|
|
264
|
+
//# sourceMappingURL=DragItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DragItem.js","sources":["../../../src/components/DragAndDrop/DragItem.tsx"],"sourcesContent":["import {\n DragEventHandler,\n PropsWithChildren,\n useContext,\n useState,\n useEffect,\n TouchEventHandler,\n useRef,\n} from 'react';\nimport styled from '@emotion/styled';\nimport { DragIndicator } from '../../icons';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\nimport { ORIENTATION, DragContext } from './types';\n\ninterface DragItemProps {\n /** Position index of the draggable item */\n index: number;\n /** Orientation of the drag operation (VERTICAL or HORIZONTAL) */\n orientation: ORIENTATION;\n /** Whether to show a drag handle indicator instead of making the entire item draggable */\n showIndicator: boolean;\n /** The index of the item currently being dragged over */\n dragOver: number;\n /** Total number of items in the list */\n totalItems: number;\n /** Callback to set announcement for screen readers */\n setAnnouncement: (message: string) => void;\n}\n\n/** Styled component for the draggable item container */\nconst Item = styled.div<{\n active: number;\n orientation: ORIENTATION;\n showIndicator: boolean;\n dragging: boolean;\n}>`\n cursor: ${(props) => (props.showIndicator ? 'default' : 'move')};\n display: flex;\n user-select: ${(props) => (props.showIndicator ? 'auto' : 'none')};\n border-top: 2px dashed\n ${(props) =>\n props.orientation === ORIENTATION.VERTICAL && props.active > 0\n ? getThemeValue(THEME_NAME.PRIMARY)\n : 'transparent'};\n border-bottom: 2px dashed\n ${(props) =>\n props.orientation === ORIENTATION.VERTICAL && props.active < 0\n ? getThemeValue(THEME_NAME.PRIMARY)\n : 'transparent'};\n border-left: 2px dashed\n ${(props) =>\n props.orientation === ORIENTATION.HORIZONTAL && props.active > 0\n ? getThemeValue(THEME_NAME.PRIMARY)\n : 'transparent'};\n border-right: 2px dashed\n ${(props) =>\n props.orientation === ORIENTATION.HORIZONTAL && props.active < 0\n ? getThemeValue(THEME_NAME.PRIMARY)\n : 'transparent'};\n opacity: ${(props) => (props.dragging ? 0.5 : 1)};\n border-radius: 10px;\n\n &:focus {\n box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n }\n\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n }\n`;\n\n/** Styled component for the drag handle indicator */\nconst DragKnob = styled.div`\n padding-top: 8px;\n cursor: move;\n touch-action: none;\n color: ${getThemeValue(THEME_NAME.DISABLED)};\n`;\n\n/** Container for the children */\nconst Container = styled.div`\n flex: 1;\n`;\n\n/**\n * A draggable item component that supports both mouse and touch interactions for drag-and-drop functionality.\n *\n * @component\n * @example\n * ```tsx\n * <DragItem\n * index={0}\n * orientation={ORIENTATION.VERTICAL}\n * showIndicator={true}\n * dragOver={-1}\n * >\n * <div>Draggable content</div>\n * </DragItem>\n * ```\n *\n * @param props - The component props\n * @param props.index - The position index of this item in the draggable list\n * @param props.orientation - The orientation of the drag operation (VERTICAL or HORIZONTAL)\n * @param props.showIndicator - Whether to show a drag handle indicator instead of making the entire item draggable\n * @param props.dragOver - The index of the item currently being dragged over\n * @param props.children - The content to be rendered inside the draggable item\n *\n * @remarks\n * - Uses the DragContext to manage drag state across items\n * - Provides visual feedback with borders during drag operations\n * - Supports haptic feedback (vibration) on touch devices\n * - For touch devices, requires a 200ms hold before drag starts\n * - When showIndicator is true, only the drag handle can initiate drag operations\n *\n * @returns A draggable item with optional drag indicator and visual feedback\n */\nexport default function DragItem(props: PropsWithChildren<DragItemProps>) {\n const { index, orientation, children, showIndicator, dragOver, totalItems, setAnnouncement } =\n props;\n const [active, setActive] = useState(0);\n const touchTimerRef = useRef<NodeJS.Timeout | null>(null);\n const context = useContext(DragContext);\n\n /**\n * Vibrate the device for haptic feedback\n * @param duration Duration of the vibration in milliseconds\n */\n const vibrate = (duration: number) => {\n if (navigator.vibrate) {\n navigator.vibrate(duration);\n }\n };\n\n /**\n * Drag start event handler\n * @param e Event\n */\n const dragStartHandler: DragEventHandler<HTMLDivElement> = () => {\n context.setStartIndex(index);\n context.setIsDragging(true);\n };\n\n /**\n * Drag over event handler\n * @param e Event\n */\n const dragOverHandler: DragEventHandler<HTMLDivElement> = (e) => {\n e.preventDefault();\n e.stopPropagation();\n setActive(context.startIndex - index);\n };\n\n /**\n * Drag leave event handler\n */\n const dragExitHandler: DragEventHandler<HTMLDivElement> = () => {\n setActive(0);\n };\n\n /**\n * Drop event handler\n * @param e Event\n */\n const dropHandler: DragEventHandler<HTMLDivElement> = (e) => {\n e.preventDefault();\n setActive(0);\n context.drop(index);\n context.setIsDragging(false);\n };\n\n /**\n * Touch start event handler\n * @param e Event\n */\n const touchStartHandler: TouchEventHandler<HTMLDivElement> = () => {\n // Clear any existing timer first\n if (touchTimerRef.current) {\n clearTimeout(touchTimerRef.current);\n }\n\n touchTimerRef.current = setTimeout(() => {\n context.setStartIndex(index);\n context.setIsDragging(true);\n context.setDragOver(index);\n document.body.style.overflow = 'hidden';\n vibrate(50);\n }, 200);\n };\n\n /**\n * Touch move event handler\n * @param e Event\n * @returns void\n */\n const touchMoveHandler: TouchEventHandler<HTMLDivElement> = (e) => {\n const touch = e.touches[0];\n if (!touch) return;\n\n if (context.isDragging) {\n e.preventDefault();\n\n // get the element under the touch point\n const el = document.elementFromPoint(\n touch.clientX,\n touch.clientY,\n ) as HTMLElement | null;\n const overAttr = el?.closest('[data-drag-index]')?.getAttribute('data-drag-index');\n const overIndex = overAttr != null ? parseInt(overAttr, 10) : null;\n\n // if we know which index we're over, update visual state\n if (overIndex !== null) {\n context.setDragOver(overIndex);\n }\n } else if (touchTimerRef.current) {\n clearTimeout(touchTimerRef.current);\n touchTimerRef.current = null;\n }\n };\n\n /**\n * Touch end event handler\n * @param e Event\n */\n const touchEndHandler: TouchEventHandler<HTMLDivElement> = () => {\n if (touchTimerRef.current) {\n clearTimeout(touchTimerRef.current);\n touchTimerRef.current = null;\n }\n\n if (context.isDragging) {\n context.drop(dragOver);\n vibrate(50);\n context.setIsDragging(false);\n document.body.style.overflow = 'auto';\n }\n };\n\n /**\n * Keyboard navigation handler for reordering items\n * @param e Keyboard event\n */\n const handleKeyDown = (e: React.KeyboardEvent) => {\n const isVertical = orientation === ORIENTATION.VERTICAL;\n const moveUp = isVertical ? 'ArrowUp' : 'ArrowLeft';\n const moveDown = isVertical ? 'ArrowDown' : 'ArrowRight';\n\n const isGrabbed = context.isDragging && context.startIndex === index;\n\n // Space to grab/drop\n if (e.key === ' ' || e.key === 'Spacebar') {\n e.preventDefault();\n if (isGrabbed) {\n // Drop at current position\n context.drop(index);\n setAnnouncement(\n context.i18n.replacePlaceholders(context.i18n.droppedAnnouncementTemplate, {\n position: index + 1,\n }),\n );\n } else {\n // Grab item\n context.startGrab(index);\n setAnnouncement(\n context.i18n.replacePlaceholders(context.i18n.grabbedAnnouncementTemplate, {\n position: index + 1,\n }),\n );\n }\n }\n // Enter to drop\n else if (e.key === 'Enter' && isGrabbed) {\n e.preventDefault();\n context.drop(index);\n setAnnouncement(\n context.i18n.replacePlaceholders(context.i18n.droppedAnnouncementTemplate, {\n position: index + 1,\n }),\n );\n }\n // Escape to cancel\n else if (e.key === 'Escape' && isGrabbed) {\n e.preventDefault();\n context.cancel();\n setAnnouncement(context.i18n.cancelledAnnouncementTemplate);\n }\n // Arrow keys to move while grabbed\n else if (isGrabbed) {\n if (e.key === moveUp && index > 0) {\n e.preventDefault();\n // Move without dropping - just reorder and update startIndex\n const newIndex = index - 1;\n context.onDrop(context.startIndex, newIndex);\n context.setStartIndex(newIndex);\n setAnnouncement(\n context.i18n.replacePlaceholders(context.i18n.movedAnnouncementTemplate, {\n position: newIndex + 1,\n }),\n );\n } else if (e.key === moveDown && index < totalItems - 1) {\n e.preventDefault();\n // Move without dropping - just reorder and update startIndex\n const newIndex = index + 1;\n context.onDrop(context.startIndex, newIndex);\n context.setStartIndex(newIndex);\n setAnnouncement(\n context.i18n.replacePlaceholders(context.i18n.movedAnnouncementTemplate, {\n position: newIndex + 1,\n }),\n );\n }\n }\n };\n\n /** Cleanup touch timer and body overflow on unmount */\n useEffect(() => {\n return () => {\n if (touchTimerRef.current) {\n clearTimeout(touchTimerRef.current);\n touchTimerRef.current = null;\n }\n document.body.style.overflow = 'auto';\n };\n }, []);\n\n /** Update active state based on dragOver changes */\n useEffect(() => {\n if (context.isDragging && dragOver === index) {\n setActive(context.startIndex - index);\n } else {\n setActive(0);\n }\n }, [dragOver, context.startIndex, index, context.isDragging]);\n\n return (\n <Item\n draggable={!showIndicator}\n showIndicator={showIndicator}\n active={active}\n dragging={context.isDragging && context.startIndex === index}\n orientation={orientation}\n data-drag-index={index}\n tabIndex={0}\n role=\"listitem\"\n aria-label={context.i18n.replacePlaceholders(context.i18n.itemAriaLabelTemplate, {\n position: index + 1,\n })}\n aria-grabbed={context.isDragging && context.startIndex === index}\n onKeyDown={handleKeyDown}\n onDragStart={!showIndicator ? dragStartHandler : undefined}\n onDragOver={dragOverHandler}\n onDragLeave={dragExitHandler}\n onDrop={dropHandler}\n onTouchStart={!showIndicator ? touchStartHandler : undefined}\n onTouchMove={touchMoveHandler}\n onTouchEnd={touchEndHandler}\n onTouchCancel={touchEndHandler}\n >\n {showIndicator && (\n <DragKnob\n draggable\n role=\"button\"\n aria-label={context.i18n.dragHandleAriaLabel}\n onDragStart={dragStartHandler}\n onTouchStart={touchStartHandler}\n onKeyDown={handleKeyDown}\n tabIndex={-1}\n >\n <DragIndicator />\n </DragKnob>\n )}\n <Container>{children}</Container>\n </Item>\n );\n}\n"],"names":["Item","styled","props","showIndicator","orientation","ORIENTATION","VERTICAL","active","getThemeValue","THEME_NAME","PRIMARY","HORIZONTAL","dragging","PRIMARY_LIGHT","DragKnob","DISABLED","Container","DragItem","index","children","dragOver","totalItems","setAnnouncement","setActive","useState","touchTimerRef","useRef","context","useContext","DragContext","vibrate","duration","navigator","dragStartHandler","setStartIndex","setIsDragging","dragOverHandler","e","preventDefault","stopPropagation","startIndex","dragExitHandler","dropHandler","drop","touchStartHandler","current","clearTimeout","setTimeout","setDragOver","document","body","style","overflow","touchMoveHandler","touch","touches","isDragging","el","elementFromPoint","clientX","clientY","overAttr","closest","getAttribute","overIndex","parseInt","touchEndHandler","handleKeyDown","isVertical","moveUp","moveDown","isGrabbed","key","i18n","replacePlaceholders","droppedAnnouncementTemplate","position","startGrab","grabbedAnnouncementTemplate","cancel","cancelledAnnouncementTemplate","newIndex","onDrop","movedAnnouncementTemplate","useEffect","_jsxs","draggable","data-drag-index","tabIndex","role","aria-label","itemAriaLabelTemplate","aria-grabbed","onKeyDown","onDragStart","undefined","onDragOver","onDragLeave","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","_jsx","dragHandleAriaLabel","DragIndicator"],"mappings":";;;;;;;AA6BA,yDACA,MAAMA,IAAAA,iBAAOC,MAAAA,CAAAA,KAAAA,EAAAA;;;cAMC,CAACC,KAAAA,GAAWA,MAAMC,aAAa,GAAG,YAAY,MAAA,EAAA,4BAAA,EAEzC,CAACD,QAAWA,KAAAA,CAAMC,aAAa,GAAG,MAAA,GAAS,MAAA,EAAA,kCAAA,EAEpD,CAACD,KAAAA,GACCA,KAAAA,CAAME,WAAW,KAAKC,WAAAA,CAAYC,QAAQ,IAAIJ,KAAAA,CAAMK,MAAM,GAAG,CAAA,GACvDC,cAAcC,UAAAA,CAAWC,OAAO,IAChC,aAAA,EAAA,qCAAA,EAER,CAACR,QACCA,KAAAA,CAAME,WAAW,KAAKC,WAAAA,CAAYC,QAAQ,IAAIJ,KAAAA,CAAMK,MAAM,GAAG,CAAA,GACvDC,aAAAA,CAAcC,UAAAA,CAAWC,OAAO,CAAA,GAChC,aAAA,EAAA,mCAAA,EAER,CAACR,KAAAA,GACCA,KAAAA,CAAME,WAAW,KAAKC,WAAAA,CAAYM,UAAU,IAAIT,KAAAA,CAAMK,MAAM,GAAG,CAAA,GACzDC,cAAcC,UAAAA,CAAWC,OAAO,IAChC,aAAA,EAAA,oCAAA,EAER,CAACR,QACCA,KAAAA,CAAME,WAAW,KAAKC,WAAAA,CAAYM,UAAU,IAAIT,KAAAA,CAAMK,MAAM,GAAG,CAAA,GACzDC,aAAAA,CAAcC,WAAWC,OAAO,CAAA,GAChC,4BACH,CAACR,KAAAA,GAAWA,MAAMU,QAAQ,GAAG,MAAM,CAAA,EAAA,mDAAA,EAIlBJ,aAAAA,CAAcC,WAAWI,aAAa,CAAA,EAAA,sFAAA,EAQtCL,aAAAA,CAAcC,UAAAA,CAAWI,aAAa,CAAA,EAAA,IAAA,CAAA;AAItE,sDACA,MAAMC,QAAAA,iBAAWb,MAAAA,CAAAA,KAAAA,EAAAA;;;AAIJO,CAAAA,CAAAA,CAAAA,sDAAAA,EAAAA,aAAAA,CAAcC,WAAWM,QAAQ,CAAA,EAAA,GAAA,CAAA;AAG9C,kCACA,MAAMC,SAAAA,iBAAYf,MAAAA,CAAAA,KAAAA,EAAAA;;;;AAIlB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCe,SAASgB,QAAAA,CAASf,KAAuC,EAAA;AACpE,IAAA,MAAM,EAAEgB,KAAK,EAAEd,WAAW,EAAEe,QAAQ,EAAEhB,aAAa,EAAEiB,QAAQ,EAAEC,UAAU,EAAEC,eAAe,EAAE,GACxFpB,KAAAA;AACJ,IAAA,MAAM,CAACK,MAAAA,EAAQgB,SAAAA,CAAU,GAAGC,QAAAA,CAAS,CAAA,CAAA;AACrC,IAAA,MAAMC,gBAAgBC,MAAAA,CAA8B,IAAA,CAAA;AACpD,IAAA,MAAMC,UAAUC,UAAAA,CAAWC,WAAAA,CAAAA;AAE3B;;;QAIA,MAAMC,UAAU,CAACC,QAAAA,GAAAA;QACb,IAAIC,SAAAA,CAAUF,OAAO,EAAE;AACnBE,YAAAA,SAAAA,CAAUF,OAAO,CAACC,QAAAA,CAAAA;AACtB,QAAA;AACJ,IAAA,CAAA;AAEA;;;AAGC,QACD,MAAME,gBAAAA,GAAqD,IAAA;AACvDN,QAAAA,OAAAA,CAAQO,aAAa,CAAChB,KAAAA,CAAAA;AACtBS,QAAAA,OAAAA,CAAQQ,aAAa,CAAC,IAAA,CAAA;AAC1B,IAAA,CAAA;AAEA;;;QAIA,MAAMC,kBAAoD,CAACC,CAAAA,GAAAA;AACvDA,QAAAA,CAAAA,CAAEC,cAAc,EAAA;AAChBD,QAAAA,CAAAA,CAAEE,eAAe,EAAA;QACjBhB,SAAAA,CAAUI,OAAAA,CAAQa,UAAU,GAAGtB,KAAAA,CAAAA;AACnC,IAAA,CAAA;AAEA;;AAEC,QACD,MAAMuB,eAAAA,GAAoD,IAAA;QACtDlB,SAAAA,CAAU,CAAA,CAAA;AACd,IAAA,CAAA;AAEA;;;QAIA,MAAMmB,cAAgD,CAACL,CAAAA,GAAAA;AACnDA,QAAAA,CAAAA,CAAEC,cAAc,EAAA;QAChBf,SAAAA,CAAU,CAAA,CAAA;AACVI,QAAAA,OAAAA,CAAQgB,IAAI,CAACzB,KAAAA,CAAAA;AACbS,QAAAA,OAAAA,CAAQQ,aAAa,CAAC,KAAA,CAAA;AAC1B,IAAA,CAAA;AAEA;;;AAGC,QACD,MAAMS,iBAAAA,GAAuD,IAAA;;QAEzD,IAAInB,aAAAA,CAAcoB,OAAO,EAAE;AACvBC,YAAAA,YAAAA,CAAarB,cAAcoB,OAAO,CAAA;AACtC,QAAA;QAEApB,aAAAA,CAAcoB,OAAO,GAAGE,UAAAA,CAAW,IAAA;AAC/BpB,YAAAA,OAAAA,CAAQO,aAAa,CAAChB,KAAAA,CAAAA;AACtBS,YAAAA,OAAAA,CAAQQ,aAAa,CAAC,IAAA,CAAA;AACtBR,YAAAA,OAAAA,CAAQqB,WAAW,CAAC9B,KAAAA,CAAAA;AACpB+B,YAAAA,QAAAA,CAASC,IAAI,CAACC,KAAK,CAACC,QAAQ,GAAG,QAAA;YAC/BtB,OAAAA,CAAQ,EAAA,CAAA;QACZ,CAAA,EAAG,GAAA,CAAA;AACP,IAAA,CAAA;AAEA;;;;QAKA,MAAMuB,mBAAsD,CAAChB,CAAAA,GAAAA;AACzD,QAAA,MAAMiB,KAAAA,GAAQjB,CAAAA,CAAEkB,OAAO,CAAC,CAAA,CAAE;AAC1B,QAAA,IAAI,CAACD,KAAAA,EAAO;QAEZ,IAAI3B,OAAAA,CAAQ6B,UAAU,EAAE;AACpBnB,YAAAA,CAAAA,CAAEC,cAAc,EAAA;;YAGhB,MAAMmB,EAAAA,GAAKR,SAASS,gBAAgB,CAChCJ,MAAMK,OAAO,EACbL,MAAMM,OAAO,CAAA;AAEjB,YAAA,MAAMC,QAAAA,GAAWJ,EAAAA,EAAIK,OAAAA,CAAQ,mBAAA,CAAA,EAAsBC,YAAAA,CAAa,iBAAA,CAAA;AAChE,YAAA,MAAMC,SAAAA,GAAYH,QAAAA,IAAY,IAAA,GAAOI,QAAAA,CAASJ,UAAU,EAAA,CAAA,GAAM,IAAA;;AAG9D,YAAA,IAAIG,cAAc,IAAA,EAAM;AACpBrC,gBAAAA,OAAAA,CAAQqB,WAAW,CAACgB,SAAAA,CAAAA;AACxB,YAAA;QACJ,CAAA,MAAO,IAAIvC,aAAAA,CAAcoB,OAAO,EAAE;AAC9BC,YAAAA,YAAAA,CAAarB,cAAcoB,OAAO,CAAA;AAClCpB,YAAAA,aAAAA,CAAcoB,OAAO,GAAG,IAAA;AAC5B,QAAA;AACJ,IAAA,CAAA;AAEA;;;AAGC,QACD,MAAMqB,eAAAA,GAAqD,IAAA;QACvD,IAAIzC,aAAAA,CAAcoB,OAAO,EAAE;AACvBC,YAAAA,YAAAA,CAAarB,cAAcoB,OAAO,CAAA;AAClCpB,YAAAA,aAAAA,CAAcoB,OAAO,GAAG,IAAA;AAC5B,QAAA;QAEA,IAAIlB,OAAAA,CAAQ6B,UAAU,EAAE;AACpB7B,YAAAA,OAAAA,CAAQgB,IAAI,CAACvB,QAAAA,CAAAA;YACbU,OAAAA,CAAQ,EAAA,CAAA;AACRH,YAAAA,OAAAA,CAAQQ,aAAa,CAAC,KAAA,CAAA;AACtBc,YAAAA,QAAAA,CAASC,IAAI,CAACC,KAAK,CAACC,QAAQ,GAAG,MAAA;AACnC,QAAA;AACJ,IAAA,CAAA;AAEA;;;QAIA,MAAMe,gBAAgB,CAAC9B,CAAAA,GAAAA;QACnB,MAAM+B,UAAAA,GAAahE,WAAAA,KAAgBC,WAAAA,CAAYC,QAAQ;QACvD,MAAM+D,MAAAA,GAASD,aAAa,SAAA,GAAY,WAAA;QACxC,MAAME,QAAAA,GAAWF,aAAa,WAAA,GAAc,YAAA;AAE5C,QAAA,MAAMG,YAAY5C,OAAAA,CAAQ6B,UAAU,IAAI7B,OAAAA,CAAQa,UAAU,KAAKtB,KAAAA;;AAG/D,QAAA,IAAImB,EAAEmC,GAAG,KAAK,OAAOnC,CAAAA,CAAEmC,GAAG,KAAK,UAAA,EAAY;AACvCnC,YAAAA,CAAAA,CAAEC,cAAc,EAAA;AAChB,YAAA,IAAIiC,SAAAA,EAAW;;AAEX5C,gBAAAA,OAAAA,CAAQgB,IAAI,CAACzB,KAAAA,CAAAA;gBACbI,eAAAA,CACIK,OAAAA,CAAQ8C,IAAI,CAACC,mBAAmB,CAAC/C,OAAAA,CAAQ8C,IAAI,CAACE,2BAA2B,EAAE;AACvEC,oBAAAA,QAAAA,EAAU1D,KAAAA,GAAQ;AACtB,iBAAA,CAAA,CAAA;YAER,CAAA,MAAO;;AAEHS,gBAAAA,OAAAA,CAAQkD,SAAS,CAAC3D,KAAAA,CAAAA;gBAClBI,eAAAA,CACIK,OAAAA,CAAQ8C,IAAI,CAACC,mBAAmB,CAAC/C,OAAAA,CAAQ8C,IAAI,CAACK,2BAA2B,EAAE;AACvEF,oBAAAA,QAAAA,EAAU1D,KAAAA,GAAQ;AACtB,iBAAA,CAAA,CAAA;AAER,YAAA;AACJ,QAAA,CAAA,MAEK,IAAImB,CAAAA,CAAEmC,GAAG,KAAK,WAAWD,SAAAA,EAAW;AACrClC,YAAAA,CAAAA,CAAEC,cAAc,EAAA;AAChBX,YAAAA,OAAAA,CAAQgB,IAAI,CAACzB,KAAAA,CAAAA;YACbI,eAAAA,CACIK,OAAAA,CAAQ8C,IAAI,CAACC,mBAAmB,CAAC/C,OAAAA,CAAQ8C,IAAI,CAACE,2BAA2B,EAAE;AACvEC,gBAAAA,QAAAA,EAAU1D,KAAAA,GAAQ;AACtB,aAAA,CAAA,CAAA;AAER,QAAA,CAAA,MAEK,IAAImB,CAAAA,CAAEmC,GAAG,KAAK,YAAYD,SAAAA,EAAW;AACtClC,YAAAA,CAAAA,CAAEC,cAAc,EAAA;AAChBX,YAAAA,OAAAA,CAAQoD,MAAM,EAAA;YACdzD,eAAAA,CAAgBK,OAAAA,CAAQ8C,IAAI,CAACO,6BAA6B,CAAA;AAC9D,QAAA,CAAA,MAEK,IAAIT,SAAAA,EAAW;AAChB,YAAA,IAAIlC,CAAAA,CAAEmC,GAAG,KAAKH,MAAAA,IAAUnD,QAAQ,CAAA,EAAG;AAC/BmB,gBAAAA,CAAAA,CAAEC,cAAc,EAAA;;AAEhB,gBAAA,MAAM2C,WAAW/D,KAAAA,GAAQ,CAAA;AACzBS,gBAAAA,OAAAA,CAAQuD,MAAM,CAACvD,OAAAA,CAAQa,UAAU,EAAEyC,QAAAA,CAAAA;AACnCtD,gBAAAA,OAAAA,CAAQO,aAAa,CAAC+C,QAAAA,CAAAA;gBACtB3D,eAAAA,CACIK,OAAAA,CAAQ8C,IAAI,CAACC,mBAAmB,CAAC/C,OAAAA,CAAQ8C,IAAI,CAACU,yBAAyB,EAAE;AACrEP,oBAAAA,QAAAA,EAAUK,QAAAA,GAAW;AACzB,iBAAA,CAAA,CAAA;AAER,YAAA,CAAA,MAAO,IAAI5C,CAAAA,CAAEmC,GAAG,KAAKF,QAAAA,IAAYpD,KAAAA,GAAQG,aAAa,CAAA,EAAG;AACrDgB,gBAAAA,CAAAA,CAAEC,cAAc,EAAA;;AAEhB,gBAAA,MAAM2C,WAAW/D,KAAAA,GAAQ,CAAA;AACzBS,gBAAAA,OAAAA,CAAQuD,MAAM,CAACvD,OAAAA,CAAQa,UAAU,EAAEyC,QAAAA,CAAAA;AACnCtD,gBAAAA,OAAAA,CAAQO,aAAa,CAAC+C,QAAAA,CAAAA;gBACtB3D,eAAAA,CACIK,OAAAA,CAAQ8C,IAAI,CAACC,mBAAmB,CAAC/C,OAAAA,CAAQ8C,IAAI,CAACU,yBAAyB,EAAE;AACrEP,oBAAAA,QAAAA,EAAUK,QAAAA,GAAW;AACzB,iBAAA,CAAA,CAAA;AAER,YAAA;AACJ,QAAA;AACJ,IAAA,CAAA;AAEA,4DACAG,SAAAA,CAAU,IAAA;QACN,OAAO,IAAA;YACH,IAAI3D,aAAAA,CAAcoB,OAAO,EAAE;AACvBC,gBAAAA,YAAAA,CAAarB,cAAcoB,OAAO,CAAA;AAClCpB,gBAAAA,aAAAA,CAAcoB,OAAO,GAAG,IAAA;AAC5B,YAAA;AACAI,YAAAA,QAAAA,CAASC,IAAI,CAACC,KAAK,CAACC,QAAQ,GAAG,MAAA;AACnC,QAAA,CAAA;AACJ,IAAA,CAAA,EAAG,EAAE,CAAA;AAEL,yDACAgC,SAAAA,CAAU,IAAA;AACN,QAAA,IAAIzD,OAAAA,CAAQ6B,UAAU,IAAIpC,QAAAA,KAAaF,KAAAA,EAAO;YAC1CK,SAAAA,CAAUI,OAAAA,CAAQa,UAAU,GAAGtB,KAAAA,CAAAA;QACnC,CAAA,MAAO;YACHK,SAAAA,CAAU,CAAA,CAAA;AACd,QAAA;IACJ,CAAA,EAAG;AAACH,QAAAA,QAAAA;AAAUO,QAAAA,OAAAA,CAAQa,UAAU;AAAEtB,QAAAA,KAAAA;AAAOS,QAAAA,OAAAA,CAAQ6B;AAAW,KAAA,CAAA;AAE5D,IAAA,qBACI6B,IAAA,CAACrF,IAAAA,EAAAA;AACGsF,QAAAA,SAAAA,EAAW,CAACnF,aAAAA;QACZA,aAAAA,EAAeA,aAAAA;QACfI,MAAAA,EAAQA,MAAAA;AACRK,QAAAA,QAAAA,EAAUe,OAAAA,CAAQ6B,UAAU,IAAI7B,OAAAA,CAAQa,UAAU,KAAKtB,KAAAA;QACvDd,WAAAA,EAAaA,WAAAA;QACbmF,iBAAAA,EAAiBrE,KAAAA;QACjBsE,QAAAA,EAAU,CAAA;QACVC,IAAAA,EAAK,UAAA;QACLC,YAAAA,EAAY/D,OAAAA,CAAQ8C,IAAI,CAACC,mBAAmB,CAAC/C,OAAAA,CAAQ8C,IAAI,CAACkB,qBAAqB,EAAE;AAC7Ef,YAAAA,QAAAA,EAAU1D,KAAAA,GAAQ;AACtB,SAAA,CAAA;AACA0E,QAAAA,cAAAA,EAAcjE,OAAAA,CAAQ6B,UAAU,IAAI7B,OAAAA,CAAQa,UAAU,KAAKtB,KAAAA;QAC3D2E,SAAAA,EAAW1B,aAAAA;QACX2B,WAAAA,EAAa,CAAC3F,gBAAgB8B,gBAAAA,GAAmB8D,SAAAA;QACjDC,UAAAA,EAAY5D,eAAAA;QACZ6D,WAAAA,EAAaxD,eAAAA;QACbyC,MAAAA,EAAQxC,WAAAA;QACRwD,YAAAA,EAAc,CAAC/F,gBAAgByC,iBAAAA,GAAoBmD,SAAAA;QACnDI,WAAAA,EAAa9C,gBAAAA;QACb+C,UAAAA,EAAYlC,eAAAA;QACZmC,aAAAA,EAAenC,eAAAA;;AAEd/D,YAAAA,aAAAA,kBACGmG,GAAA,CAACxF,QAAAA,EAAAA;gBACGwE,SAAS,EAAA,IAAA;gBACTG,IAAAA,EAAK,QAAA;gBACLC,YAAAA,EAAY/D,OAAAA,CAAQ8C,IAAI,CAAC8B,mBAAmB;gBAC5CT,WAAAA,EAAa7D,gBAAAA;gBACbiE,YAAAA,EAActD,iBAAAA;gBACdiD,SAAAA,EAAW1B,aAAAA;AACXqB,gBAAAA,QAAAA,EAAU,EAAC;AAEX,gBAAA,QAAA,gBAAAc,GAAA,CAACE,WAAAA,EAAAA,EAAAA;;0BAGTF,GAAA,CAACtF,SAAAA,EAAAA;AAAWG,gBAAAA,QAAAA,EAAAA;;;;AAGxB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../src/components/DragAndDrop/types.ts"],"sourcesContent":["import { createContext } from 'react';\n\nexport enum ORIENTATION {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical',\n}\n\nexport const DragContext = createContext<{\n startIndex: number;\n setStartIndex: (value: number) => void;\n drop: (index: number) => void;\n onDrop: (start: number, end: number) => void;\n cancel: () => void;\n startGrab: (index: number) => void;\n isDragging: boolean;\n setIsDragging: (value: boolean) => void;\n setDragOver: (value: number) => void;\n i18n: {\n itemAriaLabelTemplate: string;\n dragHandleAriaLabel: string;\n grabbedAnnouncementTemplate: string;\n movedAnnouncementTemplate: string;\n droppedAnnouncementTemplate: string;\n cancelledAnnouncementTemplate: string;\n replacePlaceholders: (\n template: string,\n data: {\n position?: number;\n grabKey?: string;\n dropKey?: string;\n altDropKey?: string;\n cancelKey?: string;\n moveKeys?: string;\n },\n ) => string;\n };\n}>(null);\n"],"names":["ORIENTATION","DragContext","createContext"],"mappings":";;AAEO,IAAA,WAAKA,iBAAAA,SAAAA,WAAAA,EAAAA;;;AAAAA,IAAAA,OAAAA,WAAAA;AAGX,CAAA,CAAA,EAAA;AAEM,MAAMC,WAAAA,GAAcC,aAAAA,CA6BxB,IAAA;;;;"}
|
|
@@ -35,7 +35,7 @@ const positionStyle = (size)=>({
|
|
|
35
35
|
const DrawerDiv = /*#__PURE__*/ styled("div", {
|
|
36
36
|
target: "ehe19t90",
|
|
37
37
|
label: "DrawerDiv"
|
|
38
|
-
})("display:flex;flex-direction:column;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";transition:transform 0.3s ease;box-shadow:", getThemeValue(THEME_NAME.MODAL_SHADOW), ";", (props)=>positionStyle(props.size)[props.position].before, " .nf-layer-enter &{transform:translateX(0%);", (props)=>positionStyle(props.size)[props.position].after, "}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCBMYXllck1hbmFnZXIsIHsgTEFZRVJfUE9TSVRJT04gfSBmcm9tICcuLi8uLi9zaGFyZWQvTGF5ZXJNYW5hZ2VyJztcblxuZXhwb3J0IHtcbiAgICBIZWFkZXIgYXMgRHJhd2VySGVhZGVyLFxuICAgIEJvZHkgYXMgRHJhd2VyQm9keSxcbiAgICBGb290ZXIgYXMgRHJhd2VyRm9vdGVyLFxufSBmcm9tICcuLi8uLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGVudW0gRFJBV0VSX1BPU0lUSU9OIHtcbiAgICBMRUZUID0gJ0xFRlQnLFxuICAgIFJJR0hUID0gJ1JJR0hUJyxcbiAgICBCT1RUT00gPSAnQk9UVE9NJyxcbn1cblxuY29uc3QgcG9zaXRpb25TdHlsZSA9IChzaXplOiBzdHJpbmcpID0+ICh7XG4gICAgW0RSQVdFUl9QT1NJVElPTi5MRUZUXToge1xuICAgICAgICBiZWZvcmU6IGBoZWlnaHQ6IDEwMHZoOyBtaW4td2lkdGg6ICR7c2l6ZSB8fCAnMzAwcHgnfTsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtgLFxuICAgICAgICBhZnRlcjogJ3RyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7JyxcbiAgICB9LFxuICAgIFtEUkFXRVJfUE9TSVRJT04uUklHSFRdOiB7XG4gICAgICAgIGJlZm9yZTogYGhlaWdodDogMTAwdmg7IG1pbi13aWR0aDogJHtzaXplIHx8ICczMDBweCd9OyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7YCxcbiAgICAgICAgYWZ0ZXI6ICd0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpOycsXG4gICAgfSxcbiAgICBbRFJBV0VSX1BPU0lUSU9OLkJPVFRPTV06IHtcbiAgICAgICAgYmVmb3JlOiBgXG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGhlaWdodDogJHtzaXplIHx8ICc5MHZoJ307XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNXB4IDE1cHggMCAwOyBcbiAgICAgICAgYCxcbiAgICAgICAgYWZ0ZXI6ICd0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpOycsXG4gICAgfSxcbn0pO1xuXG5jb25zdCBEcmF3ZXJEaXYgPSBzdHlsZWQuZGl2PHsgcG9zaXRpb246IERSQVdFUl9QT1NJVElPTjsgc2l6ZTogc3RyaW5nIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZTtcbiAgICBib3gtc2hhZG93OiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5NT0RBTF9TSEFET1cpfTtcbiAgICAkeyhwcm9wcykgPT4gcG9zaXRpb25TdHlsZShwcm9wcy5zaXplKVtwcm9wcy5wb3NpdGlvbl0uYmVmb3JlfVxuXG4gICAgLm5mLWxheWVyLWVudGVyICYge1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuICAgICAgICAkeyhwcm9wcykgPT4gcG9zaXRpb25TdHlsZShwcm9wcy5zaXplKVtwcm9wcy5wb3NpdGlvbl0uYWZ0ZXJ9XG4gICAgfVxuYDtcblxuY29uc3QgZHJhd2VyUHJvcFR5cGVzID0ge1xuICAgIC8qKiBPcGVucyB0aGUgZHJhd2VyICovXG4gICAgb3BlbjogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgICAvKiogcG9zaXRpb24gb2YgdGhlIGRyYXdlciAqL1xuICAgIHBvc2l0aW9uOiBQcm9wVHlwZXMub25lT2YoW1xuICAgICAgICBEUkFXRVJfUE9TSVRJT04uTEVGVCxcbiAgICAgICAgRFJBV0VSX1BPU0lUSU9OLlJJR0hULFxuICAgICAgICBEUkFXRVJfUE9TSVRJT04uQk9UVE9NLFxuICAgIF0pLFxuICAgIC8qKiBzaXplIG9mIHRoZSBkcmF3ZXIgKi9cbiAgICBzaXplOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIC8qKiBTaG93cyBhbiBvdmVybGF5IGJlaGluZCB0aGUgZHJhd2VyLiAqL1xuICAgIG92ZXJsYXk6IFByb3BUeXBlcy5ib29sLFxuICAgIC8qKiBDbG9zZXMgdGhlIGRyYXdlciBvbiBlc2MgKi9cbiAgICBjbG9zZU9uRXNjOiBQcm9wVHlwZXMuYm9vbCxcbiAgICAvKiogQ2xvc2VzIHRoZSBkcmF3ZXIgb24gb3ZlcmxheSBjbGljayAqL1xuICAgIGNsb3NlT25PdmVybGF5Q2xpY2s6IFByb3BUeXBlcy5ib29sLFxuICAgIC8qKiBDYWxsIGJhY2sgZnVuY3Rpb24gY2FsbGVkIHdoZW4gdGhlIGRyYXdlciBjbG9zZXMuICovXG4gICAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMsXG59O1xuXG50eXBlIERyYXdlclByb3BzID0gUHJvcFR5cGVzLkluZmVyUHJvcHM8dHlwZW9mIGRyYXdlclByb3BUeXBlcz47XG5cbmludGVyZmFjZSBEcmF3ZXJTdGF0ZSB7XG4gICAgb3BlbjogYm9vbGVhbjtcbn1cblxuY29uc3QgcG9zaXRpb25NYXAgPSB7XG4gICAgW0RSQVdFUl9QT1NJVElPTi5MRUZUXTogTEFZRVJfUE9TSVRJT04uVE9QX0xFRlQsXG4gICAgW0RSQVdFUl9QT1NJVElPTi5SSUdIVF06IExBWUVSX1BPU0lUSU9OLlRPUF9SSUdIVCxcbiAgICBbRFJBV0VSX1BPU0lUSU9OLkJPVFRPTV06IExBWUVSX1BPU0lUSU9OLkJPVFRPTV9MRUZULFxufTtcblxuLyoqXG4gKiBEcmF3ZXIgY29tcG9uZW50XG4gKlxuICogQSBwYW5lbCB0aGF0IHNsaWRlcyBpbiBmcm9tIHRoZSBlZGdlIG9mIHRoZSBzY3JlZW4uXG4gKiBJdCBzaXRzIG9uIHRvcCBvZiB0aGUgYXBwbGljYXRpb24gY29udGVudCBhbmQgaXMgb2Z0ZW4gdXNlZCBmb3IgbmF2aWdhdGlvbiBvciBkZXRhaWxzLlxuICpcbiAqIEFjY2Vzc2liaWxpdHk6XG4gKiAtIEltcGxlbWVudHMgQVJJQSBgcm9sZT1cImRpYWxvZ1wiYCBhbmQgYGFyaWEtbW9kYWw9XCJ0cnVlXCJgLlxuICogLSBUcmFwcyBmb2N1cyBlZmZlY3RpdmVseSB3aXRoaW4gdGhlIGRyYXdlciB3aGlsZSBvcGVuLlxuICogLSBSZXN0b3JlcyBmb2N1cyB0byB0aGUgdHJpZ2dlcmluZyBlbGVtZW50IHVwb24gY2xvc3VyZS5cbiAqIC0gU3VwcG9ydHMgY2xvc2luZyB2aWEgRVNDIGtleSBhbmQgb3ZlcmxheSBjbGljay5cbiAqL1xuZXhwb3J0IGRlZmF1bHQgY2xhc3MgRHJhd2VyIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50PFxuICAgIFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERyYXdlclByb3BzPixcbiAgICBEcmF3ZXJTdGF0ZVxuPiB7XG4gICAgc3RhdGUgPSB7XG4gICAgICAgIG9wZW46IGZhbHNlLFxuICAgIH07XG5cbiAgICBzdGF0aWMgcHJvcFR5cGVzID0gZHJhd2VyUHJvcFR5cGVzO1xuXG4gICAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICAgICAgb3ZlcmxheTogdHJ1ZSxcbiAgICAgICAgcG9zaXRpb246IERSQVdFUl9QT1NJVElPTi5MRUZULFxuICAgICAgICBjbG9zZU9uRXNjOiB0cnVlLFxuICAgICAgICBjbG9zZU9uT3ZlcmxheUNsaWNrOiB0cnVlLFxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBTeW5jcyBzdGF0ZSB3aXRoIHByb3BzLlxuICAgICAqL1xuICAgIHN0YXRpYyBnZXREZXJpdmVkU3RhdGVGcm9tUHJvcHMocHJvcHM6IERyYXdlclByb3BzKSB7XG4gICAgICAgIGlmIChwcm9wcy5vcGVuKSB7XG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgIG9wZW46IHRydWUsXG4gICAgICAgICAgICB9O1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHByaXZhdGUgbGF5ZXI6IFJldHVyblR5cGU8dHlwZW9mIExheWVyTWFuYWdlci5yZW5kZXJMYXllcj47XG5cbiAgICBwcml2YXRlIGNsb3NlQ2FsbGJhY2s6IChyZXNwPzogdW5rbm93bikgPT4gdm9pZDtcblxuICAgIC8qKlxuICAgICAqIEludGVybmFsIGNsb3NlIGhhbmRsZXIuXG4gICAgICogUmVzdG9yZXMgZm9jdXMgYW5kIGNhbGxzIHRoZSBleHRlcm5hbCBvbkNsb3NlIGNhbGxiYWNrLlxuICAgICAqL1xuICAgIHByaXZhdGUgb25DbG9zZSA9ICgpID0+IHtcbiAgICAgICAgdGhpcy5yZXN0b3JlRm9jdXMoKTtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICBvcGVuOiBmYWxzZSxcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMucHJvcHMub25DbG9zZT8uKCk7XG4gICAgICAgIHRoaXMuY2xvc2VDYWxsYmFjayA9IG51bGw7XG4gICAgICAgIHRoaXMubGF5ZXIgPSBudWxsO1xuICAgIH07XG5cbiAgICBwcml2YXRlIGxhc3RGb2N1c2VkRWxlbWVudDogSFRNTEVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgICBwcml2YXRlIGRyYXdlclJlZiA9IFJlYWN0LmNyZWF0ZVJlZjxIVE1MRGl2RWxlbWVudD4oKTtcblxuICAgIC8qKlxuICAgICAqIFJldHJpZXZlcyBhbGwgZm9jdXNhYmxlIGVsZW1lbnRzIHdpdGhpbiB0aGUgZHJhd2VyLlxuICAgICAqL1xuICAgIHByaXZhdGUgZ2V0Rm9jdXNhYmxlRWxlbWVudHMgPSAoKTogSFRNTEVsZW1lbnRbXSA9PiB7XG4gICAgICAgIGlmICghdGhpcy5kcmF3ZXJSZWYuY3VycmVudCkgcmV0dXJuIFtdO1xuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbShcbiAgICAgICAgICAgIHRoaXMuZHJhd2VyUmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcbiAgICAgICAgICAgICAgICAnYnV0dG9uLCBbaHJlZl0sIGlucHV0LCBzZWxlY3QsIHRleHRhcmVhLCBbdGFiaW5kZXhdOm5vdChbdGFiaW5kZXg9XCItMVwiXSknLFxuICAgICAgICAgICAgKSxcbiAgICAgICAgKSBhcyBIVE1MRWxlbWVudFtdO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBIYW5kbGVzIGtleWRvd24gZXZlbnRzIHRvIGltcGxlbWVudCB0aGUgZm9jdXMgdHJhcC5cbiAgICAgKiBUcmFwcyBUYWIgYW5kIFNoaWZ0K1RhYiB3aXRoaW4gdGhlIGRyYXdlci5cbiAgICAgKi9cbiAgICBwcml2YXRlIGhhbmRsZUtleURvd24gPSAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZS5rZXkgPT09ICdUYWInKSB7XG4gICAgICAgICAgICBjb25zdCBmb2N1c2FibGVFbGVtZW50cyA9IHRoaXMuZ2V0Rm9jdXNhYmxlRWxlbWVudHMoKTtcbiAgICAgICAgICAgIGlmIChmb2N1c2FibGVFbGVtZW50cy5sZW5ndGggPT09IDApIHJldHVybjtcblxuICAgICAgICAgICAgY29uc3QgZmlyc3RFbGVtZW50ID0gZm9jdXNhYmxlRWxlbWVudHNbMF07XG4gICAgICAgICAgICBjb25zdCBsYXN0RWxlbWVudCA9IGZvY3VzYWJsZUVsZW1lbnRzW2ZvY3VzYWJsZUVsZW1lbnRzLmxlbmd0aCAtIDFdO1xuXG4gICAgICAgICAgICBpZiAoZS5zaGlmdEtleSkge1xuICAgICAgICAgICAgICAgIGlmIChkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBmaXJzdEVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgbGFzdEVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgaWYgKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgPT09IGxhc3RFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgICAgIGZpcnN0RWxlbWVudC5mb2N1cygpO1xuICAgICAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIExpZmVjeWNsZSBtZXRob2QgdG8gc2F2ZSB0aGUgY3VycmVudGx5IGZvY3VzZWQgZWxlbWVudCB3aGVuIHRoZSBkcmF3ZXIgbW91bnRzIHdoaWxlIG9wZW4uXG4gICAgICovXG4gICAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLm9wZW4pIHtcbiAgICAgICAgICAgIHRoaXMubGFzdEZvY3VzZWRFbGVtZW50ID0gZG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIExpZmVjeWNsZSBtZXRob2QgdG8gcmVzdG9yZSBmb2N1cyB3aGVuIHRoZSBkcmF3ZXIgdW5tb3VudHMuXG4gICAgICovXG4gICAgY29tcG9uZW50V2lsbFVubW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLm9wZW4pIHtcbiAgICAgICAgICAgIHRoaXMucmVzdG9yZUZvY3VzKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZXN0b3JlcyBmb2N1cyB0byB0aGUgZWxlbWVudCB0aGF0IHdhcyBmb2N1c2VkIGJlZm9yZSB0aGUgZHJhd2VyIG9wZW5lZC5cbiAgICAgKi9cbiAgICBwcml2YXRlIHJlc3RvcmVGb2N1cyA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMubGFzdEZvY3VzZWRFbGVtZW50KSB7XG4gICAgICAgICAgICAvLyBDaGVjayBpZiB0aGUgZWxlbWVudCBpcyBzdGlsbCBpbiB0aGUgZG9jdW1lbnRcbiAgICAgICAgICAgIGNvbnN0IGVsZW1lbnRUb0JlRm9jdXNlZCA9IHRoaXMubGFzdEZvY3VzZWRFbGVtZW50O1xuICAgICAgICAgICAgdGhpcy5sYXN0Rm9jdXNlZEVsZW1lbnQgPSBudWxsO1xuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGRvY3VtZW50LmJvZHkuY29udGFpbnMoZWxlbWVudFRvQmVGb2N1c2VkKSkge1xuICAgICAgICAgICAgICAgICAgICBlbGVtZW50VG9CZUZvY3VzZWQuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LCAxMDApO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIENhbGxiYWNrIHJlZiB0byBjYXB0dXJlIHRoZSBEcmF3ZXIgRE9NIGVsZW1lbnQuXG4gICAgICogVHJpZ2dlcnMgaW5pdGlhbCBmb2N1cyBzZXR0aW5nIHdoZW4gdGhlIGVsZW1lbnQgbW91bnRzLlxuICAgICAqL1xuICAgIHByaXZhdGUgc2V0RHJhd2VyUmVmID0gKG5vZGU6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgICAvLyBVcGRhdGUgcmVmXG4gICAgICAgICh0aGlzLmRyYXdlclJlZiBhcyBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50IHwgbnVsbD4pLmN1cnJlbnQgPSBub2RlO1xuXG4gICAgICAgIGlmIChub2RlKSB7XG4gICAgICAgICAgICAvLyBTZXQgaW5pdGlhbCBmb2N1cyB3aGVuIHRoZSBub2RlIGlzIG1vdW50ZWRcbiAgICAgICAgICAgIHRoaXMuc2V0SW5pdGlhbEZvY3VzKG5vZGUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFNldHMgaW5pdGlhbCBmb2N1cyB3aXRoaW4gdGhlIGRyYXdlci5cbiAgICAgKiBUcmllcyB0byBmb2N1cyB0aGUgaGVhZGVyIGZpcnN0LCB0aGVuIHRoZSBmaXJzdCBpbnRlcmFjdGl2ZSBlbGVtZW50LCBvciBmYWxscyBiYWNrIHRvIHRoZSBjb250YWluZXIuXG4gICAgICovXG4gICAgcHJpdmF0ZSBzZXRJbml0aWFsRm9jdXMgPSAocm9vdDogSFRNTEVsZW1lbnQpID0+IHtcbiAgICAgICAgLy8gVHJ5IHRvIGZpbmQgdGhlIGhlYWRlciAoYXNzdW1lZCB0byBiZSB0aGUgZmlyc3QgY2hpbGQpXG4gICAgICAgIGNvbnN0IGZpcnN0Q2hpbGQgPSByb290LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50O1xuICAgICAgICBpZiAoZmlyc3RDaGlsZCkge1xuICAgICAgICAgICAgLy8gRW5zdXJlIGl0J3MgZm9jdXNhYmxlXG4gICAgICAgICAgICBpZiAoZmlyc3RDaGlsZC5nZXRBdHRyaWJ1dGUoJ3RhYmluZGV4JykgPT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICBmaXJzdENoaWxkLnNldEF0dHJpYnV0ZSgndGFiaW5kZXgnLCAnLTEnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGZpcnN0Q2hpbGQuZm9jdXMoKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIEZhbGxiYWNrIHRvIGZvY3VzYWJsZSBlbGVtZW50c1xuICAgICAgICBjb25zdCBmb2N1c2FibGVFbGVtZW50cyA9IHRoaXMuZ2V0Rm9jdXNhYmxlRWxlbWVudHMoKTtcbiAgICAgICAgaWYgKGZvY3VzYWJsZUVsZW1lbnRzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIGZvY3VzYWJsZUVsZW1lbnRzWzBdLmZvY3VzKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAvLyBGYWxsYmFjayB0byBjb250YWluZXJcbiAgICAgICAgICAgIHJvb3QuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBMaWZlY3ljbGUgbWV0aG9kIHRvIGhhbmRsZSBEcmF3ZXIgdXBkYXRlcy5cbiAgICAgKiBNYW5hZ2VzIG9wZW5pbmcvY2xvc2luZyBsb2dpYyB2aWEgTGF5ZXJNYW5hZ2VyIGFuZCBmb2N1cyBwcmVzZXJ2YXRpb24uXG4gICAgICovXG4gICAgZ2V0U25hcHNob3RCZWZvcmVVcGRhdGUocHJldlByb3BzOiBEcmF3ZXJQcm9wcykge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICBvcGVuLFxuICAgICAgICAgICAgY2xvc2VPbkVzYyxcbiAgICAgICAgICAgIGNsb3NlT25PdmVybGF5Q2xpY2ssXG4gICAgICAgICAgICBvdmVybGF5LFxuICAgICAgICAgICAgcG9zaXRpb24sXG4gICAgICAgICAgICBjaGlsZHJlbixcbiAgICAgICAgICAgIHNpemUsXG4gICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICAgIGlmIChwcmV2UHJvcHMub3BlbiAmJiAhb3Blbikge1xuICAgICAgICAgICAgdGhpcy5jbG9zZUNhbGxiYWNrPy4oKTtcbiAgICAgICAgICAgIHRoaXMucmVzdG9yZUZvY3VzKCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoIXByZXZQcm9wcy5vcGVuICYmIG9wZW4pIHtcbiAgICAgICAgICAgIC8vIFNhdmUgY3VycmVudCBmb2N1c1xuICAgICAgICAgICAgdGhpcy5sYXN0Rm9jdXNlZEVsZW1lbnQgPSBkb2N1bWVudC5hY3RpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50O1xuXG4gICAgICAgICAgICB0aGlzLmxheWVyID0gTGF5ZXJNYW5hZ2VyLnJlbmRlckxheWVyKHtcbiAgICAgICAgICAgICAgICBvdmVybGF5LFxuICAgICAgICAgICAgICAgIGV4aXREZWxheTogMzAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBwb3NpdGlvbk1hcFtwb3NpdGlvbl0sXG4gICAgICAgICAgICAgICAgY2xvc2VDYWxsYmFjazogdGhpcy5vbkNsb3NlLFxuICAgICAgICAgICAgICAgIGNsb3NlT25Fc2MsXG4gICAgICAgICAgICAgICAgY2xvc2VPbk92ZXJsYXlDbGljayxcbiAgICAgICAgICAgICAgICBjb21wb25lbnQ6IChcbiAgICAgICAgICAgICAgICAgICAgPERyYXdlckRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICAgICAgICAgICAgICByZWY9e3RoaXMuc2V0RHJhd2VyUmVmfVxuICAgICAgICAgICAgICAgICAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBhcmlhLW1vZGFsPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgICAgICAgICAgICAgICAgICBvbktleURvd249e3RoaXMuaGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uPXtwb3NpdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoZSkgPT4gZS5zdG9wUHJvcGFnYXRpb24oKX1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICAgICAgICA8L0RyYXdlckRpdj5cbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB0aGlzLmNsb3NlQ2FsbGJhY2sgPSB0aGlzLmxheWVyWzFdO1xuICAgICAgICAgICAgdGhpcy5mb3JjZVVwZGF0ZSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmVuZGVycyB0aGUgRHJhd2VyIGNvbXBvbmVudCB2aWEgdGhlIExheWVyTWFuYWdlciBwb3J0YWwuXG4gICAgICovXG4gICAgcmVuZGVyKCkge1xuICAgICAgICBpZiAodGhpcy5zdGF0ZS5vcGVuICYmIHRoaXMubGF5ZXIpIHtcbiAgICAgICAgICAgIGNvbnN0IFtDb21wb25lbnRdID0gdGhpcy5sYXllcjtcbiAgICAgICAgICAgIHJldHVybiA8Q29tcG9uZW50IC8+O1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDa0IifQ== */");
|
|
38
|
+
})("display:flex;flex-direction:column;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";transition:transform 0.3s ease;box-shadow:", getThemeValue(THEME_NAME.MODAL_SHADOW), ";", (props)=>positionStyle(props.size)[props.position].before, " .nf-layer-enter &{transform:translateX(0%);", (props)=>positionStyle(props.size)[props.position].after, "}");
|
|
39
39
|
const drawerPropTypes = {
|
|
40
40
|
/** Opens the drawer */ open: PropTypes.bool.isRequired,
|
|
41
41
|
/** position of the drawer */ position: PropTypes.oneOf([
|
|
@@ -221,3 +221,4 @@ Drawer.defaultProps = {
|
|
|
221
221
|
};
|
|
222
222
|
|
|
223
223
|
export { DRAWER_POSITION, Drawer as default };
|
|
224
|
+
//# sourceMappingURL=Drawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\nimport LayerManager, { LAYER_POSITION } from '../../shared/LayerManager';\n\nexport {\n Header as DrawerHeader,\n Body as DrawerBody,\n Footer as DrawerFooter,\n} from '../../shared/styles';\n\nexport enum DRAWER_POSITION {\n LEFT = 'LEFT',\n RIGHT = 'RIGHT',\n BOTTOM = 'BOTTOM',\n}\n\nconst positionStyle = (size: string) => ({\n [DRAWER_POSITION.LEFT]: {\n before: `height: 100vh; min-width: ${size || '300px'}; transform: translateX(-100%);`,\n after: 'transform: translateX(0%);',\n },\n [DRAWER_POSITION.RIGHT]: {\n before: `height: 100vh; min-width: ${size || '300px'}; transform: translateX(100%);`,\n after: 'transform: translateX(0%);',\n },\n [DRAWER_POSITION.BOTTOM]: {\n before: `\n position: absolute;\n bottom: 0;\n width: 100%;\n height: ${size || '90vh'};\n transform: translateY(100%);\n border-radius: 15px 15px 0 0; \n `,\n after: 'transform: translateX(0%);',\n },\n});\n\nconst DrawerDiv = styled.div<{ position: DRAWER_POSITION; size: string }>`\n display: flex;\n flex-direction: column;\n background-color: ${getThemeValue(THEME_NAME.BACKGROUND)};\n transition: transform 0.3s ease;\n box-shadow: ${getThemeValue(THEME_NAME.MODAL_SHADOW)};\n ${(props) => positionStyle(props.size)[props.position].before}\n\n .nf-layer-enter & {\n transform: translateX(0%);\n ${(props) => positionStyle(props.size)[props.position].after}\n }\n`;\n\nconst drawerPropTypes = {\n /** Opens the drawer */\n open: PropTypes.bool.isRequired,\n /** position of the drawer */\n position: PropTypes.oneOf([\n DRAWER_POSITION.LEFT,\n DRAWER_POSITION.RIGHT,\n DRAWER_POSITION.BOTTOM,\n ]),\n /** size of the drawer */\n size: PropTypes.string,\n /** Shows an overlay behind the drawer. */\n overlay: PropTypes.bool,\n /** Closes the drawer on esc */\n closeOnEsc: PropTypes.bool,\n /** Closes the drawer on overlay click */\n closeOnOverlayClick: PropTypes.bool,\n /** Call back function called when the drawer closes. */\n onClose: PropTypes.func,\n};\n\ntype DrawerProps = PropTypes.InferProps<typeof drawerPropTypes>;\n\ninterface DrawerState {\n open: boolean;\n}\n\nconst positionMap = {\n [DRAWER_POSITION.LEFT]: LAYER_POSITION.TOP_LEFT,\n [DRAWER_POSITION.RIGHT]: LAYER_POSITION.TOP_RIGHT,\n [DRAWER_POSITION.BOTTOM]: LAYER_POSITION.BOTTOM_LEFT,\n};\n\n/**\n * Drawer component\n *\n * A panel that slides in from the edge of the screen.\n * It sits on top of the application content and is often used for navigation or details.\n *\n * Accessibility:\n * - Implements ARIA `role=\"dialog\"` and `aria-modal=\"true\"`.\n * - Traps focus effectively within the drawer while open.\n * - Restores focus to the triggering element upon closure.\n * - Supports closing via ESC key and overlay click.\n */\nexport default class Drawer extends React.Component<\n React.PropsWithChildren<DrawerProps>,\n DrawerState\n> {\n state = {\n open: false,\n };\n\n static propTypes = drawerPropTypes;\n\n static defaultProps = {\n overlay: true,\n position: DRAWER_POSITION.LEFT,\n closeOnEsc: true,\n closeOnOverlayClick: true,\n };\n\n /**\n * Syncs state with props.\n */\n static getDerivedStateFromProps(props: DrawerProps) {\n if (props.open) {\n return {\n open: true,\n };\n }\n return null;\n }\n\n private layer: ReturnType<typeof LayerManager.renderLayer>;\n\n private closeCallback: (resp?: unknown) => void;\n\n /**\n * Internal close handler.\n * Restores focus and calls the external onClose callback.\n */\n private onClose = () => {\n this.restoreFocus();\n this.setState({\n open: false,\n });\n this.props.onClose?.();\n this.closeCallback = null;\n this.layer = null;\n };\n\n private lastFocusedElement: HTMLElement | null = null;\n private drawerRef = React.createRef<HTMLDivElement>();\n\n /**\n * Retrieves all focusable elements within the drawer.\n */\n private getFocusableElements = (): HTMLElement[] => {\n if (!this.drawerRef.current) return [];\n return Array.from(\n this.drawerRef.current.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n ),\n ) as HTMLElement[];\n };\n\n /**\n * Handles keydown events to implement the focus trap.\n * Traps Tab and Shift+Tab within the drawer.\n */\n private handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Tab') {\n const focusableElements = this.getFocusableElements();\n if (focusableElements.length === 0) return;\n\n const firstElement = focusableElements[0];\n const lastElement = focusableElements[focusableElements.length - 1];\n\n if (e.shiftKey) {\n if (document.activeElement === firstElement) {\n lastElement.focus();\n e.preventDefault();\n }\n } else {\n if (document.activeElement === lastElement) {\n firstElement.focus();\n e.preventDefault();\n }\n }\n }\n };\n\n /**\n * Lifecycle method to save the currently focused element when the drawer mounts while open.\n */\n componentDidMount() {\n if (this.props.open) {\n this.lastFocusedElement = document.activeElement as HTMLElement;\n }\n }\n\n /**\n * Lifecycle method to restore focus when the drawer unmounts.\n */\n componentWillUnmount() {\n if (this.props.open) {\n this.restoreFocus();\n }\n }\n\n /**\n * Restores focus to the element that was focused before the drawer opened.\n */\n private restoreFocus = () => {\n if (this.lastFocusedElement) {\n // Check if the element is still in the document\n const elementToBeFocused = this.lastFocusedElement;\n this.lastFocusedElement = null;\n setTimeout(() => {\n if (document.body.contains(elementToBeFocused)) {\n elementToBeFocused.focus();\n }\n }, 100);\n }\n };\n\n /**\n * Callback ref to capture the Drawer DOM element.\n * Triggers initial focus setting when the element mounts.\n */\n private setDrawerRef = (node: HTMLDivElement | null) => {\n // Update ref\n (this.drawerRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n\n if (node) {\n // Set initial focus when the node is mounted\n this.setInitialFocus(node);\n }\n };\n\n /**\n * Sets initial focus within the drawer.\n * Tries to focus the header first, then the first interactive element, or falls back to the container.\n */\n private setInitialFocus = (root: HTMLElement) => {\n // Try to find the header (assumed to be the first child)\n const firstChild = root.firstElementChild as HTMLElement;\n if (firstChild) {\n // Ensure it's focusable\n if (firstChild.getAttribute('tabindex') === null) {\n firstChild.setAttribute('tabindex', '-1');\n }\n firstChild.focus();\n return;\n }\n\n // Fallback to focusable elements\n const focusableElements = this.getFocusableElements();\n if (focusableElements.length > 0) {\n focusableElements[0].focus();\n } else {\n // Fallback to container\n root.focus();\n }\n };\n\n /**\n * Lifecycle method to handle Drawer updates.\n * Manages opening/closing logic via LayerManager and focus preservation.\n */\n getSnapshotBeforeUpdate(prevProps: DrawerProps) {\n const {\n open,\n closeOnEsc,\n closeOnOverlayClick,\n overlay,\n position,\n children,\n size,\n ...rest\n } = this.props;\n\n if (prevProps.open && !open) {\n this.closeCallback?.();\n this.restoreFocus();\n }\n\n if (!prevProps.open && open) {\n // Save current focus\n this.lastFocusedElement = document.activeElement as HTMLElement;\n\n this.layer = LayerManager.renderLayer({\n overlay,\n exitDelay: 300,\n position: positionMap[position],\n closeCallback: this.onClose,\n closeOnEsc,\n closeOnOverlayClick,\n component: (\n <DrawerDiv\n {...rest}\n ref={this.setDrawerRef}\n role=\"dialog\"\n aria-modal=\"true\"\n tabIndex={-1}\n onKeyDown={this.handleKeyDown}\n position={position}\n size={size}\n onClick={(e) => e.stopPropagation()}\n >\n {children}\n </DrawerDiv>\n ),\n });\n this.closeCallback = this.layer[1];\n this.forceUpdate();\n }\n }\n\n /**\n * Renders the Drawer component via the LayerManager portal.\n */\n render() {\n if (this.state.open && this.layer) {\n const [Component] = this.layer;\n return <Component />;\n }\n\n return null;\n }\n}\n"],"names":["DRAWER_POSITION","positionStyle","size","before","after","DrawerDiv","styled","getThemeValue","THEME_NAME","BACKGROUND","MODAL_SHADOW","props","position","drawerPropTypes","open","PropTypes","bool","isRequired","oneOf","string","overlay","closeOnEsc","closeOnOverlayClick","onClose","func","positionMap","LAYER_POSITION","TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","Drawer","React","Component","getDerivedStateFromProps","componentDidMount","lastFocusedElement","document","activeElement","componentWillUnmount","restoreFocus","getSnapshotBeforeUpdate","prevProps","children","rest","closeCallback","layer","LayerManager","renderLayer","exitDelay","component","_jsx","ref","setDrawerRef","role","aria-modal","tabIndex","onKeyDown","handleKeyDown","onClick","e","stopPropagation","forceUpdate","render","state","setState","drawerRef","createRef","getFocusableElements","current","Array","from","querySelectorAll","key","focusableElements","length","firstElement","lastElement","shiftKey","focus","preventDefault","elementToBeFocused","setTimeout","body","contains","node","setInitialFocus","root","firstChild","firstElementChild","getAttribute","setAttribute","propTypes","defaultProps"],"mappings":"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"}
|
|
@@ -13,11 +13,11 @@ const Container = /*#__PURE__*/ styled("div", {
|
|
|
13
13
|
& > button, & > label {
|
|
14
14
|
border-color: ${getThemeValue(THEME_NAME.ERROR)};
|
|
15
15
|
}
|
|
16
|
-
` : ''
|
|
16
|
+
` : '');
|
|
17
17
|
const ErrorContainer = /*#__PURE__*/ styled("div", {
|
|
18
18
|
target: "e10z40ez1",
|
|
19
19
|
label: "ErrorContainer"
|
|
20
|
-
})("color:", getThemeValue(THEME_NAME.ERROR), ";margin-left:8px;font-size:12px;"
|
|
20
|
+
})("color:", getThemeValue(THEME_NAME.ERROR), ";margin-left:8px;font-size:12px;");
|
|
21
21
|
function Group(props) {
|
|
22
22
|
const errorId = useId();
|
|
23
23
|
return /*#__PURE__*/ jsxs(Fragment, {
|
|
@@ -39,3 +39,4 @@ Group.propTypes = {
|
|
|
39
39
|
};
|
|
40
40
|
|
|
41
41
|
export { Group as default };
|
|
42
|
+
//# sourceMappingURL=Group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Group.js","sources":["../../../src/components/Groups/Group.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\nconst Container = styled.div<PropTypes.InferProps<typeof Group.propTypes>>`\n display: inline-flex;\n border: 1px solid ${getThemeValue(THEME_NAME.BORDER_COLOR)};\n border-radius: 3px;\n margin: 5px;\n\n /* overrides */\n & button,\n & label {\n margin: 0;\n border: none;\n border-radius: 0;\n border-left: 1px solid ${getThemeValue(THEME_NAME.BORDER_COLOR)};\n box-shadow: none;\n height: 32px;\n }\n\n & > div button {\n border-left: none;\n }\n\n & input,\n & select {\n border: none;\n height: 32px;\n }\n\n & input,\n & select {\n border-radius: 0;\n }\n\n & input:active,\n & select:active {\n box-shadow: none;\n }\n\n & > div > span {\n top: 8px;\n }\n\n /* Handling for first and last child */\n & > *:first-child,\n & > label:first-child input,\n & > label:first-child select,\n & > *:first-child label,\n & > *:first-child input {\n border-left: none;\n border-radius: 2px 0 0 2px;\n }\n\n & > *:last-child,\n & > label:last-child input,\n & > label:last-child select,\n & > *:last-child label,\n & > *:last-child input {\n border-radius: 0 2px 2px 0;\n }\n\n /* focus */\n & *:focus,\n & *:focus + span {\n z-index: 1;\n }\n\n &:focus-within,\n &:hover {\n box-shadow: ${getThemeValue(THEME_NAME.HOVER_SHADOW)};\n }\n\n ${(props) =>\n props.errorText\n ? `\n border-color: ${getThemeValue(THEME_NAME.ERROR)};\n\n & > button, & > label {\n border-color: ${getThemeValue(THEME_NAME.ERROR)};\n }\n `\n : ''}\n`;\n\nconst ErrorContainer = styled.div`\n color: ${getThemeValue(THEME_NAME.ERROR)};\n margin-left: 8px;\n font-size: 12px;\n`;\n\nexport default function Group(\n props: React.PropsWithChildren<PropTypes.InferProps<typeof Group.propTypes>>,\n) {\n const errorId = useId();\n\n return (\n <>\n <Container {...props} aria-describedby={props.errorText ? errorId : undefined}>\n {props.children}\n </Container>\n {props.errorText && <ErrorContainer id={errorId}>{props.errorText}</ErrorContainer>}\n </>\n );\n}\n\nGroup.propTypes = {\n /** Error Message for the group */\n errorText: PropTypes.string,\n};\n"],"names":["Container","styled","getThemeValue","THEME_NAME","BORDER_COLOR","HOVER_SHADOW","props","errorText","ERROR","ErrorContainer","Group","errorId","useId","_jsxs","_Fragment","_jsx","aria-describedby","undefined","children","id","propTypes","PropTypes","string"],"mappings":";;;;;;AAKA,MAAMA,SAAAA,iBAAYC,MAAAA,CAAAA,KAAAA,EAAAA;;;AAEMC,CAAAA,CAAAA,CAAAA,uCAAAA,EAAAA,aAAAA,CAAcC,WAAWC,YAAY,CAAA,EAAA,4GAAA,EAU5BF,aAAAA,CAAcC,UAAAA,CAAWC,YAAY,CAAA,EAAA,qlBAAA,EAuDhDF,aAAAA,CAAcC,UAAAA,CAAWE,YAAY,SAGrD,CAACC,KAAAA,GACCA,KAAAA,CAAMC,SAAS,GACT;sBACQ,EAAEL,aAAAA,CAAcC,UAAAA,CAAWK,KAAK,CAAA,CAAE;;;0BAG9B,EAAEN,aAAAA,CAAcC,UAAAA,CAAWK,KAAK,CAAA,CAAE;;AAExD,IAAA,CAAC,GACS,EAAA,CAAA;AAGd,MAAMC,cAAAA,iBAAiBR,MAAAA,CAAAA,KAAAA,EAAAA;;;AACVC,CAAAA,CAAAA,CAAAA,QAAAA,EAAAA,aAAAA,CAAcC,WAAWK,KAAK,CAAA,EAAA,kCAAA,CAAA;AAK5B,SAASE,MACpBJ,KAA4E,EAAA;AAE5E,IAAA,MAAMK,OAAAA,GAAUC,KAAAA,EAAAA;IAEhB,qBACIC,IAAA,CAAAC,QAAA,EAAA;;0BACIC,GAAA,CAACf,SAAAA,EAAAA;AAAW,gBAAA,GAAGM,KAAK;gBAAEU,kBAAAA,EAAkBV,KAAAA,CAAMC,SAAS,GAAGI,OAAAA,GAAUM,SAAAA;AAC/DX,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMY;;YAEVZ,KAAAA,CAAMC,SAAS,kBAAIQ,GAAA,CAACN,cAAAA,EAAAA;gBAAeU,EAAAA,EAAIR,OAAAA;AAAUL,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMC;;;;AAGpE;AAEAG,KAAAA,CAAMU,SAAS,GAAG;uCAEdb,SAAAA,EAAWc,SAAAA,CAAUC;AACzB,CAAA;;;;"}
|
|
@@ -4,6 +4,7 @@ import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
|
|
|
4
4
|
var GroupLabel = /*#__PURE__*/ styled("label", {
|
|
5
5
|
target: "e1kv3eb90",
|
|
6
6
|
label: ""
|
|
7
|
-
})("height:32px;background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";padding:0 4px;line-height:32px;min-width:24px;text-align:center;color:", getThemeValue(THEME_NAME.BORDER_COLOR), ";& > svg{height:24px;width:24px;vertical-align:middle;fill:currentColor;}"
|
|
7
|
+
})("height:32px;background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";padding:0 4px;line-height:32px;min-width:24px;text-align:center;color:", getThemeValue(THEME_NAME.BORDER_COLOR), ";& > svg{height:24px;width:24px;vertical-align:middle;fill:currentColor;}");
|
|
8
8
|
|
|
9
9
|
export { GroupLabel as default };
|
|
10
|
+
//# sourceMappingURL=GroupLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GroupLabel.js","sources":["../../../src/components/Groups/GroupLabel.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\nexport default styled.label`\n height: 32px;\n background-color: ${getThemeValue(THEME_NAME.DISABLED_BACKGROUND)};\n padding: 0 4px;\n line-height: 32px;\n min-width: 24px;\n text-align: center;\n color: ${getThemeValue(THEME_NAME.BORDER_COLOR)};\n\n & > svg {\n height: 24px;\n width: 24px;\n vertical-align: middle;\n fill: currentColor;\n }\n`;\n"],"names":["styled","getThemeValue","THEME_NAME","DISABLED_BACKGROUND","BORDER_COLOR"],"mappings":";;;AAGA,iBAAA,cAAeA,MAAAA,CAAAA,OAAAA,EAAAA;;;AAESC,CAAAA,CAAAA,CAAAA,+BAAAA,EAAAA,aAAAA,CAAcC,WAAWC,mBAAmB,CAAA,EAAA,yEAAA,EAKvDF,aAAAA,CAAcC,UAAAA,CAAWE,YAAY,CAAA,EAAA,2EAAA,CAAA;;;;"}
|
|
@@ -7,15 +7,15 @@ import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
|
|
|
7
7
|
const Label = /*#__PURE__*/ styled("label", {
|
|
8
8
|
target: "e16qfxit0",
|
|
9
9
|
label: "Label"
|
|
10
|
-
})("margin:5px 0;position:relative;display:inline-flex;align-items:center;cursor:pointer;"
|
|
10
|
+
})("margin:5px 0;position:relative;display:inline-flex;align-items:center;cursor:pointer;");
|
|
11
11
|
const StyledCheckmark = /*#__PURE__*/ styled("span", {
|
|
12
12
|
target: "e16qfxit1",
|
|
13
13
|
label: "StyledCheckmark"
|
|
14
|
-
})("width:16px;height:16px;border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";display:inline-block;border-radius:3px;margin-right:5px;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";transition:all 0.3s ease;position:relative;flex-shrink:0;&::after{content:'';width:3px;height:10px;border-right:2px solid ", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";border-bottom:2px solid ", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";position:absolute;top:1px;left:6px;opacity:0;transform:rotate(45deg) scale(0);transition:all 0.2s ease;}"
|
|
14
|
+
})("width:16px;height:16px;border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";display:inline-block;border-radius:3px;margin-right:5px;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";transition:all 0.3s ease;position:relative;flex-shrink:0;&::after{content:'';width:3px;height:10px;border-right:2px solid ", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";border-bottom:2px solid ", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";position:absolute;top:1px;left:6px;opacity:0;transform:rotate(45deg) scale(0);transition:all 0.2s ease;}");
|
|
15
15
|
const HiddenInput = /*#__PURE__*/ styled("input", {
|
|
16
16
|
target: "e16qfxit2",
|
|
17
17
|
label: "HiddenInput"
|
|
18
|
-
})("opacity:0;width:0;height:0;position:absolute;margin:0;&:checked + ", StyledCheckmark, "{background-color:", getThemeValue(THEME_NAME.PRIMARY), ";border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:checked + ", StyledCheckmark, "::after{opacity:1;transform:rotate(45deg) scale(1);}&:indeterminate + ", StyledCheckmark, "{background-color:", getThemeValue(THEME_NAME.PRIMARY), ";border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:indeterminate + ", StyledCheckmark, "::after{opacity:1;height:0;width:8px;border-right:none;border-bottom:2px solid ", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";transform:rotate(0deg) scale(1);top:7px;left:4px;}&:enabled:active + ", StyledCheckmark, ",&:focus + ", StyledCheckmark, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 3px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:enabled:active ~ span,&:focus ~ span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:hover + ", StyledCheckmark, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:hover ~ span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled + ", StyledCheckmark, "{border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";cursor:not-allowed;}&:disabled ~ span{color:", getThemeValue(THEME_NAME.DISABLED), ";cursor:not-allowed;}&:checked:disabled + ", StyledCheckmark, ",&:indeterminate:disabled + ", StyledCheckmark, "{background-color:", getThemeValue(THEME_NAME.DISABLED), ";}"
|
|
18
|
+
})("opacity:0;width:0;height:0;position:absolute;margin:0;&:checked + ", StyledCheckmark, "{background-color:", getThemeValue(THEME_NAME.PRIMARY), ";border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:checked + ", StyledCheckmark, "::after{opacity:1;transform:rotate(45deg) scale(1);}&:indeterminate + ", StyledCheckmark, "{background-color:", getThemeValue(THEME_NAME.PRIMARY), ";border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:indeterminate + ", StyledCheckmark, "::after{opacity:1;height:0;width:8px;border-right:none;border-bottom:2px solid ", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";transform:rotate(0deg) scale(1);top:7px;left:4px;}&:enabled:active + ", StyledCheckmark, ",&:focus + ", StyledCheckmark, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 3px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:enabled:active ~ span,&:focus ~ span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:hover + ", StyledCheckmark, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:hover ~ span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled + ", StyledCheckmark, "{border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";cursor:not-allowed;}&:disabled ~ span{color:", getThemeValue(THEME_NAME.DISABLED), ";cursor:not-allowed;}&:checked:disabled + ", StyledCheckmark, ",&:indeterminate:disabled + ", StyledCheckmark, "{background-color:", getThemeValue(THEME_NAME.DISABLED), ";}");
|
|
19
19
|
function Checkbox(props) {
|
|
20
20
|
const ref = useCallback((node)=>{
|
|
21
21
|
if (node !== null) {
|
|
@@ -51,3 +51,4 @@ Checkbox.defaultProps = {
|
|
|
51
51
|
};
|
|
52
52
|
|
|
53
53
|
export { Checkbox as default };
|
|
54
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Input/Checkbox.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\nconst Label = styled.label`\n margin: 5px 0;\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n`;\n\nconst StyledCheckmark = styled.span`\n width: 16px;\n height: 16px;\n border: 1px solid ${getThemeValue(THEME_NAME.BORDER_COLOR)};\n display: inline-block;\n border-radius: 3px;\n margin-right: 5px;\n background-color: ${getThemeValue(THEME_NAME.BACKGROUND)};\n transition: all 0.3s ease;\n position: relative;\n flex-shrink: 0;\n\n &::after {\n content: '';\n width: 3px;\n height: 10px;\n border-right: 2px solid ${getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT)};\n border-bottom: 2px solid ${getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT)};\n position: absolute;\n top: 1px;\n left: 6px;\n opacity: 0;\n transform: rotate(45deg) scale(0);\n transition: all 0.2s ease;\n }\n`;\n\nconst HiddenInput = styled.input`\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n margin: 0;\n\n /** checked */\n &:checked + ${StyledCheckmark} {\n background-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n }\n\n &:checked + ${StyledCheckmark}::after {\n opacity: 1;\n transform: rotate(45deg) scale(1);\n }\n\n /** indeterminate */\n &:indeterminate + ${StyledCheckmark} {\n background-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n }\n\n &:indeterminate + ${StyledCheckmark}::after {\n opacity: 1;\n height: 0;\n width: 8px;\n border-right: none;\n border-bottom: 2px solid ${getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT)};\n transform: rotate(0deg) scale(1);\n top: 7px;\n left: 4px;\n }\n\n /** active and focus */\n &:enabled:active + ${StyledCheckmark}, &:focus + ${StyledCheckmark} {\n border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n box-shadow: 0 0 0 3px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n }\n\n &:enabled:active ~ span,\n &:focus ~ span {\n color: ${getThemeValue(THEME_NAME.PRIMARY)};\n }\n\n /** hover */\n &:enabled:hover + ${StyledCheckmark} {\n border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n }\n\n &:enabled:hover ~ span {\n color: ${getThemeValue(THEME_NAME.PRIMARY)};\n }\n\n /** disabled */\n &:disabled + ${StyledCheckmark} {\n border-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n cursor: not-allowed;\n }\n\n &:disabled ~ span {\n color: ${getThemeValue(THEME_NAME.DISABLED)};\n cursor: not-allowed;\n }\n\n &:checked:disabled + ${StyledCheckmark}, &:indeterminate:disabled + ${StyledCheckmark} {\n background-color: ${getThemeValue(THEME_NAME.DISABLED)};\n }\n`;\n\ntype CheckboxProps = Omit<React.HTMLProps<HTMLInputElement>, 'as'> &\n PropTypes.InferProps<typeof Checkbox.propTypes>;\n\nexport default function Checkbox(props: CheckboxProps) {\n const ref = useCallback(\n (node: unknown) => {\n if (node !== null) {\n if (props.indeterminate) {\n (node as HTMLInputElement).indeterminate = true;\n }\n }\n },\n [props.indeterminate],\n );\n\n return (\n <Label>\n <HiddenInput\n {...props}\n ref={ref}\n type=\"checkbox\"\n aria-checked={props.indeterminate ? 'mixed' : props.checked}\n />\n <StyledCheckmark />\n <span>{props.label}</span>\n </Label>\n );\n}\n\nCheckbox.propTypes = {\n /** Label for the field */\n label: PropTypes.string,\n /** If the field is in indeterminate state */\n indeterminate: PropTypes.bool,\n};\n\nCheckbox.defaultProps = {\n indeterminate: false,\n label: '',\n};\n"],"names":["Label","styled","StyledCheckmark","getThemeValue","THEME_NAME","BORDER_COLOR","BACKGROUND","TEXT_COLOR_LIGHT","HiddenInput","PRIMARY","PRIMARY_LIGHT","DISABLED_BORDER","DISABLED","Checkbox","props","ref","useCallback","node","indeterminate","_jsxs","_jsx","type","aria-checked","checked","span","label","propTypes","PropTypes","string","bool","defaultProps"],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ import ExpandMore from '../../icons/ExpandMore.js';
|
|
|
9
9
|
const ArrowContainer = /*#__PURE__*/ styled("span", {
|
|
10
10
|
target: "elhmc4m0",
|
|
11
11
|
label: "ArrowContainer"
|
|
12
|
-
})("position:absolute;right:12px;top:16px;pointer-events:none;"
|
|
12
|
+
})("position:absolute;right:12px;top:16px;pointer-events:none;");
|
|
13
13
|
/**
|
|
14
14
|
* Dropdown component that allows selection from a list of options.
|
|
15
15
|
* Supports single and multi-select modes.
|
|
@@ -124,3 +124,4 @@ Dropdown.defaultProps = {
|
|
|
124
124
|
};
|
|
125
125
|
|
|
126
126
|
export { Dropdown as default };
|
|
127
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Input/Dropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { ExpandMore } from '../../icons';\nimport { Menu } from '../Menu';\nimport { Popover, POPOVER_POSITION } from '../Popover';\nimport Input from './Input';\n\ntype DropdownProps<T> = {\n /** Value of the control */\n value?: T | T[];\n /** If multiple elements can be selected */\n multiSelect: boolean;\n /** Change handler */\n onChange?: (v: T | T[]) => void;\n /** Label of the control */\n label?: string;\n /** Error message */\n errorText?: string;\n /** Makes field required */\n required?: boolean;\n /** Disables the field */\n disabled?: boolean;\n} & React.PropsWithChildren<unknown>;\n\nconst ArrowContainer = styled.span`\n position: absolute;\n right: 12px;\n top: 16px;\n pointer-events: none;\n`;\n\n/**\n * Dropdown component that allows selection from a list of options.\n * Supports single and multi-select modes.\n *\n * @template T - The type of the value(s) in the dropdown.\n * @param {DropdownProps<T>} props - The properties for the Dropdown component.\n * @returns {JSX.Element} The rendered Dropdown component.\n */\nexport default function Dropdown<T extends object>(props: DropdownProps<T>) {\n const { multiSelect, onChange } = props;\n const [open, setOpen] = useState(false);\n const [value, setValue] = useState(props.value);\n const id = React.useId();\n const menuId = `${id}-menu`;\n const menuRef = React.useRef<HTMLDivElement>(null);\n const triggerRef = React.useRef<HTMLInputElement>(null);\n\n // Focus menu when opened\n useEffect(() => {\n if (open) {\n // Wait for Popover to fully open and focus itself first\n // Then move focus to the first menu item\n const timer = setTimeout(() => {\n const firstItem = menuRef.current?.querySelector('[role=\"option\"]') as HTMLElement;\n if (firstItem) {\n firstItem.focus();\n }\n }, 100); // Wait after Popover has set initial focus\n return () => clearTimeout(timer);\n }\n }, [open]);\n\n /**\n * Handles keydown events on the input trigger.\n * Opens the menu on 'Enter', 'Space', 'ArrowDown', or 'ArrowUp'.\n *\n * @param {React.KeyboardEvent<HTMLInputElement>} e - The keyboard event.\n */\n const onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(e.key)) {\n e.preventDefault();\n setOpen(true);\n }\n };\n\n /**\n * Handles changes to the dropdown value.\n * Updates local state and calls the external onChange handler.\n * Closes the dropdown if not in multi-select mode.\n *\n * @param {T | T[]} val - The new value(s).\n */\n const changeHandler = (val: T | T[]) => {\n setValue(val);\n onChange?.(val);\n\n // Close dropdown after selection if not multiSelect\n if (!multiSelect) {\n setOpen(false);\n triggerRef.current?.focus();\n }\n };\n\n /**\n * Toggles the dropdown open state on click.\n */\n const clickHandler = () => setOpen(true);\n\n const TriggerElement = React.forwardRef<HTMLInputElement>((passedProps, ref) => (\n <>\n <Input\n {...passedProps}\n ref={ref}\n type=\"text\"\n value={value && String(value)}\n label={props.label}\n errorText={props.errorText}\n onClick={clickHandler}\n onKeyDown={onKeyDown}\n required={props.required}\n disabled={props.disabled}\n readOnly\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-expanded={open}\n aria-controls={menuId}\n />\n <ArrowContainer aria-hidden=\"true\">\n <ExpandMore />\n </ArrowContainer>\n </>\n ));\n TriggerElement.displayName = 'DropdownTrigger';\n\n return (\n <Popover\n position={POPOVER_POSITION.BOTTOM_LEFT}\n open={open}\n element={TriggerElement}\n onClose={() => {\n setOpen(false);\n triggerRef.current?.focus();\n }}\n >\n <Menu\n ref={menuRef}\n id={menuId}\n value={value}\n multiSelect={multiSelect}\n onChange={changeHandler}\n >\n {props.children}\n </Menu>\n </Popover>\n );\n}\n\nDropdown.defaultProps = {\n multiSelect: false,\n};\n"],"names":["ArrowContainer","styled","Dropdown","props","multiSelect","onChange","open","setOpen","useState","value","setValue","id","React","useId","menuId","menuRef","useRef","triggerRef","useEffect","timer","setTimeout","firstItem","current","querySelector","focus","clearTimeout","onKeyDown","e","includes","key","preventDefault","changeHandler","val","clickHandler","TriggerElement","forwardRef","passedProps","ref","_jsxs","_Fragment","_jsx","Input","type","String","label","errorText","onClick","required","disabled","readOnly","role","aria-haspopup","aria-expanded","aria-controls","aria-hidden","ExpandMore","displayName","Popover","position","POPOVER_POSITION","BOTTOM_LEFT","element","onClose","Menu","children","defaultProps"],"mappings":"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"}
|