@stenajs-webui/modal 20.6.9 → 20.6.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.es.js +109 -109
  2. package/dist/index.js +2 -2
  3. package/package.json +5 -5
package/dist/index.es.js CHANGED
@@ -1,18 +1,18 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._overlay_5x3op_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_5x3op_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1{background-color:#fff}}._overlay_5x3op_1 ._modal_5x3op_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_5x3op_1 ._modal_5x3op_31{width:100%}}._overlay_5x3op_1 ._content_5x3op_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_5x3op_1 ._content_5x3op_41{top:0;width:100%;max-width:100%}}._overlay_5x3op_1 ._content_5x3op_41{animation:_appear_5x3op_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1 ._content_5x3op_41{box-shadow:none;top:0}}._overlay_5x3op_1 ._content_5x3op_41 :focus{outline:0}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle{cursor:move}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_5x3op_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_5x3op_1{0%{opacity:0}to{opacity:1}}._footer_5x3op_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_5x3op_105{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_5x3op_105{position:static;box-shadow:none}}._portal_17ze5_1{--drawer-width: 370px}._portal_17ze5_1 ._overlay_17ze5_4{position:fixed;top:0;right:0;bottom:0;left:0}._portal_17ze5_1 ._content_17ze5_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out}._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:0;border-radius:0}}._portal_17ze5_1 ._content_17ze5_9:focus-visible{outline:unset}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._afterOpen_17ze5_36{transform:translate(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._beforeClose_17ze5_40{transform:translate(var(--translate-x-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._afterOpen_17ze5_36{transform:translateY(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._beforeClose_17ze5_40{transform:translateY(var(--translate-y-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_r9tkq_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_r9tkq_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1{background-color:#fff}}._overlay_r9tkq_1 ._modal_r9tkq_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_r9tkq_1 ._content_r9tkq_38{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_r9tkq_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1 ._content_r9tkq_38{box-shadow:none;top:0}}._overlay_r9tkq_1 ._content_r9tkq_38 :focus{outline:0}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle{cursor:move}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_r9tkq_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_r9tkq_1{0%{opacity:0}to{opacity:1}}._footer_r9tkq_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_r9tkq_96{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_1rolx_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_1rolx_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1{background-color:#fff}}._overlay_1rolx_1 ._modal_1rolx_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_1rolx_1 ._modal_1rolx_31{width:100%}}._overlay_1rolx_1 ._content_1rolx_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_1rolx_1 ._content_1rolx_41{border-radius:0;width:100%;max-width:100%;height:100vh}}._overlay_1rolx_1 ._content_1rolx_41{animation:_appear_1rolx_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1 ._content_1rolx_41{box-shadow:none;top:0}}._overlay_1rolx_1 ._content_1rolx_41 :focus{outline:0}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle{cursor:move}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle .draggable-modal-cancel,._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1rolx_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1rolx_1{0%{opacity:0}to{opacity:1}}._footer_1rolx_102{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1rolx_106{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1rolx_106{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_3e8xf_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_3e8xf_1._left_3e8xf_12,._drawerDialog_3e8xf_1._right_3e8xf_13{height:100%;top:0;bottom:0}._drawerDialog_3e8xf_1._left_3e8xf_12 ._contentWrapper_3e8xf_18,._drawerDialog_3e8xf_1._right_3e8xf_13 ._contentWrapper_3e8xf_18{height:100%}@media (max-width: 768px){._drawerDialog_3e8xf_1._left_3e8xf_12,._drawerDialog_3e8xf_1._right_3e8xf_13{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}._drawerDialog_3e8xf_1._left_3e8xf_12{left:0;right:unset}._drawerDialog_3e8xf_1._left_3e8xf_12[open]{animation:_slideInLeft_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._left_3e8xf_12._closing_3e8xf_35[open]{animation:_slideOutLeft_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._right_3e8xf_13{left:unset;right:0}._drawerDialog_3e8xf_1._right_3e8xf_13[open]{animation:_slideInRight_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._right_3e8xf_13._closing_3e8xf_35[open]{animation:_slideOutRight_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._top_3e8xf_53,._drawerDialog_3e8xf_1._bottom_3e8xf_54{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_3e8xf_1._top_3e8xf_53,._drawerDialog_3e8xf_1._bottom_3e8xf_54{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}._drawerDialog_3e8xf_1._top_3e8xf_53{top:0;bottom:unset}._drawerDialog_3e8xf_1._top_3e8xf_53[open]{animation:_slideInTop_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._top_3e8xf_53._closing_3e8xf_35[open]{animation:_slideOutTop_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._bottom_3e8xf_54{top:unset;bottom:0}._drawerDialog_3e8xf_1._bottom_3e8xf_54[open]{animation:_slideInBottom_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._bottom_3e8xf_54._closing_3e8xf_35[open]{animation:_slideOutBottom_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_3e8xf_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_3e8xf_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_3e8xf_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_3e8xf_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_3e8xf_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_3e8xf_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_3e8xf_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_3e8xf_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_6jugu_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_6jugu_1{border-radius:var(--swui-border-radius-large)}}._modalDialog_6jugu_1:not([open]){display:none}._modalDialog_6jugu_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_6jugu_1 .25s forwards}._modalDialog_6jugu_1._closing_6jugu_25[open]{animation:_slideOut_6jugu_1 .25s forwards}@media (max-width: 768px){._modalDialog_6jugu_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_6jugu_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_6jugu_1 .25s forwards}._modalDialog_6jugu_1._closing_6jugu_25::backdrop{animation:_fadeOut_6jugu_1 .25s forwards}@keyframes _fadeIn_6jugu_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_6jugu_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_6jugu_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_6jugu_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_6jugu_89{display:flex;height:100%}}._modalActionButtons_s27nj_1{display:flex;flex-direction:row;gap:16px;justify-content:center}@media (max-width: 768px){._modalActionButtons_s27nj_1{flex-direction:column;justify-content:stretch}}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- import b from "react-modal";
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._overlay_5x3op_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_5x3op_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1{background-color:#fff}}._overlay_5x3op_1 ._modal_5x3op_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_5x3op_1 ._modal_5x3op_31{width:100%}}._overlay_5x3op_1 ._content_5x3op_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_5x3op_1 ._content_5x3op_41{top:0;width:100%;max-width:100%}}._overlay_5x3op_1 ._content_5x3op_41{animation:_appear_5x3op_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1 ._content_5x3op_41{box-shadow:none;top:0}}._overlay_5x3op_1 ._content_5x3op_41 :focus{outline:0}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle{cursor:move}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_5x3op_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_5x3op_1{0%{opacity:0}to{opacity:1}}._footer_5x3op_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_5x3op_105{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_5x3op_105{position:static;box-shadow:none}}._portal_17ze5_1{--drawer-width: 370px}._portal_17ze5_1 ._overlay_17ze5_4{position:fixed;top:0;right:0;bottom:0;left:0}._portal_17ze5_1 ._content_17ze5_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out}._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:0;border-radius:0}}._portal_17ze5_1 ._content_17ze5_9:focus-visible{outline:unset}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._afterOpen_17ze5_36{transform:translate(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._beforeClose_17ze5_40{transform:translate(var(--translate-x-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._afterOpen_17ze5_36{transform:translateY(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._beforeClose_17ze5_40{transform:translateY(var(--translate-y-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_r9tkq_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_r9tkq_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1{background-color:#fff}}._overlay_r9tkq_1 ._modal_r9tkq_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_r9tkq_1 ._content_r9tkq_38{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_r9tkq_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1 ._content_r9tkq_38{box-shadow:none;top:0}}._overlay_r9tkq_1 ._content_r9tkq_38 :focus{outline:0}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle{cursor:move}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_r9tkq_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_r9tkq_1{0%{opacity:0}to{opacity:1}}._footer_r9tkq_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_r9tkq_96{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_1rolx_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_1rolx_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1{background-color:#fff}}._overlay_1rolx_1 ._modal_1rolx_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_1rolx_1 ._modal_1rolx_31{width:100%}}._overlay_1rolx_1 ._content_1rolx_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_1rolx_1 ._content_1rolx_41{border-radius:0;width:100%;max-width:100%;height:100vh}}._overlay_1rolx_1 ._content_1rolx_41{animation:_appear_1rolx_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1 ._content_1rolx_41{box-shadow:none;top:0}}._overlay_1rolx_1 ._content_1rolx_41 :focus{outline:0}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle{cursor:move}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle .draggable-modal-cancel,._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1rolx_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1rolx_1{0%{opacity:0}to{opacity:1}}._footer_1rolx_102{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1rolx_106{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1rolx_106{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_11g6r_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{height:100%;top:0;bottom:0}._drawerDialog_11g6r_1._left_11g6r_13 ._contentWrapper_11g6r_19,._drawerDialog_11g6r_1._right_11g6r_14 ._contentWrapper_11g6r_19{height:100%}@media (max-width: 768px){._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}._drawerDialog_11g6r_1._left_11g6r_13{left:0;right:unset}._drawerDialog_11g6r_1._left_11g6r_13[open]{animation:_slideInLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._left_11g6r_13._closing_11g6r_36[open]{animation:_slideOutLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14{left:unset;right:0}._drawerDialog_11g6r_1._right_11g6r_14[open]{animation:_slideInRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14._closing_11g6r_36[open]{animation:_slideOutRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}._drawerDialog_11g6r_1._top_11g6r_54{top:0;bottom:unset}._drawerDialog_11g6r_1._top_11g6r_54[open]{animation:_slideInTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54._closing_11g6r_36[open]{animation:_slideOutTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55{top:unset;bottom:0}._drawerDialog_11g6r_1._bottom_11g6r_55[open]{animation:_slideInBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55._closing_11g6r_36[open]{animation:_slideOutBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_11g6r_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_11g6r_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_11g6r_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_11g6r_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_6jugu_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_6jugu_1{border-radius:var(--swui-border-radius-large)}}._modalDialog_6jugu_1:not([open]){display:none}._modalDialog_6jugu_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_6jugu_1 .25s forwards}._modalDialog_6jugu_1._closing_6jugu_25[open]{animation:_slideOut_6jugu_1 .25s forwards}@media (max-width: 768px){._modalDialog_6jugu_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_6jugu_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_6jugu_1 .25s forwards}._modalDialog_6jugu_1._closing_6jugu_25::backdrop{animation:_fadeOut_6jugu_1 .25s forwards}@keyframes _fadeIn_6jugu_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_6jugu_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_6jugu_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_6jugu_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_6jugu_89{display:flex;height:100%}}._modalActionButtons_s27nj_1{display:flex;flex-direction:row;gap:16px;justify-content:center}@media (max-width: 768px){._modalActionButtons_s27nj_1{flex-direction:column;justify-content:stretch}}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
+ import I from "react-modal";
3
3
  import { jsx as l, jsxs as s, Fragment as k } from "react/jsx-runtime";
4
4
  import { useRef as v, createContext as Z, useReducer as ee, useState as T, useCallback as W, useMemo as te, createElement as q, useContext as le } from "react";
5
5
  import ne from "react-draggable";
6
6
  import c from "classnames";
7
- import { exhaustSwitchCase as ae, Spacing as j, Row as C, Space as H, Heading as z, Column as G, Box as x, Indent as oe, Txt as re, Text as se } from "@stenajs-webui/core";
7
+ import { exhaustSwitchCase as re, Spacing as j, Row as C, Space as H, Heading as z, Column as G, Box as b, Indent as ae, Txt as oe, Text as se } from "@stenajs-webui/core";
8
8
  import { Icon as V, FlatButton as ce, stenaTimes as ie, Spinner as de, CloseButton as J, CircledIcon as _e } from "@stenajs-webui/elements";
9
9
  import { cssColor as me } from "@stenajs-webui/theme";
10
10
  const Tt = (t) => {
11
- b.setAppElement(t);
12
- }, ue = "_overlay_5x3op_1", fe = "_fadeIn_5x3op_1", ge = "_modal_5x3op_31", he = "_content_5x3op_41", ye = "_appear_5x3op_1", Ce = "_isDraggable_5x3op_70", pe = "_footer_5x3op_101", ve = "_stickyFooter_5x3op_105", N = {
11
+ I.setAppElement(t);
12
+ }, ue = "_overlay_5x3op_1", ge = "_fadeIn_5x3op_1", fe = "_modal_5x3op_31", he = "_content_5x3op_41", ye = "_appear_5x3op_1", Ce = "_isDraggable_5x3op_70", pe = "_footer_5x3op_101", ve = "_stickyFooter_5x3op_105", N = {
13
13
  overlay: ue,
14
- fadeIn: fe,
15
- modal: ge,
14
+ fadeIn: ge,
15
+ modal: fe,
16
16
  content: he,
17
17
  appear: ye,
18
18
  isDraggable: Ce,
@@ -22,16 +22,16 @@ const Tt = (t) => {
22
22
  width: t,
23
23
  maxWidth: e,
24
24
  draggable: n = !1,
25
- children: a,
26
- ...o
25
+ children: r,
26
+ ...a
27
27
  }) => {
28
28
  const i = v(null);
29
29
  return /* @__PURE__ */ l(
30
- b,
30
+ I,
31
31
  {
32
32
  overlayClassName: N.overlay,
33
33
  className: N.modal,
34
- ...o,
34
+ ...a,
35
35
  children: /* @__PURE__ */ l(
36
36
  ne,
37
37
  {
@@ -51,21 +51,21 @@ const Tt = (t) => {
51
51
  [N.isDraggable]: n
52
52
  }),
53
53
  ref: i,
54
- children: a
54
+ children: r
55
55
  }
56
56
  )
57
57
  }
58
58
  )
59
59
  }
60
60
  );
