@stenajs-webui/forms 21.44.2 → 21.44.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +136 -137
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
package/dist/index.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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_1t23r_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_1t23r_1._standard_1t23r_40{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1t23r_1._standard_1t23r_40:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1t23r_1._small_1t23r_52{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1t23r_1._small_1t23r_52:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1t23r_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1t23r_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_1t23r_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1t23r_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1t23r_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_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_1t23r_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1t23r_1:indeterminate._standard_1t23r_40:after{top:4px;left:8px}._checkbox_1t23r_1:indeterminate._small_1t23r_52:after{top:0;left:4px}._checkbox_1t23r_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1t23r_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1t23r_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_a19yk_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_a19yk_1._standard_a19yk_46{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_a19yk_1._standard_a19yk_46:after{left:7px;top:7px}._radiobutton_a19yk_1._small_a19yk_56{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_a19yk_1._small_a19yk_56:after{left:3px;top:3px}._radiobutton_a19yk_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_a19yk_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_a19yk_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_a19yk_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_a19yk_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_a19yk_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_a19yk_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_a19yk_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_a19yk_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_yl38n_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_yl38n_1._medium_yl38n_14{padding:0 var(--swui-metrics-space);height:42px}._radioButtonBox_yl38n_1._large_yl38n_19{height:48px;padding:0 calc(var(--swui-metrics-space) * 2)}._radioButtonBox_yl38n_1:hover{border-color:var(--hav)}._radioButtonBox_yl38n_1._danger_yl38n_28{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_yl38n_1._danger_yl38n_28:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_yl38n_39{width:100%}}._textInput_1qe61_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20{border-top-left-radius:0;border-top-right-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37{border-top-left-radius:0;border-bottom-left-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1:focus-within:not(._disabled_1qe61_15){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1qe61_1 ._input_1qe61_50{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_1qe61_1 ._input_1qe61_50:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1qe61_1 ._input_1qe61_50::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1qe61_1 ._input_1qe61_50:not(._alwaysShowPlaceholder_1qe61_74):focus::placeholder{opacity:0}._textInput_1qe61_1 ._input_1qe61_50::-webkit-calendar-picker-indicator{display:none}._textInput_1qe61_1 ._icon_1qe61_85{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1qe61_1._standard_1qe61_95:hover:not(:focus-within):not(._disabled_1qe61_15),._textInput_1qe61_1._success_1qe61_96:hover:not(:focus-within):not(._disabled_1qe61_15){border-color:var(--swui-field-border-color-hover)}._textInput_1qe61_1._success_1qe61_96 ._icon_1qe61_85{color:var(--swui-state-success-color)}._textInput_1qe61_1._loading_1qe61_108{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1qe61_1._modified_1qe61_113{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1qe61_1._modified_1qe61_113 ._icon_1qe61_85{color:var(--lhds-color-blue-300)}._textInput_1qe61_1._error_1qe61_122{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1qe61_1._error_1qe61_122 ._icon_1qe61_85{color:var(--swui-state-error-light-color)}._textInput_1qe61_1._warning_1qe61_131{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._warning_1qe61_131 ._icon_1qe61_85{color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._disabled_1qe61_15{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1qe61_1._textInput_1qe61_1._hideBorder_1qe61_145{border:none;box-shadow:none;background:none;outline:none}._textInput_1qe61_1 ._clickable_1qe61_152:hover{cursor:pointer}._textInput_1qe61_1 ._clickable_1qe61_152:hover ._icon_1qe61_85{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_1evxo_1{border:1px solid var(--swui-field-border-color);border-radius:var(--swui-border-radius-large);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_1evxo_1._labelledSelect_1evxo_1._onlyTopBorder_1evxo_8{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_1evxo_1._onlyBottomBorder_1evxo_14{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_1evxo_1._error_1evxo_19{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_1evxo_1._normal_1evxo_24{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_1evxo_1 ._label_1evxo_1{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:pointer}._labelledSelect_1evxo_1 ._select_1evxo_48{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:var(--swui-font-size-inputs-large);line-height:1.5;box-sizing:border-box;cursor:pointer;padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_1evxo_1 ._select_1evxo_48._error_1evxo_19{background-color:var(--snackskal)}._labelledSelect_1evxo_1 ._select_1evxo_48._normal_1evxo_24{background-color:var(--moln)}._labelledSelect_1evxo_1 ._iconWrapper_1evxo_73{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_14xl2_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_14xl2_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyTop_14xl2_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyTop_14xl2_21:focus-within:not(._disabled_14xl2_25){z-index:1}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyBottom_14xl2_30{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyBottom_14xl2_30:focus-within:not(._disabled_14xl2_25){z-index:1}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyLeft_14xl2_38{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyLeft_14xl2_38:focus-within:not(._disabled_14xl2_25){z-index:1}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyRight_14xl2_47{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_14xl2_1._labelledTextInput_14xl2_1._onlyRight_14xl2_47:focus-within:not(._disabled_14xl2_25){z-index:1}._labelledTextInput_14xl2_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_14xl2_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_14xl2_1._disabled_14xl2_25{background-color:var(--silver-lighter)}._labelledTextInput_14xl2_1._disabled_14xl2_25 input{color:var(--silver)}._labelledTextInput_14xl2_1._medium_14xl2_73:focus-within{outline-width:2px}._labelledTextInput_14xl2_1._medium_14xl2_73 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_14xl2_1._large_14xl2_85{border-radius:var(--swui-border-radius-large)}._labelledTextInput_14xl2_1._large_14xl2_85:focus-within{outline-width:3px}._labelledTextInput_14xl2_1._large_14xl2_85 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_14xl2_1._error_14xl2_99{border-color:var(--swui-state-error-light-color)}._labelledTextInput_14xl2_1._error_14xl2_99:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_14xl2_1._error_14xl2_99 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_14xl2_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
import { jsx as
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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_1t23r_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_1t23r_1._standard_1t23r_40{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1t23r_1._standard_1t23r_40:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1t23r_1._small_1t23r_52{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1t23r_1._small_1t23r_52:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1t23r_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1t23r_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_1t23r_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1t23r_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1t23r_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1t23r_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_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_1t23r_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1t23r_1:indeterminate._standard_1t23r_40:after{top:4px;left:8px}._checkbox_1t23r_1:indeterminate._small_1t23r_52:after{top:0;left:4px}._checkbox_1t23r_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1t23r_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1t23r_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1t23r_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_a19yk_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_a19yk_1._standard_a19yk_46{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_a19yk_1._standard_a19yk_46:after{left:7px;top:7px}._radiobutton_a19yk_1._small_a19yk_56{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_a19yk_1._small_a19yk_56:after{left:3px;top:3px}._radiobutton_a19yk_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_a19yk_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_a19yk_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_a19yk_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_a19yk_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_a19yk_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_a19yk_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_a19yk_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_a19yk_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_yl38n_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_yl38n_1._medium_yl38n_14{padding:0 var(--swui-metrics-space);height:42px}._radioButtonBox_yl38n_1._large_yl38n_19{height:48px;padding:0 calc(var(--swui-metrics-space) * 2)}._radioButtonBox_yl38n_1:hover{border-color:var(--hav)}._radioButtonBox_yl38n_1._danger_yl38n_28{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_yl38n_1._danger_yl38n_28:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_yl38n_39{width:100%}}._textInput_1qe61_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyTop_1qe61_11:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20{border-top-left-radius:0;border-top-right-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyBottom_1qe61_20:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._textInput_1qe61_1._textInput_1qe61_1._onlyLeft_1qe61_28:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37{border-top-left-radius:0;border-bottom-left-radius:0}._textInput_1qe61_1._textInput_1qe61_1._onlyRight_1qe61_37:focus-within:not(._disabled_1qe61_15){z-index:1}._textInput_1qe61_1._textInput_1qe61_1:focus-within:not(._disabled_1qe61_15){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1qe61_1 ._input_1qe61_50{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_1qe61_1 ._input_1qe61_50:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1qe61_1 ._input_1qe61_50::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1qe61_1 ._input_1qe61_50:not(._alwaysShowPlaceholder_1qe61_74):focus::placeholder{opacity:0}._textInput_1qe61_1 ._input_1qe61_50::-webkit-calendar-picker-indicator{display:none}._textInput_1qe61_1 ._icon_1qe61_85{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1qe61_1._standard_1qe61_95:hover:not(:focus-within):not(._disabled_1qe61_15),._textInput_1qe61_1._success_1qe61_96:hover:not(:focus-within):not(._disabled_1qe61_15){border-color:var(--swui-field-border-color-hover)}._textInput_1qe61_1._success_1qe61_96 ._icon_1qe61_85{color:var(--swui-state-success-color)}._textInput_1qe61_1._loading_1qe61_108{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1qe61_1._modified_1qe61_113{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1qe61_1._modified_1qe61_113 ._icon_1qe61_85{color:var(--lhds-color-blue-300)}._textInput_1qe61_1._error_1qe61_122{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1qe61_1._error_1qe61_122 ._icon_1qe61_85{color:var(--swui-state-error-light-color)}._textInput_1qe61_1._warning_1qe61_131{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._warning_1qe61_131 ._icon_1qe61_85{color:var(--swui-state-alert-light-color)}._textInput_1qe61_1._disabled_1qe61_15{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1qe61_1._textInput_1qe61_1._hideBorder_1qe61_145{border:none;box-shadow:none;background:none;outline:none}._textInput_1qe61_1 ._clickable_1qe61_152:hover{cursor:pointer}._textInput_1qe61_1 ._clickable_1qe61_152:hover ._icon_1qe61_85{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_1evxo_1{border:1px solid var(--swui-field-border-color);border-radius:var(--swui-border-radius-large);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_1evxo_1._labelledSelect_1evxo_1._onlyTopBorder_1evxo_8{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_1evxo_1._onlyBottomBorder_1evxo_14{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_1evxo_1._error_1evxo_19{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_1evxo_1._normal_1evxo_24{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_1evxo_1 ._label_1evxo_1{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:pointer}._labelledSelect_1evxo_1 ._select_1evxo_48{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:var(--swui-font-size-inputs-large);line-height:1.5;box-sizing:border-box;cursor:pointer;padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_1evxo_1 ._select_1evxo_48._error_1evxo_19{background-color:var(--snackskal)}._labelledSelect_1evxo_1 ._select_1evxo_48._normal_1evxo_24{background-color:var(--moln)}._labelledSelect_1evxo_1 ._iconWrapper_1evxo_73{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_6oeo0_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_6oeo0_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyTop_6oeo0_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyTop_6oeo0_21:focus-within:not(._disabled_6oeo0_26){z-index:1}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyBottom_6oeo0_31{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyBottom_6oeo0_31:focus-within:not(._disabled_6oeo0_26){z-index:1}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyLeft_6oeo0_40{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyLeft_6oeo0_40:focus-within:not(._disabled_6oeo0_26){z-index:1}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyRight_6oeo0_50{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_6oeo0_1._labelledTextInput_6oeo0_1._onlyRight_6oeo0_50:focus-within:not(._disabled_6oeo0_26){z-index:1}._labelledTextInput_6oeo0_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_6oeo0_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_6oeo0_1._disabled_6oeo0_26{background-color:var(--silver-lighter)}._labelledTextInput_6oeo0_1._disabled_6oeo0_26 input{color:var(--silver)}._labelledTextInput_6oeo0_1._medium_6oeo0_77:focus-within{outline-width:2px}._labelledTextInput_6oeo0_1._medium_6oeo0_77 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * .5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_6oeo0_1._large_6oeo0_89{border-radius:var(--swui-border-radius-large)}._labelledTextInput_6oeo0_1._large_6oeo0_89:focus-within{outline-width:3px}._labelledTextInput_6oeo0_1._large_6oeo0_89 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_6oeo0_1._error_6oeo0_103{border-color:var(--swui-state-error-light-color);background-color:var(--swui-state-error-light-color)}._labelledTextInput_6oeo0_1._error_6oeo0_103:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_6oeo0_1 label{display:flex;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0;cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
+
import { jsx as r, jsxs as h, Fragment as R } from "react/jsx-runtime";
|
|
3
3
|
import { Box as wt, Space as m, ScreenReaderOnlyText as q, Text as A, Row as T, parseFloatElseUndefined as P, getDataProps as It } from "@stenajs-webui/core";
|
|
4
4
|
import * as Bt from "react";
|
|
5
5
|
import { forwardRef as M, useRef as U, useCallback as w, useEffect as D, useMemo as gt, useState as kt, useId as E } from "react";
|
|
@@ -17,10 +17,10 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
17
17
|
value: t,
|
|
18
18
|
disabled: e,
|
|
19
19
|
onValueChange: n,
|
|
20
|
-
className:
|
|
20
|
+
className: o,
|
|
21
21
|
wrapperRef: l,
|
|
22
22
|
...c
|
|
23
|
-
}) => /* @__PURE__ */
|
|
23
|
+
}) => /* @__PURE__ */ r("div", { className: o, ref: l, children: /* @__PURE__ */ h(
|
|
24
24
|
"button",
|
|
25
25
|
{
|
|
26
26
|
type: "button",
|
|
@@ -31,22 +31,22 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
31
31
|
onClick: () => n && n(!t),
|
|
32
32
|
...c,
|
|
33
33
|
children: [
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
34
|
+
/* @__PURE__ */ r("div", { className: $.filler }),
|
|
35
|
+
/* @__PURE__ */ r("div", { className: $.knob })
|
|
36
36
|
]
|
|
37
37
|
}
|
|
38
38
|
) }), Qe = ({
|
|
39
39
|
label: t,
|
|
40
40
|
disabled: e,
|
|
41
41
|
textColor: n,
|
|
42
|
-
wrapperRef:
|
|
42
|
+
wrapperRef: o,
|
|
43
43
|
screenReaderLabel: l,
|
|
44
44
|
...c
|
|
45
|
-
}) => /* @__PURE__ */
|
|
46
|
-
/* @__PURE__ */
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
l ? /* @__PURE__ */
|
|
49
|
-
/* @__PURE__ */
|
|
45
|
+
}) => /* @__PURE__ */ r("div", { ref: o, children: /* @__PURE__ */ r("label", { children: /* @__PURE__ */ h(wt, { row: !0, alignItems: "center", children: [
|
|
46
|
+
/* @__PURE__ */ r(Ft, { disabled: e, ...c }),
|
|
47
|
+
/* @__PURE__ */ r(m, {}),
|
|
48
|
+
l ? /* @__PURE__ */ r(q, { children: l }) : null,
|
|
49
|
+
/* @__PURE__ */ r(
|
|
50
50
|
A,
|
|
51
51
|
{
|
|
52
52
|
color: n,
|
|
@@ -64,7 +64,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
64
64
|
indeterminate: t = !1,
|
|
65
65
|
onChange: e,
|
|
66
66
|
onValueChange: n,
|
|
67
|
-
value:
|
|
67
|
+
value: o = !1,
|
|
68
68
|
size: l = "standard",
|
|
69
69
|
className: c,
|
|
70
70
|
...i
|
|
@@ -79,12 +79,12 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
79
79
|
);
|
|
80
80
|
return D(() => {
|
|
81
81
|
s.current && (s.current.indeterminate = !!t);
|
|
82
|
-
}, [t, s]), /* @__PURE__ */
|
|
82
|
+
}, [t, s]), /* @__PURE__ */ r(
|
|
83
83
|
"input",
|
|
84
84
|
{
|
|
85
85
|
type: "checkbox",
|
|
86
86
|
className: x(z.checkbox, z[l], c),
|
|
87
|
-
checked:
|
|
87
|
+
checked: o,
|
|
88
88
|
onChange: p,
|
|
89
89
|
ref: _,
|
|
90
90
|
...i
|
|
@@ -95,15 +95,15 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
95
95
|
children: t,
|
|
96
96
|
label: e,
|
|
97
97
|
inputRef: n,
|
|
98
|
-
wrapperRef:
|
|
98
|
+
wrapperRef: o,
|
|
99
99
|
textColor: l,
|
|
100
100
|
screenReaderLabel: c,
|
|
101
101
|
...i
|
|
102
|
-
}) => /* @__PURE__ */
|
|
103
|
-
/* @__PURE__ */
|
|
104
|
-
/* @__PURE__ */
|
|
105
|
-
c ? /* @__PURE__ */
|
|
106
|
-
/* @__PURE__ */
|
|
102
|
+
}) => /* @__PURE__ */ r("div", { ref: o, children: /* @__PURE__ */ r("label", { children: /* @__PURE__ */ h(T, { alignItems: "center", children: [
|
|
103
|
+
/* @__PURE__ */ r(jt, { ...i, ref: n }),
|
|
104
|
+
/* @__PURE__ */ r(m, {}),
|
|
105
|
+
c ? /* @__PURE__ */ r(q, { children: c }) : null,
|
|
106
|
+
/* @__PURE__ */ r(
|
|
107
107
|
A,
|
|
108
108
|
{
|
|
109
109
|
color: l,
|
|
@@ -122,7 +122,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
122
122
|
onChange: t,
|
|
123
123
|
onValueChange: e,
|
|
124
124
|
size: n = "standard",
|
|
125
|
-
name:
|
|
125
|
+
name: o,
|
|
126
126
|
className: l,
|
|
127
127
|
...c
|
|
128
128
|
}, i) => {
|
|
@@ -132,11 +132,11 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
132
132
|
},
|
|
133
133
|
[t, e]
|
|
134
134
|
);
|
|
135
|
-
return /* @__PURE__ */
|
|
135
|
+
return /* @__PURE__ */ r(
|
|
136
136
|
"input",
|
|
137
137
|
{
|
|
138
138
|
type: "radio",
|
|
139
|
-
name:
|
|
139
|
+
name: o,
|
|
140
140
|
className: x(O.radiobutton, O[n], l),
|
|
141
141
|
onChange: d,
|
|
142
142
|
ref: i,
|
|
@@ -154,7 +154,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
154
154
|
label: t,
|
|
155
155
|
screenReaderLabel: e,
|
|
156
156
|
variant: n = "normal",
|
|
157
|
-
size:
|
|
157
|
+
size: o = "medium",
|
|
158
158
|
className: l,
|
|
159
159
|
icon: c,
|
|
160
160
|
contentRight: i,
|
|
@@ -164,19 +164,19 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
164
164
|
...p
|
|
165
165
|
}) => {
|
|
166
166
|
const u = s ? L("--swui-text-disabled-color") : void 0;
|
|
167
|
-
return /* @__PURE__ */
|
|
167
|
+
return /* @__PURE__ */ r(
|
|
168
168
|
"label",
|
|
169
169
|
{
|
|
170
170
|
className: x(
|
|
171
171
|
W.radioButtonBox,
|
|
172
172
|
W[n],
|
|
173
|
-
W[
|
|
173
|
+
W[o],
|
|
174
174
|
l
|
|
175
175
|
),
|
|
176
176
|
style: d,
|
|
177
177
|
children: /* @__PURE__ */ h(T, { justifyContent: "space-between", flexGrow: 1, children: [
|
|
178
178
|
/* @__PURE__ */ h(T, { alignItems: "center", children: [
|
|
179
|
-
/* @__PURE__ */
|
|
179
|
+
/* @__PURE__ */ r(
|
|
180
180
|
Y,
|
|
181
181
|
{
|
|
182
182
|
...p,
|
|
@@ -184,9 +184,9 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
184
184
|
className: _
|
|
185
185
|
}
|
|
186
186
|
),
|
|
187
|
-
/* @__PURE__ */
|
|
188
|
-
e ? /* @__PURE__ */
|
|
189
|
-
/* @__PURE__ */
|
|
187
|
+
/* @__PURE__ */ r(m, {}),
|
|
188
|
+
e ? /* @__PURE__ */ r(q, { children: e }) : null,
|
|
189
|
+
/* @__PURE__ */ r(A, { color: u, "aria-hidden": !!e, children: t })
|
|
190
190
|
] }),
|
|
191
191
|
/* @__PURE__ */ h(
|
|
192
192
|
T,
|
|
@@ -195,7 +195,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
195
195
|
width: c ? "48px" : void 0,
|
|
196
196
|
justifyContent: "center",
|
|
197
197
|
children: [
|
|
198
|
-
c && /* @__PURE__ */
|
|
198
|
+
c && /* @__PURE__ */ r(G, { icon: c, size: 24, color: u }),
|
|
199
199
|
!c && i
|
|
200
200
|
]
|
|
201
201
|
}
|
|
@@ -207,23 +207,23 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
207
207
|
label: t,
|
|
208
208
|
inputRef: e,
|
|
209
209
|
wrapperRef: n,
|
|
210
|
-
textColor:
|
|
210
|
+
textColor: o,
|
|
211
211
|
screenReaderLabel: l,
|
|
212
212
|
...c
|
|
213
|
-
}) => /* @__PURE__ */
|
|
214
|
-
/* @__PURE__ */
|
|
215
|
-
/* @__PURE__ */
|
|
216
|
-
l ? /* @__PURE__ */
|
|
217
|
-
/* @__PURE__ */
|
|
213
|
+
}) => /* @__PURE__ */ r("div", { ref: n, children: /* @__PURE__ */ r("label", { children: /* @__PURE__ */ h(T, { alignItems: "center", children: [
|
|
214
|
+
/* @__PURE__ */ r(Y, { ref: e, ...c }),
|
|
215
|
+
/* @__PURE__ */ r(m, {}),
|
|
216
|
+
l ? /* @__PURE__ */ r(q, { children: l }) : null,
|
|
217
|
+
/* @__PURE__ */ r(
|
|
218
218
|
A,
|
|
219
219
|
{
|
|
220
|
-
color:
|
|
220
|
+
color: o,
|
|
221
221
|
"aria-hidden": !!l,
|
|
222
222
|
userSelect: "none",
|
|
223
223
|
children: t
|
|
224
224
|
}
|
|
225
225
|
)
|
|
226
|
-
] }) }) }), Qt = (t, e, n,
|
|
226
|
+
] }) }) }), Qt = (t, e, n, o, l, c, i, d) => {
|
|
227
227
|
const s = U(!1), _ = (a) => {
|
|
228
228
|
s.current || c == null || c(a.target.value ?? ""), i == null || i(a);
|
|
229
229
|
}, p = (a) => {
|
|
@@ -236,7 +236,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
236
236
|
if (f === "Enter")
|
|
237
237
|
s.current = !0, n == null || n(), c == null || c(a.currentTarget.value ?? "");
|
|
238
238
|
else if (f === "Escape")
|
|
239
|
-
s.current = !0,
|
|
239
|
+
s.current = !0, o == null || o(), a.preventDefault(), a.stopPropagation();
|
|
240
240
|
else if (l) {
|
|
241
241
|
const y = (I, B) => {
|
|
242
242
|
s.current = !0, t.current.blur(), l(I), B.preventDefault(), B.stopPropagation();
|
|
@@ -245,7 +245,7 @@ const Pt = "_knob_1d6s8_56", Ht = "_filler_1d6s8_61", Wt = "_checked_1d6s8_75",
|
|
|
245
245
|
}
|
|
246
246
|
e && e(a);
|
|
247
247
|
},
|
|
248
|
-
[
|
|
248
|
+
[o, l, e, t, n, c]
|
|
249
249
|
),
|
|
250
250
|
onBlurHandler: _,
|
|
251
251
|
onFocusHandler: p
|
|
@@ -264,7 +264,7 @@ const Zt = (t, e, n) => {
|
|
|
264
264
|
}, Ct = (t, {
|
|
265
265
|
onEnter: e,
|
|
266
266
|
onEsc: n,
|
|
267
|
-
onChange:
|
|
267
|
+
onChange: o,
|
|
268
268
|
onValueChange: l,
|
|
269
269
|
selectAllOnMount: c,
|
|
270
270
|
moveCursorToEndOnMount: i,
|
|
@@ -287,9 +287,9 @@ const Zt = (t, e, n) => {
|
|
|
287
287
|
_
|
|
288
288
|
), B = w(
|
|
289
289
|
(g) => {
|
|
290
|
-
|
|
290
|
+
o == null || o(g), l == null || l(g.target.value);
|
|
291
291
|
},
|
|
292
|
-
[
|
|
292
|
+
[o, l]
|
|
293
293
|
);
|
|
294
294
|
return {
|
|
295
295
|
onBlur: I,
|
|
@@ -298,13 +298,13 @@ const Zt = (t, e, n) => {
|
|
|
298
298
|
onKeyDown: f,
|
|
299
299
|
autoFocus: c || a
|
|
300
300
|
};
|
|
301
|
-
}, Vt = "_textInput_1qe61_1", te = "_onlyTop_1qe61_11", ee = "_disabled_1qe61_15", ne = "_onlyBottom_1qe61_20",
|
|
301
|
+
}, Vt = "_textInput_1qe61_1", te = "_onlyTop_1qe61_11", ee = "_disabled_1qe61_15", ne = "_onlyBottom_1qe61_20", oe = "_onlyLeft_1qe61_28", re = "_onlyRight_1qe61_37", le = "_input_1qe61_50", ce = "_alwaysShowPlaceholder_1qe61_74", se = "_icon_1qe61_85", ie = "_standard_1qe61_95", de = "_success_1qe61_96", ae = "_loading_1qe61_108", ue = "_modified_1qe61_113", _e = "_error_1qe61_122", pe = "_warning_1qe61_131", fe = "_hideBorder_1qe61_145", he = "_clickable_1qe61_152", b = {
|
|
302
302
|
textInput: Vt,
|
|
303
303
|
onlyTop: te,
|
|
304
304
|
disabled: ee,
|
|
305
305
|
onlyBottom: ne,
|
|
306
|
-
onlyLeft:
|
|
307
|
-
onlyRight:
|
|
306
|
+
onlyLeft: oe,
|
|
307
|
+
onlyRight: re,
|
|
308
308
|
input: le,
|
|
309
309
|
alwaysShowPlaceholder: ce,
|
|
310
310
|
icon: se,
|
|
@@ -320,35 +320,35 @@ const Zt = (t, e, n) => {
|
|
|
320
320
|
button: t,
|
|
321
321
|
icon: e,
|
|
322
322
|
iconClassName: n,
|
|
323
|
-
content:
|
|
323
|
+
content: o,
|
|
324
324
|
spaceOnLeft: l,
|
|
325
325
|
spaceOnRight: c,
|
|
326
326
|
disableContentPadding: i,
|
|
327
327
|
disableContentPaddingLeft: d,
|
|
328
328
|
disableContentPaddingRight: s
|
|
329
|
-
}) => !
|
|
330
|
-
l ? /* @__PURE__ */
|
|
329
|
+
}) => !o && !e && !t ? null : t ? /* @__PURE__ */ h(R, { children: [
|
|
330
|
+
l ? /* @__PURE__ */ r(m, { num: 0.25 }) : null,
|
|
331
331
|
t,
|
|
332
|
-
c ? /* @__PURE__ */
|
|
333
|
-
] }) :
|
|
334
|
-
l && !(i || d) ? /* @__PURE__ */
|
|
335
|
-
|
|
336
|
-
c && !(i || s) ? /* @__PURE__ */
|
|
332
|
+
c ? /* @__PURE__ */ r(m, { num: 0.25 }) : null
|
|
333
|
+
] }) : o ? /* @__PURE__ */ h(R, { children: [
|
|
334
|
+
l && !(i || d) ? /* @__PURE__ */ r(m, {}) : null,
|
|
335
|
+
o || null,
|
|
336
|
+
c && !(i || s) ? /* @__PURE__ */ r(m, {}) : null
|
|
337
337
|
] }) : /* @__PURE__ */ h(R, { children: [
|
|
338
|
-
l ? /* @__PURE__ */
|
|
339
|
-
e && /* @__PURE__ */
|
|
338
|
+
l ? /* @__PURE__ */ r(m, {}) : null,
|
|
339
|
+
e && /* @__PURE__ */ r(
|
|
340
340
|
At,
|
|
341
341
|
{
|
|
342
342
|
icon: e,
|
|
343
343
|
className: x(b.icon, n)
|
|
344
344
|
}
|
|
345
345
|
),
|
|
346
|
-
c ? /* @__PURE__ */
|
|
346
|
+
c ? /* @__PURE__ */ r(m, {}) : null
|
|
347
347
|
] }), Z = (t) => {
|
|
348
348
|
const {
|
|
349
349
|
variant: e = "standard",
|
|
350
350
|
inputRef: n,
|
|
351
|
-
disabled:
|
|
351
|
+
disabled: o,
|
|
352
352
|
className: l,
|
|
353
353
|
buttonLeft: c,
|
|
354
354
|
buttonRight: i,
|
|
@@ -365,8 +365,8 @@ const Zt = (t, e, n) => {
|
|
|
365
365
|
onValueChange: g,
|
|
366
366
|
wrapperClassName: et,
|
|
367
367
|
wrapperStyle: nt,
|
|
368
|
-
onDone:
|
|
369
|
-
onEnter:
|
|
368
|
+
onDone: ot,
|
|
369
|
+
onEnter: rt,
|
|
370
370
|
onEsc: lt,
|
|
371
371
|
onMove: ct,
|
|
372
372
|
onChange: st,
|
|
@@ -379,19 +379,19 @@ const Zt = (t, e, n) => {
|
|
|
379
379
|
alwaysShowPlaceholder: ft,
|
|
380
380
|
...ht
|
|
381
381
|
} = t, yt = U(null), j = n ?? yt, mt = Ct(j, {
|
|
382
|
-
onEnter:
|
|
382
|
+
onEnter: rt,
|
|
383
383
|
onEsc: lt,
|
|
384
384
|
onChange: st,
|
|
385
385
|
onValueChange: g,
|
|
386
386
|
selectAllOnMount: I,
|
|
387
387
|
moveCursorToEndOnMount: y,
|
|
388
|
-
onDone:
|
|
388
|
+
onDone: ot,
|
|
389
389
|
onMove: ct,
|
|
390
390
|
onFocus: at,
|
|
391
391
|
onBlur: ut,
|
|
392
392
|
onKeyDown: it,
|
|
393
393
|
autoFocus: B
|
|
394
|
-
}), xt = e === "success" ? X : e === "warning" || e === "error" ? J : f, bt = e === "loading" ? /* @__PURE__ */
|
|
394
|
+
}), xt = e === "success" ? X : e === "warning" || e === "error" ? J : f, bt = e === "loading" ? /* @__PURE__ */ r(Q, {}) : s;
|
|
395
395
|
return /* @__PURE__ */ h(
|
|
396
396
|
"div",
|
|
397
397
|
{
|
|
@@ -400,7 +400,7 @@ const Zt = (t, e, n) => {
|
|
|
400
400
|
b[e],
|
|
401
401
|
b[_t],
|
|
402
402
|
{
|
|
403
|
-
[b.disabled]:
|
|
403
|
+
[b.disabled]: o
|
|
404
404
|
},
|
|
405
405
|
{
|
|
406
406
|
[b.hideBorder]: dt
|
|
@@ -409,7 +409,7 @@ const Zt = (t, e, n) => {
|
|
|
409
409
|
),
|
|
410
410
|
style: { width: pt, ...nt },
|
|
411
411
|
children: [
|
|
412
|
-
/* @__PURE__ */
|
|
412
|
+
/* @__PURE__ */ r(
|
|
413
413
|
H,
|
|
414
414
|
{
|
|
415
415
|
content: d,
|
|
@@ -421,7 +421,7 @@ const Zt = (t, e, n) => {
|
|
|
421
421
|
button: c
|
|
422
422
|
}
|
|
423
423
|
),
|
|
424
|
-
/* @__PURE__ */
|
|
424
|
+
/* @__PURE__ */ r(
|
|
425
425
|
"input",
|
|
426
426
|
{
|
|
427
427
|
className: x(
|
|
@@ -432,14 +432,14 @@ const Zt = (t, e, n) => {
|
|
|
432
432
|
l
|
|
433
433
|
),
|
|
434
434
|
type: "text",
|
|
435
|
-
disabled:
|
|
435
|
+
disabled: o,
|
|
436
436
|
ref: j,
|
|
437
437
|
autoFocus: B,
|
|
438
438
|
...ht,
|
|
439
439
|
...mt
|
|
440
440
|
}
|
|
441
441
|
),
|
|
442
|
-
/* @__PURE__ */
|
|
442
|
+
/* @__PURE__ */ r(
|
|
443
443
|
H,
|
|
444
444
|
{
|
|
445
445
|
content: bt,
|
|
@@ -460,37 +460,37 @@ const Zt = (t, e, n) => {
|
|
|
460
460
|
onValueChange: t,
|
|
461
461
|
value: e,
|
|
462
462
|
numSteps: n,
|
|
463
|
-
min:
|
|
463
|
+
min: o,
|
|
464
464
|
max: l
|
|
465
465
|
}) => {
|
|
466
466
|
if (t)
|
|
467
467
|
if (!e)
|
|
468
|
-
t(String(F(n,
|
|
468
|
+
t(String(F(n, o, l)));
|
|
469
469
|
else {
|
|
470
470
|
const i = (P(e) || 0) + n;
|
|
471
|
-
t(String(F(i,
|
|
471
|
+
t(String(F(i, o, l)));
|
|
472
472
|
}
|
|
473
473
|
}, V = ({
|
|
474
474
|
onValueChange: t,
|
|
475
475
|
newValue: e,
|
|
476
476
|
min: n,
|
|
477
|
-
max:
|
|
477
|
+
max: o
|
|
478
478
|
}) => {
|
|
479
479
|
if (t)
|
|
480
480
|
if (e === "")
|
|
481
481
|
t("");
|
|
482
482
|
else {
|
|
483
483
|
const c = P(e) || 0;
|
|
484
|
-
t(String(F(c, n,
|
|
484
|
+
t(String(F(c, n, o)));
|
|
485
485
|
}
|
|
486
486
|
}, F = (t, e, n) => {
|
|
487
|
-
let
|
|
488
|
-
return e != null && (
|
|
487
|
+
let o = t;
|
|
488
|
+
return e != null && (o = Math.max(e, o)), n != null && (o = Math.min(n, o)), o;
|
|
489
489
|
}, xe = ({
|
|
490
490
|
value: t,
|
|
491
491
|
onValueChange: e,
|
|
492
492
|
max: n,
|
|
493
|
-
min:
|
|
493
|
+
min: o,
|
|
494
494
|
step: l = 1,
|
|
495
495
|
contentRight: c,
|
|
496
496
|
disabled: i,
|
|
@@ -500,24 +500,24 @@ const Zt = (t, e, n) => {
|
|
|
500
500
|
}) => {
|
|
501
501
|
const p = w(
|
|
502
502
|
(f) => {
|
|
503
|
-
C({ onValueChange: e, value: t, numSteps: f, min:
|
|
503
|
+
C({ onValueChange: e, value: t, numSteps: f, min: o, max: n });
|
|
504
504
|
},
|
|
505
|
-
[t, n,
|
|
505
|
+
[t, n, o, e]
|
|
506
506
|
), u = w(
|
|
507
507
|
(f) => {
|
|
508
|
-
V({ onValueChange: e, newValue: f, min:
|
|
508
|
+
V({ onValueChange: e, newValue: f, min: o, max: n });
|
|
509
509
|
},
|
|
510
|
-
[n,
|
|
510
|
+
[n, o, e]
|
|
511
511
|
);
|
|
512
|
-
return /* @__PURE__ */
|
|
512
|
+
return /* @__PURE__ */ r(
|
|
513
513
|
Z,
|
|
514
514
|
{
|
|
515
515
|
contentRight: s ? c : /* @__PURE__ */ h(R, { children: [
|
|
516
516
|
c && /* @__PURE__ */ h(R, { children: [
|
|
517
517
|
c,
|
|
518
|
-
/* @__PURE__ */
|
|
518
|
+
/* @__PURE__ */ r(m, {})
|
|
519
519
|
] }),
|
|
520
|
-
/* @__PURE__ */
|
|
520
|
+
/* @__PURE__ */ r(
|
|
521
521
|
Tt,
|
|
522
522
|
{
|
|
523
523
|
onClickUp: i ? void 0 : () => p(l),
|
|
@@ -531,7 +531,7 @@ const Zt = (t, e, n) => {
|
|
|
531
531
|
onValueChange: u,
|
|
532
532
|
disableContentPaddingRight: !s,
|
|
533
533
|
type: "number",
|
|
534
|
-
min:
|
|
534
|
+
min: o,
|
|
535
535
|
max: n,
|
|
536
536
|
step: l,
|
|
537
537
|
className: x(me.numericTextInputInput, d),
|
|
@@ -551,10 +551,10 @@ const Zt = (t, e, n) => {
|
|
|
551
551
|
}
|
|
552
552
|
},
|
|
553
553
|
[e]
|
|
554
|
-
),
|
|
554
|
+
), o = gt(() => t === void 0 ? "" : String(t), [t]);
|
|
555
555
|
return {
|
|
556
556
|
onValueChange: n,
|
|
557
|
-
value:
|
|
557
|
+
value: o
|
|
558
558
|
};
|
|
559
559
|
}, be = (t, e) => {
|
|
560
560
|
if (S(t))
|
|
@@ -574,24 +574,24 @@ const Zt = (t, e, n) => {
|
|
|
574
574
|
disabled: t,
|
|
575
575
|
onValueChange: e,
|
|
576
576
|
value: n,
|
|
577
|
-
max:
|
|
577
|
+
max: o,
|
|
578
578
|
min: l,
|
|
579
579
|
step: c = 1,
|
|
580
580
|
...i
|
|
581
581
|
}) => {
|
|
582
582
|
const d = w(
|
|
583
583
|
(_) => {
|
|
584
|
-
C({ onValueChange: e, value: n, numSteps: _, min: l, max:
|
|
584
|
+
C({ onValueChange: e, value: n, numSteps: _, min: l, max: o });
|
|
585
585
|
},
|
|
586
|
-
[n,
|
|
586
|
+
[n, o, l, e]
|
|
587
587
|
), s = w(
|
|
588
588
|
(_) => {
|
|
589
|
-
V({ onValueChange: e, newValue: _, min: l, max:
|
|
589
|
+
V({ onValueChange: e, newValue: _, min: l, max: o });
|
|
590
590
|
},
|
|
591
|
-
[
|
|
591
|
+
[o, l, e]
|
|
592
592
|
);
|
|
593
593
|
return /* @__PURE__ */ h(T, { role: "group", children: [
|
|
594
|
-
/* @__PURE__ */
|
|
594
|
+
/* @__PURE__ */ r(
|
|
595
595
|
K,
|
|
596
596
|
{
|
|
597
597
|
leftIcon: St,
|
|
@@ -600,27 +600,27 @@ const Zt = (t, e, n) => {
|
|
|
600
600
|
onClick: () => d(-c)
|
|
601
601
|
}
|
|
602
602
|
),
|
|
603
|
-
/* @__PURE__ */
|
|
604
|
-
/* @__PURE__ */
|
|
603
|
+
/* @__PURE__ */ r(m, {}),
|
|
604
|
+
/* @__PURE__ */ r(
|
|
605
605
|
xe,
|
|
606
606
|
{
|
|
607
607
|
hideButtons: !0,
|
|
608
608
|
onValueChange: s,
|
|
609
609
|
value: n,
|
|
610
|
-
max:
|
|
610
|
+
max: o,
|
|
611
611
|
min: l,
|
|
612
612
|
step: c,
|
|
613
613
|
disabled: t,
|
|
614
614
|
...i
|
|
615
615
|
}
|
|
616
616
|
),
|
|
617
|
-
/* @__PURE__ */
|
|
618
|
-
/* @__PURE__ */
|
|
617
|
+
/* @__PURE__ */ r(m, {}),
|
|
618
|
+
/* @__PURE__ */ r(
|
|
619
619
|
K,
|
|
620
620
|
{
|
|
621
621
|
leftIcon: Nt,
|
|
622
622
|
"aria-label": "Increase",
|
|
623
|
-
disabled: t || we(n,
|
|
623
|
+
disabled: t || we(n, o),
|
|
624
624
|
onClick: () => d(c)
|
|
625
625
|
}
|
|
626
626
|
)
|
|
@@ -630,18 +630,18 @@ const Zt = (t, e, n) => {
|
|
|
630
630
|
visibleIcon: e = $t,
|
|
631
631
|
...n
|
|
632
632
|
}) => {
|
|
633
|
-
const [
|
|
634
|
-
return /* @__PURE__ */
|
|
633
|
+
const [o, l] = kt(!0);
|
|
634
|
+
return /* @__PURE__ */ r(
|
|
635
635
|
Z,
|
|
636
636
|
{
|
|
637
|
-
buttonRight: /* @__PURE__ */
|
|
637
|
+
buttonRight: /* @__PURE__ */ r(
|
|
638
638
|
v,
|
|
639
639
|
{
|
|
640
|
-
icon:
|
|
640
|
+
icon: o ? t : e,
|
|
641
641
|
onClick: () => l((c) => !c)
|
|
642
642
|
}
|
|
643
643
|
),
|
|
644
|
-
type:
|
|
644
|
+
type: o ? "password" : "text",
|
|
645
645
|
...n
|
|
646
646
|
}
|
|
647
647
|
);
|
|
@@ -649,13 +649,12 @@ const Zt = (t, e, n) => {
|
|
|
649
649
|
disabled: t,
|
|
650
650
|
text: e,
|
|
651
651
|
...n
|
|
652
|
-
}) => /* @__PURE__ */
|
|
652
|
+
}) => /* @__PURE__ */ r(
|
|
653
653
|
A,
|
|
654
654
|
{
|
|
655
655
|
variant: "bold",
|
|
656
656
|
color: L(t ? "--silver" : "--tjara"),
|
|
657
657
|
size: "small",
|
|
658
|
-
whiteSpace: "nowrap",
|
|
659
658
|
...It(n),
|
|
660
659
|
children: e
|
|
661
660
|
}
|
|
@@ -663,16 +662,16 @@ const Zt = (t, e, n) => {
|
|
|
663
662
|
htmlFor: t,
|
|
664
663
|
screenReaderLabel: e,
|
|
665
664
|
label: n,
|
|
666
|
-
disabled:
|
|
665
|
+
disabled: o,
|
|
667
666
|
className: l
|
|
668
667
|
}) => /* @__PURE__ */ h("label", { htmlFor: t, className: l, children: [
|
|
669
|
-
e ? /* @__PURE__ */
|
|
670
|
-
/* @__PURE__ */
|
|
668
|
+
e ? /* @__PURE__ */ r(q, { children: e }) : null,
|
|
669
|
+
/* @__PURE__ */ r(
|
|
671
670
|
Ie,
|
|
672
671
|
{
|
|
673
672
|
"aria-hidden": !!e,
|
|
674
673
|
text: n,
|
|
675
|
-
disabled:
|
|
674
|
+
disabled: o
|
|
676
675
|
}
|
|
677
676
|
)
|
|
678
677
|
] }), Be = "_labelledSelect_1evxo_1", ge = "_onlyTopBorder_1evxo_8", ke = "_onlyBottomBorder_1evxo_14", Te = "_error_1evxo_19", Se = "_normal_1evxo_24", Ne = "_label_1evxo_1", Re = "_select_1evxo_48", $e = "_iconWrapper_1evxo_73", k = {
|
|
@@ -688,7 +687,7 @@ const Zt = (t, e, n) => {
|
|
|
688
687
|
onChange: t,
|
|
689
688
|
onValueChange: e,
|
|
690
689
|
id: n,
|
|
691
|
-
label:
|
|
690
|
+
label: o,
|
|
692
691
|
screenReaderLabel: l,
|
|
693
692
|
borderVariant: c = "normalBorder",
|
|
694
693
|
variant: i = "normal",
|
|
@@ -710,16 +709,16 @@ const Zt = (t, e, n) => {
|
|
|
710
709
|
k[c]
|
|
711
710
|
),
|
|
712
711
|
children: [
|
|
713
|
-
/* @__PURE__ */
|
|
712
|
+
/* @__PURE__ */ r(
|
|
714
713
|
tt,
|
|
715
714
|
{
|
|
716
715
|
htmlFor: p,
|
|
717
716
|
className: k.label,
|
|
718
|
-
label:
|
|
717
|
+
label: o,
|
|
719
718
|
screenReaderLabel: l
|
|
720
719
|
}
|
|
721
720
|
),
|
|
722
|
-
/* @__PURE__ */
|
|
721
|
+
/* @__PURE__ */ r(
|
|
723
722
|
"select",
|
|
724
723
|
{
|
|
725
724
|
id: p,
|
|
@@ -729,7 +728,7 @@ const Zt = (t, e, n) => {
|
|
|
729
728
|
children: d
|
|
730
729
|
}
|
|
731
730
|
),
|
|
732
|
-
/* @__PURE__ */
|
|
731
|
+
/* @__PURE__ */ r("div", { className: x(k.iconWrapper), children: /* @__PURE__ */ r(
|
|
733
732
|
G,
|
|
734
733
|
{
|
|
735
734
|
icon: qt,
|
|
@@ -740,7 +739,7 @@ const Zt = (t, e, n) => {
|
|
|
740
739
|
]
|
|
741
740
|
}
|
|
742
741
|
);
|
|
743
|
-
}, qe = "
|
|
742
|
+
}, qe = "_labelledTextInput_6oeo0_1", Ae = "_onlyTop_6oeo0_21", Pe = "_disabled_6oeo0_26", He = "_onlyBottom_6oeo0_31", We = "_onlyLeft_6oeo0_40", ve = "_onlyRight_6oeo0_50", Fe = "_medium_6oeo0_77", Me = "_large_6oeo0_89", Ue = "_error_6oeo0_103", N = {
|
|
744
743
|
labelledTextInput: qe,
|
|
745
744
|
onlyTop: Ae,
|
|
746
745
|
disabled: Pe,
|
|
@@ -750,12 +749,12 @@ const Zt = (t, e, n) => {
|
|
|
750
749
|
medium: Fe,
|
|
751
750
|
large: Me,
|
|
752
751
|
error: Ue
|
|
753
|
-
},
|
|
752
|
+
}, on = Bt.forwardRef(
|
|
754
753
|
({
|
|
755
754
|
autoComplete: t = "off",
|
|
756
755
|
label: e,
|
|
757
756
|
id: n,
|
|
758
|
-
screenReaderLabel:
|
|
757
|
+
screenReaderLabel: o,
|
|
759
758
|
size: l = "medium",
|
|
760
759
|
value: c,
|
|
761
760
|
onChange: i,
|
|
@@ -784,15 +783,15 @@ const Zt = (t, e, n) => {
|
|
|
784
783
|
),
|
|
785
784
|
style: u ? { width: u } : void 0,
|
|
786
785
|
children: [
|
|
787
|
-
/* @__PURE__ */
|
|
786
|
+
/* @__PURE__ */ r(
|
|
788
787
|
tt,
|
|
789
788
|
{
|
|
790
789
|
htmlFor: I,
|
|
791
|
-
screenReaderLabel:
|
|
790
|
+
screenReaderLabel: o,
|
|
792
791
|
label: e
|
|
793
792
|
}
|
|
794
793
|
),
|
|
795
|
-
/* @__PURE__ */
|
|
794
|
+
/* @__PURE__ */ r(
|
|
796
795
|
"input",
|
|
797
796
|
{
|
|
798
797
|
ref: f,
|
|
@@ -809,11 +808,11 @@ const Zt = (t, e, n) => {
|
|
|
809
808
|
}
|
|
810
809
|
);
|
|
811
810
|
}
|
|
812
|
-
),
|
|
811
|
+
), rn = ({
|
|
813
812
|
variant: t = "standard",
|
|
814
813
|
disabled: e,
|
|
815
814
|
wrapperClassName: n,
|
|
816
|
-
wrapperStyle:
|
|
815
|
+
wrapperStyle: o,
|
|
817
816
|
contentLeft: l,
|
|
818
817
|
contentRight: c,
|
|
819
818
|
disableContentPadding: i,
|
|
@@ -825,7 +824,7 @@ const Zt = (t, e, n) => {
|
|
|
825
824
|
onClickRight: a,
|
|
826
825
|
children: f
|
|
827
826
|
}) => {
|
|
828
|
-
const y = t === "success" ? X : t === "warning" || t === "error" ? J : _, I = t === "loading" ? /* @__PURE__ */
|
|
827
|
+
const y = t === "success" ? X : t === "warning" || t === "error" ? J : _, I = t === "loading" ? /* @__PURE__ */ r(Q, {}) : c;
|
|
829
828
|
return /* @__PURE__ */ h(
|
|
830
829
|
"div",
|
|
831
830
|
{
|
|
@@ -838,9 +837,9 @@ const Zt = (t, e, n) => {
|
|
|
838
837
|
},
|
|
839
838
|
n
|
|
840
839
|
),
|
|
841
|
-
style:
|
|
840
|
+
style: o,
|
|
842
841
|
children: [
|
|
843
|
-
/* @__PURE__ */
|
|
842
|
+
/* @__PURE__ */ r(
|
|
844
843
|
H,
|
|
845
844
|
{
|
|
846
845
|
content: l,
|
|
@@ -848,11 +847,11 @@ const Zt = (t, e, n) => {
|
|
|
848
847
|
disableContentPaddingLeft: d,
|
|
849
848
|
disableContentPaddingRight: s,
|
|
850
849
|
spaceOnLeft: !0,
|
|
851
|
-
button: p ? /* @__PURE__ */
|
|
850
|
+
button: p ? /* @__PURE__ */ r(v, { onClick: u, icon: p }) : void 0
|
|
852
851
|
}
|
|
853
852
|
),
|
|
854
|
-
/* @__PURE__ */
|
|
855
|
-
/* @__PURE__ */
|
|
853
|
+
/* @__PURE__ */ r(T, { alignItems: "center", children: f }),
|
|
854
|
+
/* @__PURE__ */ r(
|
|
856
855
|
H,
|
|
857
856
|
{
|
|
858
857
|
content: I,
|
|
@@ -860,7 +859,7 @@ const Zt = (t, e, n) => {
|
|
|
860
859
|
disableContentPaddingLeft: d,
|
|
861
860
|
disableContentPaddingRight: s,
|
|
862
861
|
spaceOnRight: !0,
|
|
863
|
-
button: y ? /* @__PURE__ */
|
|
862
|
+
button: y ? /* @__PURE__ */ r(v, { onClick: a, icon: y }) : void 0
|
|
864
863
|
}
|
|
865
864
|
)
|
|
866
865
|
]
|
|
@@ -873,7 +872,7 @@ const Zt = (t, e, n) => {
|
|
|
873
872
|
className: t,
|
|
874
873
|
value: e,
|
|
875
874
|
onValueChange: n,
|
|
876
|
-
onChange:
|
|
875
|
+
onChange: o,
|
|
877
876
|
resize: l = "none",
|
|
878
877
|
readOnly: c = !1,
|
|
879
878
|
rows: i,
|
|
@@ -882,11 +881,11 @@ const Zt = (t, e, n) => {
|
|
|
882
881
|
}, _) => {
|
|
883
882
|
const p = w(
|
|
884
883
|
(u) => {
|
|
885
|
-
|
|
884
|
+
o && o(u), n && n(u.target.value);
|
|
886
885
|
},
|
|
887
|
-
[
|
|
886
|
+
[o, n]
|
|
888
887
|
);
|
|
889
|
-
return /* @__PURE__ */
|
|
888
|
+
return /* @__PURE__ */ r(
|
|
890
889
|
"textarea",
|
|
891
890
|
{
|
|
892
891
|
disabled: d,
|
|
@@ -908,7 +907,7 @@ export {
|
|
|
908
907
|
tt as InputLabel,
|
|
909
908
|
Ie as InputLabelText,
|
|
910
909
|
nn as LabelledSelect,
|
|
911
|
-
|
|
910
|
+
on as LabelledTextInput,
|
|
912
911
|
tn as NumericStepper,
|
|
913
912
|
xe as NumericTextInput,
|
|
914
913
|
en as PasswordInput,
|
|
@@ -919,7 +918,7 @@ export {
|
|
|
919
918
|
Qe as SwitchWithLabel,
|
|
920
919
|
ln as TextArea,
|
|
921
920
|
Z as TextInput,
|
|
922
|
-
|
|
921
|
+
rn as TextInputBox,
|
|
923
922
|
Yt as elementHasSelectionRange,
|
|
924
923
|
C as onStepValueChange,
|
|
925
924
|
V as onTextValueChange,
|