@stenajs-webui/forms 20.4.2 → 20.4.3

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 +61 -61
  2. package/dist/index.js +2 -2
  3. package/package.json +6 -6
package/dist/index.es.js CHANGED
@@ -1,52 +1,52 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_1ndou_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_1ndou_1._standard_1ndou_39{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1ndou_1._standard_1ndou_39:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1ndou_1._small_1ndou_51{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1ndou_1._small_1ndou_51:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1ndou_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1ndou_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1ndou_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1ndou_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1ndou_1:indeterminate._standard_1ndou_39:after{top:4px;left:8px}._checkbox_1ndou_1:indeterminate._small_1ndou_51:after{top:0;left:4px}._checkbox_1ndou_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1ndou_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1ndou_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_foy83_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_foy83_1._standard_foy83_45{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_foy83_1._standard_foy83_45:after{left:7px;top:7px}._radiobutton_foy83_1._small_foy83_55{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_foy83_1._small_foy83_55:after{left:3px;top:3px}._radiobutton_foy83_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_foy83_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_foy83_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_foy83_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_foy83_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_foy83_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_foy83_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_foy83_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_foy83_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_1h0yy_1{--swui-radio-button-box-background: var(--lhds-color-ui-200);--swui-radio-button-box-background-danger: var(--snackskal-light);--swui-radio-button-box-border-color: var(--snackskal-light);--swui-radio-button-box-border-color-hover: var(--hav);--swui-radio-button-box-border-color-danger: var(--snackskal-light);--swui-radio-button-box-border-color-danger-hover: var(--lhds-color-red-500);--current-border-color: var(--swui-radio-button-box-border-color);box-sizing:border-box;background-color:var(--swui-radio-button-box-background);position:relative;border:1px solid var(--current-border-color);width:100%;border-radius:16px;padding:var(--swui-metrics-space);font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_1h0yy_1:hover{--current-border-color: var(--swui-radio-button-box-border-color-hover)}._radioButtonBox_1h0yy_1._danger_1h0yy_29{background-color:var(--swui-radio-button-box-background-danger);--current-border-color: var(--swui-radio-button-box-border-color-danger)}._radioButtonBox_1h0yy_1._danger_1h0yy_29:hover{--current-border-color: var( --swui-radio-button-box-border-color-danger-hover )}@media (max-width: 768px){._radioButtonWrapper_1h0yy_42{width:100%}}._textInput_1jb3g_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1jb3g_1._textInput_1jb3g_1:focus-within:not(._disabled_1jb3g_11){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1jb3g_1 ._input_1jb3g_16{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_1jb3g_1 ._input_1jb3g_16:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1jb3g_1 ._input_1jb3g_16::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1jb3g_1 ._input_1jb3g_16:focus::placeholder{opacity:0}._textInput_1jb3g_1 ._input_1jb3g_16::-webkit-calendar-picker-indicator{display:none}._textInput_1jb3g_1 ._icon_1jb3g_49{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1jb3g_1._standard_1jb3g_59:hover:not(:focus-within):not(._disabled_1jb3g_11),._textInput_1jb3g_1._success_1jb3g_60:hover:not(:focus-within):not(._disabled_1jb3g_11){border-color:var(--swui-field-border-color-hover)}._textInput_1jb3g_1._success_1jb3g_60 ._icon_1jb3g_49{color:var(--swui-state-success-color)}._textInput_1jb3g_1._loading_1jb3g_72{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1jb3g_1._modified_1jb3g_77{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1jb3g_1._modified_1jb3g_77 ._icon_1jb3g_49{color:var(--lhds-color-blue-300)}._textInput_1jb3g_1._error_1jb3g_86{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._error_1jb3g_86 ._icon_1jb3g_49{color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._warning_1jb3g_95{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._warning_1jb3g_95 ._icon_1jb3g_49{color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._disabled_1jb3g_11{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1jb3g_1._textInput_1jb3g_1._hideBorder_1jb3g_109{border:none;box-shadow:none;background:none;outline:none}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover{cursor:pointer}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover ._icon_1jb3g_49{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_1evxo_1{border:1px solid var(--swui-field-border-color);border-radius:var(--swui-border-radius-large);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_1evxo_1._labelledSelect_1evxo_1._onlyTopBorder_1evxo_8{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_1evxo_1._onlyBottomBorder_1evxo_14{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_1evxo_1._error_1evxo_19{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_1evxo_1._normal_1evxo_24{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_1evxo_1 ._label_1evxo_1{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:pointer}._labelledSelect_1evxo_1 ._select_1evxo_48{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:var(--swui-font-size-inputs-large);line-height:1.5;box-sizing:border-box;cursor:pointer;padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_1evxo_1 ._select_1evxo_48._error_1evxo_19{background-color:var(--snackskal)}._labelledSelect_1evxo_1 ._select_1evxo_48._normal_1evxo_24{background-color:var(--moln)}._labelledSelect_1evxo_1 ._iconWrapper_1evxo_73{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_lnht8_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_lnht8_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyTop_lnht8_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyBottom_lnht8_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_lnht8_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_lnht8_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_lnht8_1._disabled_lnht8_42{background-color:var(--silver-lighter)}._labelledTextInput_lnht8_1._disabled_lnht8_42 input{color:var(--silver)}._labelledTextInput_lnht8_1._medium_lnht8_50:focus-within{outline-width:2px}._labelledTextInput_lnht8_1._medium_lnht8_50 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_lnht8_1._large_lnht8_62{border-radius:var(--swui-border-radius-large)}._labelledTextInput_lnht8_1._large_lnht8_62:focus-within{outline-width:3px}._labelledTextInput_lnht8_1._large_lnht8_62 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_lnht8_1._error_lnht8_76{border-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1._error_lnht8_76:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_lnht8_1._error_lnht8_76 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { jsx as o, jsxs as h, Fragment as S } from "react/jsx-runtime";
3
- import { Box as pt, Space as x, Text as R, Row as T, ScreenReaderOnlyText as M, parseFloatElseUndefined as H, getDataProps as ft } from "@stenajs-webui/core";
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_1ndou_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_1ndou_1._standard_1ndou_39{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1ndou_1._standard_1ndou_39:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1ndou_1._small_1ndou_51{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1ndou_1._small_1ndou_51:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1ndou_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1ndou_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1ndou_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1ndou_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1ndou_1:indeterminate._standard_1ndou_39:after{top:4px;left:8px}._checkbox_1ndou_1:indeterminate._small_1ndou_51:after{top:0;left:4px}._checkbox_1ndou_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1ndou_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1ndou_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_foy83_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_foy83_1._standard_foy83_45{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_foy83_1._standard_foy83_45:after{left:7px;top:7px}._radiobutton_foy83_1._small_foy83_55{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_foy83_1._small_foy83_55:after{left:3px;top:3px}._radiobutton_foy83_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_foy83_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_foy83_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_foy83_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_foy83_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_foy83_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_foy83_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_foy83_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_foy83_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_vpn6v_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;padding:var(--swui-metrics-space);font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_vpn6v_1:hover{border-color:var(--hav)}._radioButtonBox_vpn6v_1._danger_vpn6v_19{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_vpn6v_1._danger_vpn6v_19:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_vpn6v_30{width:100%}}._textInput_1jb3g_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1jb3g_1._textInput_1jb3g_1:focus-within:not(._disabled_1jb3g_11){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1jb3g_1 ._input_1jb3g_16{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_1jb3g_1 ._input_1jb3g_16:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1jb3g_1 ._input_1jb3g_16::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1jb3g_1 ._input_1jb3g_16:focus::placeholder{opacity:0}._textInput_1jb3g_1 ._input_1jb3g_16::-webkit-calendar-picker-indicator{display:none}._textInput_1jb3g_1 ._icon_1jb3g_49{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1jb3g_1._standard_1jb3g_59:hover:not(:focus-within):not(._disabled_1jb3g_11),._textInput_1jb3g_1._success_1jb3g_60:hover:not(:focus-within):not(._disabled_1jb3g_11){border-color:var(--swui-field-border-color-hover)}._textInput_1jb3g_1._success_1jb3g_60 ._icon_1jb3g_49{color:var(--swui-state-success-color)}._textInput_1jb3g_1._loading_1jb3g_72{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1jb3g_1._modified_1jb3g_77{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1jb3g_1._modified_1jb3g_77 ._icon_1jb3g_49{color:var(--lhds-color-blue-300)}._textInput_1jb3g_1._error_1jb3g_86{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._error_1jb3g_86 ._icon_1jb3g_49{color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._warning_1jb3g_95{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._warning_1jb3g_95 ._icon_1jb3g_49{color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._disabled_1jb3g_11{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1jb3g_1._textInput_1jb3g_1._hideBorder_1jb3g_109{border:none;box-shadow:none;background:none;outline:none}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover{cursor:pointer}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover ._icon_1jb3g_49{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_1evxo_1{border:1px solid var(--swui-field-border-color);border-radius:var(--swui-border-radius-large);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_1evxo_1._labelledSelect_1evxo_1._onlyTopBorder_1evxo_8{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_1evxo_1._onlyBottomBorder_1evxo_14{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_1evxo_1._error_1evxo_19{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_1evxo_1._normal_1evxo_24{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_1evxo_1 ._label_1evxo_1{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:pointer}._labelledSelect_1evxo_1 ._select_1evxo_48{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:var(--swui-font-size-inputs-large);line-height:1.5;box-sizing:border-box;cursor:pointer;padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_1evxo_1 ._select_1evxo_48._error_1evxo_19{background-color:var(--snackskal)}._labelledSelect_1evxo_1 ._select_1evxo_48._normal_1evxo_24{background-color:var(--moln)}._labelledSelect_1evxo_1 ._iconWrapper_1evxo_73{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_lnht8_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_lnht8_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyTop_lnht8_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyBottom_lnht8_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_lnht8_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_lnht8_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_lnht8_1._disabled_lnht8_42{background-color:var(--silver-lighter)}._labelledTextInput_lnht8_1._disabled_lnht8_42 input{color:var(--silver)}._labelledTextInput_lnht8_1._medium_lnht8_50:focus-within{outline-width:2px}._labelledTextInput_lnht8_1._medium_lnht8_50 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_lnht8_1._large_lnht8_62{border-radius:var(--swui-border-radius-large)}._labelledTextInput_lnht8_1._large_lnht8_62:focus-within{outline-width:3px}._labelledTextInput_lnht8_1._large_lnht8_62 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_lnht8_1._error_lnht8_76{border-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1._error_lnht8_76:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_lnht8_1._error_lnht8_76 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ import { jsx as o, jsxs as b, Fragment as S } from "react/jsx-runtime";
3
+ import { Box as pt, Space as x, Text as N, Row as T, ScreenReaderOnlyText as M, parseFloatElseUndefined as H, getDataProps as ft } from "@stenajs-webui/core";
4
4
  import * as mt from "react";
5
- import { forwardRef as W, useRef as P, useCallback as g, useEffect as z, useMemo as ht, useState as bt, useId as O } from "react";
6
- import b from "classnames";
5
+ import { forwardRef as W, useRef as P, useCallback as g, useEffect as z, useMemo as bt, useState as ht, useId as O } from "react";
6
+ import h from "classnames";
7
7
  import { Icon as D, stenaCheck as E, stenaExclamationTriangle as G, InputSpinner as X, UpDownButtons as xt, TextInputButton as $, stenaEyeShow as yt, stenaEyeHide as It, stenaAngleDown as gt } from "@stenajs-webui/elements";
8
8
  import { FontAwesomeIcon as wt } from "@fortawesome/react-fontawesome";
9
9
  import { cssColor as q } from "@stenajs-webui/theme";
10
- const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75", N = {
10
+ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75", v = {
11
11
  switch: "_switch_1d6s8_1",
12
12
  knob: Bt,
13
13
  filler: Tt,
14
14
  checked: kt
15
- }, St = `${N.switch} ${N.checked}`, Nt = ({
15
+ }, St = `${v.switch} ${v.checked}`, vt = ({
16
16
  value: t,
17
17
  disabled: e,
18
18
  onValueChange: n,
19
19
  className: r,
20
20
  wrapperRef: c,
21
21
  ...s
22
- }) => /* @__PURE__ */ o("div", { className: r, ref: c, children: /* @__PURE__ */ h(
22
+ }) => /* @__PURE__ */ o("div", { className: r, ref: c, children: /* @__PURE__ */ b(
23
23
  "button",
24
24
  {
25
25
  type: "button",
26
26
  role: "switch",
27
27
  "aria-checked": t,
28
- className: t ? St : N.switch,
28
+ className: t ? St : v.switch,
29
29
  disabled: e,
30
30
  onClick: () => n && n(!t),
31
31
  ...s,
32
32
  children: [
33
- /* @__PURE__ */ o("div", { className: N.filler }),
34
- /* @__PURE__ */ o("div", { className: N.knob })
33
+ /* @__PURE__ */ o("div", { className: v.filler }),
34
+ /* @__PURE__ */ o("div", { className: v.knob })
35
35
  ]
36
36
  }
37
- ) }), ve = ({
37
+ ) }), Re = ({
38
38
  label: t,
39
39
  disabled: e,
40
40
  textColor: n,
41
41
  wrapperRef: r,
42
42
  ...c
43
- }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ h(pt, { row: !0, alignItems: "center", children: [
44
- /* @__PURE__ */ o(Nt, { disabled: e, ...c }),
43
+ }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ b(pt, { row: !0, alignItems: "center", children: [
44
+ /* @__PURE__ */ o(vt, { disabled: e, ...c }),
45
45
  /* @__PURE__ */ o(x, {}),
46
- /* @__PURE__ */ o(R, { userSelect: "none", color: n, children: t })
47
- ] }) }) }), Rt = "_checkbox_1ndou_1", vt = "_standard_1ndou_39", jt = "_small_1ndou_51", F = {
48
- checkbox: Rt,
49
- standard: vt,
46
+ /* @__PURE__ */ o(N, { userSelect: "none", color: n, children: t })
47
+ ] }) }) }), Nt = "_checkbox_1ndou_1", Rt = "_standard_1ndou_39", jt = "_small_1ndou_51", F = {
48
+ checkbox: Nt,
49
+ standard: Rt,
50
50
  small: jt
51
51
  }, $t = W(
52
52
  ({
@@ -72,7 +72,7 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
72
72
  "input",
73
73
  {
74
74
  type: "checkbox",
75
- className: b(F.checkbox, F[c], s),
75
+ className: h(F.checkbox, F[c], s),
76
76
  checked: r,
77
77
  onChange: _,
78
78
  ref: f,
@@ -87,10 +87,10 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
87
87
  wrapperRef: r,
88
88
  textColor: c,
89
89
  ...s
90
- }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ h(T, { alignItems: "center", children: [
90
+ }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ b(T, { alignItems: "center", children: [
91
91
  /* @__PURE__ */ o($t, { ...s, ref: n }),
92
92
  /* @__PURE__ */ o(x, {}),
93
- e && /* @__PURE__ */ o(R, { userSelect: "none", color: c, children: e }),
93
+ e && /* @__PURE__ */ o(N, { userSelect: "none", color: c, children: e }),
94
94
  t
95
95
  ] }) }) }), At = "_radiobutton_foy83_1", Ht = "_standard_foy83_45", Wt = "_small_foy83_55", L = {
96
96
  radiobutton: At,
@@ -116,14 +116,14 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
116
116
  {
117
117
  type: "radio",
118
118
  name: r,
119
- className: b(L.radiobutton, L[n], c),
119
+ className: h(L.radiobutton, L[n], c),
120
120
  onChange: a,
121
121
  ref: l,
122
122
  ...s
123
123
  }
124
124
  );
125
125
  }
126
- ), Pt = "_radioButtonBox_1h0yy_1", Ut = "_danger_1h0yy_29", Ft = "_radioButtonWrapper_1h0yy_42", K = {
126
+ ), Pt = "_radioButtonBox_vpn6v_1", Ut = "_danger_vpn6v_19", Ft = "_radioButtonWrapper_vpn6v_30", K = {
127
127
  radioButtonBox: Pt,
128
128
  danger: Ut,
129
129
  radioButtonWrapper: Ft
@@ -139,14 +139,14 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
139
139
  }) => /* @__PURE__ */ o(
140
140
  "label",
141
141
  {
142
- className: b(K.radioButtonBox, K[n], c),
142
+ className: h(K.radioButtonBox, K[n], c),
143
143
  style: s,
144
- children: /* @__PURE__ */ h(T, { justifyContent: "space-between", flexGrow: 1, children: [
145
- /* @__PURE__ */ h(T, { alignItems: "center", children: [
144
+ children: /* @__PURE__ */ b(T, { justifyContent: "space-between", flexGrow: 1, children: [
145
+ /* @__PURE__ */ b(T, { alignItems: "center", children: [
146
146
  /* @__PURE__ */ o(J, { ...a, className: l }),
147
147
  /* @__PURE__ */ o(x, {}),
148
148
  e ? /* @__PURE__ */ o(M, { children: e }) : null,
149
- /* @__PURE__ */ o(R, { "aria-hidden": !!e, children: t })
149
+ /* @__PURE__ */ o(N, { "aria-hidden": !!e, children: t })
150
150
  ] }),
151
151
  /* @__PURE__ */ o(T, { alignItems: "center", width: "48px", justifyContent: "center", children: r && /* @__PURE__ */ o(D, { icon: r, size: 24 }) })
152
152
  ] })
@@ -157,10 +157,10 @@ const Bt = "_knob_1d6s8_56", Tt = "_filler_1d6s8_61", kt = "_checked_1d6s8_75",
157
157
  wrapperRef: n,
158
158
  textColor: r,
159
159
  ...c
160
- }) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ h(T, { alignItems: "center", children: [
160
+ }) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ b(T, { alignItems: "center", children: [
161
161
  /* @__PURE__ */ o(J, { ref: e, ...c }),
162
162
  /* @__PURE__ */ o(x, {}),
163
- /* @__PURE__ */ o(R, { color: r, userSelect: "none", children: t })
163
+ /* @__PURE__ */ o(N, { color: r, userSelect: "none", children: t })
164
164
  ] }) }) }), Lt = (t, e, n, r, c, s, l, a) => {
165
165
  const i = P(!1), f = (d) => {
166
166
  i.current || s == null || s(d.target.value ?? ""), l == null || l(d);
@@ -224,8 +224,8 @@ const Mt = (t, e, n) => {
224
224
  _,
225
225
  f
226
226
  ), y = g(
227
- (v) => {
228
- r == null || r(v), c == null || c(v.target.value);
227
+ (R) => {
228
+ r == null || r(R), c == null || c(R.target.value);
229
229
  },
230
230
  [r, c]
231
231
  );
@@ -259,21 +259,21 @@ const Mt = (t, e, n) => {
259
259
  disableContentPadding: l,
260
260
  disableContentPaddingLeft: a,
261
261
  disableContentPaddingRight: i
262
- }) => !r && !e && !t ? null : t ? /* @__PURE__ */ h(S, { children: [
262
+ }) => !r && !e && !t ? null : t ? /* @__PURE__ */ b(S, { children: [
263
263
  c ? /* @__PURE__ */ o(x, { num: 0.25 }) : null,
264
264
  t,
265
265
  s ? /* @__PURE__ */ o(x, { num: 0.25 }) : null
266
- ] }) : r ? /* @__PURE__ */ h(S, { children: [
266
+ ] }) : r ? /* @__PURE__ */ b(S, { children: [
267
267
  c && !(l || a) ? /* @__PURE__ */ o(x, {}) : null,
268
268
  r || null,
269
269
  s && !(l || i) ? /* @__PURE__ */ o(x, {}) : null
270
- ] }) : /* @__PURE__ */ h(S, { children: [
270
+ ] }) : /* @__PURE__ */ b(S, { children: [
271
271
  c ? /* @__PURE__ */ o(x, {}) : null,
272
272
  e && /* @__PURE__ */ o(
273
273
  wt,
274
274
  {
275
275
  icon: e,
276
- className: b(I.icon, n)
276
+ className: h(I.icon, n)
277
277
  }
278
278
  ),
279
279
  s ? /* @__PURE__ */ o(x, {}) : null
@@ -295,7 +295,7 @@ const Mt = (t, e, n) => {
295
295
  moveCursorToEndOnMount: m,
296
296
  selectAllOnMount: w,
297
297
  autoFocus: y,
298
- onValueChange: v,
298
+ onValueChange: R,
299
299
  wrapperClassName: Z,
300
300
  wrapperStyle: C,
301
301
  onDone: V,
@@ -312,7 +312,7 @@ const Mt = (t, e, n) => {
312
312
  onEnter: tt,
313
313
  onEsc: et,
314
314
  onChange: nt,
315
- onValueChange: v,
315
+ onValueChange: R,
316
316
  selectAllOnMount: w,
317
317
  moveCursorToEndOnMount: m,
318
318
  onDone: V,
@@ -322,10 +322,10 @@ const Mt = (t, e, n) => {
322
322
  onKeyDown: ot,
323
323
  autoFocus: y
324
324
  }), ut = e === "success" ? E : e === "warning" || e === "error" ? G : p, _t = e === "loading" ? /* @__PURE__ */ o(X, {}) : i;
325
- return /* @__PURE__ */ h(
325
+ return /* @__PURE__ */ b(
326
326
  "div",
327
327
  {
328
- className: b(
328
+ className: h(
329
329
  I.textInput,
330
330
  I[e],
331
331
  {
@@ -353,7 +353,7 @@ const Mt = (t, e, n) => {
353
353
  /* @__PURE__ */ o(
354
354
  "input",
355
355
  {
356
- className: b(I.input, c),
356
+ className: h(I.input, c),
357
357
  type: "text",
358
358
  disabled: r,
359
359
  ref: U,
@@ -435,8 +435,8 @@ const Mt = (t, e, n) => {
435
435
  return /* @__PURE__ */ o(
436
436
  Q,
437
437
  {
438
- contentRight: i ? s : /* @__PURE__ */ h(S, { children: [
439
- s && /* @__PURE__ */ h(S, { children: [
438
+ contentRight: i ? s : /* @__PURE__ */ b(S, { children: [
439
+ s && /* @__PURE__ */ b(S, { children: [
440
440
  s,
441
441
  /* @__PURE__ */ o(x, {})
442
442
  ] }),
@@ -457,7 +457,7 @@ const Mt = (t, e, n) => {
457
457
  min: r,
458
458
  max: n,
459
459
  step: c,
460
- className: b(ee.numericTextInputInput, a),
460
+ className: h(ee.numericTextInputInput, a),
461
461
  disabled: l,
462
462
  ...f
463
463
  }
@@ -474,7 +474,7 @@ const Mt = (t, e, n) => {
474
474
  }
475
475
  },
476
476
  [e]
477
- ), r = ht(() => t === void 0 ? "" : String(t), [t]);
477
+ ), r = bt(() => t === void 0 ? "" : String(t), [t]);
478
478
  return {
479
479
  onValueChange: n,
480
480
  value: r
@@ -484,7 +484,7 @@ const Mt = (t, e, n) => {
484
484
  visibleIcon: e = It,
485
485
  ...n
486
486
  }) => {
487
- const [r, c] = bt(!0);
487
+ const [r, c] = ht(!0);
488
488
  return /* @__PURE__ */ o(
489
489
  Q,
490
490
  {
@@ -504,7 +504,7 @@ const Mt = (t, e, n) => {
504
504
  text: e,
505
505
  ...n
506
506
  }) => /* @__PURE__ */ o(
507
- R,
507
+ N,
508
508
  {
509
509
  variant: "bold",
510
510
  color: q(t ? "--silver" : "--tjara"),
@@ -518,7 +518,7 @@ const Mt = (t, e, n) => {
518
518
  label: n,
519
519
  disabled: r,
520
520
  className: c
521
- }) => /* @__PURE__ */ h("label", { htmlFor: t, className: c, children: [
521
+ }) => /* @__PURE__ */ b("label", { htmlFor: t, className: c, children: [
522
522
  e ? /* @__PURE__ */ o(M, { children: e }) : null,
523
523
  /* @__PURE__ */ o(
524
524
  oe,
@@ -554,10 +554,10 @@ const Mt = (t, e, n) => {
554
554
  },
555
555
  [t, e]
556
556
  );
557
- return /* @__PURE__ */ h(
557
+ return /* @__PURE__ */ b(
558
558
  "div",
559
559
  {
560
- className: b(
560
+ className: h(
561
561
  B.labelledSelect,
562
562
  B[l],
563
563
  B[s]
@@ -577,12 +577,12 @@ const Mt = (t, e, n) => {
577
577
  {
578
578
  id: _,
579
579
  onChange: u,
580
- className: b(B.select, B[l]),
580
+ className: h(B.select, B[l]),
581
581
  ...i,
582
582
  children: a
583
583
  }
584
584
  ),
585
- /* @__PURE__ */ o("div", { className: b(B.iconWrapper), children: /* @__PURE__ */ o(
585
+ /* @__PURE__ */ o("div", { className: h(B.iconWrapper), children: /* @__PURE__ */ o(
586
586
  D,
587
587
  {
588
588
  icon: gt,
@@ -593,12 +593,12 @@ const Mt = (t, e, n) => {
593
593
  ]
594
594
  }
595
595
  );
596
- }, pe = "_labelledTextInput_lnht8_1", fe = "_onlyTop_lnht8_21", me = "_onlyBottom_lnht8_27", he = "_disabled_lnht8_42", be = "_medium_lnht8_50", xe = "_large_lnht8_62", ye = "_error_lnht8_76", k = {
596
+ }, pe = "_labelledTextInput_lnht8_1", fe = "_onlyTop_lnht8_21", me = "_onlyBottom_lnht8_27", be = "_disabled_lnht8_42", he = "_medium_lnht8_50", xe = "_large_lnht8_62", ye = "_error_lnht8_76", k = {
597
597
  labelledTextInput: pe,
598
598
  onlyTop: fe,
599
599
  onlyBottom: me,
600
- disabled: he,
601
- medium: be,
600
+ disabled: be,
601
+ medium: he,
602
602
  large: xe,
603
603
  error: ye
604
604
  }, Fe = mt.forwardRef(
@@ -622,10 +622,10 @@ const Mt = (t, e, n) => {
622
622
  },
623
623
  [l, i]
624
624
  );
625
- return /* @__PURE__ */ h(
625
+ return /* @__PURE__ */ b(
626
626
  "div",
627
627
  {
628
- className: b(
628
+ className: h(
629
629
  k.labelledTextInput,
630
630
  k[_],
631
631
  k[f],
@@ -675,10 +675,10 @@ const Mt = (t, e, n) => {
675
675
  children: p
676
676
  }) => {
677
677
  const m = t === "success" ? E : t === "warning" || t === "error" ? G : f, w = t === "loading" ? /* @__PURE__ */ o(X, {}) : s;
678
- return /* @__PURE__ */ h(
678
+ return /* @__PURE__ */ b(
679
679
  "div",
680
680
  {
681
- className: b(
681
+ className: h(
682
682
  I.textInput,
683
683
  I.inputContainer,
684
684
  I[t],
@@ -741,7 +741,7 @@ const Mt = (t, e, n) => {
741
741
  disabled: a,
742
742
  rows: l,
743
743
  readOnly: s,
744
- className: b(ge.textArea, t),
744
+ className: h(ge.textArea, t),
745
745
  style: { resize: c },
746
746
  onChange: _,
747
747
  value: e,
@@ -763,8 +763,8 @@ export {
763
763
  J as RadioButton,
764
764
  $e as RadioButtonBox,
765
765
  Ae as RadioButtonWithLabel,
766
- Nt as Switch,
767
- ve as SwitchWithLabel,
766
+ vt as Switch,
767
+ Re as SwitchWithLabel,
768
768
  Ke as TextArea,
769
769
  Q as TextInput,
770
770
  Le as TextInputBox,
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('._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_1ndou_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_1ndou_1._standard_1ndou_39{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1ndou_1._standard_1ndou_39:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1ndou_1._small_1ndou_51{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1ndou_1._small_1ndou_51:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1ndou_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1ndou_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1ndou_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1ndou_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1ndou_1:indeterminate._standard_1ndou_39:after{top:4px;left:8px}._checkbox_1ndou_1:indeterminate._small_1ndou_51:after{top:0;left:4px}._checkbox_1ndou_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1ndou_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1ndou_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_foy83_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_foy83_1._standard_foy83_45{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_foy83_1._standard_foy83_45:after{left:7px;top:7px}._radiobutton_foy83_1._small_foy83_55{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_foy83_1._small_foy83_55:after{left:3px;top:3px}._radiobutton_foy83_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_foy83_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_foy83_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_foy83_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_foy83_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_foy83_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_foy83_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_foy83_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_foy83_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_1h0yy_1{--swui-radio-button-box-background: var(--lhds-color-ui-200);--swui-radio-button-box-background-danger: var(--snackskal-light);--swui-radio-button-box-border-color: var(--snackskal-light);--swui-radio-button-box-border-color-hover: var(--hav);--swui-radio-button-box-border-color-danger: var(--snackskal-light);--swui-radio-button-box-border-color-danger-hover: var(--lhds-color-red-500);--current-border-color: var(--swui-radio-button-box-border-color);box-sizing:border-box;background-color:var(--swui-radio-button-box-background);position:relative;border:1px solid var(--current-border-color);width:100%;border-radius:16px;padding:var(--swui-metrics-space);font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_1h0yy_1:hover{--current-border-color: var(--swui-radio-button-box-border-color-hover)}._radioButtonBox_1h0yy_1._danger_1h0yy_29{background-color:var(--swui-radio-button-box-background-danger);--current-border-color: var(--swui-radio-button-box-border-color-danger)}._radioButtonBox_1h0yy_1._danger_1h0yy_29:hover{--current-border-color: var( --swui-radio-button-box-border-color-danger-hover )}@media (max-width: 768px){._radioButtonWrapper_1h0yy_42{width:100%}}._textInput_1jb3g_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1jb3g_1._textInput_1jb3g_1:focus-within:not(._disabled_1jb3g_11){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1jb3g_1 ._input_1jb3g_16{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_1jb3g_1 ._input_1jb3g_16:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1jb3g_1 ._input_1jb3g_16::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1jb3g_1 ._input_1jb3g_16:focus::placeholder{opacity:0}._textInput_1jb3g_1 ._input_1jb3g_16::-webkit-calendar-picker-indicator{display:none}._textInput_1jb3g_1 ._icon_1jb3g_49{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1jb3g_1._standard_1jb3g_59:hover:not(:focus-within):not(._disabled_1jb3g_11),._textInput_1jb3g_1._success_1jb3g_60:hover:not(:focus-within):not(._disabled_1jb3g_11){border-color:var(--swui-field-border-color-hover)}._textInput_1jb3g_1._success_1jb3g_60 ._icon_1jb3g_49{color:var(--swui-state-success-color)}._textInput_1jb3g_1._loading_1jb3g_72{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1jb3g_1._modified_1jb3g_77{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1jb3g_1._modified_1jb3g_77 ._icon_1jb3g_49{color:var(--lhds-color-blue-300)}._textInput_1jb3g_1._error_1jb3g_86{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._error_1jb3g_86 ._icon_1jb3g_49{color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._warning_1jb3g_95{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._warning_1jb3g_95 ._icon_1jb3g_49{color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._disabled_1jb3g_11{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1jb3g_1._textInput_1jb3g_1._hideBorder_1jb3g_109{border:none;box-shadow:none;background:none;outline:none}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover{cursor:pointer}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover ._icon_1jb3g_49{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_1evxo_1{border:1px solid var(--swui-field-border-color);border-radius:var(--swui-border-radius-large);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_1evxo_1._labelledSelect_1evxo_1._onlyTopBorder_1evxo_8{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_1evxo_1._onlyBottomBorder_1evxo_14{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_1evxo_1._error_1evxo_19{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_1evxo_1._normal_1evxo_24{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_1evxo_1 ._label_1evxo_1{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:pointer}._labelledSelect_1evxo_1 ._select_1evxo_48{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:var(--swui-font-size-inputs-large);line-height:1.5;box-sizing:border-box;cursor:pointer;padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_1evxo_1 ._select_1evxo_48._error_1evxo_19{background-color:var(--snackskal)}._labelledSelect_1evxo_1 ._select_1evxo_48._normal_1evxo_24{background-color:var(--moln)}._labelledSelect_1evxo_1 ._iconWrapper_1evxo_73{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_lnht8_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_lnht8_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyTop_lnht8_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyBottom_lnht8_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_lnht8_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_lnht8_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_lnht8_1._disabled_lnht8_42{background-color:var(--silver-lighter)}._labelledTextInput_lnht8_1._disabled_lnht8_42 input{color:var(--silver)}._labelledTextInput_lnht8_1._medium_lnht8_50:focus-within{outline-width:2px}._labelledTextInput_lnht8_1._medium_lnht8_50 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_lnht8_1._large_lnht8_62{border-radius:var(--swui-border-radius-large)}._labelledTextInput_lnht8_1._large_lnht8_62:focus-within{outline-width:3px}._labelledTextInput_lnht8_1._large_lnht8_62 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_lnht8_1._error_lnht8_76{border-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1._error_lnht8_76:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_lnht8_1._error_lnht8_76 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("@stenajs-webui/core"),p=require("react"),m=require("classnames"),h=require("@stenajs-webui/elements"),at=require("@fortawesome/react-fontawesome"),L=require("@stenajs-webui/theme");function it(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const ut=it(p),dt="_knob_1d6s8_56",xt="_filler_1d6s8_61",pt="_checked_1d6s8_75",S={switch:"_switch_1d6s8_1",knob:dt,filler:xt,checked:pt},_t=`${S.switch} ${S.checked}`,P=({value:t,disabled:e,onValueChange:r,className:s,wrapperRef:o,...c})=>n.jsx("div",{className:s,ref:o,children:n.jsxs("button",{type:"button",role:"switch","aria-checked":t,className:t?_t:S.switch,disabled:e,onClick:()=>r&&r(!t),...c,children:[n.jsx("div",{className:S.filler}),n.jsx("div",{className:S.knob})]})}),ft=({label:t,disabled:e,textColor:r,wrapperRef:s,...o})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(d.Box,{row:!0,alignItems:"center",children:[n.jsx(P,{disabled:e,...o}),n.jsx(d.Space,{}),n.jsx(d.Text,{userSelect:"none",color:r,children:t})]})})}),bt="_checkbox_1ndou_1",jt="_standard_1ndou_39",ht="_small_1ndou_51",H={checkbox:bt,standard:jt,small:ht},O=p.forwardRef(({indeterminate:t=!1,onChange:e,onValueChange:r,value:s=!1,size:o="standard",className:c,...l},i)=>{const a=p.useRef(),b=x=>{a.current=x,a.current&&(a.current.indeterminate=!!t),i&&(typeof i=="function"?i(x):i.current=x)},_=p.useCallback(x=>{e&&e(x),r&&r(x.target.checked)},[e,r]);return p.useEffect(()=>{a.current&&(a.current.indeterminate=!!t)},[t,a]),n.jsx("input",{type:"checkbox",className:m(H.checkbox,H[o],c),checked:s,onChange:_,ref:b,...l})}),mt=({children:t,label:e,inputRef:r,wrapperRef:s,textColor:o,...c})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(O,{...c,ref:r}),n.jsx(d.Space,{}),e&&n.jsx(d.Text,{userSelect:"none",color:o,children:e}),t]})})}),yt="_radiobutton_foy83_1",It="_standard_foy83_45",gt="_small_foy83_55",F={radiobutton:yt,standard:It,small:gt},N=p.forwardRef(({onChange:t,onValueChange:e,size:r="standard",name:s,className:o,...c},l)=>{const i=p.useCallback(a=>{t&&t(a),e&&e(a.target.value)},[t,e]);return n.jsx("input",{type:"radio",name:s,className:m(F.radiobutton,F[r],o),onChange:i,ref:l,...c})}),wt="_radioButtonBox_1h0yy_1",Tt="_danger_1h0yy_29",St="_radioButtonWrapper_1h0yy_42",W={radioButtonBox:wt,danger:Tt,radioButtonWrapper:St},kt=({label:t,screenReaderLabel:e,variant:r="normal",icon:s,className:o,style:c,radioButtonClassName:l,...i})=>n.jsx("label",{className:m(W.radioButtonBox,W[r],o),style:c,children:n.jsxs(d.Row,{justifyContent:"space-between",flexGrow:1,children:[n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(N,{...i,className:l}),n.jsx(d.Space,{}),e?n.jsx(d.ScreenReaderOnlyText,{children:e}):null,n.jsx(d.Text,{"aria-hidden":!!e,children:t})]}),n.jsx(d.Row,{alignItems:"center",width:"48px",justifyContent:"center",children:s&&n.jsx(h.Icon,{icon:s,size:24})})]})}),Bt=({label:t,inputRef:e,wrapperRef:r,textColor:s,...o})=>n.jsx("div",{ref:r,children:n.jsx("label",{children:n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(N,{ref:e,...o}),n.jsx(d.Space,{}),n.jsx(d.Text,{color:s,userSelect:"none",children:t})]})})}),U=(t,e,r,s,o,c,l,i)=>{const a=p.useRef(!1),b=u=>{a.current||c==null||c(u.target.value??""),l==null||l(u)},_=u=>{a.current=!1,i==null||i(u)};return{onKeyDownHandler:p.useCallback(u=>{const{key:f}=u;if(f==="Enter")a.current=!0,r==null||r(),c==null||c(u.currentTarget.value??"");else if(f==="Escape")a.current=!0,s==null||s(),u.preventDefault(),u.stopPropagation();else if(o){const j=(g,y)=>{a.current=!0,t.current.blur(),o(g),y.preventDefault(),y.stopPropagation()};u.shiftKey&&f==="Tab"?j("left",u):f==="Tab"?j("right",u):f==="ArrowUp"?j("up",u):f==="ArrowDown"?j("down",u):f==="ArrowRight"?t.current.value.length===t.current.selectionStart&&j("right",u):f==="ArrowLeft"&&t.current.selectionStart===0&&j("left",u)}e&&e(u)},[s,o,e,t,r,c]),onBlurHandler:b,onFocusHandler:_}};function M(t){return t.tagName==="TEXTAREA"||t.tagName==="INPUT"&&(t.type==="text"||t.type==="search"||t.type==="url"||t.type==="tel"||t.type==="password")}const q=(t,e,r)=>{p.useEffect(()=>{t.current&&M(t.current)&&(r?t.current.setSelectionRange(0,t.current.value.length):e&&t.current.setSelectionRange(t.current.value.length,t.current.value.length))},[e,t,r])},K=(t,{onEnter:e,onEsc:r,onChange:s,onValueChange:o,selectAllOnMount:c,moveCursorToEndOnMount:l,onDone:i,onMove:a,onFocus:b,onBlur:_,onKeyDown:x,autoFocus:u})=>{q(t,!!l,!!c);const{onKeyDownHandler:f,onFocusHandler:j,onBlurHandler:g}=U(t,x,e,r,a,i,_,b),y=p.useCallback(k=>{s==null||s(k),o==null||o(k.target.value)},[s,o]);return{onBlur:g,onChange:y,onFocus:j,onKeyDown:f,autoFocus:c||u}},Rt="_textInput_1jb3g_1",Nt="_disabled_1jb3g_11",vt="_input_1jb3g_16",At="_icon_1jb3g_49",$t="_standard_1jb3g_59",Ht="_success_1jb3g_60",Ft="_loading_1jb3g_72",Wt="_modified_1jb3g_77",Lt="_error_1jb3g_86",Pt="_warning_1jb3g_95",Ot="_hideBorder_1jb3g_109",Ut="_clickable_1jb3g_116",I={textInput:Rt,disabled:Nt,input:vt,icon:At,standard:$t,success:Ht,loading:Ft,modified:Wt,error:Lt,warning:Pt,hideBorder:Ot,clickable:Ut},B=({button:t,icon:e,iconClassName:r,content:s,spaceOnLeft:o,spaceOnRight:c,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a})=>!s&&!e&&!t?null:t?n.jsxs(n.Fragment,{children:[o?n.jsx(d.Space,{num:.25}):null,t,c?n.jsx(d.Space,{num:.25}):null]}):s?n.jsxs(n.Fragment,{children:[o&&!(l||i)?n.jsx(d.Space,{}):null,s||null,c&&!(l||a)?n.jsx(d.Space,{}):null]}):n.jsxs(n.Fragment,{children:[o?n.jsx(d.Space,{}):null,e&&n.jsx(at.FontAwesomeIcon,{icon:e,className:m(I.icon,r)}),c?n.jsx(d.Space,{}):null]}),v=t=>{const{variant:e="standard",inputRef:r,disabled:s,className:o,buttonLeft:c,buttonRight:l,contentLeft:i,contentRight:a,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,iconLeft:u,iconRight:f,moveCursorToEndOnMount:j,selectAllOnMount:g,autoFocus:y,onValueChange:k,wrapperClassName:D,wrapperStyle:G,onDone:X,onEnter:J,onEsc:Q,onMove:Y,onChange:Z,onKeyDown:V,hideBorder:tt,onFocus:et,onBlur:nt,...st}=t,rt=p.useRef(null),$=r??rt,ot=K($,{onEnter:J,onEsc:Q,onChange:Z,onValueChange:k,selectAllOnMount:g,moveCursorToEndOnMount:j,onDone:X,onMove:Y,onFocus:et,onBlur:nt,onKeyDown:V,autoFocus:y}),ct=e==="success"?h.stenaCheck:e==="warning"||e==="error"?h.stenaExclamationTriangle:f,lt=e==="loading"?n.jsx(h.InputSpinner,{}):a;return n.jsxs("div",{className:m(I.textInput,I[e],{[I.disabled]:s},{[I.hideBorder]:tt},D),style:G,children:[n.jsx(B,{content:i,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,icon:u,spaceOnLeft:!0,button:c}),n.jsx("input",{className:m(I.input,o),type:"text",disabled:s,ref:$,autoFocus:y,...st,...ot}),n.jsx(B,{content:lt,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,icon:ct,spaceOnRight:!0,button:l})]})},Mt="_numericTextInputInput_1tnr6_1",qt={numericTextInputInput:Mt},E=({onValueChange:t,value:e,numSteps:r,min:s,max:o})=>{if(t)if(!e)t(String(R(r,s,o)));else{const l=(d.parseFloatElseUndefined(e)||0)+r;t(String(R(l,s,o)))}},z=({onValueChange:t,newValue:e,min:r,max:s})=>{if(t)if(e==="")t("");else{const c=d.parseFloatElseUndefined(e)||0;t(String(R(c,r,s)))}},R=(t,e,r)=>{let s=t;return e!=null&&(s=Math.max(e,s)),r!=null&&(s=Math.min(r,s)),s},Kt=({value:t,onValueChange:e,max:r,min:s,step:o=1,contentRight:c,disabled:l,className:i,hideButtons:a,...b})=>{const _=p.useCallback(f=>{E({onValueChange:e,value:t,numSteps:f,min:s,max:r})},[t,r,s,e]),x=p.useCallback(f=>{z({onValueChange:e,newValue:f,min:s,max:r})},[r,s,e]),u=a?c:n.jsxs(n.Fragment,{children:[c&&n.jsxs(n.Fragment,{children:[c,n.jsx(d.Space,{})]}),n.jsx(h.UpDownButtons,{onClickUp:l?void 0:()=>_(o),onClickDown:l?void 0:()=>_(-o),iconColor:"var(--swui-textinput-text-color)",disabled:l})]});return n.jsx(v,{contentRight:u,value:t,onValueChange:x,disableContentPaddingRight:!a,type:"number",min:s,max:r,step:o,className:m(qt.numericTextInputInput,i),disabled:l,...b})},Et=(t,e)=>{const r=p.useCallback(o=>{if(e)if(!o)e(void 0);else{const c=d.parseFloatElseUndefined(o);c!==void 0&&e(c)}},[e]),s=p.useMemo(()=>t===void 0?"":String(t),[t]);return{onValueChange:r,value:s}},zt=({hiddenIcon:t=h.stenaEyeShow,visibleIcon:e=h.stenaEyeHide,...r})=>{const[s,o]=p.useState(!0);return n.jsx(v,{buttonRight:n.jsx(h.TextInputButton,{icon:s?t:e,onClick:()=>o(c=>!c)}),type:s?"password":"text",...r})},C=({disabled:t,text:e,...r})=>n.jsx(d.Text,{variant:"bold",color:L.cssColor(t?"--silver":"--tjara"),size:"small",...d.getDataProps(r),children:e}),A=({htmlFor:t,screenReaderLabel:e,label:r,disabled:s,className:o})=>n.jsxs("label",{htmlFor:t,className:o,children:[e?n.jsx(d.ScreenReaderOnlyText,{children:e}):null,n.jsx(C,{"aria-hidden":!!e,text:r,disabled:s})]}),Ct="_labelledSelect_1evxo_1",Dt="_onlyTopBorder_1evxo_8",Gt="_onlyBottomBorder_1evxo_14",Xt="_error_1evxo_19",Jt="_normal_1evxo_24",Qt="_label_1evxo_1",Yt="_select_1evxo_48",Zt="_iconWrapper_1evxo_73",w={labelledSelect:Ct,onlyTopBorder:Dt,onlyBottomBorder:Gt,error:Xt,normal:Jt,label:Qt,select:Yt,iconWrapper:Zt},Vt=({onChange:t,onValueChange:e,id:r,label:s,screenReaderLabel:o,borderVariant:c="normalBorder",variant:l="normal",children:i,...a})=>{const b=p.useId(),_=r??b,x=p.useCallback(u=>{t==null||t(u),e==null||e(u.target.value)},[t,e]);return n.jsxs("div",{className:m(w.labelledSelect,w[l],w[c]),children:[n.jsx(A,{htmlFor:_,className:w.label,label:s,screenReaderLabel:o}),n.jsx("select",{id:_,onChange:x,className:m(w.select,w[l]),...a,children:i}),n.jsx("div",{className:m(w.iconWrapper),children:n.jsx(h.Icon,{icon:h.stenaAngleDown,size:24,color:L.cssColor("--modern-blue")})})]})},te="_labelledTextInput_lnht8_1",ee="_onlyTop_lnht8_21",ne="_onlyBottom_lnht8_27",se="_disabled_lnht8_42",re="_medium_lnht8_50",oe="_large_lnht8_62",ce="_error_lnht8_76",T={labelledTextInput:te,onlyTop:ee,onlyBottom:ne,disabled:se,medium:re,large:oe,error:ce},le=ut.forwardRef(({autoComplete:t="off",label:e,id:r,screenReaderLabel:s,size:o="medium",value:c,onChange:l,disabled:i,onValueChange:a,borderRadiusVariant:b="normalBorder",variant:_="normal",...x},u)=>{const f=p.useId(),j=r??f,g=p.useCallback(y=>{l==null||l(y),a==null||a(y.target.value)},[l,a]);return n.jsxs("div",{className:m(T.labelledTextInput,T[_],T[b],T[o],i&&T.disabled),children:[n.jsx(A,{htmlFor:j,screenReaderLabel:s,label:e}),n.jsx("input",{ref:u,id:j,autoComplete:t,type:"text",value:c,onChange:g,disabled:i,...x})]})}),ae=({variant:t="standard",disabled:e,wrapperClassName:r,wrapperStyle:s,contentLeft:o,contentRight:c,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,iconRight:b,iconLeft:_,onClickLeft:x,onClickRight:u,children:f})=>{const j=t==="success"?h.stenaCheck:t==="warning"||t==="error"?h.stenaExclamationTriangle:b,g=t==="loading"?n.jsx(h.InputSpinner,{}):c;return n.jsxs("div",{className:m(I.textInput,I.inputContainer,I[t],{[I.disabled]:e},r),style:s,children:[n.jsx(B,{content:o,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,spaceOnLeft:!0,button:_?n.jsx(h.TextInputButton,{onClick:x,icon:_}):void 0}),n.jsx(d.Row,{alignItems:"center",children:f}),n.jsx(B,{content:g,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,spaceOnRight:!0,button:j?n.jsx(h.TextInputButton,{onClick:u,icon:j}):void 0})]})},ie="_textArea_6n6nc_1",ue={textArea:ie},de=p.forwardRef(({className:t,value:e,onValueChange:r,onChange:s,resize:o="none",readOnly:c=!1,rows:l,disabled:i,...a},b)=>{const _=p.useCallback(x=>{s&&s(x),r&&r(x.target.value)},[s,r]);return n.jsx("textarea",{disabled:i,rows:l,readOnly:c,className:m(ue.textArea,t),style:{resize:o},onChange:_,value:e,ref:b,...a})});exports.Checkbox=O;exports.CheckboxWithLabel=mt;exports.InputLabel=A;exports.InputLabelText=C;exports.LabelledSelect=Vt;exports.LabelledTextInput=le;exports.NumericTextInput=Kt;exports.PasswordInput=zt;exports.RadioButton=N;exports.RadioButtonBox=kt;exports.RadioButtonWithLabel=Bt;exports.Switch=P;exports.SwitchWithLabel=ft;exports.TextArea=de;exports.TextInput=v;exports.TextInputBox=ae;exports.elementHasSelectionRange=M;exports.onStepValueChange=E;exports.onTextValueChange=z;exports.useKeyboardNavigation=U;exports.useNumericInputValue=Et;exports.useSelectAllOnMount=q;exports.useTextInput=K;
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_1ndou_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_1ndou_1._standard_1ndou_39{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1ndou_1._standard_1ndou_39:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1ndou_1._small_1ndou_51{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1ndou_1._small_1ndou_51:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1ndou_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1ndou_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1ndou_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1ndou_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1ndou_1:indeterminate._standard_1ndou_39:after{top:4px;left:8px}._checkbox_1ndou_1:indeterminate._small_1ndou_51:after{top:0;left:4px}._checkbox_1ndou_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1ndou_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1ndou_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_foy83_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_foy83_1._standard_foy83_45{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_foy83_1._standard_foy83_45:after{left:7px;top:7px}._radiobutton_foy83_1._small_foy83_55{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_foy83_1._small_foy83_55:after{left:3px;top:3px}._radiobutton_foy83_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_foy83_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_foy83_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_foy83_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_foy83_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_foy83_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_foy83_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_foy83_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_foy83_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_vpn6v_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;padding:var(--swui-metrics-space);font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_vpn6v_1:hover{border-color:var(--hav)}._radioButtonBox_vpn6v_1._danger_vpn6v_19{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_vpn6v_1._danger_vpn6v_19:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_vpn6v_30{width:100%}}._textInput_1jb3g_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1jb3g_1._textInput_1jb3g_1:focus-within:not(._disabled_1jb3g_11){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1jb3g_1 ._input_1jb3g_16{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_1jb3g_1 ._input_1jb3g_16:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1jb3g_1 ._input_1jb3g_16::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1jb3g_1 ._input_1jb3g_16:focus::placeholder{opacity:0}._textInput_1jb3g_1 ._input_1jb3g_16::-webkit-calendar-picker-indicator{display:none}._textInput_1jb3g_1 ._icon_1jb3g_49{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1jb3g_1._standard_1jb3g_59:hover:not(:focus-within):not(._disabled_1jb3g_11),._textInput_1jb3g_1._success_1jb3g_60:hover:not(:focus-within):not(._disabled_1jb3g_11){border-color:var(--swui-field-border-color-hover)}._textInput_1jb3g_1._success_1jb3g_60 ._icon_1jb3g_49{color:var(--swui-state-success-color)}._textInput_1jb3g_1._loading_1jb3g_72{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1jb3g_1._modified_1jb3g_77{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1jb3g_1._modified_1jb3g_77 ._icon_1jb3g_49{color:var(--lhds-color-blue-300)}._textInput_1jb3g_1._error_1jb3g_86{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._error_1jb3g_86 ._icon_1jb3g_49{color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._warning_1jb3g_95{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._warning_1jb3g_95 ._icon_1jb3g_49{color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._disabled_1jb3g_11{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1jb3g_1._textInput_1jb3g_1._hideBorder_1jb3g_109{border:none;box-shadow:none;background:none;outline:none}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover{cursor:pointer}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover ._icon_1jb3g_49{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_1evxo_1{border:1px solid var(--swui-field-border-color);border-radius:var(--swui-border-radius-large);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_1evxo_1._labelledSelect_1evxo_1._onlyTopBorder_1evxo_8{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_1evxo_1._onlyBottomBorder_1evxo_14{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_1evxo_1._error_1evxo_19{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_1evxo_1._normal_1evxo_24{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_1evxo_1 ._label_1evxo_1{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:pointer}._labelledSelect_1evxo_1 ._select_1evxo_48{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:var(--swui-font-size-inputs-large);line-height:1.5;box-sizing:border-box;cursor:pointer;padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_1evxo_1 ._select_1evxo_48._error_1evxo_19{background-color:var(--snackskal)}._labelledSelect_1evxo_1 ._select_1evxo_48._normal_1evxo_24{background-color:var(--moln)}._labelledSelect_1evxo_1 ._iconWrapper_1evxo_73{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_lnht8_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_lnht8_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyTop_lnht8_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_lnht8_1._labelledTextInput_lnht8_1._onlyBottom_lnht8_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_lnht8_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_lnht8_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_lnht8_1._disabled_lnht8_42{background-color:var(--silver-lighter)}._labelledTextInput_lnht8_1._disabled_lnht8_42 input{color:var(--silver)}._labelledTextInput_lnht8_1._medium_lnht8_50:focus-within{outline-width:2px}._labelledTextInput_lnht8_1._medium_lnht8_50 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_lnht8_1._large_lnht8_62{border-radius:var(--swui-border-radius-large)}._labelledTextInput_lnht8_1._large_lnht8_62:focus-within{outline-width:3px}._labelledTextInput_lnht8_1._large_lnht8_62 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_lnht8_1._error_lnht8_76{border-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1._error_lnht8_76:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_lnht8_1._error_lnht8_76 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_lnht8_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("@stenajs-webui/core"),p=require("react"),m=require("classnames"),h=require("@stenajs-webui/elements"),at=require("@fortawesome/react-fontawesome"),L=require("@stenajs-webui/theme");function it(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const ut=it(p),dt="_knob_1d6s8_56",xt="_filler_1d6s8_61",pt="_checked_1d6s8_75",S={switch:"_switch_1d6s8_1",knob:dt,filler:xt,checked:pt},_t=`${S.switch} ${S.checked}`,P=({value:t,disabled:e,onValueChange:r,className:s,wrapperRef:o,...c})=>n.jsx("div",{className:s,ref:o,children:n.jsxs("button",{type:"button",role:"switch","aria-checked":t,className:t?_t:S.switch,disabled:e,onClick:()=>r&&r(!t),...c,children:[n.jsx("div",{className:S.filler}),n.jsx("div",{className:S.knob})]})}),ft=({label:t,disabled:e,textColor:r,wrapperRef:s,...o})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(d.Box,{row:!0,alignItems:"center",children:[n.jsx(P,{disabled:e,...o}),n.jsx(d.Space,{}),n.jsx(d.Text,{userSelect:"none",color:r,children:t})]})})}),bt="_checkbox_1ndou_1",jt="_standard_1ndou_39",ht="_small_1ndou_51",H={checkbox:bt,standard:jt,small:ht},O=p.forwardRef(({indeterminate:t=!1,onChange:e,onValueChange:r,value:s=!1,size:o="standard",className:c,...l},i)=>{const a=p.useRef(),b=x=>{a.current=x,a.current&&(a.current.indeterminate=!!t),i&&(typeof i=="function"?i(x):i.current=x)},_=p.useCallback(x=>{e&&e(x),r&&r(x.target.checked)},[e,r]);return p.useEffect(()=>{a.current&&(a.current.indeterminate=!!t)},[t,a]),n.jsx("input",{type:"checkbox",className:m(H.checkbox,H[o],c),checked:s,onChange:_,ref:b,...l})}),mt=({children:t,label:e,inputRef:r,wrapperRef:s,textColor:o,...c})=>n.jsx("div",{ref:s,children:n.jsx("label",{children:n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(O,{...c,ref:r}),n.jsx(d.Space,{}),e&&n.jsx(d.Text,{userSelect:"none",color:o,children:e}),t]})})}),It="_radiobutton_foy83_1",gt="_standard_foy83_45",yt="_small_foy83_55",F={radiobutton:It,standard:gt,small:yt},v=p.forwardRef(({onChange:t,onValueChange:e,size:r="standard",name:s,className:o,...c},l)=>{const i=p.useCallback(a=>{t&&t(a),e&&e(a.target.value)},[t,e]);return n.jsx("input",{type:"radio",name:s,className:m(F.radiobutton,F[r],o),onChange:i,ref:l,...c})}),wt="_radioButtonBox_vpn6v_1",Tt="_danger_vpn6v_19",St="_radioButtonWrapper_vpn6v_30",W={radioButtonBox:wt,danger:Tt,radioButtonWrapper:St},kt=({label:t,screenReaderLabel:e,variant:r="normal",icon:s,className:o,style:c,radioButtonClassName:l,...i})=>n.jsx("label",{className:m(W.radioButtonBox,W[r],o),style:c,children:n.jsxs(d.Row,{justifyContent:"space-between",flexGrow:1,children:[n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(v,{...i,className:l}),n.jsx(d.Space,{}),e?n.jsx(d.ScreenReaderOnlyText,{children:e}):null,n.jsx(d.Text,{"aria-hidden":!!e,children:t})]}),n.jsx(d.Row,{alignItems:"center",width:"48px",justifyContent:"center",children:s&&n.jsx(h.Icon,{icon:s,size:24})})]})}),Bt=({label:t,inputRef:e,wrapperRef:r,textColor:s,...o})=>n.jsx("div",{ref:r,children:n.jsx("label",{children:n.jsxs(d.Row,{alignItems:"center",children:[n.jsx(v,{ref:e,...o}),n.jsx(d.Space,{}),n.jsx(d.Text,{color:s,userSelect:"none",children:t})]})})}),U=(t,e,r,s,o,c,l,i)=>{const a=p.useRef(!1),b=u=>{a.current||c==null||c(u.target.value??""),l==null||l(u)},_=u=>{a.current=!1,i==null||i(u)};return{onKeyDownHandler:p.useCallback(u=>{const{key:f}=u;if(f==="Enter")a.current=!0,r==null||r(),c==null||c(u.currentTarget.value??"");else if(f==="Escape")a.current=!0,s==null||s(),u.preventDefault(),u.stopPropagation();else if(o){const j=(y,I)=>{a.current=!0,t.current.blur(),o(y),I.preventDefault(),I.stopPropagation()};u.shiftKey&&f==="Tab"?j("left",u):f==="Tab"?j("right",u):f==="ArrowUp"?j("up",u):f==="ArrowDown"?j("down",u):f==="ArrowRight"?t.current.value.length===t.current.selectionStart&&j("right",u):f==="ArrowLeft"&&t.current.selectionStart===0&&j("left",u)}e&&e(u)},[s,o,e,t,r,c]),onBlurHandler:b,onFocusHandler:_}};function M(t){return t.tagName==="TEXTAREA"||t.tagName==="INPUT"&&(t.type==="text"||t.type==="search"||t.type==="url"||t.type==="tel"||t.type==="password")}const q=(t,e,r)=>{p.useEffect(()=>{t.current&&M(t.current)&&(r?t.current.setSelectionRange(0,t.current.value.length):e&&t.current.setSelectionRange(t.current.value.length,t.current.value.length))},[e,t,r])},K=(t,{onEnter:e,onEsc:r,onChange:s,onValueChange:o,selectAllOnMount:c,moveCursorToEndOnMount:l,onDone:i,onMove:a,onFocus:b,onBlur:_,onKeyDown:x,autoFocus:u})=>{q(t,!!l,!!c);const{onKeyDownHandler:f,onFocusHandler:j,onBlurHandler:y}=U(t,x,e,r,a,i,_,b),I=p.useCallback(k=>{s==null||s(k),o==null||o(k.target.value)},[s,o]);return{onBlur:y,onChange:I,onFocus:j,onKeyDown:f,autoFocus:c||u}},Rt="_textInput_1jb3g_1",vt="_disabled_1jb3g_11",Nt="_input_1jb3g_16",At="_icon_1jb3g_49",$t="_standard_1jb3g_59",Ht="_success_1jb3g_60",Ft="_loading_1jb3g_72",Wt="_modified_1jb3g_77",Lt="_error_1jb3g_86",Pt="_warning_1jb3g_95",Ot="_hideBorder_1jb3g_109",Ut="_clickable_1jb3g_116",g={textInput:Rt,disabled:vt,input:Nt,icon:At,standard:$t,success:Ht,loading:Ft,modified:Wt,error:Lt,warning:Pt,hideBorder:Ot,clickable:Ut},B=({button:t,icon:e,iconClassName:r,content:s,spaceOnLeft:o,spaceOnRight:c,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a})=>!s&&!e&&!t?null:t?n.jsxs(n.Fragment,{children:[o?n.jsx(d.Space,{num:.25}):null,t,c?n.jsx(d.Space,{num:.25}):null]}):s?n.jsxs(n.Fragment,{children:[o&&!(l||i)?n.jsx(d.Space,{}):null,s||null,c&&!(l||a)?n.jsx(d.Space,{}):null]}):n.jsxs(n.Fragment,{children:[o?n.jsx(d.Space,{}):null,e&&n.jsx(at.FontAwesomeIcon,{icon:e,className:m(g.icon,r)}),c?n.jsx(d.Space,{}):null]}),N=t=>{const{variant:e="standard",inputRef:r,disabled:s,className:o,buttonLeft:c,buttonRight:l,contentLeft:i,contentRight:a,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,iconLeft:u,iconRight:f,moveCursorToEndOnMount:j,selectAllOnMount:y,autoFocus:I,onValueChange:k,wrapperClassName:D,wrapperStyle:G,onDone:X,onEnter:J,onEsc:Q,onMove:Y,onChange:Z,onKeyDown:V,hideBorder:tt,onFocus:et,onBlur:nt,...st}=t,rt=p.useRef(null),$=r??rt,ot=K($,{onEnter:J,onEsc:Q,onChange:Z,onValueChange:k,selectAllOnMount:y,moveCursorToEndOnMount:j,onDone:X,onMove:Y,onFocus:et,onBlur:nt,onKeyDown:V,autoFocus:I}),ct=e==="success"?h.stenaCheck:e==="warning"||e==="error"?h.stenaExclamationTriangle:f,lt=e==="loading"?n.jsx(h.InputSpinner,{}):a;return n.jsxs("div",{className:m(g.textInput,g[e],{[g.disabled]:s},{[g.hideBorder]:tt},D),style:G,children:[n.jsx(B,{content:i,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,icon:u,spaceOnLeft:!0,button:c}),n.jsx("input",{className:m(g.input,o),type:"text",disabled:s,ref:$,autoFocus:I,...st,...ot}),n.jsx(B,{content:lt,disableContentPadding:b,disableContentPaddingLeft:_,disableContentPaddingRight:x,icon:ct,spaceOnRight:!0,button:l})]})},Mt="_numericTextInputInput_1tnr6_1",qt={numericTextInputInput:Mt},E=({onValueChange:t,value:e,numSteps:r,min:s,max:o})=>{if(t)if(!e)t(String(R(r,s,o)));else{const l=(d.parseFloatElseUndefined(e)||0)+r;t(String(R(l,s,o)))}},z=({onValueChange:t,newValue:e,min:r,max:s})=>{if(t)if(e==="")t("");else{const c=d.parseFloatElseUndefined(e)||0;t(String(R(c,r,s)))}},R=(t,e,r)=>{let s=t;return e!=null&&(s=Math.max(e,s)),r!=null&&(s=Math.min(r,s)),s},Kt=({value:t,onValueChange:e,max:r,min:s,step:o=1,contentRight:c,disabled:l,className:i,hideButtons:a,...b})=>{const _=p.useCallback(f=>{E({onValueChange:e,value:t,numSteps:f,min:s,max:r})},[t,r,s,e]),x=p.useCallback(f=>{z({onValueChange:e,newValue:f,min:s,max:r})},[r,s,e]),u=a?c:n.jsxs(n.Fragment,{children:[c&&n.jsxs(n.Fragment,{children:[c,n.jsx(d.Space,{})]}),n.jsx(h.UpDownButtons,{onClickUp:l?void 0:()=>_(o),onClickDown:l?void 0:()=>_(-o),iconColor:"var(--swui-textinput-text-color)",disabled:l})]});return n.jsx(N,{contentRight:u,value:t,onValueChange:x,disableContentPaddingRight:!a,type:"number",min:s,max:r,step:o,className:m(qt.numericTextInputInput,i),disabled:l,...b})},Et=(t,e)=>{const r=p.useCallback(o=>{if(e)if(!o)e(void 0);else{const c=d.parseFloatElseUndefined(o);c!==void 0&&e(c)}},[e]),s=p.useMemo(()=>t===void 0?"":String(t),[t]);return{onValueChange:r,value:s}},zt=({hiddenIcon:t=h.stenaEyeShow,visibleIcon:e=h.stenaEyeHide,...r})=>{const[s,o]=p.useState(!0);return n.jsx(N,{buttonRight:n.jsx(h.TextInputButton,{icon:s?t:e,onClick:()=>o(c=>!c)}),type:s?"password":"text",...r})},C=({disabled:t,text:e,...r})=>n.jsx(d.Text,{variant:"bold",color:L.cssColor(t?"--silver":"--tjara"),size:"small",...d.getDataProps(r),children:e}),A=({htmlFor:t,screenReaderLabel:e,label:r,disabled:s,className:o})=>n.jsxs("label",{htmlFor:t,className:o,children:[e?n.jsx(d.ScreenReaderOnlyText,{children:e}):null,n.jsx(C,{"aria-hidden":!!e,text:r,disabled:s})]}),Ct="_labelledSelect_1evxo_1",Dt="_onlyTopBorder_1evxo_8",Gt="_onlyBottomBorder_1evxo_14",Xt="_error_1evxo_19",Jt="_normal_1evxo_24",Qt="_label_1evxo_1",Yt="_select_1evxo_48",Zt="_iconWrapper_1evxo_73",w={labelledSelect:Ct,onlyTopBorder:Dt,onlyBottomBorder:Gt,error:Xt,normal:Jt,label:Qt,select:Yt,iconWrapper:Zt},Vt=({onChange:t,onValueChange:e,id:r,label:s,screenReaderLabel:o,borderVariant:c="normalBorder",variant:l="normal",children:i,...a})=>{const b=p.useId(),_=r??b,x=p.useCallback(u=>{t==null||t(u),e==null||e(u.target.value)},[t,e]);return n.jsxs("div",{className:m(w.labelledSelect,w[l],w[c]),children:[n.jsx(A,{htmlFor:_,className:w.label,label:s,screenReaderLabel:o}),n.jsx("select",{id:_,onChange:x,className:m(w.select,w[l]),...a,children:i}),n.jsx("div",{className:m(w.iconWrapper),children:n.jsx(h.Icon,{icon:h.stenaAngleDown,size:24,color:L.cssColor("--modern-blue")})})]})},te="_labelledTextInput_lnht8_1",ee="_onlyTop_lnht8_21",ne="_onlyBottom_lnht8_27",se="_disabled_lnht8_42",re="_medium_lnht8_50",oe="_large_lnht8_62",ce="_error_lnht8_76",T={labelledTextInput:te,onlyTop:ee,onlyBottom:ne,disabled:se,medium:re,large:oe,error:ce},le=ut.forwardRef(({autoComplete:t="off",label:e,id:r,screenReaderLabel:s,size:o="medium",value:c,onChange:l,disabled:i,onValueChange:a,borderRadiusVariant:b="normalBorder",variant:_="normal",...x},u)=>{const f=p.useId(),j=r??f,y=p.useCallback(I=>{l==null||l(I),a==null||a(I.target.value)},[l,a]);return n.jsxs("div",{className:m(T.labelledTextInput,T[_],T[b],T[o],i&&T.disabled),children:[n.jsx(A,{htmlFor:j,screenReaderLabel:s,label:e}),n.jsx("input",{ref:u,id:j,autoComplete:t,type:"text",value:c,onChange:y,disabled:i,...x})]})}),ae=({variant:t="standard",disabled:e,wrapperClassName:r,wrapperStyle:s,contentLeft:o,contentRight:c,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,iconRight:b,iconLeft:_,onClickLeft:x,onClickRight:u,children:f})=>{const j=t==="success"?h.stenaCheck:t==="warning"||t==="error"?h.stenaExclamationTriangle:b,y=t==="loading"?n.jsx(h.InputSpinner,{}):c;return n.jsxs("div",{className:m(g.textInput,g.inputContainer,g[t],{[g.disabled]:e},r),style:s,children:[n.jsx(B,{content:o,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,spaceOnLeft:!0,button:_?n.jsx(h.TextInputButton,{onClick:x,icon:_}):void 0}),n.jsx(d.Row,{alignItems:"center",children:f}),n.jsx(B,{content:y,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:a,spaceOnRight:!0,button:j?n.jsx(h.TextInputButton,{onClick:u,icon:j}):void 0})]})},ie="_textArea_6n6nc_1",ue={textArea:ie},de=p.forwardRef(({className:t,value:e,onValueChange:r,onChange:s,resize:o="none",readOnly:c=!1,rows:l,disabled:i,...a},b)=>{const _=p.useCallback(x=>{s&&s(x),r&&r(x.target.value)},[s,r]);return n.jsx("textarea",{disabled:i,rows:l,readOnly:c,className:m(ue.textArea,t),style:{resize:o},onChange:_,value:e,ref:b,...a})});exports.Checkbox=O;exports.CheckboxWithLabel=mt;exports.InputLabel=A;exports.InputLabelText=C;exports.LabelledSelect=Vt;exports.LabelledTextInput=le;exports.NumericTextInput=Kt;exports.PasswordInput=zt;exports.RadioButton=v;exports.RadioButtonBox=kt;exports.RadioButtonWithLabel=Bt;exports.Switch=P;exports.SwitchWithLabel=ft;exports.TextArea=de;exports.TextInput=N;exports.TextInputBox=ae;exports.elementHasSelectionRange=M;exports.onStepValueChange=E;exports.onTextValueChange=z;exports.useKeyboardNavigation=U;exports.useNumericInputValue=Et;exports.useSelectAllOnMount=q;exports.useTextInput=K;
3
3
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/forms",
3
- "version": "20.4.2",
3
+ "version": "20.4.3",
4
4
  "type": "module",
5
5
  "description": "",
6
6
  "author": "mattias800",
@@ -33,10 +33,10 @@
33
33
  "deploy": "gh-pages -d example/build"
34
34
  },
35
35
  "dependencies": {
36
- "@stenajs-webui/core": "20.4.2",
37
- "@stenajs-webui/elements": "20.4.2",
38
- "@stenajs-webui/theme": "20.4.2",
39
- "@stenajs-webui/tooltip": "20.4.2",
36
+ "@stenajs-webui/core": "20.4.3",
37
+ "@stenajs-webui/elements": "20.4.3",
38
+ "@stenajs-webui/theme": "20.4.3",
39
+ "@stenajs-webui/tooltip": "20.4.3",
40
40
  "classnames": "^2.3.1",
41
41
  "date-fns": "2.26.0"
42
42
  },
@@ -82,5 +82,5 @@
82
82
  "files": [
83
83
  "dist"
84
84
  ],
85
- "gitHead": "285ef961969678e7c1164b86620e03b1a9f17a94"
85
+ "gitHead": "4955a3e4f3019be78591ba47a2b51fba6ce9ef8f"
86
86
  }