no-frills-ui 0.0.14-alpha.7 → 0.0.14-rc.0

package/lib-esm/components/DragAndDrop/DragItem.d.ts

@@ -8,11 +8,11 @@ interface DragItemProps {
     /** Whether to show a drag handle indicator instead of making the entire item draggable */
     showIndicator: boolean;
     /** The index of the item currently being dragged over */
-    dragOver: number;
+    dragOver: number | null;
     /** Total number of items in the list */
     totalItems: number;
     /** Callback to set announcement for screen readers */
-    setAnnouncement: (message: string) => void;
+    setAnnouncement: (message?: string) => void;
 }
 /**
  * A draggable item component that supports both mouse and touch interactions for drag-and-drop functionality.

package/lib-esm/components/DragAndDrop/DragItem.js

@@ -6,17 +6,17 @@ import { DragContext, ORIENTATION } from './types.js';
 import CheckCircle from '../../icons/DragIndicator.js';
 
 /** Styled component for the draggable item container */ const Item = /*#__PURE__*/ styled("div", {
-    target: "ews8uza0",
+    target: "ertl9d70",
     label: "Item"
-})("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== */");
+})("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 !== null && props.active > 0 ? getThemeValue(THEME_NAME.PRIMARY) : 'transparent', ";border-bottom:2px dashed\n        ", (props)=>props.orientation === ORIENTATION.VERTICAL && props.active !== null && props.active < 0 ? getThemeValue(THEME_NAME.PRIMARY) : 'transparent', ";border-left:2px dashed\n        ", (props)=>props.orientation === ORIENTATION.HORIZONTAL && props.active !== null && props.active > 0 ? getThemeValue(THEME_NAME.PRIMARY) : 'transparent', ";border-right:2px dashed\n        ", (props)=>props.orientation === ORIENTATION.HORIZONTAL && props.active !== null && 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), ";}");
 /** Styled component for the drag handle indicator */ const DragKnob = /*#__PURE__*/ styled("div", {
-    target: "ews8uza1",
+    target: "ertl9d71",
     label: "DragKnob"
-})("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= */");
-/** Container for the children */ const Container = /*#__PURE__*/ styled("div", {
-    target: "ews8uza2",
+})("padding-top:8px;cursor:move;touch-action:none;color:", getThemeValue(THEME_NAME.DISABLED), ";");
+/** Container for the children */ const Container$7 = /*#__PURE__*/ styled("div", {
+    target: "ertl9d72",
     label: "Container"
-})("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= */");
+})("flex:1;");
 /**
  * A draggable item component that supports both mouse and touch interactions for drag-and-drop functionality.
  *
@@ -65,8 +65,8 @@ import CheckCircle from '../../icons/DragIndicator.js';
      * Drag start event handler
      * @param e Event
      */ const dragStartHandler = ()=>{
-        context.setStartIndex(index);
-        context.setIsDragging(true);
+        context?.setStartIndex(index);
+        context?.setIsDragging(true);
     };
     /**
      * Drag over event handler
@@ -74,7 +74,9 @@ import CheckCircle from '../../icons/DragIndicator.js';
      */ const dragOverHandler = (e)=>{
         e.preventDefault();
         e.stopPropagation();
-        setActive(context.startIndex - index);
+        if (context && context.startIndex !== null) {
+            setActive(context.startIndex - index);
+        }
     };
     /**
      * Drag leave event handler
@@ -87,8 +89,8 @@ import CheckCircle from '../../icons/DragIndicator.js';
      */ const dropHandler = (e)=>{
         e.preventDefault();
         setActive(0);
-        context.drop(index);
-        context.setIsDragging(false);
+        context?.drop(index);
+        context?.setIsDragging(false);
     };
     /**
      * Touch start event handler
@@ -99,9 +101,9 @@ import CheckCircle from '../../icons/DragIndicator.js';
             clearTimeout(touchTimerRef.current);
         }
         touchTimerRef.current = setTimeout(()=>{
-            context.setStartIndex(index);
-            context.setIsDragging(true);
-            context.setDragOver(index);
+            context?.setStartIndex(index);
+            context?.setIsDragging(true);
+            context?.setDragOver(index);
             document.body.style.overflow = 'hidden';
             vibrate(50);
         }, 200);
@@ -113,7 +115,7 @@ import CheckCircle from '../../icons/DragIndicator.js';
      */ const touchMoveHandler = (e)=>{
         const touch = e.touches[0];
         if (!touch) return;
-        if (context.isDragging) {
+        if (context?.isDragging) {
             e.preventDefault();
             // get the element under the touch point
             const el = document.elementFromPoint(touch.clientX, touch.clientY);
@@ -121,7 +123,7 @@ import CheckCircle from '../../icons/DragIndicator.js';
             const overIndex = overAttr != null ? parseInt(overAttr, 10) : null;
             // if we know which index we're over, update visual state
             if (overIndex !== null) {
-                context.setDragOver(overIndex);
+                context?.setDragOver(overIndex);
             }
         } else if (touchTimerRef.current) {
             clearTimeout(touchTimerRef.current);
@@ -136,10 +138,10 @@ import CheckCircle from '../../icons/DragIndicator.js';
             clearTimeout(touchTimerRef.current);
             touchTimerRef.current = null;
         }
-        if (context.isDragging) {
-            context.drop(dragOver);
+        if (context?.isDragging) {
+            context?.drop(dragOver);
             vibrate(50);
-            context.setIsDragging(false);
+            context?.setIsDragging(false);
             document.body.style.overflow = 'auto';
         }
     };
@@ -150,35 +152,35 @@ import CheckCircle from '../../icons/DragIndicator.js';
         const isVertical = orientation === ORIENTATION.VERTICAL;
         const moveUp = isVertical ? 'ArrowUp' : 'ArrowLeft';
         const moveDown = isVertical ? 'ArrowDown' : 'ArrowRight';
-        const isGrabbed = context.isDragging && context.startIndex === index;
+        const isGrabbed = context?.isDragging && context?.startIndex === index;
         // Space to grab/drop
         if (e.key === ' ' || e.key === 'Spacebar') {
             e.preventDefault();
             if (isGrabbed) {
                 // Drop at current position
-                context.drop(index);
-                setAnnouncement(context.i18n.replacePlaceholders(context.i18n.droppedAnnouncementTemplate, {
+                context?.drop(index);
+                setAnnouncement(context?.i18n.replacePlaceholders(context?.i18n.droppedAnnouncementTemplate, {
                     position: index + 1
                 }));
             } else {
                 // Grab item
-                context.startGrab(index);
-                setAnnouncement(context.i18n.replacePlaceholders(context.i18n.grabbedAnnouncementTemplate, {
+                context?.startGrab(index);
+                setAnnouncement(context?.i18n.replacePlaceholders(context?.i18n.grabbedAnnouncementTemplate, {
                     position: index + 1
                 }));
             }
         } else if (e.key === 'Enter' && isGrabbed) {
             e.preventDefault();
-            context.drop(index);
-            setAnnouncement(context.i18n.replacePlaceholders(context.i18n.droppedAnnouncementTemplate, {
+            context?.drop(index);
+            setAnnouncement(context?.i18n.replacePlaceholders(context?.i18n.droppedAnnouncementTemplate, {
                 position: index + 1
             }));
         } else if (e.key === 'Escape' && isGrabbed) {
             e.preventDefault();
-            context.cancel();
-            setAnnouncement(context.i18n.cancelledAnnouncementTemplate);
+            context?.cancel();
+            setAnnouncement(context?.i18n.cancelledAnnouncementTemplate);
         } else if (isGrabbed) {
-            if (e.key === moveUp && index > 0) {
+            if (e.key === moveUp && index > 0 && context.startIndex !== null) {
                 e.preventDefault();
                 // Move without dropping - just reorder and update startIndex
                 const newIndex = index - 1;
@@ -187,7 +189,7 @@ import CheckCircle from '../../icons/DragIndicator.js';
                 setAnnouncement(context.i18n.replacePlaceholders(context.i18n.movedAnnouncementTemplate, {
                     position: newIndex + 1
                 }));
-            } else if (e.key === moveDown && index < totalItems - 1) {
+            } else if (e.key === moveDown && index < totalItems - 1 && context.startIndex !== null) {
                 e.preventDefault();
                 // Move without dropping - just reorder and update startIndex
                 const newIndex = index + 1;
@@ -209,30 +211,30 @@ import CheckCircle from '../../icons/DragIndicator.js';
         };
     }, []);
     /** Update active state based on dragOver changes */ useEffect(()=>{
-        if (context.isDragging && dragOver === index) {
-            setActive(context.startIndex - index);
+        if (context?.isDragging && context?.startIndex !== null && dragOver === index) {
+            setActive(context?.startIndex - index);
         } else {
             setActive(0);
         }
     }, [
         dragOver,
-        context.startIndex,
+        context?.startIndex,
         index,
-        context.isDragging
+        context?.isDragging
     ]);
     return /*#__PURE__*/ jsxs(Item, {
         draggable: !showIndicator,
         showIndicator: showIndicator,
         active: active,
-        dragging: context.isDragging && context.startIndex === index,
+        dragging: !!(context?.isDragging && context.startIndex === index),
         orientation: orientation,
         "data-drag-index": index,
         tabIndex: 0,
         role: "listitem",
-        "aria-label": context.i18n.replacePlaceholders(context.i18n.itemAriaLabelTemplate, {
+        "aria-label": context?.i18n.replacePlaceholders(context.i18n.itemAriaLabelTemplate, {
             position: index + 1
         }),
-        "aria-grabbed": context.isDragging && context.startIndex === index,
+        "aria-grabbed": context?.isDragging && context.startIndex === index,
         onKeyDown: handleKeyDown,
         onDragStart: !showIndicator ? dragStartHandler : undefined,
         onDragOver: dragOverHandler,
@@ -246,14 +248,14 @@ import CheckCircle from '../../icons/DragIndicator.js';
             showIndicator && /*#__PURE__*/ jsx(DragKnob, {
                 draggable: true,
                 role: "button",
-                "aria-label": context.i18n.dragHandleAriaLabel,
+                "aria-label": context?.i18n.dragHandleAriaLabel,
                 onDragStart: dragStartHandler,
                 onTouchStart: touchStartHandler,
                 onKeyDown: handleKeyDown,
                 tabIndex: -1,
                 children: /*#__PURE__*/ jsx(CheckCircle, {})
             }),
-            /*#__PURE__*/ jsx(Container, {
+            /*#__PURE__*/ jsx(Container$7, {
                 children: children
             })
         ]
@@ -261,3 +263,4 @@ import CheckCircle from '../../icons/DragIndicator.js';
 }
 
 export { DragItem as default };
+//# sourceMappingURL=DragItem.js.map

package/lib-esm/components/DragAndDrop/DragItem.js.map

@@ -0,0 +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 | null;\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 | null;\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 !== null && props.active > 0\n                ? getThemeValue(THEME_NAME.PRIMARY)\n                : 'transparent'};\n    border-bottom: 2px dashed\n        ${(props) =>\n            props.orientation === ORIENTATION.VERTICAL && props.active !== null && props.active < 0\n                ? getThemeValue(THEME_NAME.PRIMARY)\n                : 'transparent'};\n    border-left: 2px dashed\n        ${(props) =>\n            props.orientation === ORIENTATION.HORIZONTAL &&\n            props.active !== null &&\n            props.active > 0\n                ? getThemeValue(THEME_NAME.PRIMARY)\n                : 'transparent'};\n    border-right: 2px dashed\n        ${(props) =>\n            props.orientation === ORIENTATION.HORIZONTAL &&\n            props.active !== null &&\n            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<number | null>(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        if (context && context.startIndex !== null) {\n            setActive(context.startIndex - index);\n        }\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 && context.startIndex !== null) {\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 (\n                e.key === moveDown &&\n                index < totalItems - 1 &&\n                context.startIndex !== null\n            ) {\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 && context?.startIndex !== null && 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":"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"}

package/lib-esm/components/DragAndDrop/types.d.ts

@@ -3,9 +3,9 @@ export declare enum ORIENTATION {
     VERTICAL = "vertical"
 }
 export declare const DragContext: import("react").Context<{
-    startIndex: number;
+    startIndex: number | null;
     setStartIndex: (value: number) => void;
-    drop: (index: number) => void;
+    drop: (index: number | null) => void;
     onDrop: (start: number, end: number) => void;
     cancel: () => void;
     startGrab: (index: number) => void;
@@ -28,4 +28,4 @@ export declare const DragContext: import("react").Context<{
             moveKeys?: string;
         }) => string;
     };
-}>;
+} | null>;

package/lib-esm/components/DragAndDrop/types.js

@@ -8,3 +8,4 @@ var ORIENTATION = /*#__PURE__*/ function(ORIENTATION) {
 const DragContext = createContext(null);
 
 export { DragContext, ORIENTATION };
+//# sourceMappingURL=types.js.map

package/lib-esm/components/DragAndDrop/types.js.map

@@ -0,0 +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 | null;\n    setStartIndex: (value: number) => void;\n    drop: (index: number | null) => 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>(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,CA6BjB,IAAA;;;;"}

package/lib-esm/components/Drawer/Drawer.d.ts

@@ -1,28 +1,28 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 export { Header as DrawerHeader, Body as DrawerBody, Footer as DrawerFooter, } from '../../shared/styles';
 export declare enum DRAWER_POSITION {
     LEFT = "LEFT",
     RIGHT = "RIGHT",
     BOTTOM = "BOTTOM"
 }
-declare const drawerPropTypes: {
+type DrawerProps = {
     /** Opens the drawer */
-    open: PropTypes.Validator<boolean>;
+    open: boolean;
     /** position of the drawer */
-    position: PropTypes.Requireable<DRAWER_POSITION>;
+    position: DRAWER_POSITION;
     /** size of the drawer */
-    size: PropTypes.Requireable<string>;
+    size?: string;
     /** Shows an overlay behind the drawer. */
-    overlay: PropTypes.Requireable<boolean>;
+    overlay?: boolean;
     /** Closes the drawer on esc */
-    closeOnEsc: PropTypes.Requireable<boolean>;
+    closeOnEsc?: boolean;
     /** Closes the drawer on overlay click */
-    closeOnOverlayClick: PropTypes.Requireable<boolean>;
+    closeOnOverlayClick?: boolean;
     /** Call back function called when the drawer closes. */
-    onClose: PropTypes.Requireable<(...args: any[]) => any>;
+    onClose?: () => void;
+    /** Ref forwarded to the underlying HTMLDivElement of the drawer container */
+    forwardRef?: React.Ref<HTMLDivElement> | React.MutableRefObject<HTMLDivElement | null>;
 };
-type DrawerProps = PropTypes.InferProps<typeof drawerPropTypes>;
 interface DrawerState {
     open: boolean;
 }
@@ -42,22 +42,6 @@ export default class Drawer extends React.Component<React.PropsWithChildren<Draw
     state: {
         open: boolean;
     };
-    static propTypes: {
-        /** Opens the drawer */
-        open: PropTypes.Validator<boolean>;
-        /** position of the drawer */
-        position: PropTypes.Requireable<DRAWER_POSITION>;
-        /** size of the drawer */
-        size: PropTypes.Requireable<string>;
-        /** Shows an overlay behind the drawer. */
-        overlay: PropTypes.Requireable<boolean>;
-        /** Closes the drawer on esc */
-        closeOnEsc: PropTypes.Requireable<boolean>;
-        /** Closes the drawer on overlay click */
-        closeOnOverlayClick: PropTypes.Requireable<boolean>;
-        /** Call back function called when the drawer closes. */
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static defaultProps: {
         overlay: boolean;
         position: DRAWER_POSITION;
@@ -69,9 +53,9 @@ export default class Drawer extends React.Component<React.PropsWithChildren<Draw
      */
     static getDerivedStateFromProps(props: DrawerProps): {
         open: boolean;
-    };
-    private layer;
-    private closeCallback;
+    } | null;
+    private layer?;
+    private closeCallback?;
     /**
      * Internal close handler.
      * Restores focus and calls the external onClose callback.
@@ -92,6 +76,10 @@ export default class Drawer extends React.Component<React.PropsWithChildren<Draw
      * Lifecycle method to save the currently focused element when the drawer mounts while open.
      */
     componentDidMount(): void;
+    /**
+     * Handles opening the drawer by creating the layer.
+     */
+    private handleOpen;
     /**
      * Lifecycle method to restore focus when the drawer unmounts.
      */
@@ -114,9 +102,14 @@ export default class Drawer extends React.Component<React.PropsWithChildren<Draw
      * Lifecycle method to handle Drawer updates.
      * Manages opening/closing logic via LayerManager and focus preservation.
      */
-    getSnapshotBeforeUpdate(prevProps: DrawerProps): void;
+    getSnapshotBeforeUpdate(prevProps: DrawerProps): null;
+    /**
+     * Sets the ref prop passed to the Drawer Container component.
+     * @param node
+     */
+    setRefProp: (node: HTMLDivElement | null) => void;
     /**
      * Renders the Drawer component via the LayerManager portal.
      */
-    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element | null;
 }