@stenajs-webui/forms 19.0.0-next.37 → 19.0.0-next.39

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 (4) hide show
  1. package/dist/index.es.js +106 -106
  2. package/dist/index.js +2 -2
  3. package/dist/index.js.map +1 -1
  4. package/package.json +5 -5
package/dist/index.es.js CHANGED
@@ -1,29 +1,29 @@
1
- (function(){"use strict";try{var r=document.createElement("style");r.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:opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);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);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),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;-webkit-transform:rotate(var(--current-check-rotation, 20deg));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;-webkit-transform:rotate(0deg);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:opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);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);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),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);-webkit-transform:scale(var(--current-scale, 0));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_11y5a_1{--swui-textinput-text-color: var(--swui-field-text-color);--swui-textinput-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textinput-letter-spacing: var(--swui-field-letter-spacing);--swui-textinput-line-height: var(--swui-field-text-line-height);--swui-textinput-indent: var(--swui-metrics-indent);--swui-textinput-spacing: calc(var(--swui-field-text-spacing) - 1px);--swui-textinput-font-size: var(--swui-font-size-inputs);--swui-textinput-font-family: var(--swui-font-input);--swui-textinput-font-weight: var(--swui-font-weight-inputs);--swui-textinput-placeholder-color: var(--swui-field-placeholder-color);--swui-textinput-placeholder-font-weight: var( --swui-field-placeholder-font-weight );--swui-textinput-animation-time: var(--swui-animation-time-medium);--swui-textinput-icon-color: var(--swui-field-icon-color);--swui-textinput-icon-hover-color: var(--swui-primary-action-color);--swui-textinput-icon-size: var(--swui-field-icon-size);--swui-textinput-icon-color-success: var(--swui-state-success-color);--swui-textinput-bg-loading: var(--swui-state-loading-light-color);--swui-textinput-border-color-loading: var(--swui-state-loading-color);--swui-textinput-bg-modified: var(--swui-state-modified-light-color);--swui-textinput-border-color-modified: var( --swui-state-modified-light-color );--swui-textinput-bg-warning: var(--swui-state-alert-light-color);--swui-textinput-border-color-warning: var(--swui-state-alert-light-color);--swui-textinput-bg-error: var(--swui-state-error-light-color);--swui-textinput-border-color-error: var(--swui-state-error-light-color);--swui-textinput-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textinput-border-color-disabled: var(--swui-field-bg-disabled);--swui-textinput-bg-color: var(--swui-field-bg-enabled);--swui-textinput-border-radius: var(--swui-field-border-radius);--swui-textinput-border-color: var(--swui-field-border-color);--swui-textinput-border-color-hover: var(--swui-field-border-color-hover);--swui-textinput-focus-shadow: none;--current-bg: var(--swui-textinput-bg-color);--current-border-color: var(--swui-textinput-border-color);--current-icon-color: var(--swui-textinput-icon-color);display:flex;width:100%;align-items:center;background:var(--current-bg);border:1px solid var(--current-border-color);border-radius:var(--swui-textinput-border-radius);outline:none}._textInput_11y5a_1._textInput_11y5a_1:focus-within:not(._disabled_11y5a_65){box-shadow:var(--swui-textinput-focus-shadow);border:1px solid transparent;outline:var(--swui-focus-outline);--current-border-color: var(--swui-textinput-border-color-hover);--current-bg: var(--swui-textinput-bg-color)}._textInput_11y5a_1 ._input_11y5a_73{letter-spacing:var(--swui-textinput-letter-spacing);line-height:var(--swui-textinput-line-height);width:100%;padding:var(--swui-textinput-spacing) var(--swui-textinput-indent);color:var(--swui-textinput-text-color);font-size:var(--swui-textinput-font-size);font-family:var(--swui-textinput-font-family);font-weight:var(--swui-textinput-font-weight);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_11y5a_1 ._input_11y5a_73:disabled{color:var(--swui-textinput-text-color-disabled)}._textInput_11y5a_1 ._input_11y5a_73::-webkit-input-placeholder{color:var(--swui-textinput-placeholder-color);font-weight:var(--swui-textinput-placeholder-font-weight)}._textInput_11y5a_1 ._input_11y5a_73::placeholder{color:var(--swui-textinput-placeholder-color);font-weight:var(--swui-textinput-placeholder-font-weight)}._textInput_11y5a_1 ._input_11y5a_73:focus::-webkit-input-placeholder{opacity:0}._textInput_11y5a_1 ._input_11y5a_73:focus::placeholder{opacity:0}._textInput_11y5a_1 ._input_11y5a_73::-webkit-calendar-picker-indicator{display:none}._textInput_11y5a_1._standard_11y5a_110:hover:not(._disabled_11y5a_65),._textInput_11y5a_1._success_11y5a_111:hover:not(._disabled_11y5a_65){--current-border-color: var(--swui-textinput-border-color-hover)}._textInput_11y5a_1._success_11y5a_111{--current-icon-color: var(--swui-textinput-icon-color-success)}._textInput_11y5a_1._loading_11y5a_123{--current-bg: var(--swui-textinput-bg-loading);--current-border-color: var(--swui-textinput-border-color-loading)}._textInput_11y5a_1._modified_11y5a_128{--current-bg: var(--swui-textinput-bg-modified);--current-border-color: var(--swui-textinput-border-color-modified);--current-icon-color: var(--lhds-color-blue-300)}._textInput_11y5a_1._error_11y5a_134{--current-bg: var(--swui-textinput-bg-error);--current-border-color: var(--swui-textinput-border-color-error);--current-icon-color: var(--swui-textinput-border-color-error)}._textInput_11y5a_1._warning_11y5a_140{--current-bg: var(--swui-textinput-bg-warning);--current-border-color: var(--swui-textinput-border-color-warning);--current-icon-color: var(--swui-textinput-border-color-warning)}._textInput_11y5a_1._disabled_11y5a_65{--current-bg: var(--swui-textinput-bg-color-disabled);--current-border-color: var(--swui-textinput-border-color-disabled)}._textInput_11y5a_1._textInput_11y5a_1._hideBorder_11y5a_151{border:none;box-shadow:none;background:none}._textInput_11y5a_1 ._clickable_11y5a_157:hover{--current-icon-color: var(--swui-textinput-icon-hover-color);cursor:pointer}._textInput_11y5a_1 ._icon_11y5a_162{transition:color var(--swui-textinput-animation-time);color:var(--current-icon-color);font-size:var(--swui-textinput-icon-size)}._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}._textArea_1lpu2_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-spacing: calc(var(--swui-field-text-spacing) - 1px);--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:var(--swui-textarea-spacing) 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_1lpu2_1:focus:not(:focus-visible){outline:none}._textArea_1lpu2_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_1lpu2_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_1lpu2_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(r)}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
- import { jsx as c, jsxs as y, Fragment as B } from "react/jsx-runtime";
3
- import { Box as st, Space as x, Text as N, Row as R, ScreenReaderOnlyText as ot, parseFloatElseUndefined as H } from "@stenajs-webui/core";
4
- import { forwardRef as $, useRef as P, useCallback as w, useEffect as K, useMemo as it, useState as lt } from "react";
1
+ (function(){"use strict";try{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:opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);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);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),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;-webkit-transform:rotate(var(--current-check-rotation, 20deg));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;-webkit-transform:rotate(0deg);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:opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);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);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),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);-webkit-transform:scale(var(--current-scale, 0));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_axgdw_1{display:flex;height:36px;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_axgdw_1._textInput_axgdw_1:focus-within:not(._disabled_axgdw_11){outline:var(--swui-focus-outline);border-color:transparent}._textInput_axgdw_1 ._input_axgdw_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_axgdw_1 ._input_axgdw_16:disabled{color:var(--swui-field-text-color-disabled)}._textInput_axgdw_1 ._input_axgdw_16::-webkit-input-placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_axgdw_1 ._input_axgdw_16::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_axgdw_1 ._input_axgdw_16:focus::-webkit-input-placeholder{opacity:0}._textInput_axgdw_1 ._input_axgdw_16:focus::placeholder{opacity:0}._textInput_axgdw_1 ._input_axgdw_16::-webkit-calendar-picker-indicator{display:none}._textInput_axgdw_1 ._icon_axgdw_49{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_axgdw_1._standard_axgdw_59:hover:not(:focus-within):not(._disabled_axgdw_11),._textInput_axgdw_1._success_axgdw_60:hover:not(:focus-within):not(._disabled_axgdw_11){border-color:var(--swui-field-border-color-hover)}._textInput_axgdw_1._success_axgdw_60 ._icon_axgdw_49{color:var(--swui-state-success-color)}._textInput_axgdw_1._loading_axgdw_72{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_axgdw_1._modified_axgdw_77{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_axgdw_1._modified_axgdw_77 ._icon_axgdw_49{color:var(--lhds-color-blue-300)}._textInput_axgdw_1._error_axgdw_86{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_axgdw_1._error_axgdw_86 ._icon_axgdw_49{color:var(--swui-state-error-light-color)}._textInput_axgdw_1._warning_axgdw_95{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_axgdw_1._warning_axgdw_95 ._icon_axgdw_49{color:var(--swui-state-alert-light-color)}._textInput_axgdw_1._disabled_axgdw_11{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_axgdw_1._textInput_axgdw_1._hideBorder_axgdw_109{border:none;box-shadow:none;background:none;outline:none}._textInput_axgdw_1 ._clickable_axgdw_116:hover{cursor:pointer}._textInput_axgdw_1 ._clickable_axgdw_116:hover ._icon_axgdw_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}._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 c, jsxs as g, Fragment as B } from "react/jsx-runtime";
3
+ import { Box as st, Space as w, Text as N, Row as R, ScreenReaderOnlyText as ot, parseFloatElseUndefined as H } from "@stenajs-webui/core";
4
+ import { forwardRef as $, useRef as P, useCallback as m, useEffect as K, useMemo as it, useState as lt } from "react";
5
5
  import I from "classnames";
6
- import { Icon as at, FlatButton as ut, stenaCheck as M, stenaExclamationTriangle as O, InputSpinner as j, UpDownButtons as dt, stenaEyeShow as pt, stenaEyeHide as ft } from "@stenajs-webui/elements";
6
+ import { Icon as at, FlatButton as dt, stenaCheck as M, stenaExclamationTriangle as O, InputSpinner as j, UpDownButtons as ut, stenaEyeShow as pt, stenaEyeHide as ft } from "@stenajs-webui/elements";
7
7
  import { FontAwesomeIcon as _t } from "@fortawesome/react-fontawesome";
8
- const ht = "_knob_1d6s8_56", yt = "_filler_1d6s8_61", gt = "_checked_1d6s8_75", S = {
8
+ const ht = "_knob_1d6s8_56", gt = "_filler_1d6s8_61", xt = "_checked_1d6s8_75", S = {
9
9
  switch: "_switch_1d6s8_1",
10
10
  knob: ht,
11
- filler: yt,
12
- checked: gt
13
- }, xt = `${S.switch} ${S.checked}`, mt = ({
11
+ filler: gt,
12
+ checked: xt
13
+ }, wt = `${S.switch} ${S.checked}`, yt = ({
14
14
  value: t,
15
15
  disabled: e,
16
16
  onValueChange: n,
17
17
  className: r,
18
18
  wrapperRef: s,
19
19
  ...o
20
- }) => /* @__PURE__ */ c("div", { className: r, ref: s, children: /* @__PURE__ */ y(
20
+ }) => /* @__PURE__ */ c("div", { className: r, ref: s, children: /* @__PURE__ */ g(
21
21
  "button",
22
22
  {
23
23
  type: "button",
24
24
  role: "switch",
25
25
  "aria-checked": t,
26
- className: t ? xt : S.switch,
26
+ className: t ? wt : S.switch,
27
27
  disabled: e,
28
28
  onClick: () => n && n(!t),
29
29
  ...o,
@@ -38,12 +38,12 @@ const ht = "_knob_1d6s8_56", yt = "_filler_1d6s8_61", gt = "_checked_1d6s8_75",
38
38
  textColor: n,
39
39
  wrapperRef: r,
40
40
  ...s
41
- }) => /* @__PURE__ */ c("div", { ref: r, children: /* @__PURE__ */ c("label", { children: /* @__PURE__ */ y(st, { row: !0, alignItems: "center", children: [
42
- /* @__PURE__ */ c(mt, { disabled: e, ...s }),
43
- /* @__PURE__ */ c(x, {}),
41
+ }) => /* @__PURE__ */ c("div", { ref: r, children: /* @__PURE__ */ c("label", { children: /* @__PURE__ */ g(st, { row: !0, alignItems: "center", children: [
42
+ /* @__PURE__ */ c(yt, { disabled: e, ...s }),
43
+ /* @__PURE__ */ c(w, {}),
44
44
  /* @__PURE__ */ c(N, { userSelect: "none", color: n, children: t })
45
- ] }) }) }), wt = "_checkbox_1ndou_1", It = "_standard_1ndou_39", bt = "_small_1ndou_51", W = {
46
- checkbox: wt,
45
+ ] }) }) }), mt = "_checkbox_1ndou_1", It = "_standard_1ndou_39", bt = "_small_1ndou_51", W = {
46
+ checkbox: mt,
47
47
  standard: It,
48
48
  small: bt
49
49
  }, kt = $(
@@ -58,7 +58,7 @@ const ht = "_knob_1d6s8_56", yt = "_filler_1d6s8_61", gt = "_checked_1d6s8_75",
58
58
  }, a) => {
59
59
  const i = P(), f = (p) => {
60
60
  i.current = p, i.current && (i.current.indeterminate = Boolean(t)), a && (typeof a == "function" ? a(p) : a.current = p);
61
- }, _ = w(
61
+ }, _ = m(
62
62
  (p) => {
63
63
  e && e(p), n && n(p.target.checked);
64
64
  },
@@ -85,9 +85,9 @@ const ht = "_knob_1d6s8_56", yt = "_filler_1d6s8_61", gt = "_checked_1d6s8_75",
85
85
  wrapperRef: r,
86
86
  textColor: s,
87
87
  ...o
88
- }) => /* @__PURE__ */ c("div", { ref: r, children: /* @__PURE__ */ c("label", { children: /* @__PURE__ */ y(R, { alignItems: "center", children: [
88
+ }) => /* @__PURE__ */ c("div", { ref: r, children: /* @__PURE__ */ c("label", { children: /* @__PURE__ */ g(R, { alignItems: "center", children: [
89
89
  /* @__PURE__ */ c(kt, { ...o, ref: n }),
90
- /* @__PURE__ */ c(x, {}),
90
+ /* @__PURE__ */ c(w, {}),
91
91
  e && /* @__PURE__ */ c(N, { userSelect: "none", color: s, children: e }),
92
92
  t
93
93
  ] }) }) }), Bt = "_radiobutton_foy83_1", Rt = "_standard_foy83_45", St = "_small_foy83_55", F = {
@@ -96,7 +96,7 @@ const ht = "_knob_1d6s8_56", yt = "_filler_1d6s8_61", gt = "_checked_1d6s8_75",
96
96
  small: St
97
97
  }, v = $(
98
98
  ({ onChange: t, onValueChange: e, size: n = "standard", name: r, ...s }, o) => {
99
- const l = w(
99
+ const l = m(
100
100
  (a) => {
101
101
  t && t(a), e && e(a.target.value);
102
102
  },
@@ -131,10 +131,10 @@ const ht = "_knob_1d6s8_56", yt = "_filler_1d6s8_61", gt = "_checked_1d6s8_75",
131
131
  {
132
132
  className: I(L.radioButtonBox, L[n], s),
133
133
  style: o,
134
- children: /* @__PURE__ */ y(R, { justifyContent: "space-between", flexGrow: 1, children: [
135
- /* @__PURE__ */ y(R, { alignItems: "center", children: [
134
+ children: /* @__PURE__ */ g(R, { justifyContent: "space-between", flexGrow: 1, children: [
135
+ /* @__PURE__ */ g(R, { alignItems: "center", children: [
136
136
  /* @__PURE__ */ c(v, { ...l }),
137
- /* @__PURE__ */ c(x, {}),
137
+ /* @__PURE__ */ c(w, {}),
138
138
  e ? /* @__PURE__ */ c(ot, { children: e }) : null,
139
139
  /* @__PURE__ */ c(N, { "aria-hidden": Boolean(e), children: t })
140
140
  ] }),
@@ -147,33 +147,33 @@ const ht = "_knob_1d6s8_56", yt = "_filler_1d6s8_61", gt = "_checked_1d6s8_75",
147
147
  wrapperRef: n,
148
148
  textColor: r,
149
149
  ...s
150
- }) => /* @__PURE__ */ c("div", { ref: n, children: /* @__PURE__ */ c("label", { children: /* @__PURE__ */ y(R, { alignItems: "center", children: [
150
+ }) => /* @__PURE__ */ c("div", { ref: n, children: /* @__PURE__ */ c("label", { children: /* @__PURE__ */ g(R, { alignItems: "center", children: [
151
151
  /* @__PURE__ */ c(v, { ref: e, ...s }),
152
- /* @__PURE__ */ c(x, {}),
152
+ /* @__PURE__ */ c(w, {}),
153
153
  /* @__PURE__ */ c(N, { color: r, userSelect: "none", children: t })
154
154
  ] }) }) }), Ht = (t, e, n, r, s, o, l, a) => {
155
- const i = P(!1), f = (u) => {
156
- var d;
157
- i.current || o == null || o((d = u.target.value) != null ? d : ""), l == null || l(u);
158
- }, _ = (u) => {
159
- i.current = !1, a == null || a(u);
155
+ const i = P(!1), f = (d) => {
156
+ var u;
157
+ i.current || o == null || o((u = d.target.value) != null ? u : ""), l == null || l(d);
158
+ }, _ = (d) => {
159
+ i.current = !1, a == null || a(d);
160
160
  };
161
161
  return {
162
- onKeyDownHandler: w(
163
- (u) => {
164
- var m;
165
- const { key: d } = u;
166
- if (d === "Enter")
167
- i.current = !0, n == null || n(), o == null || o((m = u.currentTarget.value) != null ? m : "");
168
- else if (d === "Escape")
169
- i.current = !0, r == null || r(), u.preventDefault(), u.stopPropagation();
162
+ onKeyDownHandler: m(
163
+ (d) => {
164
+ var y;
165
+ const { key: u } = d;
166
+ if (u === "Enter")
167
+ i.current = !0, n == null || n(), o == null || o((y = d.currentTarget.value) != null ? y : "");
168
+ else if (u === "Escape")
169
+ i.current = !0, r == null || r(), d.preventDefault(), d.stopPropagation();
170
170
  else if (s) {
171
171
  const h = (k, b) => {
172
172
  i.current = !0, t.current.blur(), s(k), b.preventDefault(), b.stopPropagation();
173
173
  };
174
- u.shiftKey && d === "Tab" ? h("left", u) : d === "Tab" ? h("right", u) : d === "ArrowUp" ? h("up", u) : d === "ArrowDown" ? h("down", u) : d === "ArrowRight" ? t.current.value.length === t.current.selectionStart && h("right", u) : d === "ArrowLeft" && t.current.selectionStart === 0 && h("left", u);
174
+ d.shiftKey && u === "Tab" ? h("left", d) : u === "Tab" ? h("right", d) : u === "ArrowUp" ? h("up", d) : u === "ArrowDown" ? h("down", d) : u === "ArrowRight" ? t.current.value.length === t.current.selectionStart && h("right", d) : u === "ArrowLeft" && t.current.selectionStart === 0 && h("left", d);
175
175
  }
176
- e && e(u);
176
+ e && e(d);
177
177
  },
178
178
  [r, s, e, t, n, o]
179
179
  ),
@@ -203,10 +203,10 @@ const Pt = (t, e, n) => {
203
203
  onFocus: f,
204
204
  onBlur: _,
205
205
  onKeyDown: p,
206
- autoFocus: u
206
+ autoFocus: d
207
207
  }) => {
208
208
  Pt(t, !!l, !!o);
209
- const { onKeyDownHandler: d, onFocusHandler: m, onBlurHandler: h } = Ht(
209
+ const { onKeyDownHandler: u, onFocusHandler: y, onBlurHandler: h } = Ht(
210
210
  t,
211
211
  p,
212
212
  e,
@@ -215,7 +215,7 @@ const Pt = (t, e, n) => {
215
215
  a,
216
216
  _,
217
217
  f
218
- ), k = w(
218
+ ), k = m(
219
219
  (b) => {
220
220
  r == null || r(b), s == null || s(b.target.value);
221
221
  },
@@ -224,23 +224,23 @@ const Pt = (t, e, n) => {
224
224
  return {
225
225
  onBlur: h,
226
226
  onChange: k,
227
- onFocus: m,
228
- onKeyDown: d,
229
- autoFocus: o || u
227
+ onFocus: y,
228
+ onKeyDown: u,
229
+ autoFocus: o || d
230
230
  };
231
- }, Wt = "_textInput_11y5a_1", Ft = "_disabled_11y5a_65", Lt = "_input_11y5a_73", Kt = "_standard_11y5a_110", Mt = "_success_11y5a_111", Ot = "_loading_11y5a_123", jt = "_modified_11y5a_128", vt = "_error_11y5a_134", Ct = "_warning_11y5a_140", zt = "_hideBorder_11y5a_151", Et = "_clickable_11y5a_157", Gt = "_icon_11y5a_162", g = {
231
+ }, Wt = "_textInput_axgdw_1", Ft = "_disabled_axgdw_11", Lt = "_input_axgdw_16", Kt = "_icon_axgdw_49", Mt = "_standard_axgdw_59", Ot = "_success_axgdw_60", jt = "_loading_axgdw_72", vt = "_modified_axgdw_77", Ct = "_error_axgdw_86", zt = "_warning_axgdw_95", Et = "_hideBorder_axgdw_109", Gt = "_clickable_axgdw_116", x = {
232
232
  textInput: Wt,
233
233
  disabled: Ft,
234
234
  input: Lt,
235
- standard: Kt,
236
- success: Mt,
237
- loading: Ot,
238
- modified: jt,
239
- error: vt,
240
- warning: Ct,
241
- hideBorder: zt,
242
- clickable: Et,
243
- icon: Gt
235
+ icon: Kt,
236
+ standard: Mt,
237
+ success: Ot,
238
+ loading: jt,
239
+ modified: vt,
240
+ error: Ct,
241
+ warning: zt,
242
+ hideBorder: Et,
243
+ clickable: Gt
244
244
  }, T = ({
245
245
  icon: t,
246
246
  iconClassName: e,
@@ -251,14 +251,14 @@ const Pt = (t, e, n) => {
251
251
  disableContentPaddingLeft: l,
252
252
  disableContentPaddingRight: a,
253
253
  onClick: i
254
- }) => !n && !t ? null : n ? /* @__PURE__ */ y(B, { children: [
255
- r && !(o || l) ? /* @__PURE__ */ c(x, {}) : null,
256
- i ? /* @__PURE__ */ c("span", { onClick: i, className: g.clickable, children: n || null }) : /* @__PURE__ */ c(B, { children: n || null }),
257
- s && !(o || a) ? /* @__PURE__ */ c(x, {}) : null
258
- ] }) : /* @__PURE__ */ y(B, { children: [
259
- r ? /* @__PURE__ */ c(x, {}) : null,
254
+ }) => !n && !t ? null : n ? /* @__PURE__ */ g(B, { children: [
255
+ r && !(o || l) ? /* @__PURE__ */ c(w, {}) : null,
256
+ i ? /* @__PURE__ */ c("span", { onClick: i, className: x.clickable, children: n || null }) : /* @__PURE__ */ c(B, { children: n || null }),
257
+ s && !(o || a) ? /* @__PURE__ */ c(w, {}) : null
258
+ ] }) : /* @__PURE__ */ g(B, { children: [
259
+ r ? /* @__PURE__ */ c(w, {}) : null,
260
260
  t && /* @__PURE__ */ c(B, { children: i ? /* @__PURE__ */ c(
261
- ut,
261
+ dt,
262
262
  {
263
263
  type: "button",
264
264
  onClick: i,
@@ -269,10 +269,10 @@ const Pt = (t, e, n) => {
269
269
  _t,
270
270
  {
271
271
  icon: t,
272
- className: I(g.icon, e)
272
+ className: I(x.icon, e)
273
273
  }
274
274
  ) }),
275
- s ? /* @__PURE__ */ c(x, {}) : null
275
+ s ? /* @__PURE__ */ c(w, {}) : null
276
276
  ] }), C = (t) => {
277
277
  const {
278
278
  variant: e = "standard",
@@ -286,9 +286,9 @@ const Pt = (t, e, n) => {
286
286
  disableContentPaddingRight: f,
287
287
  iconLeft: _,
288
288
  iconRight: p,
289
- onClickLeft: u,
290
- onClickRight: d,
291
- moveCursorToEndOnMount: m,
289
+ onClickLeft: d,
290
+ onClickRight: u,
291
+ moveCursorToEndOnMount: y,
292
292
  selectAllOnMount: h,
293
293
  autoFocus: k,
294
294
  onValueChange: b,
@@ -310,7 +310,7 @@ const Pt = (t, e, n) => {
310
310
  onChange: Q,
311
311
  onValueChange: b,
312
312
  selectAllOnMount: h,
313
- moveCursorToEndOnMount: m,
313
+ moveCursorToEndOnMount: y,
314
314
  onDone: G,
315
315
  onMove: J,
316
316
  onFocus: D,
@@ -318,17 +318,17 @@ const Pt = (t, e, n) => {
318
318
  onKeyDown: Y,
319
319
  autoFocus: k
320
320
  }), rt = e === "success" ? M : e === "warning" || e === "error" ? O : p, ct = e === "loading" ? /* @__PURE__ */ c(j, {}) : l;
321
- return /* @__PURE__ */ y(
321
+ return /* @__PURE__ */ g(
322
322
  "div",
323
323
  {
324
324
  className: I(
325
- g.textInput,
326
- g[e],
325
+ x.textInput,
326
+ x[e],
327
327
  {
328
- [g.disabled]: r
328
+ [x.disabled]: r
329
329
  },
330
330
  {
331
- [g.hideBorder]: Z
331
+ [x.hideBorder]: Z
332
332
  },
333
333
  z
334
334
  ),
@@ -343,13 +343,13 @@ const Pt = (t, e, n) => {
343
343
  disableContentPaddingRight: f,
344
344
  icon: _,
345
345
  spaceOnLeft: !0,
346
- onClick: u
346
+ onClick: d
347
347
  }
348
348
  ),
349
349
  /* @__PURE__ */ c(
350
350
  "input",
351
351
  {
352
- className: I(g.input, s),
352
+ className: I(x.input, s),
353
353
  type: "text",
354
354
  disabled: r,
355
355
  ref: U,
@@ -367,7 +367,7 @@ const Pt = (t, e, n) => {
367
367
  disableContentPaddingRight: f,
368
368
  icon: rt,
369
369
  spaceOnRight: !0,
370
- onClick: d
370
+ onClick: u
371
371
  }
372
372
  )
373
373
  ]
@@ -417,27 +417,27 @@ const Pt = (t, e, n) => {
417
417
  hideButtons: i,
418
418
  ...f
419
419
  }) => {
420
- const _ = w(
421
- (d) => {
422
- Jt({ onValueChange: e, value: t, numSteps: d, min: r, max: n });
420
+ const _ = m(
421
+ (u) => {
422
+ Jt({ onValueChange: e, value: t, numSteps: u, min: r, max: n });
423
423
  },
424
424
  [t, n, r, e]
425
- ), p = w(
426
- (d) => {
427
- Qt({ onValueChange: e, newValue: d, min: r, max: n });
425
+ ), p = m(
426
+ (u) => {
427
+ Qt({ onValueChange: e, newValue: u, min: r, max: n });
428
428
  },
429
429
  [n, r, e]
430
430
  );
431
431
  return /* @__PURE__ */ c(
432
432
  C,
433
433
  {
434
- contentRight: i ? o : /* @__PURE__ */ y(B, { children: [
435
- o && /* @__PURE__ */ y(B, { children: [
434
+ contentRight: i ? o : /* @__PURE__ */ g(B, { children: [
435
+ o && /* @__PURE__ */ g(B, { children: [
436
436
  o,
437
- /* @__PURE__ */ c(x, {})
437
+ /* @__PURE__ */ c(w, {})
438
438
  ] }),
439
439
  /* @__PURE__ */ c(
440
- dt,
440
+ ut,
441
441
  {
442
442
  onClickUp: l ? void 0 : () => _(s),
443
443
  onClickDown: l ? void 0 : () => _(-s),
@@ -459,7 +459,7 @@ const Pt = (t, e, n) => {
459
459
  }
460
460
  );
461
461
  }, ae = (t, e) => {
462
- const n = w(
462
+ const n = m(
463
463
  (s) => {
464
464
  if (e)
465
465
  if (!s)
@@ -475,7 +475,7 @@ const Pt = (t, e, n) => {
475
475
  onValueChange: n,
476
476
  value: r
477
477
  };
478
- }, ue = ({
478
+ }, de = ({
479
479
  hiddenIcon: t = pt,
480
480
  visibleIcon: e = ft,
481
481
  ...n
@@ -490,7 +490,7 @@ const Pt = (t, e, n) => {
490
490
  ...n
491
491
  }
492
492
  );
493
- }, de = ({
493
+ }, ue = ({
494
494
  variant: t = "standard",
495
495
  disabled: e,
496
496
  wrapperClassName: n,
@@ -503,19 +503,19 @@ const Pt = (t, e, n) => {
503
503
  iconRight: f,
504
504
  iconLeft: _,
505
505
  onClickLeft: p,
506
- onClickRight: u,
507
- children: d
506
+ onClickRight: d,
507
+ children: u
508
508
  }) => {
509
- const m = t === "success" ? M : t === "warning" || t === "error" ? O : f, h = t === "loading" ? /* @__PURE__ */ c(j, {}) : o;
510
- return /* @__PURE__ */ y(
509
+ const y = t === "success" ? M : t === "warning" || t === "error" ? O : f, h = t === "loading" ? /* @__PURE__ */ c(j, {}) : o;
510
+ return /* @__PURE__ */ g(
511
511
  "div",
512
512
  {
513
513
  className: I(
514
- g.textInput,
515
- g.inputContainer,
516
- g[t],
514
+ x.textInput,
515
+ x.inputContainer,
516
+ x[t],
517
517
  {
518
- [g.disabled]: e
518
+ [x.disabled]: e
519
519
  },
520
520
  n
521
521
  ),
@@ -533,7 +533,7 @@ const Pt = (t, e, n) => {
533
533
  onClick: p
534
534
  }
535
535
  ),
536
- /* @__PURE__ */ c(R, { alignItems: "center", children: d }),
536
+ /* @__PURE__ */ c(R, { alignItems: "center", children: u }),
537
537
  /* @__PURE__ */ c(
538
538
  T,
539
539
  {
@@ -541,15 +541,15 @@ const Pt = (t, e, n) => {
541
541
  disableContentPadding: l,
542
542
  disableContentPaddingLeft: a,
543
543
  disableContentPaddingRight: i,
544
- icon: m,
544
+ icon: y,
545
545
  spaceOnRight: !0,
546
- onClick: u
546
+ onClick: d
547
547
  }
548
548
  )
549
549
  ]
550
550
  }
551
551
  );
552
- }, Yt = "_textArea_1lpu2_1", Zt = {
552
+ }, Yt = "_textArea_6n6nc_1", Zt = {
553
553
  textArea: Yt
554
554
  }, pe = $(
555
555
  ({
@@ -563,7 +563,7 @@ const Pt = (t, e, n) => {
563
563
  disabled: a,
564
564
  ...i
565
565
  }, f) => {
566
- const _ = w(
566
+ const _ = m(
567
567
  (p) => {
568
568
  r && r(p), n && n(p.target.value);
569
569
  },
@@ -589,15 +589,15 @@ export {
589
589
  kt as Checkbox,
590
590
  se as CheckboxWithLabel,
591
591
  le as NumericTextInput,
592
- ue as PasswordInput,
592
+ de as PasswordInput,
593
593
  v as RadioButton,
594
594
  oe as RadioButtonBox,
595
595
  ie as RadioButtonWithLabel,
596
- mt as Switch,
596
+ yt as Switch,
597
597
  ce as SwitchWithLabel,
598
598
  pe as TextArea,
599
599
  C as TextInput,
600
- de as TextInputBox,
600
+ ue as TextInputBox,
601
601
  $t as elementHasSelectionRange,
602
602
  Jt as onStepValueChange,
603
603
  Qt as onTextValueChange,
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- (function(){"use strict";try{var r=document.createElement("style");r.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:opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);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);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),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;-webkit-transform:rotate(var(--current-check-rotation, 20deg));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;-webkit-transform:rotate(0deg);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:opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);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);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),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);-webkit-transform:scale(var(--current-scale, 0));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_11y5a_1{--swui-textinput-text-color: var(--swui-field-text-color);--swui-textinput-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textinput-letter-spacing: var(--swui-field-letter-spacing);--swui-textinput-line-height: var(--swui-field-text-line-height);--swui-textinput-indent: var(--swui-metrics-indent);--swui-textinput-spacing: calc(var(--swui-field-text-spacing) - 1px);--swui-textinput-font-size: var(--swui-font-size-inputs);--swui-textinput-font-family: var(--swui-font-input);--swui-textinput-font-weight: var(--swui-font-weight-inputs);--swui-textinput-placeholder-color: var(--swui-field-placeholder-color);--swui-textinput-placeholder-font-weight: var( --swui-field-placeholder-font-weight );--swui-textinput-animation-time: var(--swui-animation-time-medium);--swui-textinput-icon-color: var(--swui-field-icon-color);--swui-textinput-icon-hover-color: var(--swui-primary-action-color);--swui-textinput-icon-size: var(--swui-field-icon-size);--swui-textinput-icon-color-success: var(--swui-state-success-color);--swui-textinput-bg-loading: var(--swui-state-loading-light-color);--swui-textinput-border-color-loading: var(--swui-state-loading-color);--swui-textinput-bg-modified: var(--swui-state-modified-light-color);--swui-textinput-border-color-modified: var( --swui-state-modified-light-color );--swui-textinput-bg-warning: var(--swui-state-alert-light-color);--swui-textinput-border-color-warning: var(--swui-state-alert-light-color);--swui-textinput-bg-error: var(--swui-state-error-light-color);--swui-textinput-border-color-error: var(--swui-state-error-light-color);--swui-textinput-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textinput-border-color-disabled: var(--swui-field-bg-disabled);--swui-textinput-bg-color: var(--swui-field-bg-enabled);--swui-textinput-border-radius: var(--swui-field-border-radius);--swui-textinput-border-color: var(--swui-field-border-color);--swui-textinput-border-color-hover: var(--swui-field-border-color-hover);--swui-textinput-focus-shadow: none;--current-bg: var(--swui-textinput-bg-color);--current-border-color: var(--swui-textinput-border-color);--current-icon-color: var(--swui-textinput-icon-color);display:flex;width:100%;align-items:center;background:var(--current-bg);border:1px solid var(--current-border-color);border-radius:var(--swui-textinput-border-radius);outline:none}._textInput_11y5a_1._textInput_11y5a_1:focus-within:not(._disabled_11y5a_65){box-shadow:var(--swui-textinput-focus-shadow);border:1px solid transparent;outline:var(--swui-focus-outline);--current-border-color: var(--swui-textinput-border-color-hover);--current-bg: var(--swui-textinput-bg-color)}._textInput_11y5a_1 ._input_11y5a_73{letter-spacing:var(--swui-textinput-letter-spacing);line-height:var(--swui-textinput-line-height);width:100%;padding:var(--swui-textinput-spacing) var(--swui-textinput-indent);color:var(--swui-textinput-text-color);font-size:var(--swui-textinput-font-size);font-family:var(--swui-textinput-font-family);font-weight:var(--swui-textinput-font-weight);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_11y5a_1 ._input_11y5a_73:disabled{color:var(--swui-textinput-text-color-disabled)}._textInput_11y5a_1 ._input_11y5a_73::-webkit-input-placeholder{color:var(--swui-textinput-placeholder-color);font-weight:var(--swui-textinput-placeholder-font-weight)}._textInput_11y5a_1 ._input_11y5a_73::placeholder{color:var(--swui-textinput-placeholder-color);font-weight:var(--swui-textinput-placeholder-font-weight)}._textInput_11y5a_1 ._input_11y5a_73:focus::-webkit-input-placeholder{opacity:0}._textInput_11y5a_1 ._input_11y5a_73:focus::placeholder{opacity:0}._textInput_11y5a_1 ._input_11y5a_73::-webkit-calendar-picker-indicator{display:none}._textInput_11y5a_1._standard_11y5a_110:hover:not(._disabled_11y5a_65),._textInput_11y5a_1._success_11y5a_111:hover:not(._disabled_11y5a_65){--current-border-color: var(--swui-textinput-border-color-hover)}._textInput_11y5a_1._success_11y5a_111{--current-icon-color: var(--swui-textinput-icon-color-success)}._textInput_11y5a_1._loading_11y5a_123{--current-bg: var(--swui-textinput-bg-loading);--current-border-color: var(--swui-textinput-border-color-loading)}._textInput_11y5a_1._modified_11y5a_128{--current-bg: var(--swui-textinput-bg-modified);--current-border-color: var(--swui-textinput-border-color-modified);--current-icon-color: var(--lhds-color-blue-300)}._textInput_11y5a_1._error_11y5a_134{--current-bg: var(--swui-textinput-bg-error);--current-border-color: var(--swui-textinput-border-color-error);--current-icon-color: var(--swui-textinput-border-color-error)}._textInput_11y5a_1._warning_11y5a_140{--current-bg: var(--swui-textinput-bg-warning);--current-border-color: var(--swui-textinput-border-color-warning);--current-icon-color: var(--swui-textinput-border-color-warning)}._textInput_11y5a_1._disabled_11y5a_65{--current-bg: var(--swui-textinput-bg-color-disabled);--current-border-color: var(--swui-textinput-border-color-disabled)}._textInput_11y5a_1._textInput_11y5a_1._hideBorder_11y5a_151{border:none;box-shadow:none;background:none}._textInput_11y5a_1 ._clickable_11y5a_157:hover{--current-icon-color: var(--swui-textinput-icon-hover-color);cursor:pointer}._textInput_11y5a_1 ._icon_11y5a_162{transition:color var(--swui-textinput-animation-time);color:var(--current-icon-color);font-size:var(--swui-textinput-icon-size)}._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}._textArea_1lpu2_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-spacing: calc(var(--swui-field-text-spacing) - 1px);--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:var(--swui-textarea-spacing) 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_1lpu2_1:focus:not(:focus-visible){outline:none}._textArea_1lpu2_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_1lpu2_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_1lpu2_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(r)}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("@stenajs-webui/core"),f=require("react"),st=require("classnames"),g=require("@stenajs-webui/elements"),rt=require("@fortawesome/react-fontawesome"),ct=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},w=ct(st),ot="_knob_1d6s8_56",at="_filler_1d6s8_61",it="_checked_1d6s8_75",I={switch:"_switch_1d6s8_1",knob:ot,filler:at,checked:it},lt=`${I.switch} ${I.checked}`,H=({value:t,disabled:n,onValueChange:s,className:r,wrapperRef:c,...o})=>e.jsx("div",{className:r,ref:c,children:e.jsxs("button",{type:"button",role:"switch","aria-checked":t,className:t?lt:I.switch,disabled:n,onClick:()=>s&&s(!t),...o,children:[e.jsx("div",{className:I.filler}),e.jsx("div",{className:I.knob})]})}),ut=({label:t,disabled:n,textColor:s,wrapperRef:r,...c})=>e.jsx("div",{ref:r,children:e.jsx("label",{children:e.jsxs(d.Box,{row:!0,alignItems:"center",children:[e.jsx(H,{disabled:n,...c}),e.jsx(d.Space,{}),e.jsx(d.Text,{userSelect:"none",color:s,children:t})]})})}),dt="_checkbox_1ndou_1",xt="_standard_1ndou_39",pt="_small_1ndou_51",A={checkbox:dt,standard:xt,small:pt},$=f.forwardRef(({indeterminate:t=!1,onChange:n,onValueChange:s,value:r=!1,size:c="standard",className:o,...i},l)=>{const a=f.useRef(),_=p=>{a.current=p,a.current&&(a.current.indeterminate=Boolean(t)),l&&(typeof l=="function"?l(p):l.current=p)},h=f.useCallback(p=>{n&&n(p),s&&s(p.target.checked)},[n,s]);return f.useEffect(()=>{a.current&&(a.current.indeterminate=Boolean(t))},[t,a]),e.jsx("input",{type:"checkbox",className:w.default(A.checkbox,A[c],o),checked:r,onChange:h,ref:_,...i})}),ft=({children:t,label:n,inputRef:s,wrapperRef:r,textColor:c,...o})=>e.jsx("div",{ref:r,children:e.jsx("label",{children:e.jsxs(d.Row,{alignItems:"center",children:[e.jsx($,{...o,ref:s}),e.jsx(d.Space,{}),n&&e.jsx(d.Text,{userSelect:"none",color:c,children:n}),t]})})}),_t="_radiobutton_foy83_1",ht="_standard_foy83_45",jt="_small_foy83_55",C={radiobutton:_t,standard:ht,small:jt},T=f.forwardRef(({onChange:t,onValueChange:n,size:s="standard",name:r,...c},o)=>{const i=f.useCallback(l=>{t&&t(l),n&&n(l.target.value)},[t,n]);return e.jsx("input",{type:"radio",name:r,className:C.radiobutton+" "+C[s],onChange:i,ref:o,...c})}),yt="_radioButtonBox_1h0yy_1",gt="_danger_1h0yy_29",bt="_radioButtonWrapper_1h0yy_42",F={radioButtonBox:yt,danger:gt,radioButtonWrapper:bt},wt=({label:t,screenReaderLabel:n,variant:s="normal",icon:r,className:c,style:o,...i})=>e.jsx("label",{className:w.default(F.radioButtonBox,F[s],c),style:o,children:e.jsxs(d.Row,{justifyContent:"space-between",flexGrow:1,children:[e.jsxs(d.Row,{alignItems:"center",children:[e.jsx(T,{...i}),e.jsx(d.Space,{}),n?e.jsx(d.ScreenReaderOnlyText,{children:n}):null,e.jsx(d.Text,{"aria-hidden":Boolean(n),children:t})]}),e.jsx(d.Row,{alignItems:"center",width:"48px",justifyContent:"center",children:r&&e.jsx(g.Icon,{icon:r,size:24})})]})}),mt=({label:t,inputRef:n,wrapperRef:s,textColor:r,...c})=>e.jsx("div",{ref:s,children:e.jsx("label",{children:e.jsxs(d.Row,{alignItems:"center",children:[e.jsx(T,{ref:n,...c}),e.jsx(d.Space,{}),e.jsx(d.Text,{color:r,userSelect:"none",children:t})]})})}),L=(t,n,s,r,c,o,i,l)=>{const a=f.useRef(!1),_=u=>{var x;a.current||o==null||o((x=u.target.value)!=null?x:""),i==null||i(u)},h=u=>{a.current=!1,l==null||l(u)};return{onKeyDownHandler:f.useCallback(u=>{var b;const{key:x}=u;if(x==="Enter")a.current=!0,s==null||s(),o==null||o((b=u.currentTarget.value)!=null?b:"");else if(x==="Escape")a.current=!0,r==null||r(),u.preventDefault(),u.stopPropagation();else if(c){const j=(k,m)=>{a.current=!0,t.current.blur(),c(k),m.preventDefault(),m.stopPropagation()};u.shiftKey&&x==="Tab"?j("left",u):x==="Tab"?j("right",u):x==="ArrowUp"?j("up",u):x==="ArrowDown"?j("down",u):x==="ArrowRight"?t.current.value.length===t.current.selectionStart&&j("right",u):x==="ArrowLeft"&&t.current.selectionStart===0&&j("left",u)}n&&n(u)},[r,c,n,t,s,o]),onBlurHandler:_,onFocusHandler:h}};function P(t){return t.tagName==="TEXTAREA"||t.tagName==="INPUT"&&(t.type==="text"||t.type==="search"||t.type==="url"||t.type==="tel"||t.type==="password")}const W=(t,n,s)=>{f.useEffect(()=>{!t.current||!P(t.current)||(s?t.current.setSelectionRange(0,t.current.value.length):n&&t.current.setSelectionRange(t.current.value.length,t.current.value.length))},[n,t,s])},U=(t,{onEnter:n,onEsc:s,onChange:r,onValueChange:c,selectAllOnMount:o,moveCursorToEndOnMount:i,onDone:l,onMove:a,onFocus:_,onBlur:h,onKeyDown:p,autoFocus:u})=>{W(t,!!i,!!o);const{onKeyDownHandler:x,onFocusHandler:b,onBlurHandler:j}=L(t,p,n,s,a,l,h,_),k=f.useCallback(m=>{r==null||r(m),c==null||c(m.target.value)},[r,c]);return{onBlur:j,onChange:k,onFocus:b,onKeyDown:x,autoFocus:o||u}},kt="_textInput_11y5a_1",It="_disabled_11y5a_65",St="_input_11y5a_73",Rt="_standard_11y5a_110",Tt="_success_11y5a_111",Bt="_loading_11y5a_123",Nt="_modified_11y5a_128",At="_error_11y5a_134",Ct="_warning_11y5a_140",Ft="_hideBorder_11y5a_151",Ht="_clickable_11y5a_157",$t="_icon_11y5a_162",y={textInput:kt,disabled:It,input:St,standard:Rt,success:Tt,loading:Bt,modified:Nt,error:At,warning:Ct,hideBorder:Ft,clickable:Ht,icon:$t},S=({icon:t,iconClassName:n,content:s,spaceOnLeft:r,spaceOnRight:c,disableContentPadding:o,disableContentPaddingLeft:i,disableContentPaddingRight:l,onClick:a})=>!s&&!t?null:s?e.jsxs(e.Fragment,{children:[r&&!(o||i)?e.jsx(d.Space,{}):null,a?e.jsx("span",{onClick:a,className:y.clickable,children:s||null}):e.jsx(e.Fragment,{children:s||null}),c&&!(o||l)?e.jsx(d.Space,{}):null]}):e.jsxs(e.Fragment,{children:[r?e.jsx(d.Space,{}):null,t&&e.jsx(e.Fragment,{children:a?e.jsx(g.FlatButton,{type:"button",onClick:a,leftIcon:t,size:"small"}):e.jsx(rt.FontAwesomeIcon,{icon:t,className:w.default(y.icon,n)})}),c?e.jsx(d.Space,{}):null]}),B=t=>{const{variant:n="standard",inputRef:s,disabled:r,className:c,contentLeft:o,contentRight:i,disableContentPadding:l,disableContentPaddingLeft:a,disableContentPaddingRight:_,iconLeft:h,iconRight:p,onClickLeft:u,onClickRight:x,moveCursorToEndOnMount:b,selectAllOnMount:j,autoFocus:k,onValueChange:m,wrapperClassName:O,wrapperStyle:q,onDone:K,onEnter:E,onEsc:z,onMove:G,onChange:X,onKeyDown:D,hideBorder:J,onFocus:Q,onBlur:Y,...Z}=t,V=f.useRef(null),N=s!=null?s:V,tt=U(N,{onEnter:E,onEsc:z,onChange:X,onValueChange:m,selectAllOnMount:j,moveCursorToEndOnMount:b,onDone:K,onMove:G,onFocus:Q,onBlur:Y,onKeyDown:D,autoFocus:k}),et=n==="success"?g.stenaCheck:n==="warning"||n==="error"?g.stenaExclamationTriangle:p,nt=n==="loading"?e.jsx(g.InputSpinner,{}):i;return e.jsxs("div",{className:w.default(y.textInput,y[n],{[y.disabled]:r},{[y.hideBorder]:J},O),style:q,children:[e.jsx(S,{content:o,disableContentPadding:l,disableContentPaddingLeft:a,disableContentPaddingRight:_,icon:h,spaceOnLeft:!0,onClick:u}),e.jsx("input",{className:w.default(y.input,c),type:"text",disabled:r,ref:N,autoFocus:k,...Z,...tt}),e.jsx(S,{content:nt,disableContentPadding:l,disableContentPaddingLeft:a,disableContentPaddingRight:_,icon:et,spaceOnRight:!0,onClick:x})]})},Lt="_numericTextInputInput_1tnr6_1",Pt={numericTextInputInput:Lt},M=({onValueChange:t,value:n,numSteps:s,min:r,max:c})=>{if(t)if(!n)t(String(R(s,r,c)));else{const i=(d.parseFloatElseUndefined(n)||0)+s;t(String(R(i,r,c)))}},v=({onValueChange:t,newValue:n,min:s,max:r})=>{if(t)if(n==="")t("");else{const o=d.parseFloatElseUndefined(n)||0;t(String(R(o,s,r)))}},R=(t,n,s)=>{let r=t;return n!=null&&(r=Math.max(n,r)),s!=null&&(r=Math.min(s,r)),r},Wt=({value:t,onValueChange:n,max:s,min:r,step:c=1,contentRight:o,disabled:i,className:l,hideButtons:a,..._})=>{const h=f.useCallback(x=>{M({onValueChange:n,value:t,numSteps:x,min:r,max:s})},[t,s,r,n]),p=f.useCallback(x=>{v({onValueChange:n,newValue:x,min:r,max:s})},[s,r,n]),u=a?o:e.jsxs(e.Fragment,{children:[o&&e.jsxs(e.Fragment,{children:[o,e.jsx(d.Space,{})]}),e.jsx(g.UpDownButtons,{onClickUp:i?void 0:()=>h(c),onClickDown:i?void 0:()=>h(-c),iconColor:"var(--swui-textinput-text-color)",disabled:i})]});return e.jsx(B,{contentRight:u,value:t,onValueChange:p,disableContentPaddingRight:!a,type:"number",min:r,max:s,step:c,className:w.default(Pt.numericTextInputInput,l),disabled:i,..._})},Ut=(t,n)=>{const s=f.useCallback(c=>{if(n)if(!c)n(void 0);else{const o=d.parseFloatElseUndefined(c);o!==void 0&&n(o)}},[n]),r=f.useMemo(()=>t===void 0?"":String(t),[t]);return{onValueChange:s,value:r}},Mt=({hiddenIcon:t=g.stenaEyeShow,visibleIcon:n=g.stenaEyeHide,...s})=>{const[r,c]=f.useState(!0);return e.jsx(B,{iconRight:r?t:n,onClickRight:()=>c(o=>!o),type:r?"password":"text",...s})},vt=({variant:t="standard",disabled:n,wrapperClassName:s,wrapperStyle:r,contentLeft:c,contentRight:o,disableContentPadding:i,disableContentPaddingLeft:l,disableContentPaddingRight:a,iconRight:_,iconLeft:h,onClickLeft:p,onClickRight:u,children:x})=>{const b=t==="success"?g.stenaCheck:t==="warning"||t==="error"?g.stenaExclamationTriangle:_,j=t==="loading"?e.jsx(g.InputSpinner,{}):o;return e.jsxs("div",{className:w.default(y.textInput,y.inputContainer,y[t],{[y.disabled]:n},s),style:r,children:[e.jsx(S,{content:c,disableContentPadding:i,disableContentPaddingLeft:l,disableContentPaddingRight:a,icon:h,spaceOnLeft:!0,onClick:p}),e.jsx(d.Row,{alignItems:"center",children:x}),e.jsx(S,{content:j,disableContentPadding:i,disableContentPaddingLeft:l,disableContentPaddingRight:a,icon:b,spaceOnRight:!0,onClick:u})]})},Ot="_textArea_1lpu2_1",qt={textArea:Ot},Kt=f.forwardRef(({className:t,value:n,onValueChange:s,onChange:r,resize:c="none",readOnly:o=!1,rows:i,disabled:l,...a},_)=>{const h=f.useCallback(p=>{r&&r(p),s&&s(p.target.value)},[r,s]);return e.jsx("textarea",{disabled:l,rows:i,readOnly:o,className:w.default(qt.textArea,t),style:{resize:c},onChange:h,value:n,ref:_,...a})});exports.Checkbox=$;exports.CheckboxWithLabel=ft;exports.NumericTextInput=Wt;exports.PasswordInput=Mt;exports.RadioButton=T;exports.RadioButtonBox=wt;exports.RadioButtonWithLabel=mt;exports.Switch=H;exports.SwitchWithLabel=ut;exports.TextArea=Kt;exports.TextInput=B;exports.TextInputBox=vt;exports.elementHasSelectionRange=P;exports.onStepValueChange=M;exports.onTextValueChange=v;exports.useKeyboardNavigation=L;exports.useNumericInputValue=Ut;exports.useSelectAllOnMount=W;exports.useTextInput=U;
1
+ (function(){"use strict";try{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:opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);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);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),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;-webkit-transform:rotate(var(--current-check-rotation, 20deg));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;-webkit-transform:rotate(0deg);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:opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);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);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),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);-webkit-transform:scale(var(--current-scale, 0));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_axgdw_1{display:flex;height:36px;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_axgdw_1._textInput_axgdw_1:focus-within:not(._disabled_axgdw_11){outline:var(--swui-focus-outline);border-color:transparent}._textInput_axgdw_1 ._input_axgdw_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_axgdw_1 ._input_axgdw_16:disabled{color:var(--swui-field-text-color-disabled)}._textInput_axgdw_1 ._input_axgdw_16::-webkit-input-placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_axgdw_1 ._input_axgdw_16::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_axgdw_1 ._input_axgdw_16:focus::-webkit-input-placeholder{opacity:0}._textInput_axgdw_1 ._input_axgdw_16:focus::placeholder{opacity:0}._textInput_axgdw_1 ._input_axgdw_16::-webkit-calendar-picker-indicator{display:none}._textInput_axgdw_1 ._icon_axgdw_49{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_axgdw_1._standard_axgdw_59:hover:not(:focus-within):not(._disabled_axgdw_11),._textInput_axgdw_1._success_axgdw_60:hover:not(:focus-within):not(._disabled_axgdw_11){border-color:var(--swui-field-border-color-hover)}._textInput_axgdw_1._success_axgdw_60 ._icon_axgdw_49{color:var(--swui-state-success-color)}._textInput_axgdw_1._loading_axgdw_72{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_axgdw_1._modified_axgdw_77{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_axgdw_1._modified_axgdw_77 ._icon_axgdw_49{color:var(--lhds-color-blue-300)}._textInput_axgdw_1._error_axgdw_86{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_axgdw_1._error_axgdw_86 ._icon_axgdw_49{color:var(--swui-state-error-light-color)}._textInput_axgdw_1._warning_axgdw_95{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_axgdw_1._warning_axgdw_95 ._icon_axgdw_49{color:var(--swui-state-alert-light-color)}._textInput_axgdw_1._disabled_axgdw_11{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_axgdw_1._textInput_axgdw_1._hideBorder_axgdw_109{border:none;box-shadow:none;background:none;outline:none}._textInput_axgdw_1 ._clickable_axgdw_116:hover{cursor:pointer}._textInput_axgdw_1 ._clickable_axgdw_116:hover ._icon_axgdw_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}._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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("@stenajs-webui/core"),p=require("react"),st=require("classnames"),w=require("@stenajs-webui/elements"),rt=require("@fortawesome/react-fontawesome"),ct=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},y=ct(st),ot="_knob_1d6s8_56",at="_filler_1d6s8_61",it="_checked_1d6s8_75",I={switch:"_switch_1d6s8_1",knob:ot,filler:at,checked:it},lt=`${I.switch} ${I.checked}`,H=({value:t,disabled:n,onValueChange:s,className:r,wrapperRef:c,...o})=>e.jsx("div",{className:r,ref:c,children:e.jsxs("button",{type:"button",role:"switch","aria-checked":t,className:t?lt:I.switch,disabled:n,onClick:()=>s&&s(!t),...o,children:[e.jsx("div",{className:I.filler}),e.jsx("div",{className:I.knob})]})}),ut=({label:t,disabled:n,textColor:s,wrapperRef:r,...c})=>e.jsx("div",{ref:r,children:e.jsx("label",{children:e.jsxs(d.Box,{row:!0,alignItems:"center",children:[e.jsx(H,{disabled:n,...c}),e.jsx(d.Space,{}),e.jsx(d.Text,{userSelect:"none",color:s,children:t})]})})}),dt="_checkbox_1ndou_1",xt="_standard_1ndou_39",ft="_small_1ndou_51",A={checkbox:dt,standard:xt,small:ft},$=p.forwardRef(({indeterminate:t=!1,onChange:n,onValueChange:s,value:r=!1,size:c="standard",className:o,...i},l)=>{const a=p.useRef(),_=f=>{a.current=f,a.current&&(a.current.indeterminate=Boolean(t)),l&&(typeof l=="function"?l(f):l.current=f)},h=p.useCallback(f=>{n&&n(f),s&&s(f.target.checked)},[n,s]);return p.useEffect(()=>{a.current&&(a.current.indeterminate=Boolean(t))},[t,a]),e.jsx("input",{type:"checkbox",className:y.default(A.checkbox,A[c],o),checked:r,onChange:h,ref:_,...i})}),pt=({children:t,label:n,inputRef:s,wrapperRef:r,textColor:c,...o})=>e.jsx("div",{ref:r,children:e.jsx("label",{children:e.jsxs(d.Row,{alignItems:"center",children:[e.jsx($,{...o,ref:s}),e.jsx(d.Space,{}),n&&e.jsx(d.Text,{userSelect:"none",color:c,children:n}),t]})})}),_t="_radiobutton_foy83_1",ht="_standard_foy83_45",jt="_small_foy83_55",C={radiobutton:_t,standard:ht,small:jt},T=p.forwardRef(({onChange:t,onValueChange:n,size:s="standard",name:r,...c},o)=>{const i=p.useCallback(l=>{t&&t(l),n&&n(l.target.value)},[t,n]);return e.jsx("input",{type:"radio",name:r,className:C.radiobutton+" "+C[s],onChange:i,ref:o,...c})}),gt="_radioButtonBox_1h0yy_1",wt="_danger_1h0yy_29",bt="_radioButtonWrapper_1h0yy_42",F={radioButtonBox:gt,danger:wt,radioButtonWrapper:bt},yt=({label:t,screenReaderLabel:n,variant:s="normal",icon:r,className:c,style:o,...i})=>e.jsx("label",{className:y.default(F.radioButtonBox,F[s],c),style:o,children:e.jsxs(d.Row,{justifyContent:"space-between",flexGrow:1,children:[e.jsxs(d.Row,{alignItems:"center",children:[e.jsx(T,{...i}),e.jsx(d.Space,{}),n?e.jsx(d.ScreenReaderOnlyText,{children:n}):null,e.jsx(d.Text,{"aria-hidden":Boolean(n),children:t})]}),e.jsx(d.Row,{alignItems:"center",width:"48px",justifyContent:"center",children:r&&e.jsx(w.Icon,{icon:r,size:24})})]})}),mt=({label:t,inputRef:n,wrapperRef:s,textColor:r,...c})=>e.jsx("div",{ref:s,children:e.jsx("label",{children:e.jsxs(d.Row,{alignItems:"center",children:[e.jsx(T,{ref:n,...c}),e.jsx(d.Space,{}),e.jsx(d.Text,{color:r,userSelect:"none",children:t})]})})}),L=(t,n,s,r,c,o,i,l)=>{const a=p.useRef(!1),_=u=>{var x;a.current||o==null||o((x=u.target.value)!=null?x:""),i==null||i(u)},h=u=>{a.current=!1,l==null||l(u)};return{onKeyDownHandler:p.useCallback(u=>{var b;const{key:x}=u;if(x==="Enter")a.current=!0,s==null||s(),o==null||o((b=u.currentTarget.value)!=null?b:"");else if(x==="Escape")a.current=!0,r==null||r(),u.preventDefault(),u.stopPropagation();else if(c){const j=(k,m)=>{a.current=!0,t.current.blur(),c(k),m.preventDefault(),m.stopPropagation()};u.shiftKey&&x==="Tab"?j("left",u):x==="Tab"?j("right",u):x==="ArrowUp"?j("up",u):x==="ArrowDown"?j("down",u):x==="ArrowRight"?t.current.value.length===t.current.selectionStart&&j("right",u):x==="ArrowLeft"&&t.current.selectionStart===0&&j("left",u)}n&&n(u)},[r,c,n,t,s,o]),onBlurHandler:_,onFocusHandler:h}};function P(t){return t.tagName==="TEXTAREA"||t.tagName==="INPUT"&&(t.type==="text"||t.type==="search"||t.type==="url"||t.type==="tel"||t.type==="password")}const W=(t,n,s)=>{p.useEffect(()=>{!t.current||!P(t.current)||(s?t.current.setSelectionRange(0,t.current.value.length):n&&t.current.setSelectionRange(t.current.value.length,t.current.value.length))},[n,t,s])},U=(t,{onEnter:n,onEsc:s,onChange:r,onValueChange:c,selectAllOnMount:o,moveCursorToEndOnMount:i,onDone:l,onMove:a,onFocus:_,onBlur:h,onKeyDown:f,autoFocus:u})=>{W(t,!!i,!!o);const{onKeyDownHandler:x,onFocusHandler:b,onBlurHandler:j}=L(t,f,n,s,a,l,h,_),k=p.useCallback(m=>{r==null||r(m),c==null||c(m.target.value)},[r,c]);return{onBlur:j,onChange:k,onFocus:b,onKeyDown:x,autoFocus:o||u}},kt="_textInput_axgdw_1",It="_disabled_axgdw_11",St="_input_axgdw_16",Rt="_icon_axgdw_49",Tt="_standard_axgdw_59",Bt="_success_axgdw_60",Nt="_loading_axgdw_72",At="_modified_axgdw_77",Ct="_error_axgdw_86",Ft="_warning_axgdw_95",Ht="_hideBorder_axgdw_109",$t="_clickable_axgdw_116",g={textInput:kt,disabled:It,input:St,icon:Rt,standard:Tt,success:Bt,loading:Nt,modified:At,error:Ct,warning:Ft,hideBorder:Ht,clickable:$t},S=({icon:t,iconClassName:n,content:s,spaceOnLeft:r,spaceOnRight:c,disableContentPadding:o,disableContentPaddingLeft:i,disableContentPaddingRight:l,onClick:a})=>!s&&!t?null:s?e.jsxs(e.Fragment,{children:[r&&!(o||i)?e.jsx(d.Space,{}):null,a?e.jsx("span",{onClick:a,className:g.clickable,children:s||null}):e.jsx(e.Fragment,{children:s||null}),c&&!(o||l)?e.jsx(d.Space,{}):null]}):e.jsxs(e.Fragment,{children:[r?e.jsx(d.Space,{}):null,t&&e.jsx(e.Fragment,{children:a?e.jsx(w.FlatButton,{type:"button",onClick:a,leftIcon:t,size:"small"}):e.jsx(rt.FontAwesomeIcon,{icon:t,className:y.default(g.icon,n)})}),c?e.jsx(d.Space,{}):null]}),B=t=>{const{variant:n="standard",inputRef:s,disabled:r,className:c,contentLeft:o,contentRight:i,disableContentPadding:l,disableContentPaddingLeft:a,disableContentPaddingRight:_,iconLeft:h,iconRight:f,onClickLeft:u,onClickRight:x,moveCursorToEndOnMount:b,selectAllOnMount:j,autoFocus:k,onValueChange:m,wrapperClassName:O,wrapperStyle:q,onDone:K,onEnter:E,onEsc:z,onMove:G,onChange:X,onKeyDown:D,hideBorder:J,onFocus:Q,onBlur:Y,...Z}=t,V=p.useRef(null),N=s!=null?s:V,tt=U(N,{onEnter:E,onEsc:z,onChange:X,onValueChange:m,selectAllOnMount:j,moveCursorToEndOnMount:b,onDone:K,onMove:G,onFocus:Q,onBlur:Y,onKeyDown:D,autoFocus:k}),et=n==="success"?w.stenaCheck:n==="warning"||n==="error"?w.stenaExclamationTriangle:f,nt=n==="loading"?e.jsx(w.InputSpinner,{}):i;return e.jsxs("div",{className:y.default(g.textInput,g[n],{[g.disabled]:r},{[g.hideBorder]:J},O),style:q,children:[e.jsx(S,{content:o,disableContentPadding:l,disableContentPaddingLeft:a,disableContentPaddingRight:_,icon:h,spaceOnLeft:!0,onClick:u}),e.jsx("input",{className:y.default(g.input,c),type:"text",disabled:r,ref:N,autoFocus:k,...Z,...tt}),e.jsx(S,{content:nt,disableContentPadding:l,disableContentPaddingLeft:a,disableContentPaddingRight:_,icon:et,spaceOnRight:!0,onClick:x})]})},Lt="_numericTextInputInput_1tnr6_1",Pt={numericTextInputInput:Lt},M=({onValueChange:t,value:n,numSteps:s,min:r,max:c})=>{if(t)if(!n)t(String(R(s,r,c)));else{const i=(d.parseFloatElseUndefined(n)||0)+s;t(String(R(i,r,c)))}},v=({onValueChange:t,newValue:n,min:s,max:r})=>{if(t)if(n==="")t("");else{const o=d.parseFloatElseUndefined(n)||0;t(String(R(o,s,r)))}},R=(t,n,s)=>{let r=t;return n!=null&&(r=Math.max(n,r)),s!=null&&(r=Math.min(s,r)),r},Wt=({value:t,onValueChange:n,max:s,min:r,step:c=1,contentRight:o,disabled:i,className:l,hideButtons:a,..._})=>{const h=p.useCallback(x=>{M({onValueChange:n,value:t,numSteps:x,min:r,max:s})},[t,s,r,n]),f=p.useCallback(x=>{v({onValueChange:n,newValue:x,min:r,max:s})},[s,r,n]),u=a?o:e.jsxs(e.Fragment,{children:[o&&e.jsxs(e.Fragment,{children:[o,e.jsx(d.Space,{})]}),e.jsx(w.UpDownButtons,{onClickUp:i?void 0:()=>h(c),onClickDown:i?void 0:()=>h(-c),iconColor:"var(--swui-textinput-text-color)",disabled:i})]});return e.jsx(B,{contentRight:u,value:t,onValueChange:f,disableContentPaddingRight:!a,type:"number",min:r,max:s,step:c,className:y.default(Pt.numericTextInputInput,l),disabled:i,..._})},Ut=(t,n)=>{const s=p.useCallback(c=>{if(n)if(!c)n(void 0);else{const o=d.parseFloatElseUndefined(c);o!==void 0&&n(o)}},[n]),r=p.useMemo(()=>t===void 0?"":String(t),[t]);return{onValueChange:s,value:r}},Mt=({hiddenIcon:t=w.stenaEyeShow,visibleIcon:n=w.stenaEyeHide,...s})=>{const[r,c]=p.useState(!0);return e.jsx(B,{iconRight:r?t:n,onClickRight:()=>c(o=>!o),type:r?"password":"text",...s})},vt=({variant:t="standard",disabled:n,wrapperClassName:s,wrapperStyle:r,contentLeft:c,contentRight:o,disableContentPadding:i,disableContentPaddingLeft:l,disableContentPaddingRight:a,iconRight:_,iconLeft:h,onClickLeft:f,onClickRight:u,children:x})=>{const b=t==="success"?w.stenaCheck:t==="warning"||t==="error"?w.stenaExclamationTriangle:_,j=t==="loading"?e.jsx(w.InputSpinner,{}):o;return e.jsxs("div",{className:y.default(g.textInput,g.inputContainer,g[t],{[g.disabled]:n},s),style:r,children:[e.jsx(S,{content:c,disableContentPadding:i,disableContentPaddingLeft:l,disableContentPaddingRight:a,icon:h,spaceOnLeft:!0,onClick:f}),e.jsx(d.Row,{alignItems:"center",children:x}),e.jsx(S,{content:j,disableContentPadding:i,disableContentPaddingLeft:l,disableContentPaddingRight:a,icon:b,spaceOnRight:!0,onClick:u})]})},Ot="_textArea_6n6nc_1",qt={textArea:Ot},Kt=p.forwardRef(({className:t,value:n,onValueChange:s,onChange:r,resize:c="none",readOnly:o=!1,rows:i,disabled:l,...a},_)=>{const h=p.useCallback(f=>{r&&r(f),s&&s(f.target.value)},[r,s]);return e.jsx("textarea",{disabled:l,rows:i,readOnly:o,className:y.default(qt.textArea,t),style:{resize:c},onChange:h,value:n,ref:_,...a})});exports.Checkbox=$;exports.CheckboxWithLabel=pt;exports.NumericTextInput=Wt;exports.PasswordInput=Mt;exports.RadioButton=T;exports.RadioButtonBox=yt;exports.RadioButtonWithLabel=mt;exports.Switch=H;exports.SwitchWithLabel=ut;exports.TextArea=Kt;exports.TextInput=B;exports.TextInputBox=vt;exports.elementHasSelectionRange=P;exports.onStepValueChange=M;exports.onTextValueChange=v;exports.useKeyboardNavigation=L;exports.useNumericInputValue=Ut;exports.useSelectAllOnMount=W;exports.useTextInput=U;
3
3
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/components/ui/switch/Switch.tsx","../src/components/ui/switch/SwitchWithLabel.tsx","../src/components/ui/checkbox/Checkbox.tsx","../src/components/ui/checkbox/CheckboxWithLabel.tsx","../src/components/ui/radio/RadioButton.tsx","../src/components/ui/radio/RadioButtonBox.tsx","../src/components/ui/radio/RadioButtonWithLabel.tsx","../src/hooks/UseKeyboardNavigation.ts","../src/hooks/UseSelectAllOnMount.ts","../src/hooks/UseTextInput.ts","../src/components/ui/text-input/TextInputIcon.tsx","../src/components/ui/text-input/TextInput.tsx","../src/utils/NumericHelpers.ts","../src/components/ui/numeric-text-input/NumericTextInput.tsx","../src/components/ui/numeric-text-input/hooks/UseNumericInputValue.ts","../src/components/ui/password-input/PasswordInput.tsx","../src/components/ui/text-input/TextInputBox.tsx","../src/components/ui/text-area/TextArea.tsx"],"sourcesContent":["import { Ref } from \"react\";\nimport * as React from \"react\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { ValueAndOnValueChangeProps } from \"../types\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps\n extends Omit<ButtonElementProps, \"value\">,\n ValueAndOnValueChangeProps<boolean> {\n wrapperRef?: Ref<HTMLDivElement>;\n}\n\nconst styleChecked = `${styles.switch} ${styles.checked}`;\n\nexport const Switch: React.FC<SwitchProps> = ({\n value,\n disabled,\n onValueChange,\n className,\n wrapperRef,\n ...restProps\n}) => {\n return (\n <div className={className} ref={wrapperRef}>\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={value}\n className={value ? styleChecked : styles.switch}\n disabled={disabled}\n onClick={() => onValueChange && onValueChange(!value)}\n {...restProps}\n >\n <div className={styles.filler} />\n <div className={styles.knob} />\n </button>\n </div>\n );\n};\n","import { Box, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Switch, SwitchProps } from \"./Switch\";\n\nexport interface SwitchWithLabelProps extends SwitchProps {\n label: string;\n textColor?: string;\n}\n\nexport const SwitchWithLabel: React.FC<SwitchWithLabelProps> = ({\n label,\n disabled,\n textColor,\n wrapperRef,\n ...switchProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Box row alignItems={\"center\"}>\n <Switch disabled={disabled} {...switchProps} />\n <Space />\n <Text userSelect={\"none\"} color={textColor}>\n {label}\n </Text>\n </Box>\n </label>\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ComponentPropsWithoutRef,\n forwardRef,\n MutableRefObject,\n useCallback,\n useEffect,\n useRef,\n} from \"react\";\nimport { FullOnChangeProps } from \"../types\";\nimport cx from \"classnames\";\nimport styles from \"./Checkbox.module.css\";\n\nexport type CheckboxSize = \"standard\" | \"small\";\n\nexport interface CheckboxProps\n extends FullOnChangeProps<boolean, ChangeEvent<HTMLInputElement>>,\n Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"value\"> {\n indeterminate?: boolean;\n size?: CheckboxSize;\n disabled?: boolean;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n (\n {\n indeterminate = false,\n onChange,\n onValueChange,\n value = false,\n size = \"standard\",\n className,\n ...inputProps\n },\n ref\n ) => {\n const localRef = useRef<HTMLInputElement>();\n\n const setRef = (element: HTMLInputElement) => {\n localRef.current = element;\n if (localRef.current) {\n localRef.current.indeterminate = Boolean(indeterminate);\n }\n if (ref) {\n if (typeof ref === \"function\") {\n ref(element);\n } else {\n (ref as MutableRefObject<HTMLInputElement>).current = element;\n }\n }\n };\n\n const handleInputChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.checked);\n }\n },\n [onChange, onValueChange]\n );\n\n useEffect(() => {\n if (localRef.current) {\n localRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [indeterminate, localRef]);\n\n return (\n <input\n type={\"checkbox\"}\n className={cx(styles.checkbox, styles[size], className)}\n checked={value}\n onChange={handleInputChange}\n ref={setRef}\n {...inputProps}\n />\n );\n }\n);\n","import { Row, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Ref } from \"react\";\nimport { Checkbox, CheckboxProps } from \"./Checkbox\";\n\nexport interface CheckboxWithLabelProps extends CheckboxProps {\n label?: string;\n textColor?: string;\n wrapperRef?: Ref<HTMLDivElement>;\n inputRef?: Ref<HTMLInputElement>;\n}\n\nexport const CheckboxWithLabel: React.FC<CheckboxWithLabelProps> = ({\n children,\n label,\n inputRef,\n wrapperRef,\n textColor,\n ...checkboxProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <Checkbox {...checkboxProps} ref={inputRef} />\n <Space />\n {label && (\n <Text userSelect={\"none\"} color={textColor}>\n {label}\n </Text>\n )}\n {children}\n </Row>\n </label>\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n} from \"react\";\nimport { FullOnChangeProps } from \"../types\";\nimport styles from \"./RadioButton.module.css\";\n\nexport type RadioButtonSize = \"standard\" | \"small\";\n\nexport interface RadioButtonProps\n extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>,\n Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"value\"> {\n size?: RadioButtonSize;\n}\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n (\n { onChange, onValueChange, size = \"standard\", name, ...inputProps },\n ref\n ) => {\n const handleInputChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.value);\n }\n },\n [onChange, onValueChange]\n );\n\n return (\n <input\n type={\"radio\"}\n name={name}\n className={styles.radiobutton + \" \" + styles[size]}\n onChange={handleInputChange}\n ref={ref}\n {...inputProps}\n />\n );\n }\n);\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Row, ScreenReaderOnlyText, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./RadioButtonBox.module.css\";\nimport { RadioButton, RadioButtonProps } from \"./RadioButton\";\n\nexport type RadioButtonBoxVariant = \"normal\" | \"danger\";\n\nexport interface RadioButtonBoxProps extends RadioButtonProps {\n label?: string;\n /**\n * If set, this label is used by screen readers instead of label prop.\n * For example, label could be \"male\", while screenReaderLabel is \"Gender male\".\n * If not set, screen readers will use label prop.\n */\n screenReaderLabel?: string;\n variant?: RadioButtonBoxVariant;\n icon?: IconDefinition;\n}\n\nexport const RadioButtonBox: React.FC<RadioButtonBoxProps> = ({\n label,\n screenReaderLabel,\n variant = \"normal\",\n icon,\n className,\n style,\n ...radioButtonProps\n}) => {\n return (\n <label\n className={cx(styles.radioButtonBox, styles[variant], className)}\n style={style}\n >\n <Row justifyContent={\"space-between\"} flexGrow={1}>\n <Row alignItems={\"center\"}>\n <RadioButton {...radioButtonProps} />\n <Space />\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <Text aria-hidden={Boolean(screenReaderLabel)}>{label}</Text>\n </Row>\n <Row alignItems={\"center\"} width={\"48px\"} justifyContent={\"center\"}>\n {icon && <Icon icon={icon} size={24} />}\n </Row>\n </Row>\n </label>\n );\n};\n","import { Row, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Ref } from \"react\";\nimport { RadioButton, RadioButtonProps } from \"./RadioButton\";\n\nexport interface RadioButtonWithLabelProps extends RadioButtonProps {\n label: string;\n textColor?: string;\n wrapperRef?: Ref<HTMLDivElement>;\n inputRef?: Ref<HTMLInputElement>;\n}\n\nexport const RadioButtonWithLabel: React.FC<RadioButtonWithLabelProps> = ({\n label,\n inputRef,\n wrapperRef,\n textColor,\n ...radioButtonProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <RadioButton ref={inputRef} {...radioButtonProps} />\n <Space />\n <Text color={textColor} userSelect={\"none\"}>\n {label}\n </Text>\n </Row>\n </label>\n </div>\n );\n};\n","import {\n FocusEventHandler,\n KeyboardEvent,\n KeyboardEventHandler,\n RefObject,\n useCallback,\n useRef,\n} from \"react\";\n\nexport type MoveDirection = \"right\" | \"left\" | \"down\" | \"up\";\nexport type TextInputElement = HTMLTextAreaElement | HTMLInputElement;\n\nexport const useKeyboardNavigation = <TElement extends TextInputElement>(\n ref: RefObject<TElement>,\n /**\n * User-provided onKeyDown. Internal handler should forward calls to this.\n * */\n onKeyDown: KeyboardEventHandler<TElement> | undefined,\n onEnter: (() => void) | undefined,\n onEsc: (() => void) | undefined,\n /**\n * onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab.\n * */\n onMove: ((direction: MoveDirection) => void) | undefined,\n onDone: ((value: string) => void) | undefined,\n onBlur: FocusEventHandler<TElement> | undefined,\n onFocus: FocusEventHandler<TElement> | undefined\n) => {\n const wasHandled = useRef(false);\n\n const onBlurHandler: FocusEventHandler<TElement> = (ev) => {\n if (!wasHandled.current) {\n onDone?.(ev.target.value ?? \"\");\n }\n onBlur?.(ev);\n };\n\n const onFocusHandler: FocusEventHandler<TElement> = (ev) => {\n wasHandled.current = false;\n onFocus?.(ev);\n };\n\n const onKeyDownHandler: KeyboardEventHandler<TElement> = useCallback(\n (ev) => {\n const { key } = ev;\n if (key === \"Enter\") {\n wasHandled.current = true;\n onEnter?.();\n onDone?.(ev.currentTarget.value ?? \"\");\n } else if (key === \"Escape\") {\n wasHandled.current = true;\n onEsc?.();\n ev.preventDefault();\n ev.stopPropagation();\n } else if (onMove) {\n const blurMoveAndCancel = (\n direction: MoveDirection,\n e: KeyboardEvent<TElement>\n ) => {\n wasHandled.current = true;\n ref.current!.blur();\n onMove(direction);\n e.preventDefault();\n e.stopPropagation();\n };\n\n if (ev.shiftKey && key === \"Tab\") {\n blurMoveAndCancel(\"left\", ev);\n } else if (key === \"Tab\") {\n blurMoveAndCancel(\"right\", ev);\n } else if (key === \"ArrowUp\") {\n blurMoveAndCancel(\"up\", ev);\n } else if (key === \"ArrowDown\") {\n blurMoveAndCancel(\"down\", ev);\n } else if (key === \"ArrowRight\") {\n if (ref.current!.value.length === ref.current!.selectionStart) {\n blurMoveAndCancel(\"right\", ev);\n }\n } else if (key === \"ArrowLeft\") {\n if (ref.current!.selectionStart === 0) {\n blurMoveAndCancel(\"left\", ev);\n }\n }\n }\n\n if (onKeyDown) {\n onKeyDown(ev);\n }\n },\n [onEsc, onMove, onKeyDown, ref, onEnter, onDone]\n );\n\n return {\n onKeyDownHandler,\n onBlurHandler,\n onFocusHandler,\n };\n};\n","import { RefObject, useEffect } from \"react\";\nimport { TextInputElement } from \"./UseKeyboardNavigation\";\n\nexport function elementHasSelectionRange(element: TextInputElement): boolean {\n if (element.tagName === \"TEXTAREA\") {\n return true;\n }\n\n if (\n element.tagName === \"INPUT\" &&\n (element.type === \"text\" ||\n element.type === \"search\" ||\n element.type === \"url\" ||\n element.type === \"tel\" ||\n element.type === \"password\")\n ) {\n return true;\n }\n\n return false;\n}\n\nexport const useSelectAllOnMount = (\n ref: RefObject<TextInputElement>,\n moveCursorToEnd: boolean,\n enabled: boolean\n) => {\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n /*\n `selectionStart`, `selectionEnd` properties and `setSelectionRange` method apply only to inputs of types text, search, URL, tel and password.\n Chrome, starting from version 33, throws an exception while accessing those properties and method on the rest of input types.\n https://html.spec.whatwg.org/multipage/input.html#concept-input-apply\n */\n if (!elementHasSelectionRange(ref.current)) {\n return;\n }\n\n if (enabled) {\n ref.current.setSelectionRange(0, ref.current.value.length);\n } else if (moveCursorToEnd) {\n ref.current.setSelectionRange(\n ref.current.value.length,\n ref.current.value.length\n );\n }\n }, [moveCursorToEnd, ref, enabled]);\n};\n","import {\n ChangeEvent,\n ChangeEventHandler,\n CSSProperties,\n FocusEventHandler,\n KeyboardEventHandler,\n RefObject,\n useCallback,\n} from \"react\";\nimport { TextInputVariant } from \"../components/ui/text-input/TextInput\";\nimport {\n MoveDirection,\n TextInputElement,\n useKeyboardNavigation,\n} from \"./UseKeyboardNavigation\";\nimport { useSelectAllOnMount } from \"./UseSelectAllOnMount\";\nimport { FullOnChangeProps } from \"../components/ui/types\";\n\ninterface UseTextInputOptions<TElement extends TextInputElement>\n extends FullOnChangeProps<string, ChangeEvent<TElement>> {\n wrapperStyle?: CSSProperties;\n wrapperClassName?: string;\n variant?: TextInputVariant;\n hideBorder?: boolean;\n selectAllOnMount?: boolean;\n moveCursorToEndOnMount?: boolean;\n onDone?: (value: string) => void;\n onEnter?: () => void;\n onEsc?: () => void;\n autoFocus?: boolean;\n /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */\n onMove?: (direction: MoveDirection) => void;\n onFocus?: FocusEventHandler<TElement>;\n onBlur?: FocusEventHandler<TElement>;\n onKeyDown?: KeyboardEventHandler<TElement>;\n}\n\ninterface UseTextInputHookResult<TElement extends TextInputElement> {\n autoFocus?: boolean;\n onChange: ChangeEventHandler<TElement>;\n onFocus: FocusEventHandler<TElement>;\n onBlur: FocusEventHandler<TElement>;\n onKeyDown: KeyboardEventHandler<TElement>;\n}\n\nexport const useTextInput = <TElement extends TextInputElement>(\n ref: RefObject<TElement>,\n {\n onEnter,\n onEsc,\n onChange,\n onValueChange,\n selectAllOnMount,\n moveCursorToEndOnMount,\n onDone,\n onMove,\n onFocus,\n onBlur,\n onKeyDown,\n autoFocus,\n }: UseTextInputOptions<TElement>\n): UseTextInputHookResult<TElement> => {\n useSelectAllOnMount(ref, !!moveCursorToEndOnMount, !!selectAllOnMount);\n\n const { onKeyDownHandler, onFocusHandler, onBlurHandler } =\n useKeyboardNavigation<TElement>(\n ref,\n onKeyDown,\n onEnter,\n onEsc,\n onMove,\n onDone,\n onBlur,\n onFocus\n );\n\n const onChangeHandler = useCallback<ChangeEventHandler<TElement>>(\n (ev) => {\n onChange?.(ev);\n onValueChange?.(ev.target.value);\n },\n [onChange, onValueChange]\n );\n\n return {\n onBlur: onBlurHandler,\n onChange: onChangeHandler,\n onFocus: onFocusHandler,\n onKeyDown: onKeyDownHandler,\n autoFocus: selectAllOnMount || autoFocus,\n };\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./TextInput.module.css\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\n\nexport interface TextInputIconProps {\n iconClassName?: string;\n content?: React.ReactNode;\n icon?: IconDefinition;\n spaceOnRight?: boolean;\n spaceOnLeft?: boolean;\n disableContentPadding?: boolean;\n disableContentPaddingLeft?: boolean;\n disableContentPaddingRight?: boolean;\n onClick?: () => void;\n}\n\nexport const TextInputIcon: React.FC<TextInputIconProps> = ({\n icon,\n iconClassName,\n content,\n spaceOnLeft,\n spaceOnRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n onClick,\n}) => {\n if (!content && !icon) {\n return null;\n }\n\n if (content) {\n return (\n <>\n {spaceOnLeft &&\n !(disableContentPadding || disableContentPaddingLeft) ? (\n <Space />\n ) : null}\n {onClick ? (\n <span onClick={onClick} className={styles.clickable}>\n {content || null}\n </span>\n ) : (\n <>{content || null}</>\n )}\n\n {spaceOnRight &&\n !(disableContentPadding || disableContentPaddingRight) ? (\n <Space />\n ) : null}\n </>\n );\n }\n\n return (\n <>\n {spaceOnLeft ? <Space /> : null}\n {icon && (\n <>\n {onClick ? (\n <FlatButton\n type={\"button\"}\n onClick={onClick}\n leftIcon={icon}\n size={\"small\"}\n />\n ) : (\n <FontAwesomeIcon\n icon={icon}\n className={cx(styles.icon, iconClassName)}\n />\n )}\n </>\n )}\n {spaceOnRight ? <Space /> : null}\n </>\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { InputProps } from \"@stenajs-webui/core\";\nimport { InputSpinner } from \"@stenajs-webui/elements\";\nimport { stenaCheck, stenaExclamationTriangle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ChangeEvent, CSSProperties, useRef } from \"react\";\nimport { MoveDirection } from \"../../../hooks/UseKeyboardNavigation\";\nimport { useTextInput } from \"../../../hooks/UseTextInput\";\nimport { FullOnChangeProps } from \"../types\";\nimport styles from \"./TextInput.module.css\";\nimport { TextInputIcon } from \"./TextInputIcon\";\n\nexport type TextInputVariant =\n | \"standard\"\n | \"loading\"\n | \"warning\"\n | \"error\"\n | \"modified\"\n | \"success\";\n\ninterface ExtraContent {\n /** React node to put to the left. Left icon is ignored if this is set. */\n contentLeft?: React.ReactNode;\n /** React node to put to the right. Right icon is ignored if this is set. */\n contentRight?: React.ReactNode;\n /** If true, there will be no padding between contentLeft/contentRight and the border. */\n disableContentPadding?: boolean;\n /** If true, there will be no padding between contentLeft and the border. */\n disableContentPaddingLeft?: boolean;\n /** If true, there will be no padding between contentRight and the border. */\n disableContentPaddingRight?: boolean;\n /** Icon on the left side. */\n iconLeft?: IconDefinition;\n /** Icon on the right side. */\n iconRight?: IconDefinition;\n /** On click left. */\n onClickLeft?: () => void;\n /** On click right. */\n onClickRight?: () => void;\n}\n\nexport interface TextInputProps\n extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>,\n InputProps,\n ExtraContent {\n wrapperStyle?: CSSProperties;\n wrapperClassName?: string;\n variant?: TextInputVariant;\n hideBorder?: boolean;\n selectAllOnMount?: boolean;\n moveCursorToEndOnMount?: boolean;\n onDone?: (value: string) => void;\n onEnter?: () => void;\n onEsc?: () => void;\n autoFocus?: boolean;\n /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */\n onMove?: (direction: MoveDirection) => void;\n}\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n const {\n variant = \"standard\",\n inputRef,\n disabled,\n className,\n contentLeft,\n contentRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n iconLeft,\n iconRight,\n onClickLeft,\n onClickRight,\n moveCursorToEndOnMount,\n selectAllOnMount,\n autoFocus,\n onValueChange,\n wrapperClassName,\n wrapperStyle,\n onDone,\n onEnter,\n onEsc,\n onMove,\n onChange,\n onKeyDown,\n hideBorder,\n onFocus,\n onBlur,\n ...inputProps\n } = props;\n const localRef = useRef<HTMLInputElement>(null);\n const refToUse = inputRef ?? localRef;\n const hookProps = useTextInput<HTMLInputElement>(refToUse, {\n onEnter,\n onEsc,\n onChange,\n onValueChange,\n selectAllOnMount,\n moveCursorToEndOnMount,\n onDone,\n onMove,\n onFocus,\n onBlur,\n onKeyDown,\n autoFocus,\n });\n\n const currentIconRight =\n variant === \"success\"\n ? stenaCheck\n : variant === \"warning\" || variant === \"error\"\n ? stenaExclamationTriangle\n : iconRight;\n\n const currentContentRight =\n variant === \"loading\" ? <InputSpinner /> : contentRight;\n\n return (\n <div\n className={cx(\n styles.textInput,\n styles[variant],\n {\n [styles.disabled]: disabled,\n },\n {\n [styles.hideBorder]: hideBorder,\n },\n wrapperClassName\n )}\n style={wrapperStyle}\n >\n <TextInputIcon\n content={contentLeft}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={iconLeft}\n spaceOnLeft\n onClick={onClickLeft}\n />\n <input\n className={cx(styles.input, className)}\n type={\"text\"}\n disabled={disabled}\n ref={refToUse}\n autoFocus={autoFocus}\n {...inputProps}\n {...hookProps}\n />\n <TextInputIcon\n content={currentContentRight}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={currentIconRight}\n spaceOnRight\n onClick={onClickRight}\n />\n </div>\n );\n};\n","import { parseFloatElseUndefined } from \"@stenajs-webui/core\";\n\nexport const onStepValueChange = ({\n onValueChange,\n value,\n numSteps,\n min,\n max,\n}: {\n onValueChange: ((value: string) => void) | undefined;\n value: string | undefined;\n numSteps: number;\n min: number | undefined;\n max: number | undefined;\n}) => {\n if (onValueChange) {\n if (!value) {\n onValueChange(String(limitWithinRange(numSteps, min, max)));\n } else {\n const parsedValue = parseFloatElseUndefined(value);\n const newValue = (parsedValue || 0) + numSteps;\n onValueChange(String(limitWithinRange(newValue, min, max)));\n }\n }\n};\n\nexport const onTextValueChange = ({\n onValueChange,\n newValue,\n min,\n max,\n}: {\n onValueChange: ((value: string) => void) | undefined;\n newValue: string;\n min: number | undefined;\n max: number | undefined;\n}) => {\n if (onValueChange) {\n if (newValue === \"\") {\n onValueChange(\"\");\n } else {\n const parsedValue = parseFloatElseUndefined(newValue);\n const value = parsedValue || 0;\n onValueChange(String(limitWithinRange(value, min, max)));\n }\n }\n};\n\nconst limitWithinRange = (\n value: number,\n min?: number,\n max?: number\n): number => {\n let v = value;\n if (min != null) {\n v = Math.max(min, v);\n }\n if (max != null) {\n v = Math.min(max, v);\n }\n return v;\n};\n","import { Omit, Space } from \"@stenajs-webui/core\";\nimport { UpDownButtons } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { TextInput, TextInputProps } from \"../text-input/TextInput\";\nimport styles from \"./NumericTextInput.module.css\";\nimport cx from \"classnames\";\nimport {\n onStepValueChange,\n onTextValueChange,\n} from \"../../../utils/NumericHelpers\";\n\nexport interface NumericTextInputProps\n extends Omit<\n TextInputProps,\n | \"onChange\" // Omit onChange, since up down buttons don't generate HTMLInput event.\n | \"selectAllOnMount\" // Not supported by browser when input type='number'\n | \"moveCursorToEndOnMount\" // Not supported by browser when input type='number'\n > {\n max?: number;\n min?: number;\n step?: number;\n hideButtons?: boolean;\n}\n\nexport const NumericTextInput: React.FC<NumericTextInputProps> = ({\n value,\n onValueChange,\n max,\n min,\n step = 1,\n contentRight,\n disabled,\n className,\n hideButtons,\n ...restProps\n}) => {\n const onClick = useCallback(\n (numSteps: number) => {\n onStepValueChange({ onValueChange, value, numSteps, min, max });\n },\n [value, max, min, onValueChange]\n );\n const onChange = useCallback(\n (newValue: string) => {\n onTextValueChange({ onValueChange, newValue, min, max });\n },\n [max, min, onValueChange]\n );\n\n const contentRightToUse = hideButtons ? (\n contentRight\n ) : (\n <>\n {contentRight && (\n <>\n {contentRight}\n <Space />\n </>\n )}\n <UpDownButtons\n onClickUp={disabled ? undefined : () => onClick(step)}\n onClickDown={disabled ? undefined : () => onClick(-step)}\n iconColor={\"var(--swui-textinput-text-color)\"}\n disabled={disabled}\n />\n </>\n );\n\n return (\n <TextInput\n contentRight={contentRightToUse}\n value={value}\n onValueChange={onChange}\n disableContentPaddingRight={!hideButtons}\n type={\"number\"}\n min={min}\n max={max}\n step={step}\n className={cx(styles.numericTextInputInput, className)}\n disabled={disabled}\n {...restProps}\n />\n );\n};\n","import { useCallback, useMemo } from \"react\";\nimport { ValueAndOnValueChangeProps } from \"../../types\";\nimport { NumericTextInputProps } from \"../NumericTextInput\";\nimport { parseFloatElseUndefined } from \"@stenajs-webui/core\";\n\nexport type NumericInputValueProps = ValueAndOnValueChangeProps<\n number | undefined\n>;\n\nexport const useNumericInputValue = (\n value: number | undefined,\n onValueChange?: (value: number | undefined) => void\n): Partial<NumericTextInputProps> => {\n const onValueChangeString = useCallback(\n (newValue: string) => {\n if (onValueChange) {\n if (!newValue) {\n onValueChange(undefined);\n } else {\n const n = parseFloatElseUndefined(newValue);\n if (n !== undefined) {\n onValueChange(n);\n }\n }\n }\n },\n [onValueChange]\n );\n\n const valueString = useMemo(() => {\n if (value === undefined) {\n return \"\";\n }\n return String(value);\n }, [value]);\n\n return {\n onValueChange: onValueChangeString,\n value: valueString,\n };\n};\n","import * as React from \"react\";\nimport { useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { TextInput, TextInputProps } from \"../text-input/TextInput\";\nimport { stenaEyeHide, stenaEyeShow } from \"@stenajs-webui/elements\";\n\nexport interface PasswordInputProps extends TextInputProps {\n visibleIcon?: IconDefinition;\n hiddenIcon?: IconDefinition;\n}\n\nexport const PasswordInput: React.FC<PasswordInputProps> = ({\n hiddenIcon = stenaEyeShow,\n visibleIcon = stenaEyeHide,\n ...props\n}) => {\n const [isPassword, setIsPassword] = useState(true);\n\n return (\n <TextInput\n iconRight={isPassword ? hiddenIcon : visibleIcon}\n onClickRight={() => setIsPassword((x) => !x)}\n type={isPassword ? \"password\" : \"text\"}\n {...props}\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./TextInput.module.css\";\nimport cx from \"classnames\";\nimport { TextInputProps } from \"./TextInput\";\nimport { TextInputIcon } from \"./TextInputIcon\";\nimport {\n InputSpinner,\n stenaCheck,\n stenaExclamationTriangle,\n} from \"@stenajs-webui/elements\";\nimport { Row } from \"@stenajs-webui/core\";\n\nexport interface TextInputBoxProps\n extends Pick<\n TextInputProps,\n | \"variant\"\n | \"wrapperClassName\"\n | \"disabled\"\n | \"wrapperStyle\"\n | \"contentLeft\"\n | \"contentRight\"\n | \"disableContentPadding\"\n | \"disableContentPaddingLeft\"\n | \"disableContentPaddingRight\"\n | \"iconRight\"\n | \"iconLeft\"\n | \"onClickLeft\"\n | \"onClickRight\"\n > {\n children?: ReactNode;\n}\n\nexport const TextInputBox: React.FC<TextInputBoxProps> = ({\n variant = \"standard\",\n disabled,\n wrapperClassName,\n wrapperStyle,\n contentLeft,\n contentRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n iconRight,\n iconLeft,\n onClickLeft,\n onClickRight,\n children,\n}) => {\n const currentIconRight =\n variant === \"success\"\n ? stenaCheck\n : variant === \"warning\" || variant === \"error\"\n ? stenaExclamationTriangle\n : iconRight;\n\n const currentContentRight =\n variant === \"loading\" ? <InputSpinner /> : contentRight;\n\n return (\n <div\n className={cx(\n styles.textInput,\n styles.inputContainer,\n styles[variant],\n {\n [styles.disabled]: disabled,\n },\n wrapperClassName\n )}\n style={wrapperStyle}\n >\n <TextInputIcon\n content={contentLeft}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={iconLeft}\n spaceOnLeft\n onClick={onClickLeft}\n />\n <Row alignItems={\"center\"}>{children}</Row>\n <TextInputIcon\n content={currentContentRight}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={currentIconRight}\n spaceOnRight\n onClick={onClickRight}\n />\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ChangeEventHandler,\n ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./TextArea.module.css\";\nimport { FullOnChangeProps } from \"../types\";\n\ntype Resize =\n | \"none\"\n | \"both\"\n | \"horizontal\"\n | \"vertical\"\n | \"inherit\"\n | \"initial\"\n | \"revert\"\n | \"unset\";\n\nexport interface TextAreaProps\n extends Omit<ComponentPropsWithoutRef<\"textarea\">, \"value\">,\n FullOnChangeProps<string, ChangeEvent<HTMLTextAreaElement>> {\n resize?: Resize;\n readOnly?: boolean;\n rows?: number;\n disabled?: boolean;\n}\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n (\n {\n className,\n value,\n onValueChange,\n onChange,\n resize = \"none\",\n readOnly = false,\n rows,\n disabled,\n ...textAreaProps\n },\n ref\n ) => {\n const onChangeHandler: ChangeEventHandler<HTMLTextAreaElement> =\n useCallback(\n (ev) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.value);\n }\n },\n [onChange, onValueChange]\n );\n\n return (\n <textarea\n disabled={disabled}\n rows={rows}\n readOnly={readOnly}\n className={cx(styles.textArea, className)}\n style={{ resize }}\n onChange={onChangeHandler}\n value={value}\n ref={ref}\n {...textAreaProps}\n />\n );\n }\n);\n"],"names":["styleChecked","styles","Switch","value","disabled","onValueChange","className","wrapperRef","restProps","jsx","jsxs","SwitchWithLabel","label","textColor","switchProps","Box","Space","Text","Checkbox","forwardRef","indeterminate","onChange","size","inputProps","ref","localRef","useRef","setRef","element","handleInputChange","useCallback","ev","useEffect","cx","CheckboxWithLabel","children","inputRef","checkboxProps","Row","RadioButton","name","RadioButtonBox","screenReaderLabel","variant","icon","style","radioButtonProps","ScreenReaderOnlyText","Icon","RadioButtonWithLabel","useKeyboardNavigation","onKeyDown","onEnter","onEsc","onMove","onDone","onBlur","onFocus","wasHandled","onBlurHandler","_a","onFocusHandler","key","blurMoveAndCancel","direction","e","elementHasSelectionRange","useSelectAllOnMount","moveCursorToEnd","enabled","useTextInput","selectAllOnMount","moveCursorToEndOnMount","autoFocus","onKeyDownHandler","onChangeHandler","TextInputIcon","iconClassName","content","spaceOnLeft","spaceOnRight","disableContentPadding","disableContentPaddingLeft","disableContentPaddingRight","onClick","Fragment","FlatButton","FontAwesomeIcon","TextInput","props","contentLeft","contentRight","iconLeft","iconRight","onClickLeft","onClickRight","wrapperClassName","wrapperStyle","hideBorder","refToUse","hookProps","currentIconRight","stenaCheck","stenaExclamationTriangle","currentContentRight","InputSpinner","onStepValueChange","numSteps","min","max","limitWithinRange","newValue","parseFloatElseUndefined","onTextValueChange","v","NumericTextInput","step","hideButtons","contentRightToUse","UpDownButtons","useNumericInputValue","onValueChangeString","n","valueString","useMemo","PasswordInput","hiddenIcon","stenaEyeShow","visibleIcon","stenaEyeHide","isPassword","setIsPassword","useState","x","TextInputBox","TextArea","resize","readOnly","rows","textAreaProps"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/components/ui/switch/Switch.tsx","../src/components/ui/switch/SwitchWithLabel.tsx","../src/components/ui/checkbox/Checkbox.tsx","../src/components/ui/checkbox/CheckboxWithLabel.tsx","../src/components/ui/radio/RadioButton.tsx","../src/components/ui/radio/RadioButtonBox.tsx","../src/components/ui/radio/RadioButtonWithLabel.tsx","../src/hooks/UseKeyboardNavigation.ts","../src/hooks/UseSelectAllOnMount.ts","../src/hooks/UseTextInput.ts","../src/components/ui/text-input/TextInputIcon.tsx","../src/components/ui/text-input/TextInput.tsx","../src/utils/NumericHelpers.ts","../src/components/ui/numeric-text-input/NumericTextInput.tsx","../src/components/ui/numeric-text-input/hooks/UseNumericInputValue.ts","../src/components/ui/password-input/PasswordInput.tsx","../src/components/ui/text-input/TextInputBox.tsx","../src/components/ui/text-area/TextArea.tsx"],"sourcesContent":["import { Ref } from \"react\";\nimport * as React from \"react\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { ValueAndOnValueChangeProps } from \"../types\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps\n extends Omit<ButtonElementProps, \"value\">,\n ValueAndOnValueChangeProps<boolean> {\n wrapperRef?: Ref<HTMLDivElement>;\n}\n\nconst styleChecked = `${styles.switch} ${styles.checked}`;\n\nexport const Switch: React.FC<SwitchProps> = ({\n value,\n disabled,\n onValueChange,\n className,\n wrapperRef,\n ...restProps\n}) => {\n return (\n <div className={className} ref={wrapperRef}>\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={value}\n className={value ? styleChecked : styles.switch}\n disabled={disabled}\n onClick={() => onValueChange && onValueChange(!value)}\n {...restProps}\n >\n <div className={styles.filler} />\n <div className={styles.knob} />\n </button>\n </div>\n );\n};\n","import { Box, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Switch, SwitchProps } from \"./Switch\";\n\nexport interface SwitchWithLabelProps extends SwitchProps {\n label: string;\n textColor?: string;\n}\n\nexport const SwitchWithLabel: React.FC<SwitchWithLabelProps> = ({\n label,\n disabled,\n textColor,\n wrapperRef,\n ...switchProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Box row alignItems={\"center\"}>\n <Switch disabled={disabled} {...switchProps} />\n <Space />\n <Text userSelect={\"none\"} color={textColor}>\n {label}\n </Text>\n </Box>\n </label>\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ComponentPropsWithoutRef,\n forwardRef,\n MutableRefObject,\n useCallback,\n useEffect,\n useRef,\n} from \"react\";\nimport { FullOnChangeProps } from \"../types\";\nimport cx from \"classnames\";\nimport styles from \"./Checkbox.module.css\";\n\nexport type CheckboxSize = \"standard\" | \"small\";\n\nexport interface CheckboxProps\n extends FullOnChangeProps<boolean, ChangeEvent<HTMLInputElement>>,\n Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"value\"> {\n indeterminate?: boolean;\n size?: CheckboxSize;\n disabled?: boolean;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n (\n {\n indeterminate = false,\n onChange,\n onValueChange,\n value = false,\n size = \"standard\",\n className,\n ...inputProps\n },\n ref\n ) => {\n const localRef = useRef<HTMLInputElement>();\n\n const setRef = (element: HTMLInputElement) => {\n localRef.current = element;\n if (localRef.current) {\n localRef.current.indeterminate = Boolean(indeterminate);\n }\n if (ref) {\n if (typeof ref === \"function\") {\n ref(element);\n } else {\n (ref as MutableRefObject<HTMLInputElement>).current = element;\n }\n }\n };\n\n const handleInputChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.checked);\n }\n },\n [onChange, onValueChange]\n );\n\n useEffect(() => {\n if (localRef.current) {\n localRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [indeterminate, localRef]);\n\n return (\n <input\n type={\"checkbox\"}\n className={cx(styles.checkbox, styles[size], className)}\n checked={value}\n onChange={handleInputChange}\n ref={setRef}\n {...inputProps}\n />\n );\n }\n);\n","import { Row, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Ref } from \"react\";\nimport { Checkbox, CheckboxProps } from \"./Checkbox\";\n\nexport interface CheckboxWithLabelProps extends CheckboxProps {\n label?: string;\n textColor?: string;\n wrapperRef?: Ref<HTMLDivElement>;\n inputRef?: Ref<HTMLInputElement>;\n}\n\nexport const CheckboxWithLabel: React.FC<CheckboxWithLabelProps> = ({\n children,\n label,\n inputRef,\n wrapperRef,\n textColor,\n ...checkboxProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <Checkbox {...checkboxProps} ref={inputRef} />\n <Space />\n {label && (\n <Text userSelect={\"none\"} color={textColor}>\n {label}\n </Text>\n )}\n {children}\n </Row>\n </label>\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n} from \"react\";\nimport { FullOnChangeProps } from \"../types\";\nimport styles from \"./RadioButton.module.css\";\n\nexport type RadioButtonSize = \"standard\" | \"small\";\n\nexport interface RadioButtonProps\n extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>,\n Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"value\"> {\n size?: RadioButtonSize;\n}\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n (\n { onChange, onValueChange, size = \"standard\", name, ...inputProps },\n ref\n ) => {\n const handleInputChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.value);\n }\n },\n [onChange, onValueChange]\n );\n\n return (\n <input\n type={\"radio\"}\n name={name}\n className={styles.radiobutton + \" \" + styles[size]}\n onChange={handleInputChange}\n ref={ref}\n {...inputProps}\n />\n );\n }\n);\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Row, ScreenReaderOnlyText, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./RadioButtonBox.module.css\";\nimport { RadioButton, RadioButtonProps } from \"./RadioButton\";\n\nexport type RadioButtonBoxVariant = \"normal\" | \"danger\";\n\nexport interface RadioButtonBoxProps extends RadioButtonProps {\n label?: string;\n /**\n * If set, this label is used by screen readers instead of label prop.\n * For example, label could be \"male\", while screenReaderLabel is \"Gender male\".\n * If not set, screen readers will use label prop.\n */\n screenReaderLabel?: string;\n variant?: RadioButtonBoxVariant;\n icon?: IconDefinition;\n}\n\nexport const RadioButtonBox: React.FC<RadioButtonBoxProps> = ({\n label,\n screenReaderLabel,\n variant = \"normal\",\n icon,\n className,\n style,\n ...radioButtonProps\n}) => {\n return (\n <label\n className={cx(styles.radioButtonBox, styles[variant], className)}\n style={style}\n >\n <Row justifyContent={\"space-between\"} flexGrow={1}>\n <Row alignItems={\"center\"}>\n <RadioButton {...radioButtonProps} />\n <Space />\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <Text aria-hidden={Boolean(screenReaderLabel)}>{label}</Text>\n </Row>\n <Row alignItems={\"center\"} width={\"48px\"} justifyContent={\"center\"}>\n {icon && <Icon icon={icon} size={24} />}\n </Row>\n </Row>\n </label>\n );\n};\n","import { Row, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Ref } from \"react\";\nimport { RadioButton, RadioButtonProps } from \"./RadioButton\";\n\nexport interface RadioButtonWithLabelProps extends RadioButtonProps {\n label: string;\n textColor?: string;\n wrapperRef?: Ref<HTMLDivElement>;\n inputRef?: Ref<HTMLInputElement>;\n}\n\nexport const RadioButtonWithLabel: React.FC<RadioButtonWithLabelProps> = ({\n label,\n inputRef,\n wrapperRef,\n textColor,\n ...radioButtonProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <RadioButton ref={inputRef} {...radioButtonProps} />\n <Space />\n <Text color={textColor} userSelect={\"none\"}>\n {label}\n </Text>\n </Row>\n </label>\n </div>\n );\n};\n","import {\n FocusEventHandler,\n KeyboardEvent,\n KeyboardEventHandler,\n RefObject,\n useCallback,\n useRef,\n} from \"react\";\n\nexport type MoveDirection = \"right\" | \"left\" | \"down\" | \"up\";\nexport type TextInputElement = HTMLTextAreaElement | HTMLInputElement;\n\nexport const useKeyboardNavigation = <TElement extends TextInputElement>(\n ref: RefObject<TElement>,\n /**\n * User-provided onKeyDown. Internal handler should forward calls to this.\n * */\n onKeyDown: KeyboardEventHandler<TElement> | undefined,\n onEnter: (() => void) | undefined,\n onEsc: (() => void) | undefined,\n /**\n * onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab.\n * */\n onMove: ((direction: MoveDirection) => void) | undefined,\n onDone: ((value: string) => void) | undefined,\n onBlur: FocusEventHandler<TElement> | undefined,\n onFocus: FocusEventHandler<TElement> | undefined\n) => {\n const wasHandled = useRef(false);\n\n const onBlurHandler: FocusEventHandler<TElement> = (ev) => {\n if (!wasHandled.current) {\n onDone?.(ev.target.value ?? \"\");\n }\n onBlur?.(ev);\n };\n\n const onFocusHandler: FocusEventHandler<TElement> = (ev) => {\n wasHandled.current = false;\n onFocus?.(ev);\n };\n\n const onKeyDownHandler: KeyboardEventHandler<TElement> = useCallback(\n (ev) => {\n const { key } = ev;\n if (key === \"Enter\") {\n wasHandled.current = true;\n onEnter?.();\n onDone?.(ev.currentTarget.value ?? \"\");\n } else if (key === \"Escape\") {\n wasHandled.current = true;\n onEsc?.();\n ev.preventDefault();\n ev.stopPropagation();\n } else if (onMove) {\n const blurMoveAndCancel = (\n direction: MoveDirection,\n e: KeyboardEvent<TElement>\n ) => {\n wasHandled.current = true;\n ref.current!.blur();\n onMove(direction);\n e.preventDefault();\n e.stopPropagation();\n };\n\n if (ev.shiftKey && key === \"Tab\") {\n blurMoveAndCancel(\"left\", ev);\n } else if (key === \"Tab\") {\n blurMoveAndCancel(\"right\", ev);\n } else if (key === \"ArrowUp\") {\n blurMoveAndCancel(\"up\", ev);\n } else if (key === \"ArrowDown\") {\n blurMoveAndCancel(\"down\", ev);\n } else if (key === \"ArrowRight\") {\n if (ref.current!.value.length === ref.current!.selectionStart) {\n blurMoveAndCancel(\"right\", ev);\n }\n } else if (key === \"ArrowLeft\") {\n if (ref.current!.selectionStart === 0) {\n blurMoveAndCancel(\"left\", ev);\n }\n }\n }\n\n if (onKeyDown) {\n onKeyDown(ev);\n }\n },\n [onEsc, onMove, onKeyDown, ref, onEnter, onDone]\n );\n\n return {\n onKeyDownHandler,\n onBlurHandler,\n onFocusHandler,\n };\n};\n","import { RefObject, useEffect } from \"react\";\nimport { TextInputElement } from \"./UseKeyboardNavigation\";\n\nexport function elementHasSelectionRange(element: TextInputElement): boolean {\n if (element.tagName === \"TEXTAREA\") {\n return true;\n }\n\n if (\n element.tagName === \"INPUT\" &&\n (element.type === \"text\" ||\n element.type === \"search\" ||\n element.type === \"url\" ||\n element.type === \"tel\" ||\n element.type === \"password\")\n ) {\n return true;\n }\n\n return false;\n}\n\nexport const useSelectAllOnMount = (\n ref: RefObject<TextInputElement>,\n moveCursorToEnd: boolean,\n enabled: boolean\n) => {\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n /*\n `selectionStart`, `selectionEnd` properties and `setSelectionRange` method apply only to inputs of types text, search, URL, tel and password.\n Chrome, starting from version 33, throws an exception while accessing those properties and method on the rest of input types.\n https://html.spec.whatwg.org/multipage/input.html#concept-input-apply\n */\n if (!elementHasSelectionRange(ref.current)) {\n return;\n }\n\n if (enabled) {\n ref.current.setSelectionRange(0, ref.current.value.length);\n } else if (moveCursorToEnd) {\n ref.current.setSelectionRange(\n ref.current.value.length,\n ref.current.value.length\n );\n }\n }, [moveCursorToEnd, ref, enabled]);\n};\n","import {\n ChangeEvent,\n ChangeEventHandler,\n CSSProperties,\n FocusEventHandler,\n KeyboardEventHandler,\n RefObject,\n useCallback,\n} from \"react\";\nimport { TextInputVariant } from \"../components/ui/text-input/TextInput\";\nimport {\n MoveDirection,\n TextInputElement,\n useKeyboardNavigation,\n} from \"./UseKeyboardNavigation\";\nimport { useSelectAllOnMount } from \"./UseSelectAllOnMount\";\nimport { FullOnChangeProps } from \"../components/ui/types\";\n\ninterface UseTextInputOptions<TElement extends TextInputElement>\n extends FullOnChangeProps<string, ChangeEvent<TElement>> {\n wrapperStyle?: CSSProperties;\n wrapperClassName?: string;\n variant?: TextInputVariant;\n hideBorder?: boolean;\n selectAllOnMount?: boolean;\n moveCursorToEndOnMount?: boolean;\n onDone?: (value: string) => void;\n onEnter?: () => void;\n onEsc?: () => void;\n autoFocus?: boolean;\n /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */\n onMove?: (direction: MoveDirection) => void;\n onFocus?: FocusEventHandler<TElement>;\n onBlur?: FocusEventHandler<TElement>;\n onKeyDown?: KeyboardEventHandler<TElement>;\n}\n\ninterface UseTextInputHookResult<TElement extends TextInputElement> {\n autoFocus?: boolean;\n onChange: ChangeEventHandler<TElement>;\n onFocus: FocusEventHandler<TElement>;\n onBlur: FocusEventHandler<TElement>;\n onKeyDown: KeyboardEventHandler<TElement>;\n}\n\nexport const useTextInput = <TElement extends TextInputElement>(\n ref: RefObject<TElement>,\n {\n onEnter,\n onEsc,\n onChange,\n onValueChange,\n selectAllOnMount,\n moveCursorToEndOnMount,\n onDone,\n onMove,\n onFocus,\n onBlur,\n onKeyDown,\n autoFocus,\n }: UseTextInputOptions<TElement>\n): UseTextInputHookResult<TElement> => {\n useSelectAllOnMount(ref, !!moveCursorToEndOnMount, !!selectAllOnMount);\n\n const { onKeyDownHandler, onFocusHandler, onBlurHandler } =\n useKeyboardNavigation<TElement>(\n ref,\n onKeyDown,\n onEnter,\n onEsc,\n onMove,\n onDone,\n onBlur,\n onFocus\n );\n\n const onChangeHandler = useCallback<ChangeEventHandler<TElement>>(\n (ev) => {\n onChange?.(ev);\n onValueChange?.(ev.target.value);\n },\n [onChange, onValueChange]\n );\n\n return {\n onBlur: onBlurHandler,\n onChange: onChangeHandler,\n onFocus: onFocusHandler,\n onKeyDown: onKeyDownHandler,\n autoFocus: selectAllOnMount || autoFocus,\n };\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./TextInput.module.css\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\n\nexport interface TextInputIconProps {\n iconClassName?: string;\n content?: React.ReactNode;\n icon?: IconDefinition;\n spaceOnRight?: boolean;\n spaceOnLeft?: boolean;\n disableContentPadding?: boolean;\n disableContentPaddingLeft?: boolean;\n disableContentPaddingRight?: boolean;\n onClick?: () => void;\n}\n\nexport const TextInputIcon: React.FC<TextInputIconProps> = ({\n icon,\n iconClassName,\n content,\n spaceOnLeft,\n spaceOnRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n onClick,\n}) => {\n if (!content && !icon) {\n return null;\n }\n\n if (content) {\n return (\n <>\n {spaceOnLeft &&\n !(disableContentPadding || disableContentPaddingLeft) ? (\n <Space />\n ) : null}\n {onClick ? (\n <span onClick={onClick} className={styles.clickable}>\n {content || null}\n </span>\n ) : (\n <>{content || null}</>\n )}\n\n {spaceOnRight &&\n !(disableContentPadding || disableContentPaddingRight) ? (\n <Space />\n ) : null}\n </>\n );\n }\n\n return (\n <>\n {spaceOnLeft ? <Space /> : null}\n {icon && (\n <>\n {onClick ? (\n <FlatButton\n type={\"button\"}\n onClick={onClick}\n leftIcon={icon}\n size={\"small\"}\n />\n ) : (\n <FontAwesomeIcon\n icon={icon}\n className={cx(styles.icon, iconClassName)}\n />\n )}\n </>\n )}\n {spaceOnRight ? <Space /> : null}\n </>\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { InputProps } from \"@stenajs-webui/core\";\nimport { InputSpinner } from \"@stenajs-webui/elements\";\nimport { stenaCheck, stenaExclamationTriangle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ChangeEvent, CSSProperties, useRef } from \"react\";\nimport { MoveDirection } from \"../../../hooks/UseKeyboardNavigation\";\nimport { useTextInput } from \"../../../hooks/UseTextInput\";\nimport { FullOnChangeProps } from \"../types\";\nimport styles from \"./TextInput.module.css\";\nimport { TextInputIcon } from \"./TextInputIcon\";\n\nexport type TextInputVariant =\n | \"standard\"\n | \"loading\"\n | \"warning\"\n | \"error\"\n | \"modified\"\n | \"success\";\n\ninterface ExtraContent {\n /** React node to put to the left. Left icon is ignored if this is set. */\n contentLeft?: React.ReactNode;\n /** React node to put to the right. Right icon is ignored if this is set. */\n contentRight?: React.ReactNode;\n /** If true, there will be no padding between contentLeft/contentRight and the border. */\n disableContentPadding?: boolean;\n /** If true, there will be no padding between contentLeft and the border. */\n disableContentPaddingLeft?: boolean;\n /** If true, there will be no padding between contentRight and the border. */\n disableContentPaddingRight?: boolean;\n /** Icon on the left side. */\n iconLeft?: IconDefinition;\n /** Icon on the right side. */\n iconRight?: IconDefinition;\n /** On click left. */\n onClickLeft?: () => void;\n /** On click right. */\n onClickRight?: () => void;\n}\n\nexport interface TextInputProps\n extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>,\n InputProps,\n ExtraContent {\n wrapperStyle?: CSSProperties;\n wrapperClassName?: string;\n variant?: TextInputVariant;\n hideBorder?: boolean;\n selectAllOnMount?: boolean;\n moveCursorToEndOnMount?: boolean;\n onDone?: (value: string) => void;\n onEnter?: () => void;\n onEsc?: () => void;\n autoFocus?: boolean;\n /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */\n onMove?: (direction: MoveDirection) => void;\n}\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n const {\n variant = \"standard\",\n inputRef,\n disabled,\n className,\n contentLeft,\n contentRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n iconLeft,\n iconRight,\n onClickLeft,\n onClickRight,\n moveCursorToEndOnMount,\n selectAllOnMount,\n autoFocus,\n onValueChange,\n wrapperClassName,\n wrapperStyle,\n onDone,\n onEnter,\n onEsc,\n onMove,\n onChange,\n onKeyDown,\n hideBorder,\n onFocus,\n onBlur,\n ...inputProps\n } = props;\n const localRef = useRef<HTMLInputElement>(null);\n const refToUse = inputRef ?? localRef;\n const hookProps = useTextInput<HTMLInputElement>(refToUse, {\n onEnter,\n onEsc,\n onChange,\n onValueChange,\n selectAllOnMount,\n moveCursorToEndOnMount,\n onDone,\n onMove,\n onFocus,\n onBlur,\n onKeyDown,\n autoFocus,\n });\n\n const currentIconRight =\n variant === \"success\"\n ? stenaCheck\n : variant === \"warning\" || variant === \"error\"\n ? stenaExclamationTriangle\n : iconRight;\n\n const currentContentRight =\n variant === \"loading\" ? <InputSpinner /> : contentRight;\n\n return (\n <div\n className={cx(\n styles.textInput,\n styles[variant],\n {\n [styles.disabled]: disabled,\n },\n {\n [styles.hideBorder]: hideBorder,\n },\n wrapperClassName\n )}\n style={wrapperStyle}\n >\n <TextInputIcon\n content={contentLeft}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={iconLeft}\n spaceOnLeft\n onClick={onClickLeft}\n />\n <input\n className={cx(styles.input, className)}\n type={\"text\"}\n disabled={disabled}\n ref={refToUse}\n autoFocus={autoFocus}\n {...inputProps}\n {...hookProps}\n />\n <TextInputIcon\n content={currentContentRight}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={currentIconRight}\n spaceOnRight\n onClick={onClickRight}\n />\n </div>\n );\n};\n","import { parseFloatElseUndefined } from \"@stenajs-webui/core\";\n\nexport const onStepValueChange = ({\n onValueChange,\n value,\n numSteps,\n min,\n max,\n}: {\n onValueChange: ((value: string) => void) | undefined;\n value: string | undefined;\n numSteps: number;\n min: number | undefined;\n max: number | undefined;\n}) => {\n if (onValueChange) {\n if (!value) {\n onValueChange(String(limitWithinRange(numSteps, min, max)));\n } else {\n const parsedValue = parseFloatElseUndefined(value);\n const newValue = (parsedValue || 0) + numSteps;\n onValueChange(String(limitWithinRange(newValue, min, max)));\n }\n }\n};\n\nexport const onTextValueChange = ({\n onValueChange,\n newValue,\n min,\n max,\n}: {\n onValueChange: ((value: string) => void) | undefined;\n newValue: string;\n min: number | undefined;\n max: number | undefined;\n}) => {\n if (onValueChange) {\n if (newValue === \"\") {\n onValueChange(\"\");\n } else {\n const parsedValue = parseFloatElseUndefined(newValue);\n const value = parsedValue || 0;\n onValueChange(String(limitWithinRange(value, min, max)));\n }\n }\n};\n\nconst limitWithinRange = (\n value: number,\n min?: number,\n max?: number\n): number => {\n let v = value;\n if (min != null) {\n v = Math.max(min, v);\n }\n if (max != null) {\n v = Math.min(max, v);\n }\n return v;\n};\n","import { Omit, Space } from \"@stenajs-webui/core\";\nimport { UpDownButtons } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { TextInput, TextInputProps } from \"../text-input/TextInput\";\nimport styles from \"./NumericTextInput.module.css\";\nimport cx from \"classnames\";\nimport {\n onStepValueChange,\n onTextValueChange,\n} from \"../../../utils/NumericHelpers\";\n\nexport interface NumericTextInputProps\n extends Omit<\n TextInputProps,\n | \"onChange\" // Omit onChange, since up down buttons don't generate HTMLInput event.\n | \"selectAllOnMount\" // Not supported by browser when input type='number'\n | \"moveCursorToEndOnMount\" // Not supported by browser when input type='number'\n > {\n max?: number;\n min?: number;\n step?: number;\n hideButtons?: boolean;\n}\n\nexport const NumericTextInput: React.FC<NumericTextInputProps> = ({\n value,\n onValueChange,\n max,\n min,\n step = 1,\n contentRight,\n disabled,\n className,\n hideButtons,\n ...restProps\n}) => {\n const onClick = useCallback(\n (numSteps: number) => {\n onStepValueChange({ onValueChange, value, numSteps, min, max });\n },\n [value, max, min, onValueChange]\n );\n const onChange = useCallback(\n (newValue: string) => {\n onTextValueChange({ onValueChange, newValue, min, max });\n },\n [max, min, onValueChange]\n );\n\n const contentRightToUse = hideButtons ? (\n contentRight\n ) : (\n <>\n {contentRight && (\n <>\n {contentRight}\n <Space />\n </>\n )}\n <UpDownButtons\n onClickUp={disabled ? undefined : () => onClick(step)}\n onClickDown={disabled ? undefined : () => onClick(-step)}\n iconColor={\"var(--swui-textinput-text-color)\"}\n disabled={disabled}\n />\n </>\n );\n\n return (\n <TextInput\n contentRight={contentRightToUse}\n value={value}\n onValueChange={onChange}\n disableContentPaddingRight={!hideButtons}\n type={\"number\"}\n min={min}\n max={max}\n step={step}\n className={cx(styles.numericTextInputInput, className)}\n disabled={disabled}\n {...restProps}\n />\n );\n};\n","import { useCallback, useMemo } from \"react\";\nimport { ValueAndOnValueChangeProps } from \"../../types\";\nimport { NumericTextInputProps } from \"../NumericTextInput\";\nimport { parseFloatElseUndefined } from \"@stenajs-webui/core\";\n\nexport type NumericInputValueProps = ValueAndOnValueChangeProps<\n number | undefined\n>;\n\nexport const useNumericInputValue = (\n value: number | undefined,\n onValueChange?: (value: number | undefined) => void\n): Partial<NumericTextInputProps> => {\n const onValueChangeString = useCallback(\n (newValue: string) => {\n if (onValueChange) {\n if (!newValue) {\n onValueChange(undefined);\n } else {\n const n = parseFloatElseUndefined(newValue);\n if (n !== undefined) {\n onValueChange(n);\n }\n }\n }\n },\n [onValueChange]\n );\n\n const valueString = useMemo(() => {\n if (value === undefined) {\n return \"\";\n }\n return String(value);\n }, [value]);\n\n return {\n onValueChange: onValueChangeString,\n value: valueString,\n };\n};\n","import * as React from \"react\";\nimport { useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { TextInput, TextInputProps } from \"../text-input/TextInput\";\nimport { stenaEyeHide, stenaEyeShow } from \"@stenajs-webui/elements\";\n\nexport interface PasswordInputProps extends TextInputProps {\n visibleIcon?: IconDefinition;\n hiddenIcon?: IconDefinition;\n}\n\nexport const PasswordInput: React.FC<PasswordInputProps> = ({\n hiddenIcon = stenaEyeShow,\n visibleIcon = stenaEyeHide,\n ...props\n}) => {\n const [isPassword, setIsPassword] = useState(true);\n\n return (\n <TextInput\n iconRight={isPassword ? hiddenIcon : visibleIcon}\n onClickRight={() => setIsPassword((x) => !x)}\n type={isPassword ? \"password\" : \"text\"}\n {...props}\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./TextInput.module.css\";\nimport cx from \"classnames\";\nimport { TextInputProps } from \"./TextInput\";\nimport { TextInputIcon } from \"./TextInputIcon\";\nimport {\n InputSpinner,\n stenaCheck,\n stenaExclamationTriangle,\n} from \"@stenajs-webui/elements\";\nimport { Row } from \"@stenajs-webui/core\";\n\nexport interface TextInputBoxProps\n extends Pick<\n TextInputProps,\n | \"variant\"\n | \"wrapperClassName\"\n | \"disabled\"\n | \"wrapperStyle\"\n | \"contentLeft\"\n | \"contentRight\"\n | \"disableContentPadding\"\n | \"disableContentPaddingLeft\"\n | \"disableContentPaddingRight\"\n | \"iconRight\"\n | \"iconLeft\"\n | \"onClickLeft\"\n | \"onClickRight\"\n > {\n children?: ReactNode;\n}\n\nexport const TextInputBox: React.FC<TextInputBoxProps> = ({\n variant = \"standard\",\n disabled,\n wrapperClassName,\n wrapperStyle,\n contentLeft,\n contentRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n iconRight,\n iconLeft,\n onClickLeft,\n onClickRight,\n children,\n}) => {\n const currentIconRight =\n variant === \"success\"\n ? stenaCheck\n : variant === \"warning\" || variant === \"error\"\n ? stenaExclamationTriangle\n : iconRight;\n\n const currentContentRight =\n variant === \"loading\" ? <InputSpinner /> : contentRight;\n\n return (\n <div\n className={cx(\n styles.textInput,\n styles.inputContainer,\n styles[variant],\n {\n [styles.disabled]: disabled,\n },\n wrapperClassName\n )}\n style={wrapperStyle}\n >\n <TextInputIcon\n content={contentLeft}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={iconLeft}\n spaceOnLeft\n onClick={onClickLeft}\n />\n <Row alignItems={\"center\"}>{children}</Row>\n <TextInputIcon\n content={currentContentRight}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={currentIconRight}\n spaceOnRight\n onClick={onClickRight}\n />\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ChangeEventHandler,\n ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./TextArea.module.css\";\nimport { FullOnChangeProps } from \"../types\";\n\ntype Resize =\n | \"none\"\n | \"both\"\n | \"horizontal\"\n | \"vertical\"\n | \"inherit\"\n | \"initial\"\n | \"revert\"\n | \"unset\";\n\nexport interface TextAreaProps\n extends Omit<ComponentPropsWithoutRef<\"textarea\">, \"value\">,\n FullOnChangeProps<string, ChangeEvent<HTMLTextAreaElement>> {\n resize?: Resize;\n readOnly?: boolean;\n rows?: number;\n disabled?: boolean;\n}\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n (\n {\n className,\n value,\n onValueChange,\n onChange,\n resize = \"none\",\n readOnly = false,\n rows,\n disabled,\n ...textAreaProps\n },\n ref\n ) => {\n const onChangeHandler: ChangeEventHandler<HTMLTextAreaElement> =\n useCallback(\n (ev) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.value);\n }\n },\n [onChange, onValueChange]\n );\n\n return (\n <textarea\n disabled={disabled}\n rows={rows}\n readOnly={readOnly}\n className={cx(styles.textArea, className)}\n style={{ resize }}\n onChange={onChangeHandler}\n value={value}\n ref={ref}\n {...textAreaProps}\n />\n );\n }\n);\n"],"names":["styleChecked","styles","Switch","value","disabled","onValueChange","className","wrapperRef","restProps","jsx","jsxs","SwitchWithLabel","label","textColor","switchProps","Box","Space","Text","Checkbox","forwardRef","indeterminate","onChange","size","inputProps","ref","localRef","useRef","setRef","element","handleInputChange","useCallback","ev","useEffect","cx","CheckboxWithLabel","children","inputRef","checkboxProps","Row","RadioButton","name","RadioButtonBox","screenReaderLabel","variant","icon","style","radioButtonProps","ScreenReaderOnlyText","Icon","RadioButtonWithLabel","useKeyboardNavigation","onKeyDown","onEnter","onEsc","onMove","onDone","onBlur","onFocus","wasHandled","onBlurHandler","_a","onFocusHandler","key","blurMoveAndCancel","direction","e","elementHasSelectionRange","useSelectAllOnMount","moveCursorToEnd","enabled","useTextInput","selectAllOnMount","moveCursorToEndOnMount","autoFocus","onKeyDownHandler","onChangeHandler","TextInputIcon","iconClassName","content","spaceOnLeft","spaceOnRight","disableContentPadding","disableContentPaddingLeft","disableContentPaddingRight","onClick","Fragment","FlatButton","FontAwesomeIcon","TextInput","props","contentLeft","contentRight","iconLeft","iconRight","onClickLeft","onClickRight","wrapperClassName","wrapperStyle","hideBorder","refToUse","hookProps","currentIconRight","stenaCheck","stenaExclamationTriangle","currentContentRight","InputSpinner","onStepValueChange","numSteps","min","max","limitWithinRange","newValue","parseFloatElseUndefined","onTextValueChange","v","NumericTextInput","step","hideButtons","contentRightToUse","UpDownButtons","useNumericInputValue","onValueChangeString","n","valueString","useMemo","PasswordInput","hiddenIcon","stenaEyeShow","visibleIcon","stenaEyeHide","isPassword","setIsPassword","useState","x","TextInputBox","TextArea","resize","readOnly","rows","textAreaProps"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/forms",
3
- "version": "19.0.0-next.37",
3
+ "version": "19.0.0-next.39",
4
4
  "description": "",
5
5
  "author": "mattias800",
6
6
  "license": "MIT",
@@ -26,9 +26,9 @@
26
26
  "deploy": "gh-pages -d example/build"
27
27
  },
28
28
  "dependencies": {
29
- "@stenajs-webui/core": "19.0.0-next.37",
30
- "@stenajs-webui/elements": "19.0.0-next.37",
31
- "@stenajs-webui/tooltip": "19.0.0-next.37",
29
+ "@stenajs-webui/core": "19.0.0-next.39",
30
+ "@stenajs-webui/elements": "19.0.0-next.39",
31
+ "@stenajs-webui/tooltip": "19.0.0-next.39",
32
32
  "classnames": "^2.3.1",
33
33
  "date-fns": "2.26.0"
34
34
  },
@@ -74,5 +74,5 @@
74
74
  "files": [
75
75
  "dist"
76
76
  ],
77
- "gitHead": "185026a761775a3942eb94faf337b831ed9884eb"
77
+ "gitHead": "d2cc67b9faf1531a2917e1a0dee7be909ebf7e1c"
78
78
  }