61
- }, xe = "_portal_17ze5_1", be = "_overlay_17ze5_4", Ie = "_content_17ze5_9", Oe = "_floating_17ze5_15", we = "_slideFromLeft_17ze5_29", $e = "_slideFromRight_17ze5_30", De = "_afterOpen_17ze5_36", ke = "_beforeClose_17ze5_40", Fe = "_slideFromTop_17ze5_45", Be = "_slideFromBottom_17ze5_46", r = {
62
- portal: xe,
63
- overlay: be,
64
- content: Ie,
65
- floating: Oe,
66
- slideFromLeft: we,
67
- slideFromRight: $e,
68
- afterOpen: De,
61
+ }, be = "_portal_17ze5_1", Ie = "_overlay_17ze5_4", Oe = "_content_17ze5_9", we = "_floating_17ze5_15", $e = "_slideFromLeft_17ze5_29", De = "_slideFromRight_17ze5_30", xe = "_afterOpen_17ze5_36", ke = "_beforeClose_17ze5_40", Fe = "_slideFromTop_17ze5_45", Be = "_slideFromBottom_17ze5_46", o = {
62
+ portal: be,
63
+ overlay: Ie,
64
+ content: Oe,
65
+ floating: we,
66
+ slideFromLeft: $e,
67
+ slideFromRight: De,
68
+ afterOpen: xe,
69
69
  beforeClose: ke,
70
70
  slideFromTop: Fe,
71
71
  slideFromBottom: Be
@@ -73,33 +73,33 @@ const Tt = (t) => {
73
73
  background: t,
74
74
  zIndex: e,
75
75
  children: n,
76
- slideFrom: a = "left",
77
- portalTarget: o,
76
+ slideFrom: r = "left",
77
+ portalTarget: a,
78
78
  floating: i,
79
79
  ...d
80
80
  }) => {
81
81
  const { height: u, width: _ } = d;
82
82
  return /* @__PURE__ */ l(
83
- b,
83
+ I,
84
84
  {
85
85
  closeTimeoutMS: 250,
86
- portalClassName: r.portal,
86
+ portalClassName: o.portal,
87
87
  overlayClassName: {
88
- base: r.overlay,
89
- afterOpen: r.afterOpen,
90
- beforeClose: r.beforeClose
88
+ base: o.overlay,
89
+ afterOpen: o.afterOpen,
90
+ beforeClose: o.beforeClose
91
91
  },
92
92
  className: {
93
93
  base: c(
94
- r.content,
95
- We(a),
96
- i && r.floating
94
+ o.content,
95
+ We(r),
96
+ i && o.floating
97
97
  ),
98
- afterOpen: r.afterOpen,
99
- beforeClose: r.beforeClose
98
+ afterOpen: o.afterOpen,
99
+ beforeClose: o.beforeClose
100
100
  },
101
101
  style: { content: { width: _, height: u, background: t }, overlay: { zIndex: e } },
102
- parentSelector: o ? () => o : void 0,
102
+ parentSelector: a ? () => a : void 0,
103
103
  ...d,
104
104
  children: n
105
105
  }
@@ -107,21 +107,21 @@ const Tt = (t) => {
107
107
  }, We = (t) => {
108
108
  switch (t) {
109
109
  case "left":
110
- return r.slideFromLeft;
110
+ return o.slideFromLeft;
111
111
  case "right":
112
- return r.slideFromRight;
112
+ return o.slideFromRight;
113
113
  case "top":
114
- return r.slideFromTop;
114
+ return o.slideFromTop;
115
115
  case "bottom":
116
- return r.slideFromBottom;
116
+ return o.slideFromBottom;
117
117
  default:
118
- return ae(t, r.slideFromLeft);
118
+ return re(t, o.slideFromLeft);
119
119
  }
120
120
  }, Ht = ({
121
121
  header: t,
122
122
  contentRight: e,
123
123
  onRequestClose: n,
124
- icon: a
124
+ icon: r
125
125
  }) => /* @__PURE__ */ l(
126
126
  j,
127
127
  {
@@ -138,7 +138,7 @@ const Tt = (t) => {
138
138
  children: [
139
139
  /* @__PURE__ */ s(C, { alignItems: "center", gap: 2, children: [
140
140
  /* @__PURE__ */ l(H, { num: 1 }),
141
- a && /* @__PURE__ */ l(V, { icon: a, size: 24 }),
141
+ r && /* @__PURE__ */ l(V, { icon: r, size: 24 }),
142
142
  /* @__PURE__ */ l(z, { variant: "h4", children: t })
143
143
  ] }),
144
144
  /* @__PURE__ */ s(C, { gap: 1, children: [
@@ -170,7 +170,7 @@ const Tt = (t) => {
170
170
  children: t,
171
171
  ...e
172
172
  }) => /* @__PURE__ */ l(
173
- b,
173
+ I,
174
174
  {
175
175
  overlayClassName: R.overlay,
176
176
  className: R.modal,
@@ -198,7 +198,7 @@ const Tt = (t) => {
198
198
  children: t,
199
199
  ...e
200
200
  }) => /* @__PURE__ */ l(
201
- b,
201
+ I,
202
202
  {
203
203
  overlayClassName: A.overlay,
204
204
  className: A.modal,
@@ -220,20 +220,20 @@ const Tt = (t) => {
220
220
  headerIconLeft: t,
221
221
  headerText: e,
222
222
  shouldCloseOnOverlayClick: n = !1,
223
- shouldCloseOnEsc: a = !1,
224
- ...o
223
+ shouldCloseOnEsc: r = !1,
224
+ ...a
225
225
  }) => /* @__PURE__ */ l(
226
- b,
226
+ I,
227
227
  {
228
- ...o,
228
+ ...a,
229
229
  isOpen: !0,
230
230
  shouldCloseOnOverlayClick: n,
231
- shouldCloseOnEsc: a,
231
+ shouldCloseOnEsc: r,
232
232
  className: P.modal,
233
233
  overlayClassName: P.overlay,
234
234
  children: /* @__PURE__ */ s(G, { spacing: 2, alignItems: "center", children: [
235
235
  /* @__PURE__ */ l(
236
- x,
236
+ b,
237
237
  {
238
238
  alignItems: "center",
239
239
  justifyContent: "center",
@@ -250,7 +250,7 @@ const Tt = (t) => {
250
250
  /* @__PURE__ */ s(C, { indent: 2, children: [
251
251
  t && /* @__PURE__ */ s(k, { children: [
252
252
  /* @__PURE__ */ l(V, { size: 14, icon: t, color: "white" }),
253
- /* @__PURE__ */ l(oe, {})
253
+ /* @__PURE__ */ l(ae, {})
254
254
  ] }),
255
255
  e && /* @__PURE__ */ l(z, { variant: "h4", color: "white", children: e })
256
256
  ] })
@@ -261,7 +261,7 @@ const Tt = (t) => {
261
261
  onRequestClose: t,
262
262
  header: e,
263
263
  headerText: n,
264
- closeButtonClassName: a
264
+ closeButtonClassName: r
265
265
  }) => /* @__PURE__ */ s(
266
266
  C,
267
267
  {
@@ -271,13 +271,13 @@ const Tt = (t) => {
271
271
  className: K,
272
272
  children: [
273
273
  /* @__PURE__ */ s(C, { flex: 1, indent: !0, alignItems: "center", children: [
274
- n && /* @__PURE__ */ l(re, { className: Q, size: "large", children: n }),
274
+ n && /* @__PURE__ */ l(oe, { className: Q, size: "large", children: n }),
275
275
  e
276
276
  ] }),
277
- /* @__PURE__ */ l(x, { alignSelf: "flex-start", children: /* @__PURE__ */ l(
277
+ /* @__PURE__ */ l(b, { alignSelf: "flex-start", children: /* @__PURE__ */ l(
278
278
  J,
279
279
  {
280
- className: a,
280
+ className: r,
281
281
  onClick: t
282
282
  }
283
283
  ) })
@@ -287,18 +287,18 @@ const Tt = (t) => {
287
287
  header: t,
288
288
  headerText: e,
289
289
  children: n,
290
- spacing: a,
291
- indent: o,
290
+ spacing: r,
291
+ indent: a,
292
292
  draggable: i = !1,
293
293
  onRequestClose: d,
294
294
  closeButtonClassName: u,
295
295
  footer: _,
296
296
  disableStickyFooter: p = !1,
297
- ...I
297
+ ...O
298
298
  }) => /* @__PURE__ */ s(
299
299
  Ne,
300
300
  {
301
- ...I,
301
+ ...O,
302
302
  onRequestClose: d,
303
303
  draggable: i,
304
304
  children: [
@@ -311,9 +311,9 @@ const Tt = (t) => {
311
311
  closeButtonClassName: u
312
312
  }
313
313
  ),
314
- /* @__PURE__ */ l(x, { spacing: typeof a == "number" ? a : 1, indent: typeof o == "number" ? o : 1, children: n }),
314
+ /* @__PURE__ */ l(b, { spacing: typeof r == "number" ? r : 1, indent: typeof a == "number" ? a : 1, children: n }),
315
315
  _ && /* @__PURE__ */ l(
316
- x,
316
+ b,
317
317
  {
318
318
  className: c(N.footer, {
319
319
  [N.stickyFooter]: !p
@@ -327,91 +327,91 @@ const Tt = (t) => {
327
327
  void 0
328
328
  );
329
329
  function M(t, e) {
330
- const n = v(null), a = e.ref ?? n, [o, i] = ee((m) => m + 1, 0), d = v(), u = v(), _ = v(), p = v(), [I, w] = T(!1), [F, O] = T(!1), B = t, Y = W(
330
+ const n = v(null), r = e.ref ?? n, [a, i] = ee((m) => m + 1, 0), d = v(), u = v(), _ = v(), p = v(), [O, $] = T(!1), [F, w] = T(!1), B = t, Y = W(
331
331
  (m) => {
332
- var f, g;
332
+ var g, f;
333
333
  return d.current = new Promise(
334
334
  (h, y) => {
335
335
  u.current = h, p.current = y;
336
336
  }
337
- ), O(!1), w(!0), i(), _.current = m, e.modal ? (f = a.current) == null || f.showModal() : (g = a.current) == null || g.show(), d.current;
337
+ ), w(!1), $(!0), i(), _.current = m, e.modal ? (g = r.current) == null || g.showModal() : (f = r.current) == null || f.show(), d.current;
338
338
  },
339
- [a, e.modal]
339
+ [r, e.modal]
340
340
  ), E = W(
341
341
  (m) => {
342
- var f;
343
- O(!0), (f = a.current) == null || f.addEventListener(
342
+ var g;
343
+ w(!0), (g = r.current) == null || g.addEventListener(
344
344
  "animationend",
345
345
  () => {
346
- var g, h, y;
347
- O(!1), w(!1), (g = a.current) == null || g.close(), (h = u.current) == null || h.call(u, m), _.current = void 0, (y = e.onResolve) == null || y.call(e);
346
+ var f, h, y;
347
+ w(!1), $(!1), (f = r.current) == null || f.close(), (h = u.current) == null || h.call(u, m), _.current = void 0, (y = e.onResolve) == null || y.call(e);
348
348
  },
349
349
  { once: !0 }
350
350
  );
351
351
  },
352
- [a, e]
353
- ), $ = W(
352
+ [r, e]
353
+ ), D = W(
354
354
  (m) => {
355
- var f;
356
- O(!0), (f = a.current) == null || f.addEventListener(
355
+ var g;
356
+ w(!0), (g = r.current) == null || g.addEventListener(
357
357
  "animationend",
358
358
  () => {
359
- var g, h, y;
360
- O(!1), w(!1), (g = a.current) == null || g.close(), (h = p.current) == null || h.call(p, m), (y = e.onReject) == null || y.call(e), _.current = void 0;
359
+ var f, h, y;
360
+ w(!1), $(!1), (f = r.current) == null || f.close(), (h = p.current) == null || h.call(p, m), (y = e.onReject) == null || y.call(e), _.current = void 0;
361
361
  },
362
362
  { once: !0 }
363
363
  );
364
364
  },
365
- [a, e]
365
+ [r, e]
366
366
  );
367
367
  return [te(
368
- () => /* @__PURE__ */ l(U.Provider, { value: { resolve: E, reject: $ }, children: /* @__PURE__ */ l(
368
+ () => /* @__PURE__ */ l(U.Provider, { value: { resolve: E, reject: D }, children: /* @__PURE__ */ l(
369
369
  "dialog",
370
370
  {
371
- onClick: e.disableCloseOnClickOutside ? void 0 : () => $(),
372
- ref: a,
371
+ onClick: e.disableCloseOnClickOutside ? void 0 : () => D(),
372
+ ref: r,
373
373
  className: c(e.className, F && e.closingClassName),
374
374
  style: e.dialogStyle,
375
- children: e.disableCloseOnClickOutside ? /* @__PURE__ */ l(k, { children: I && /* @__PURE__ */ q(B, { ..._.current, key: o }) }) : /* @__PURE__ */ l(
375
+ children: e.disableCloseOnClickOutside ? /* @__PURE__ */ l(k, { children: O && /* @__PURE__ */ q(B, { ..._.current, key: a }) }) : /* @__PURE__ */ l(
376
376
  "div",
377
377
  {
378
378
  style: e.contentWrapperStyle,
379
379
  className: e.contentWrapperClassName,
380
380
  onClick: e.disableCloseOnClickOutside ? void 0 : (m) => m.stopPropagation(),
381
- children: I && /* @__PURE__ */ q(B, { ..._.current, key: o })
381
+ children: O && /* @__PURE__ */ q(B, { ..._.current, key: a })
382
382
  }
383
383
  )
384
384
  }
385
385
  ) }),
386
386
  [
387
387
  E,
388
- $,
388
+ D,
389
389
  e.disableCloseOnClickOutside,
390
390
  e.className,
391
391
  e.closingClassName,
392
392
  e.dialogStyle,
393
393
  e.contentWrapperStyle,
394
394
  e.contentWrapperClassName,
395
- a,
395
+ r,
396
396
  F,
397
- I,
397
+ O,
398
398
  B,
399
- o
399
+ a
400
400
  ]
401
- ), { show: Y, reject: $ }];
401
+ ), { show: Y, reject: D }];
402
402
  }
403
403
  const Qt = () => {
404
404
  const t = le(U);
405
405
  if (t == null)
406
406
  throw new Error("useDialogPromise is being used outside of dialog.");
407
407
  return t;
408
- }, et = "_alertDialog_14t8t_1", tt = "_slideIn_14t8t_1", lt = "_closing_14t8t_22", nt = "_slideOut_14t8t_1", at = "_fadeIn_14t8t_1", ot = "_fadeOut_14t8t_1", S = {
408
+ }, et = "_alertDialog_14t8t_1", tt = "_slideIn_14t8t_1", lt = "_closing_14t8t_22", nt = "_slideOut_14t8t_1", rt = "_fadeIn_14t8t_1", at = "_fadeOut_14t8t_1", S = {
409
409
  alertDialog: et,
410
410
  slideIn: tt,
411
411
  closing: lt,
412
412
  slideOut: nt,
413
- fadeIn: at,
414
- fadeOut: ot
413
+ fadeIn: rt,
414
+ fadeOut: at
415
415
  };
416
416
  function Ut(t, e) {
417
417
  return M(t, {
@@ -425,8 +425,8 @@ function Ut(t, e) {
425
425
  className: c(e == null ? void 0 : e.className, S.alertDialog)
426
426
  });
427
427
  }
428
- const rt = "_drawerDialog_3e8xf_1", st = "_left_3e8xf_12", ct = "_right_3e8xf_13", it = "_contentWrapper_3e8xf_18", dt = "_slideInLeft_3e8xf_1", _t = "_closing_3e8xf_35", mt = "_slideOutLeft_3e8xf_1", ut = "_slideInRight_3e8xf_1", ft = "_slideOutRight_3e8xf_1", gt = "_top_3e8xf_53", ht = "_bottom_3e8xf_54", yt = "_slideInTop_3e8xf_1", Ct = "_slideOutTop_3e8xf_1", pt = "_slideInBottom_3e8xf_1", vt = "_slideOutBottom_3e8xf_1", D = {
429
- drawerDialog: rt,
428
+ const ot = "_drawerDialog_11g6r_1", st = "_left_11g6r_13", ct = "_right_11g6r_14", it = "_contentWrapper_11g6r_19", dt = "_slideInLeft_11g6r_1", _t = "_closing_11g6r_36", mt = "_slideOutLeft_11g6r_1", ut = "_slideInRight_11g6r_1", gt = "_slideOutRight_11g6r_1", ft = "_top_11g6r_54", ht = "_bottom_11g6r_55", yt = "_slideInTop_11g6r_1", Ct = "_slideOutTop_11g6r_1", pt = "_slideInBottom_11g6r_1", vt = "_slideOutBottom_11g6r_1", x = {
429
+ drawerDialog: ot,
430
430
  left: st,
431
431
  right: ct,
432
432
  contentWrapper: it,
@@ -434,8 +434,8 @@ const rt = "_drawerDialog_3e8xf_1", st = "_left_3e8xf_12", ct = "_right_3e8xf_13
434
434
  closing: _t,
435
435
  slideOutLeft: mt,
436
436
  slideInRight: ut,
437
- slideOutRight: ft,
438
- top: gt,
437
+ slideOutRight: gt,
438
+ top: ft,
439
439
  bottom: ht,
440
440
  slideInTop: yt,
441
441
  slideOutTop: Ct,
@@ -447,22 +447,22 @@ function Xt(t, e = "left", n) {
447
447
  ...n,
448
448
  disableCloseOnClickOutside: !0,
449
449
  modal: !1,
450
- closingClassName: c(n == null ? void 0 : n.closingClassName, D.closing),
450
+ closingClassName: c(n == null ? void 0 : n.closingClassName, x.closing),
451
451
  contentWrapperClassName: c(
452
452
  n == null ? void 0 : n.contentWrapperClassName,
453
- D.contentWrapper
453
+ x.contentWrapper
454
454
  ),
455
- className: c(n == null ? void 0 : n.className, D.drawerDialog, D[e])
455
+ className: c(n == null ? void 0 : n.className, x.drawerDialog, x[e])
456
456
  });
457
457
  }
458
- const Nt = "_modalDialog_6jugu_1", xt = "_slideIn_6jugu_1", bt = "_closing_6jugu_25", It = "_slideOut_6jugu_1", Ot = "_fadeIn_6jugu_1", wt = "_fadeOut_6jugu_1", $t = "_contentWrapper_6jugu_89", L = {
458
+ const Nt = "_modalDialog_6jugu_1", bt = "_slideIn_6jugu_1", It = "_closing_6jugu_25", Ot = "_slideOut_6jugu_1", wt = "_fadeIn_6jugu_1", $t = "_fadeOut_6jugu_1", Dt = "_contentWrapper_6jugu_89", L = {
459
459
  modalDialog: Nt,
460
- slideIn: xt,
461
- closing: bt,
462
- slideOut: It,
463
- fadeIn: Ot,
464
- fadeOut: wt,
465
- contentWrapper: $t
460
+ slideIn: bt,
461
+ closing: It,
462
+ slideOut: Ot,
463
+ fadeIn: wt,
464
+ fadeOut: $t,
465
+ contentWrapper: Dt
466
466
  };
467
467
  function Yt(t, e) {
468
468
  return M(t, {
@@ -476,16 +476,16 @@ function Yt(t, e) {
476
476
  className: c(e == null ? void 0 : e.className, L.modalDialog)
477
477
  });
478
478
  }
479
- const X = ({ children: t }) => /* @__PURE__ */ l(z, { variant: "h3", as: "h2", children: t }), Dt = "_modalActionButtons_s27nj_1", kt = {
480
- modalActionButtons: Dt
479
+ const X = ({ children: t }) => /* @__PURE__ */ l(z, { variant: "h3", as: "h2", children: t }), xt = "_modalActionButtons_s27nj_1", kt = {
480
+ modalActionButtons: xt
481
481
  }, Ft = ({
482
482
  buttons: t
483
- }) => /* @__PURE__ */ l("div", { className: kt.modalActionButtons, children: t }), Bt = ({ gap: t = 2, ...e }) => /* @__PURE__ */ l(x, { indent: 4, spacing: 4, gap: t, ...e }), Zt = ({
483
+ }) => /* @__PURE__ */ l("div", { className: kt.modalActionButtons, children: t }), Bt = ({ gap: t = 2, ...e }) => /* @__PURE__ */ l(b, { indent: 4, spacing: 4, gap: t, ...e }), Zt = ({
484
484
  icon: t,
485
485
  buttons: e,
486
486
  heading: n,
487
- text: a,
488
- children: o,
487
+ text: r,
488
+ children: a,
489
489
  maxWidth: i,
490
490
  minWidth: d
491
491
  }) => /* @__PURE__ */ s(
@@ -498,9 +498,9 @@ const X = ({ children: t }) => /* @__PURE__ */ l(z, { variant: "h3", as: "h2", c
498
498
  children: [
499
499
  t && /* @__PURE__ */ l(_e, { icon: t, size: "large" }),
500
500
  /* @__PURE__ */ l(X, { children: n }),
501
- a && /* @__PURE__ */ l(se, { textAlign: "center", children: a }),
502
- o,
503
- e && /* @__PURE__ */ l(k, { children: /* @__PURE__ */ s(x, { width: "100%", children: [
501
+ r && /* @__PURE__ */ l(se, { textAlign: "center", children: r }),
502
+ a,
503
+ e && /* @__PURE__ */ l(k, { children: /* @__PURE__ */ s(b, { width: "100%", children: [
504
504
  /* @__PURE__ */ l(j, {}),
505
505
  /* @__PURE__ */ l(Ft, { buttons: e })
506
506
  ] }) })
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._overlay_5x3op_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_5x3op_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1{background-color:#fff}}._overlay_5x3op_1 ._modal_5x3op_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_5x3op_1 ._modal_5x3op_31{width:100%}}._overlay_5x3op_1 ._content_5x3op_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_5x3op_1 ._content_5x3op_41{top:0;width:100%;max-width:100%}}._overlay_5x3op_1 ._content_5x3op_41{animation:_appear_5x3op_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1 ._content_5x3op_41{box-shadow:none;top:0}}._overlay_5x3op_1 ._content_5x3op_41 :focus{outline:0}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle{cursor:move}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_5x3op_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_5x3op_1{0%{opacity:0}to{opacity:1}}._footer_5x3op_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_5x3op_105{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_5x3op_105{position:static;box-shadow:none}}._portal_17ze5_1{--drawer-width: 370px}._portal_17ze5_1 ._overlay_17ze5_4{position:fixed;top:0;right:0;bottom:0;left:0}._portal_17ze5_1 ._content_17ze5_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out}._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:0;border-radius:0}}._portal_17ze5_1 ._content_17ze5_9:focus-visible{outline:unset}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._afterOpen_17ze5_36{transform:translate(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._beforeClose_17ze5_40{transform:translate(var(--translate-x-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._afterOpen_17ze5_36{transform:translateY(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._beforeClose_17ze5_40{transform:translateY(var(--translate-y-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_r9tkq_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_r9tkq_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1{background-color:#fff}}._overlay_r9tkq_1 ._modal_r9tkq_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_r9tkq_1 ._content_r9tkq_38{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_r9tkq_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1 ._content_r9tkq_38{box-shadow:none;top:0}}._overlay_r9tkq_1 ._content_r9tkq_38 :focus{outline:0}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle{cursor:move}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_r9tkq_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_r9tkq_1{0%{opacity:0}to{opacity:1}}._footer_r9tkq_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_r9tkq_96{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_1rolx_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_1rolx_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1{background-color:#fff}}._overlay_1rolx_1 ._modal_1rolx_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_1rolx_1 ._modal_1rolx_31{width:100%}}._overlay_1rolx_1 ._content_1rolx_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_1rolx_1 ._content_1rolx_41{border-radius:0;width:100%;max-width:100%;height:100vh}}._overlay_1rolx_1 ._content_1rolx_41{animation:_appear_1rolx_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1 ._content_1rolx_41{box-shadow:none;top:0}}._overlay_1rolx_1 ._content_1rolx_41 :focus{outline:0}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle{cursor:move}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle .draggable-modal-cancel,._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1rolx_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1rolx_1{0%{opacity:0}to{opacity:1}}._footer_1rolx_102{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1rolx_106{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1rolx_106{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_3e8xf_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_3e8xf_1._left_3e8xf_12,._drawerDialog_3e8xf_1._right_3e8xf_13{height:100%;top:0;bottom:0}._drawerDialog_3e8xf_1._left_3e8xf_12 ._contentWrapper_3e8xf_18,._drawerDialog_3e8xf_1._right_3e8xf_13 ._contentWrapper_3e8xf_18{height:100%}@media (max-width: 768px){._drawerDialog_3e8xf_1._left_3e8xf_12,._drawerDialog_3e8xf_1._right_3e8xf_13{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}._drawerDialog_3e8xf_1._left_3e8xf_12{left:0;right:unset}._drawerDialog_3e8xf_1._left_3e8xf_12[open]{animation:_slideInLeft_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._left_3e8xf_12._closing_3e8xf_35[open]{animation:_slideOutLeft_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._right_3e8xf_13{left:unset;right:0}._drawerDialog_3e8xf_1._right_3e8xf_13[open]{animation:_slideInRight_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._right_3e8xf_13._closing_3e8xf_35[open]{animation:_slideOutRight_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._top_3e8xf_53,._drawerDialog_3e8xf_1._bottom_3e8xf_54{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_3e8xf_1._top_3e8xf_53,._drawerDialog_3e8xf_1._bottom_3e8xf_54{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}._drawerDialog_3e8xf_1._top_3e8xf_53{top:0;bottom:unset}._drawerDialog_3e8xf_1._top_3e8xf_53[open]{animation:_slideInTop_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._top_3e8xf_53._closing_3e8xf_35[open]{animation:_slideOutTop_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._bottom_3e8xf_54{top:unset;bottom:0}._drawerDialog_3e8xf_1._bottom_3e8xf_54[open]{animation:_slideInBottom_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._bottom_3e8xf_54._closing_3e8xf_35[open]{animation:_slideOutBottom_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_3e8xf_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_3e8xf_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_3e8xf_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_3e8xf_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_3e8xf_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_3e8xf_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_3e8xf_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_3e8xf_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_6jugu_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_6jugu_1{border-radius:var(--swui-border-radius-large)}}._modalDialog_6jugu_1:not([open]){display:none}._modalDialog_6jugu_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_6jugu_1 .25s forwards}._modalDialog_6jugu_1._closing_6jugu_25[open]{animation:_slideOut_6jugu_1 .25s forwards}@media (max-width: 768px){._modalDialog_6jugu_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_6jugu_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_6jugu_1 .25s forwards}._modalDialog_6jugu_1._closing_6jugu_25::backdrop{animation:_fadeOut_6jugu_1 .25s forwards}@keyframes _fadeIn_6jugu_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_6jugu_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_6jugu_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_6jugu_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_6jugu_89{display:flex;height:100%}}._modalActionButtons_s27nj_1{display:flex;flex-direction:row;gap:16px;justify-content:center}@media (max-width: 768px){._modalActionButtons_s27nj_1{flex-direction:column;justify-content:stretch}}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react-modal"),t=require("react/jsx-runtime"),o=require("react"),V=require("react-draggable"),i=require("classnames"),a=require("@stenajs-webui/core"),h=require("@stenajs-webui/elements"),J=require("@stenajs-webui/theme"),K=s=>{N.setAppElement(s)},Q="_overlay_5x3op_1",U="_fadeIn_5x3op_1",X="_modal_5x3op_31",Y="_content_5x3op_41",Z="_appear_5x3op_1",ee="_isDraggable_5x3op_70",te="_footer_5x3op_101",se="_stickyFooter_5x3op_105",v={overlay:Q,fadeIn:U,modal:X,content:Y,appear:Z,isDraggable:ee,footer:te,stickyFooter:se},S="draggable-modal-handle",W="draggable-modal-cancel",z=({width:s,maxWidth:e,draggable:l=!1,children:n,...r})=>{const d=o.useRef(null);return t.jsx(N,{overlayClassName:v.overlay,className:v.modal,...r,children:t.jsx(V,{handle:`.${S}`,cancel:`.${W}, button, [role="tooltip"]`,bounds:".ReactModal__Overlay",disabled:!l,nodeRef:d,children:t.jsx("div",{style:{"--swui-modal-width":s,"--swui-modal-max-width":e},className:i(v.content,{[v.isDraggable]:l}),ref:d,children:n})})})},le="_portal_17ze5_1",ne="_overlay_17ze5_4",ae="_content_17ze5_9",oe="_floating_17ze5_15",re="_slideFromLeft_17ze5_29",ce="_slideFromRight_17ze5_30",ie="_afterOpen_17ze5_36",de="_beforeClose_17ze5_40",_e="_slideFromTop_17ze5_45",ue="_slideFromBottom_17ze5_46",c={portal:le,overlay:ne,content:ae,floating:oe,slideFromLeft:re,slideFromRight:ce,afterOpen:ie,beforeClose:de,slideFromTop:_e,slideFromBottom:ue},me=({background:s,zIndex:e,children:l,slideFrom:n="left",portalTarget:r,floating:d,..._})=>{const{height:g,width:u}=_;return t.jsx(N,{closeTimeoutMS:250,portalClassName:c.portal,overlayClassName:{base:c.overlay,afterOpen:c.afterOpen,beforeClose:c.beforeClose},className:{base:i(c.content,ge(n),d&&c.floating),afterOpen:c.afterOpen,beforeClose:c.beforeClose},style:{content:{width:u,height:g,background:s},overlay:{zIndex:e}},parentSelector:r?()=>r:void 0,..._,children:l})},ge=s=>{switch(s){case"left":return c.slideFromLeft;case"right":return c.slideFromRight;case"top":return c.slideFromTop;case"bottom":return c.slideFromBottom;default:return a.exhaustSwitchCase(s,c.slideFromLeft)}},fe=({header:s,contentRight:e,onRequestClose:l,icon:n})=>t.jsx(a.Spacing,{position:"sticky",top:0,zIndex:100,background:J.cssColor("--lhds-color-ui-50"),children:t.jsxs(a.Row,{justifyContent:"space-between",alignItems:"center",height:"48px",children:[t.jsxs(a.Row,{alignItems:"center",gap:2,children:[t.jsx(a.Space,{num:1}),n&&t.jsx(h.Icon,{icon:n,size:24}),t.jsx(a.Heading,{variant:"h4",children:s})]}),t.jsxs(a.Row,{gap:1,children:[e,t.jsx(h.FlatButton,{leftIcon:h.stenaTimes,onClick:l,variant:"danger"}),t.jsx(a.Space,{num:.5})]})]})}),xe="_overlay_r9tkq_1",he="_fadeIn_r9tkq_1",ye="_modal_r9tkq_31",Ce="_content_r9tkq_38",je="_appear_r9tkq_1",ve="_isDraggable_r9tkq_61",Ne="_footer_r9tkq_92",pe="_stickyFooter_r9tkq_96",k={overlay:xe,fadeIn:he,modal:ye,content:Ce,appear:je,isDraggable:ve,footer:Ne,stickyFooter:pe},we={overlay:{justifyContent:"center"}},be=({children:s,...e})=>t.jsx(N,{overlayClassName:k.overlay,className:k.modal,style:we,...e,children:t.jsx("div",{className:k.content,style:{"--swui-modal-width":"fit-content"},children:s})}),De="_overlay_1rolx_1",Ie="_fadeIn_1rolx_1",Oe="_modal_1rolx_31",$e="_content_1rolx_41",Re="_appear_1rolx_1",ke="_isDraggable_1rolx_71",Ae="_footer_1rolx_102",Be="_stickyFooter_1rolx_106",A={overlay:De,fadeIn:Ie,modal:Oe,content:$e,appear:Re,isDraggable:ke,footer:Ae,stickyFooter:Be},Fe={overlay:{justifyContent:"center"}},Se=({children:s,...e})=>t.jsx(N,{overlayClassName:A.overlay,className:A.modal,style:Fe,...e,children:t.jsx("div",{className:A.content,style:{"--swui-modal-width":"fit-content"},children:s})}),We="_modal_4fwgb_1",Le="_overlay_4fwgb_13",E={modal:We,overlay:Le},Me=({headerIconLeft:s,headerText:e,shouldCloseOnOverlayClick:l=!1,shouldCloseOnEsc:n=!1,...r})=>t.jsx(N,{...r,isOpen:!0,shouldCloseOnOverlayClick:l,shouldCloseOnEsc:n,className:E.modal,overlayClassName:E.overlay,children:t.jsxs(a.Column,{spacing:2,alignItems:"center",children:[t.jsx(a.Box,{alignItems:"center",justifyContent:"center",width:"64px",height:"64px",borderRadius:"50%",background:"white",shadow:"modal",children:t.jsx(h.Spinner,{size:"small"})}),(s||e)&&t.jsxs(t.Fragment,{children:[t.jsx(a.Spacing,{}),t.jsxs(a.Row,{indent:2,children:[s&&t.jsxs(t.Fragment,{children:[t.jsx(h.Icon,{size:14,icon:s,color:"white"}),t.jsx(a.Indent,{})]}),e&&t.jsx(a.Heading,{variant:"h4",color:"white",children:e})]})]})]})}),q=({onRequestClose:s,header:e,headerText:l,closeButtonClassName:n})=>t.jsxs(a.Row,{spacing:2,indent:2,borderBottom:"1px solid var(--lhds-color-ui-300)",className:S,children:[t.jsxs(a.Row,{flex:1,indent:!0,alignItems:"center",children:[l&&t.jsx(a.Txt,{className:W,size:"large",children:l}),e]}),t.jsx(a.Box,{alignSelf:"flex-start",children:t.jsx(h.CloseButton,{className:n,onClick:s})})]}),Ee=({header:s,headerText:e,children:l,spacing:n,indent:r,draggable:d=!1,onRequestClose:_,closeButtonClassName:g,footer:u,disableStickyFooter:j=!1,...p})=>{const w=typeof n=="number"?n:1,D=typeof r=="number"?r:1;return t.jsxs(z,{...p,onRequestClose:_,draggable:d,children:[t.jsx(q,{onRequestClose:_,header:s,headerText:e,closeButtonClassName:g}),t.jsx(a.Box,{spacing:w,indent:D,children:l}),u&&t.jsx(a.Box,{className:i(v.footer,{[v.stickyFooter]:!j}),children:u})]})},ze=({children:s})=>t.jsx(a.Column,{indent:2,spacing:2,children:s}),H=o.createContext(void 0);function $(s,e){const l=o.useRef(null),n=e.ref??l,[r,d]=o.useReducer(m=>m+1,0),_=o.useRef(),g=o.useRef(),u=o.useRef(),j=o.useRef(),[p,w]=o.useState(!1),[D,b]=o.useState(!1),R=s,P=o.useCallback(m=>{var f,x;return _.current=new Promise((y,C)=>{g.current=y,j.current=C}),b(!1),w(!0),d(),u.current=m,e.modal?(f=n.current)==null||f.showModal():(x=n.current)==null||x.show(),_.current},[n,e.modal]),M=o.useCallback(m=>{var f;b(!0),(f=n.current)==null||f.addEventListener("animationend",()=>{var x,y,C;b(!1),w(!1),(x=n.current)==null||x.close(),(y=g.current)==null||y.call(g,m),u.current=void 0,(C=e.onResolve)==null||C.call(e)},{once:!0})},[n,e]),I=o.useCallback(m=>{var f;b(!0),(f=n.current)==null||f.addEventListener("animationend",()=>{var x,y,C;b(!1),w(!1),(x=n.current)==null||x.close(),(y=j.current)==null||y.call(j,m),(C=e.onReject)==null||C.call(e),u.current=void 0},{once:!0})},[n,e]);return[o.useMemo(()=>t.jsx(H.Provider,{value:{resolve:M,reject:I},children:t.jsx("dialog",{onClick:e.disableCloseOnClickOutside?void 0:()=>I(),ref:n,className:i(e.className,D&&e.closingClassName),style:e.dialogStyle,children:e.disableCloseOnClickOutside?t.jsx(t.Fragment,{children:p&&o.createElement(R,{...u.current,key:r})}):t.jsx("div",{style:e.contentWrapperStyle,className:e.contentWrapperClassName,onClick:e.disableCloseOnClickOutside?void 0:m=>m.stopPropagation(),children:p&&o.createElement(R,{...u.current,key:r})})})}),[M,I,e.disableCloseOnClickOutside,e.className,e.closingClassName,e.dialogStyle,e.contentWrapperStyle,e.contentWrapperClassName,n,D,p,R,r]),{show:P,reject:I}]}const qe=()=>{const s=o.useContext(H);if(s==null)throw new Error("useDialogPromise is being used outside of dialog.");return s},He="_alertDialog_14t8t_1",Te="_slideIn_14t8t_1",Ge="_closing_14t8t_22",Pe="_slideOut_14t8t_1",Ve="_fadeIn_14t8t_1",Je="_fadeOut_14t8t_1",B={alertDialog:He,slideIn:Te,closing:Ge,slideOut:Pe,fadeIn:Ve,fadeOut:Je};function Ke(s,e){return $(s,{...e,modal:!0,closingClassName:i(e==null?void 0:e.closingClassName,B.closing),contentWrapperClassName:i(e==null?void 0:e.contentWrapperClassName,B.contentWrapper),className:i(e==null?void 0:e.className,B.alertDialog)})}const Qe="_drawerDialog_3e8xf_1",Ue="_left_3e8xf_12",Xe="_right_3e8xf_13",Ye="_contentWrapper_3e8xf_18",Ze="_slideInLeft_3e8xf_1",et="_closing_3e8xf_35",tt="_slideOutLeft_3e8xf_1",st="_slideInRight_3e8xf_1",lt="_slideOutRight_3e8xf_1",nt="_top_3e8xf_53",at="_bottom_3e8xf_54",ot="_slideInTop_3e8xf_1",rt="_slideOutTop_3e8xf_1",ct="_slideInBottom_3e8xf_1",it="_slideOutBottom_3e8xf_1",O={drawerDialog:Qe,left:Ue,right:Xe,contentWrapper:Ye,slideInLeft:Ze,closing:et,slideOutLeft:tt,slideInRight:st,slideOutRight:lt,top:nt,bottom:at,slideInTop:ot,slideOutTop:rt,slideInBottom:ct,slideOutBottom:it};function dt(s,e="left",l){return $(s,{...l,disableCloseOnClickOutside:!0,modal:!1,closingClassName:i(l==null?void 0:l.closingClassName,O.closing),contentWrapperClassName:i(l==null?void 0:l.contentWrapperClassName,O.contentWrapper),className:i(l==null?void 0:l.className,O.drawerDialog,O[e])})}const _t="_modalDialog_6jugu_1",ut="_slideIn_6jugu_1",mt="_closing_6jugu_25",gt="_slideOut_6jugu_1",ft="_fadeIn_6jugu_1",xt="_fadeOut_6jugu_1",ht="_contentWrapper_6jugu_89",F={modalDialog:_t,slideIn:ut,closing:mt,slideOut:gt,fadeIn:ft,fadeOut:xt,contentWrapper:ht};function yt(s,e){return $(s,{...e,modal:!0,closingClassName:i(e==null?void 0:e.closingClassName,F.closing),contentWrapperClassName:i(e==null?void 0:e.contentWrapperClassName,F.contentWrapper),className:i(e==null?void 0:e.className,F.modalDialog)})}const L=({children:s})=>t.jsx(a.Heading,{variant:"h3",as:"h2",children:s}),Ct="_modalActionButtons_s27nj_1",jt={modalActionButtons:Ct},T=({buttons:s})=>t.jsx("div",{className:jt.modalActionButtons,children:s}),G=({gap:s=2,...e})=>t.jsx(a.Box,{indent:4,spacing:4,gap:s,...e}),vt=({icon:s,buttons:e,heading:l,text:n,children:r,maxWidth:d,minWidth:_})=>t.jsxs(G,{flexDirection:"column",alignItems:"center",maxWidth:d,minWidth:_,children:[s&&t.jsx(h.CircledIcon,{icon:s,size:"large"}),t.jsx(L,{children:l}),n&&t.jsx(a.Text,{textAlign:"center",children:n}),r,e&&t.jsx(t.Fragment,{children:t.jsxs(a.Box,{width:"100%",children:[t.jsx(a.Spacing,{}),t.jsx(T,{buttons:e})]})})]}),Nt=({heading:s,onClickClose:e})=>t.jsxs(a.Row,{justifyContent:"space-between",children:[s&&t.jsx(L,{children:s}),t.jsx(h.CloseButton,{onClick:e})]});exports.Alert=be;exports.BaseWindow=z;exports.DRAGGABLE_CANCEL_CLASSNAME=W;exports.DRAGGABLE_HANDLE_CLASSNAME=S;exports.Drawer=me;exports.DrawerHeader=fe;exports.InfoAlert=vt;exports.LoadingModal=Me;exports.Modal=Se;exports.ModalActionButtons=T;exports.ModalBody=G;exports.ModalHeader=Nt;exports.ModalHeading=L;exports.Window=Ee;exports.WindowFooter=ze;exports.WindowHeader=q;exports.setupDeclarativeModals=K;exports.useAlertDialog=Ke;exports.useDialog=$;exports.useDialogPromise=qe;exports.useDrawerDialog=dt;exports.useModalDialog=yt;
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._overlay_5x3op_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_5x3op_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1{background-color:#fff}}._overlay_5x3op_1 ._modal_5x3op_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_5x3op_1 ._modal_5x3op_31{width:100%}}._overlay_5x3op_1 ._content_5x3op_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_5x3op_1 ._content_5x3op_41{top:0;width:100%;max-width:100%}}._overlay_5x3op_1 ._content_5x3op_41{animation:_appear_5x3op_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1 ._content_5x3op_41{box-shadow:none;top:0}}._overlay_5x3op_1 ._content_5x3op_41 :focus{outline:0}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle{cursor:move}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_5x3op_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_5x3op_1{0%{opacity:0}to{opacity:1}}._footer_5x3op_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_5x3op_105{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_5x3op_105{position:static;box-shadow:none}}._portal_17ze5_1{--drawer-width: 370px}._portal_17ze5_1 ._overlay_17ze5_4{position:fixed;top:0;right:0;bottom:0;left:0}._portal_17ze5_1 ._content_17ze5_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out}._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:0;border-radius:0}}._portal_17ze5_1 ._content_17ze5_9:focus-visible{outline:unset}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._afterOpen_17ze5_36{transform:translate(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._beforeClose_17ze5_40{transform:translate(var(--translate-x-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._afterOpen_17ze5_36{transform:translateY(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._beforeClose_17ze5_40{transform:translateY(var(--translate-y-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_r9tkq_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_r9tkq_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1{background-color:#fff}}._overlay_r9tkq_1 ._modal_r9tkq_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_r9tkq_1 ._content_r9tkq_38{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_r9tkq_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1 ._content_r9tkq_38{box-shadow:none;top:0}}._overlay_r9tkq_1 ._content_r9tkq_38 :focus{outline:0}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle{cursor:move}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_r9tkq_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_r9tkq_1{0%{opacity:0}to{opacity:1}}._footer_r9tkq_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_r9tkq_96{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_1rolx_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_1rolx_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1{background-color:#fff}}._overlay_1rolx_1 ._modal_1rolx_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_1rolx_1 ._modal_1rolx_31{width:100%}}._overlay_1rolx_1 ._content_1rolx_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_1rolx_1 ._content_1rolx_41{border-radius:0;width:100%;max-width:100%;height:100vh}}._overlay_1rolx_1 ._content_1rolx_41{animation:_appear_1rolx_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1 ._content_1rolx_41{box-shadow:none;top:0}}._overlay_1rolx_1 ._content_1rolx_41 :focus{outline:0}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle{cursor:move}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle .draggable-modal-cancel,._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1rolx_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1rolx_1{0%{opacity:0}to{opacity:1}}._footer_1rolx_102{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1rolx_106{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1rolx_106{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_11g6r_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{height:100%;top:0;bottom:0}._drawerDialog_11g6r_1._left_11g6r_13 ._contentWrapper_11g6r_19,._drawerDialog_11g6r_1._right_11g6r_14 ._contentWrapper_11g6r_19{height:100%}@media (max-width: 768px){._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}._drawerDialog_11g6r_1._left_11g6r_13{left:0;right:unset}._drawerDialog_11g6r_1._left_11g6r_13[open]{animation:_slideInLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._left_11g6r_13._closing_11g6r_36[open]{animation:_slideOutLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14{left:unset;right:0}._drawerDialog_11g6r_1._right_11g6r_14[open]{animation:_slideInRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14._closing_11g6r_36[open]{animation:_slideOutRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}._drawerDialog_11g6r_1._top_11g6r_54{top:0;bottom:unset}._drawerDialog_11g6r_1._top_11g6r_54[open]{animation:_slideInTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54._closing_11g6r_36[open]{animation:_slideOutTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55{top:unset;bottom:0}._drawerDialog_11g6r_1._bottom_11g6r_55[open]{animation:_slideInBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55._closing_11g6r_36[open]{animation:_slideOutBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_11g6r_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_11g6r_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_11g6r_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_11g6r_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_6jugu_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_6jugu_1{border-radius:var(--swui-border-radius-large)}}._modalDialog_6jugu_1:not([open]){display:none}._modalDialog_6jugu_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_6jugu_1 .25s forwards}._modalDialog_6jugu_1._closing_6jugu_25[open]{animation:_slideOut_6jugu_1 .25s forwards}@media (max-width: 768px){._modalDialog_6jugu_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_6jugu_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_6jugu_1 .25s forwards}._modalDialog_6jugu_1._closing_6jugu_25::backdrop{animation:_fadeOut_6jugu_1 .25s forwards}@keyframes _fadeIn_6jugu_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_6jugu_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_6jugu_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_6jugu_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_6jugu_89{display:flex;height:100%}}._modalActionButtons_s27nj_1{display:flex;flex-direction:row;gap:16px;justify-content:center}@media (max-width: 768px){._modalActionButtons_s27nj_1{flex-direction:column;justify-content:stretch}}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react-modal"),t=require("react/jsx-runtime"),o=require("react"),V=require("react-draggable"),i=require("classnames"),a=require("@stenajs-webui/core"),h=require("@stenajs-webui/elements"),J=require("@stenajs-webui/theme"),K=s=>{N.setAppElement(s)},Q="_overlay_5x3op_1",U="_fadeIn_5x3op_1",X="_modal_5x3op_31",Y="_content_5x3op_41",Z="_appear_5x3op_1",ee="_isDraggable_5x3op_70",te="_footer_5x3op_101",se="_stickyFooter_5x3op_105",v={overlay:Q,fadeIn:U,modal:X,content:Y,appear:Z,isDraggable:ee,footer:te,stickyFooter:se},S="draggable-modal-handle",W="draggable-modal-cancel",z=({width:s,maxWidth:e,draggable:l=!1,children:n,...r})=>{const d=o.useRef(null);return t.jsx(N,{overlayClassName:v.overlay,className:v.modal,...r,children:t.jsx(V,{handle:`.${S}`,cancel:`.${W}, button, [role="tooltip"]`,bounds:".ReactModal__Overlay",disabled:!l,nodeRef:d,children:t.jsx("div",{style:{"--swui-modal-width":s,"--swui-modal-max-width":e},className:i(v.content,{[v.isDraggable]:l}),ref:d,children:n})})})},le="_portal_17ze5_1",ne="_overlay_17ze5_4",ae="_content_17ze5_9",oe="_floating_17ze5_15",re="_slideFromLeft_17ze5_29",ce="_slideFromRight_17ze5_30",ie="_afterOpen_17ze5_36",de="_beforeClose_17ze5_40",_e="_slideFromTop_17ze5_45",ue="_slideFromBottom_17ze5_46",c={portal:le,overlay:ne,content:ae,floating:oe,slideFromLeft:re,slideFromRight:ce,afterOpen:ie,beforeClose:de,slideFromTop:_e,slideFromBottom:ue},ge=({background:s,zIndex:e,children:l,slideFrom:n="left",portalTarget:r,floating:d,..._})=>{const{height:m,width:u}=_;return t.jsx(N,{closeTimeoutMS:250,portalClassName:c.portal,overlayClassName:{base:c.overlay,afterOpen:c.afterOpen,beforeClose:c.beforeClose},className:{base:i(c.content,me(n),d&&c.floating),afterOpen:c.afterOpen,beforeClose:c.beforeClose},style:{content:{width:u,height:m,background:s},overlay:{zIndex:e}},parentSelector:r?()=>r:void 0,..._,children:l})},me=s=>{switch(s){case"left":return c.slideFromLeft;case"right":return c.slideFromRight;case"top":return c.slideFromTop;case"bottom":return c.slideFromBottom;default:return a.exhaustSwitchCase(s,c.slideFromLeft)}},fe=({header:s,contentRight:e,onRequestClose:l,icon:n})=>t.jsx(a.Spacing,{position:"sticky",top:0,zIndex:100,background:J.cssColor("--lhds-color-ui-50"),children:t.jsxs(a.Row,{justifyContent:"space-between",alignItems:"center",height:"48px",children:[t.jsxs(a.Row,{alignItems:"center",gap:2,children:[t.jsx(a.Space,{num:1}),n&&t.jsx(h.Icon,{icon:n,size:24}),t.jsx(a.Heading,{variant:"h4",children:s})]}),t.jsxs(a.Row,{gap:1,children:[e,t.jsx(h.FlatButton,{leftIcon:h.stenaTimes,onClick:l,variant:"danger"}),t.jsx(a.Space,{num:.5})]})]})}),xe="_overlay_r9tkq_1",he="_fadeIn_r9tkq_1",ye="_modal_r9tkq_31",Ce="_content_r9tkq_38",je="_appear_r9tkq_1",ve="_isDraggable_r9tkq_61",Ne="_footer_r9tkq_92",pe="_stickyFooter_r9tkq_96",k={overlay:xe,fadeIn:he,modal:ye,content:Ce,appear:je,isDraggable:ve,footer:Ne,stickyFooter:pe},we={overlay:{justifyContent:"center"}},be=({children:s,...e})=>t.jsx(N,{overlayClassName:k.overlay,className:k.modal,style:we,...e,children:t.jsx("div",{className:k.content,style:{"--swui-modal-width":"fit-content"},children:s})}),De="_overlay_1rolx_1",Ie="_fadeIn_1rolx_1",Oe="_modal_1rolx_31",$e="_content_1rolx_41",Re="_appear_1rolx_1",ke="_isDraggable_1rolx_71",Ae="_footer_1rolx_102",Be="_stickyFooter_1rolx_106",A={overlay:De,fadeIn:Ie,modal:Oe,content:$e,appear:Re,isDraggable:ke,footer:Ae,stickyFooter:Be},Fe={overlay:{justifyContent:"center"}},Se=({children:s,...e})=>t.jsx(N,{overlayClassName:A.overlay,className:A.modal,style:Fe,...e,children:t.jsx("div",{className:A.content,style:{"--swui-modal-width":"fit-content"},children:s})}),We="_modal_4fwgb_1",Le="_overlay_4fwgb_13",E={modal:We,overlay:Le},Me=({headerIconLeft:s,headerText:e,shouldCloseOnOverlayClick:l=!1,shouldCloseOnEsc:n=!1,...r})=>t.jsx(N,{...r,isOpen:!0,shouldCloseOnOverlayClick:l,shouldCloseOnEsc:n,className:E.modal,overlayClassName:E.overlay,children:t.jsxs(a.Column,{spacing:2,alignItems:"center",children:[t.jsx(a.Box,{alignItems:"center",justifyContent:"center",width:"64px",height:"64px",borderRadius:"50%",background:"white",shadow:"modal",children:t.jsx(h.Spinner,{size:"small"})}),(s||e)&&t.jsxs(t.Fragment,{children:[t.jsx(a.Spacing,{}),t.jsxs(a.Row,{indent:2,children:[s&&t.jsxs(t.Fragment,{children:[t.jsx(h.Icon,{size:14,icon:s,color:"white"}),t.jsx(a.Indent,{})]}),e&&t.jsx(a.Heading,{variant:"h4",color:"white",children:e})]})]})]})}),q=({onRequestClose:s,header:e,headerText:l,closeButtonClassName:n})=>t.jsxs(a.Row,{spacing:2,indent:2,borderBottom:"1px solid var(--lhds-color-ui-300)",className:S,children:[t.jsxs(a.Row,{flex:1,indent:!0,alignItems:"center",children:[l&&t.jsx(a.Txt,{className:W,size:"large",children:l}),e]}),t.jsx(a.Box,{alignSelf:"flex-start",children:t.jsx(h.CloseButton,{className:n,onClick:s})})]}),Ee=({header:s,headerText:e,children:l,spacing:n,indent:r,draggable:d=!1,onRequestClose:_,closeButtonClassName:m,footer:u,disableStickyFooter:j=!1,...p})=>{const w=typeof n=="number"?n:1,D=typeof r=="number"?r:1;return t.jsxs(z,{...p,onRequestClose:_,draggable:d,children:[t.jsx(q,{onRequestClose:_,header:s,headerText:e,closeButtonClassName:m}),t.jsx(a.Box,{spacing:w,indent:D,children:l}),u&&t.jsx(a.Box,{className:i(v.footer,{[v.stickyFooter]:!j}),children:u})]})},ze=({children:s})=>t.jsx(a.Column,{indent:2,spacing:2,children:s}),H=o.createContext(void 0);function $(s,e){const l=o.useRef(null),n=e.ref??l,[r,d]=o.useReducer(g=>g+1,0),_=o.useRef(),m=o.useRef(),u=o.useRef(),j=o.useRef(),[p,w]=o.useState(!1),[D,b]=o.useState(!1),R=s,P=o.useCallback(g=>{var f,x;return _.current=new Promise((y,C)=>{m.current=y,j.current=C}),b(!1),w(!0),d(),u.current=g,e.modal?(f=n.current)==null||f.showModal():(x=n.current)==null||x.show(),_.current},[n,e.modal]),M=o.useCallback(g=>{var f;b(!0),(f=n.current)==null||f.addEventListener("animationend",()=>{var x,y,C;b(!1),w(!1),(x=n.current)==null||x.close(),(y=m.current)==null||y.call(m,g),u.current=void 0,(C=e.onResolve)==null||C.call(e)},{once:!0})},[n,e]),I=o.useCallback(g=>{var f;b(!0),(f=n.current)==null||f.addEventListener("animationend",()=>{var x,y,C;b(!1),w(!1),(x=n.current)==null||x.close(),(y=j.current)==null||y.call(j,g),(C=e.onReject)==null||C.call(e),u.current=void 0},{once:!0})},[n,e]);return[o.useMemo(()=>t.jsx(H.Provider,{value:{resolve:M,reject:I},children:t.jsx("dialog",{onClick:e.disableCloseOnClickOutside?void 0:()=>I(),ref:n,className:i(e.className,D&&e.closingClassName),style:e.dialogStyle,children:e.disableCloseOnClickOutside?t.jsx(t.Fragment,{children:p&&o.createElement(R,{...u.current,key:r})}):t.jsx("div",{style:e.contentWrapperStyle,className:e.contentWrapperClassName,onClick:e.disableCloseOnClickOutside?void 0:g=>g.stopPropagation(),children:p&&o.createElement(R,{...u.current,key:r})})})}),[M,I,e.disableCloseOnClickOutside,e.className,e.closingClassName,e.dialogStyle,e.contentWrapperStyle,e.contentWrapperClassName,n,D,p,R,r]),{show:P,reject:I}]}const qe=()=>{const s=o.useContext(H);if(s==null)throw new Error("useDialogPromise is being used outside of dialog.");return s},He="_alertDialog_14t8t_1",Te="_slideIn_14t8t_1",Ge="_closing_14t8t_22",Pe="_slideOut_14t8t_1",Ve="_fadeIn_14t8t_1",Je="_fadeOut_14t8t_1",B={alertDialog:He,slideIn:Te,closing:Ge,slideOut:Pe,fadeIn:Ve,fadeOut:Je};function Ke(s,e){return $(s,{...e,modal:!0,closingClassName:i(e==null?void 0:e.closingClassName,B.closing),contentWrapperClassName:i(e==null?void 0:e.contentWrapperClassName,B.contentWrapper),className:i(e==null?void 0:e.className,B.alertDialog)})}const Qe="_drawerDialog_11g6r_1",Ue="_left_11g6r_13",Xe="_right_11g6r_14",Ye="_contentWrapper_11g6r_19",Ze="_slideInLeft_11g6r_1",et="_closing_11g6r_36",tt="_slideOutLeft_11g6r_1",st="_slideInRight_11g6r_1",lt="_slideOutRight_11g6r_1",nt="_top_11g6r_54",at="_bottom_11g6r_55",ot="_slideInTop_11g6r_1",rt="_slideOutTop_11g6r_1",ct="_slideInBottom_11g6r_1",it="_slideOutBottom_11g6r_1",O={drawerDialog:Qe,left:Ue,right:Xe,contentWrapper:Ye,slideInLeft:Ze,closing:et,slideOutLeft:tt,slideInRight:st,slideOutRight:lt,top:nt,bottom:at,slideInTop:ot,slideOutTop:rt,slideInBottom:ct,slideOutBottom:it};function dt(s,e="left",l){return $(s,{...l,disableCloseOnClickOutside:!0,modal:!1,closingClassName:i(l==null?void 0:l.closingClassName,O.closing),contentWrapperClassName:i(l==null?void 0:l.contentWrapperClassName,O.contentWrapper),className:i(l==null?void 0:l.className,O.drawerDialog,O[e])})}const _t="_modalDialog_6jugu_1",ut="_slideIn_6jugu_1",gt="_closing_6jugu_25",mt="_slideOut_6jugu_1",ft="_fadeIn_6jugu_1",xt="_fadeOut_6jugu_1",ht="_contentWrapper_6jugu_89",F={modalDialog:_t,slideIn:ut,closing:gt,slideOut:mt,fadeIn:ft,fadeOut:xt,contentWrapper:ht};function yt(s,e){return $(s,{...e,modal:!0,closingClassName:i(e==null?void 0:e.closingClassName,F.closing),contentWrapperClassName:i(e==null?void 0:e.contentWrapperClassName,F.contentWrapper),className:i(e==null?void 0:e.className,F.modalDialog)})}const L=({children:s})=>t.jsx(a.Heading,{variant:"h3",as:"h2",children:s}),Ct="_modalActionButtons_s27nj_1",jt={modalActionButtons:Ct},T=({buttons:s})=>t.jsx("div",{className:jt.modalActionButtons,children:s}),G=({gap:s=2,...e})=>t.jsx(a.Box,{indent:4,spacing:4,gap:s,...e}),vt=({icon:s,buttons:e,heading:l,text:n,children:r,maxWidth:d,minWidth:_})=>t.jsxs(G,{flexDirection:"column",alignItems:"center",maxWidth:d,minWidth:_,children:[s&&t.jsx(h.CircledIcon,{icon:s,size:"large"}),t.jsx(L,{children:l}),n&&t.jsx(a.Text,{textAlign:"center",children:n}),r,e&&t.jsx(t.Fragment,{children:t.jsxs(a.Box,{width:"100%",children:[t.jsx(a.Spacing,{}),t.jsx(T,{buttons:e})]})})]}),Nt=({heading:s,onClickClose:e})=>t.jsxs(a.Row,{justifyContent:"space-between",children:[s&&t.jsx(L,{children:s}),t.jsx(h.CloseButton,{onClick:e})]});exports.Alert=be;exports.BaseWindow=z;exports.DRAGGABLE_CANCEL_CLASSNAME=W;exports.DRAGGABLE_HANDLE_CLASSNAME=S;exports.Drawer=ge;exports.DrawerHeader=fe;exports.InfoAlert=vt;exports.LoadingModal=Me;exports.Modal=Se;exports.ModalActionButtons=T;exports.ModalBody=G;exports.ModalHeader=Nt;exports.ModalHeading=L;exports.Window=Ee;exports.WindowFooter=ze;exports.WindowHeader=q;exports.setupDeclarativeModals=K;exports.useAlertDialog=Ke;exports.useDialog=$;exports.useDialogPromise=qe;exports.useDrawerDialog=dt;exports.useModalDialog=yt;
3
3
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/modal",
3
- "version": "20.6.9",
3
+ "version": "20.6.10",
4
4
  "type": "module",
5
5
  "description": "",
6
6
  "author": "mattias800",
@@ -33,9 +33,9 @@
33
33
  "deploy": "gh-pages -d example/build"
34
34
  },
35
35
  "dependencies": {
36
- "@stenajs-webui/core": "20.6.9",
37
- "@stenajs-webui/elements": "20.6.9",
38
- "@stenajs-webui/theme": "20.6.9",
36
+ "@stenajs-webui/core": "20.6.10",
37
+ "@stenajs-webui/elements": "20.6.10",
38
+ "@stenajs-webui/theme": "20.6.10",
39
39
  "@types/react-modal": "^3.13.1",
40
40
  "classnames": "^2.3.1",
41
41
  "react-draggable": "^4.4.5",
@@ -65,5 +65,5 @@
65
65
  "files": [
66
66
  "dist"
67
67
  ],
68
- "gitHead": "c1740a1f71e0e172b994cf1253f6befb3c254443"
68
+ "gitHead": "ab35c723b6b584fba2f62cf871e9b3139b5c76fb"
69
69
  }