@stenajs-webui/forms 23.16.2 → 23.17.0
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/components/ui/labelled-text-area/LabelledTextArea.d.ts +51 -0
- package/dist/components/ui/labelled-text-area/__tests__/LabelledTextArea.test.d.ts +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +456 -388
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -2
- package/dist/index.js.map +1 -1
- package/package.json +9 -7
package/dist/index.es.js
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._readOnlyInput_7bzmw_1{background-color:transparent;line-height:var(--swui-line-height);text-align:center;-moz-appearance:textfield;margin:0;padding:0;color:var(--swui-text-primary-color);font-size:var(--swui-font-size-medium);width:60px;font-weight:var(--swui-font-weight-text-bold);font-family:var(--swui-font-primary);border:none;outline:none}._readOnlyInput_7bzmw_1::-webkit-inner-spin-button,._readOnlyInput_7bzmw_1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._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_173af_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_173af_1._standard_173af_40{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_173af_1._standard_173af_40:after{width:3px;height:6px;left:9px;top:6px}._checkbox_173af_1._small_173af_52{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_173af_1._small_173af_52:after{width:3px;height:6px;left:5px;top:2px}._checkbox_173af_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_173af_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_173af_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_173af_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_173af_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_173af_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_173af_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_173af_1:disabled{cursor:not-allowed}._checkbox_173af_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_173af_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_173af_1:indeterminate._standard_173af_40:after{top:4px;left:8px}._checkbox_173af_1:indeterminate._small_173af_52:after{top:0;left:4px}._checkbox_173af_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_173af_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_173af_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_173af_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_vs9pj_1{border:1px solid var(--swui-field-border-color);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_vs9pj_1._medium_vs9pj_7{border-radius:var(--swui-border-radius)}._labelledSelect_vs9pj_1._large_vs9pj_11{border-radius:var(--swui-border-radius-large)}._labelledSelect_vs9pj_1._error_vs9pj_15{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_vs9pj_1._normal_vs9pj_20{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1._onlyTopBorder_vs9pj_25{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_vs9pj_1._onlyBottomBorder_vs9pj_31{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_vs9pj_1._onlyLeftBorder_vs9pj_36{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}._labelledSelect_vs9pj_1._onlyRightBorder_vs9pj_42{border-top-left-radius:0;border-bottom-left-radius:0}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_vs9pj_1._labelledSelect_vs9pj_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_vs9pj_1 ._label_vs9pj_1{display:flex;cursor:pointer;padding:calc(var(--swui-metrics-space) * 1) calc(var(--swui-metrics-space) * 2) 0}._labelledSelect_vs9pj_1 ._select_vs9pj_65{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;appearance:none;border:none;outline:none;line-height:1.5;box-sizing:border-box;cursor:pointer}._labelledSelect_vs9pj_1 ._select_vs9pj_65._error_vs9pj_15{background-color:var(--snackskal)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._normal_vs9pj_20{background-color:var(--moln)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._medium_vs9pj_7{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)}._labelledSelect_vs9pj_1 ._select_vs9pj_65._large_vs9pj_11{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 1.5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_vs9pj_1 ._iconWrapper_vs9pj_99{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_1uyc3_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_1uyc3_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_1uyc3_1._labelledTextInput_1uyc3_1._onlyTop_1uyc3_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyBottom_1uyc3_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyLeft_1uyc3_32{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_1uyc3_1._labelledTextInput_1uyc3_1._onlyRight_1uyc3_38{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_1uyc3_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_1uyc3_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53{background-color:var(--silver-lighter)}._labelledTextInput_1uyc3_1._disabled_1uyc3_53 input{color:var(--silver)}._labelledTextInput_1uyc3_1._medium_1uyc3_61:focus-within{outline-width:2px}._labelledTextInput_1uyc3_1._medium_1uyc3_61 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_1uyc3_1._large_1uyc3_73{border-radius:var(--swui-border-radius-large)}._labelledTextInput_1uyc3_1._large_1uyc3_73:focus-within{outline-width:3px}._labelledTextInput_1uyc3_1._large_1uyc3_73 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_1uyc3_1._error_1uyc3_87{border-color:var(--swui-state-error-light-color);background-color:var(--swui-state-error-light-color)}._labelledTextInput_1uyc3_1._error_1uyc3_87:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_1uyc3_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(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { cssColor as E } from "@stenajs-webui/theme";
|
|
1
|
+
import { jsx as o, jsxs as m, Fragment as N } from "react/jsx-runtime";
|
|
2
|
+
import { Row as k, Box as Tt, Space as B, ScreenReaderOnlyText as A, Text as C, parseFloatElseUndefined as v, getDataProps as kt, useTimeoutState as St } from "@stenajs-webui/core";
|
|
3
|
+
import * as Rt from "react";
|
|
4
|
+
import { useCallback as y, forwardRef as H, useRef as M, useEffect as Q, useMemo as Nt, useState as $t, useId as O } from "react";
|
|
5
|
+
import { PrimaryButton as G, stenaMinus as Y, stenaPlus as Z, Icon as V, stenaCheck as tt, stenaExclamationTriangle as et, InputSpinner as nt, UpDownButtons as At, FlatButton as L, TextInputButton as D, stenaEyeShow as Ct, stenaEyeHide as vt, stenaAngleDown as jt, stenaCopy as qt } from "@stenajs-webui/elements";
|
|
6
|
+
import g from "classnames";
|
|
7
|
+
import { cssColor as U } from "@stenajs-webui/theme";
|
|
9
8
|
import { FontAwesomeIcon as Pt } from "@fortawesome/react-fontawesome";
|
|
10
9
|
import { isNil as S } from "lodash-es";
|
|
11
|
-
import { Tooltip as
|
|
12
|
-
const
|
|
13
|
-
readOnlyInput:
|
|
14
|
-
},
|
|
10
|
+
import { Tooltip as Ht } from "@stenajs-webui/tooltip";
|
|
11
|
+
import './index.css';const Ft = "_readOnlyInput_7bzmw_1", Wt = {
|
|
12
|
+
readOnlyInput: Ft
|
|
13
|
+
}, Lt = ({
|
|
15
14
|
value: t,
|
|
16
15
|
id: e,
|
|
17
16
|
...n
|
|
@@ -23,9 +22,9 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
23
22
|
id: e,
|
|
24
23
|
value: t,
|
|
25
24
|
readOnly: !0,
|
|
26
|
-
className:
|
|
25
|
+
className: Wt.readOnlyInput
|
|
27
26
|
}
|
|
28
|
-
),
|
|
27
|
+
), hn = ({
|
|
29
28
|
value: t,
|
|
30
29
|
onValueChange: e,
|
|
31
30
|
variant: n,
|
|
@@ -35,32 +34,32 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
35
34
|
ariaLabelDecrease: i,
|
|
36
35
|
ariaLabelIncrease: a,
|
|
37
36
|
textValueAriaLabel: s,
|
|
38
|
-
increaseTestId:
|
|
37
|
+
increaseTestId: p,
|
|
39
38
|
decreaseTestId: h,
|
|
40
|
-
onIncrease:
|
|
41
|
-
onDecrease:
|
|
42
|
-
size:
|
|
39
|
+
onIncrease: u,
|
|
40
|
+
onDecrease: d,
|
|
41
|
+
size: _
|
|
43
42
|
}) => {
|
|
44
|
-
const
|
|
45
|
-
|
|
46
|
-
}, [
|
|
47
|
-
|
|
48
|
-
}, [
|
|
49
|
-
return /* @__PURE__ */
|
|
43
|
+
const f = y(() => {
|
|
44
|
+
u?.(), e?.(t + 1);
|
|
45
|
+
}, [u, e, t]), b = y(() => {
|
|
46
|
+
d?.(), e?.(t - 1);
|
|
47
|
+
}, [d, e, t]);
|
|
48
|
+
return /* @__PURE__ */ m(k, { alignItems: "center", children: [
|
|
50
49
|
/* @__PURE__ */ o(
|
|
51
|
-
|
|
50
|
+
G,
|
|
52
51
|
{
|
|
53
|
-
size:
|
|
52
|
+
size: _,
|
|
54
53
|
"aria-label": i,
|
|
55
54
|
variant: n,
|
|
56
|
-
leftIcon:
|
|
55
|
+
leftIcon: Y,
|
|
57
56
|
"data-testid": h ?? "decrease",
|
|
58
57
|
disabled: r,
|
|
59
|
-
onClick:
|
|
58
|
+
onClick: b
|
|
60
59
|
}
|
|
61
60
|
),
|
|
62
61
|
/* @__PURE__ */ o(
|
|
63
|
-
|
|
62
|
+
Lt,
|
|
64
63
|
{
|
|
65
64
|
id: c,
|
|
66
65
|
"data-testid": "amountStepperValue",
|
|
@@ -69,37 +68,37 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
69
68
|
}
|
|
70
69
|
),
|
|
71
70
|
/* @__PURE__ */ o(
|
|
72
|
-
|
|
71
|
+
G,
|
|
73
72
|
{
|
|
74
|
-
size:
|
|
75
|
-
leftIcon:
|
|
73
|
+
size: _,
|
|
74
|
+
leftIcon: Z,
|
|
76
75
|
variant: n,
|
|
77
76
|
"aria-label": a,
|
|
78
|
-
"data-testid":
|
|
77
|
+
"data-testid": p ?? "increase",
|
|
79
78
|
disabled: l,
|
|
80
|
-
onClick:
|
|
79
|
+
onClick: f
|
|
81
80
|
}
|
|
82
81
|
)
|
|
83
82
|
] });
|
|
84
|
-
}, Dt = "_knob_1d6s8_56", Et = "_filler_1d6s8_61",
|
|
83
|
+
}, Dt = "_knob_1d6s8_56", Et = "_filler_1d6s8_61", Mt = "_checked_1d6s8_75", $ = {
|
|
85
84
|
switch: "_switch_1d6s8_1",
|
|
86
85
|
knob: Dt,
|
|
87
86
|
filler: Et,
|
|
88
|
-
checked:
|
|
89
|
-
},
|
|
87
|
+
checked: Mt
|
|
88
|
+
}, Ot = `${$.switch} ${$.checked}`, Ut = ({
|
|
90
89
|
value: t,
|
|
91
90
|
disabled: e,
|
|
92
91
|
onValueChange: n,
|
|
93
92
|
className: r,
|
|
94
93
|
wrapperRef: l,
|
|
95
94
|
...c
|
|
96
|
-
}) => /* @__PURE__ */ o("div", { className: r, ref: l, children: /* @__PURE__ */
|
|
95
|
+
}) => /* @__PURE__ */ o("div", { className: r, ref: l, children: /* @__PURE__ */ m(
|
|
97
96
|
"button",
|
|
98
97
|
{
|
|
99
98
|
type: "button",
|
|
100
99
|
role: "switch",
|
|
101
100
|
"aria-checked": t,
|
|
102
|
-
className: t ?
|
|
101
|
+
className: t ? Ot : $.switch,
|
|
103
102
|
disabled: e,
|
|
104
103
|
onClick: () => n && n(!t),
|
|
105
104
|
...c,
|
|
@@ -108,19 +107,19 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
108
107
|
/* @__PURE__ */ o("div", { className: $.knob })
|
|
109
108
|
]
|
|
110
109
|
}
|
|
111
|
-
) }),
|
|
110
|
+
) }), mn = ({
|
|
112
111
|
label: t,
|
|
113
112
|
disabled: e,
|
|
114
113
|
textColor: n,
|
|
115
114
|
wrapperRef: r,
|
|
116
115
|
screenReaderLabel: l,
|
|
117
116
|
...c
|
|
118
|
-
}) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */
|
|
119
|
-
/* @__PURE__ */ o(
|
|
120
|
-
/* @__PURE__ */ o(
|
|
121
|
-
l ? /* @__PURE__ */ o(
|
|
117
|
+
}) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ m(Tt, { row: !0, alignItems: "center", children: [
|
|
118
|
+
/* @__PURE__ */ o(Ut, { disabled: e, ...c }),
|
|
119
|
+
/* @__PURE__ */ o(B, {}),
|
|
120
|
+
l ? /* @__PURE__ */ o(A, { children: l }) : null,
|
|
122
121
|
/* @__PURE__ */ o(
|
|
123
|
-
|
|
122
|
+
C,
|
|
124
123
|
{
|
|
125
124
|
color: n,
|
|
126
125
|
"aria-hidden": !!l,
|
|
@@ -128,11 +127,11 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
128
127
|
children: t
|
|
129
128
|
}
|
|
130
129
|
)
|
|
131
|
-
] }) }) }),
|
|
132
|
-
checkbox:
|
|
133
|
-
standard:
|
|
134
|
-
small:
|
|
135
|
-
},
|
|
130
|
+
] }) }) }), Kt = "_checkbox_173af_1", zt = "_standard_173af_40", Gt = "_small_173af_52", X = {
|
|
131
|
+
checkbox: Kt,
|
|
132
|
+
standard: zt,
|
|
133
|
+
small: Gt
|
|
134
|
+
}, Xt = H(
|
|
136
135
|
({
|
|
137
136
|
indeterminate: t = !1,
|
|
138
137
|
onChange: e,
|
|
@@ -142,29 +141,29 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
142
141
|
className: c,
|
|
143
142
|
...i
|
|
144
143
|
}, a) => {
|
|
145
|
-
const s =
|
|
146
|
-
s.current =
|
|
147
|
-
}, h =
|
|
148
|
-
(
|
|
149
|
-
e && e(
|
|
144
|
+
const s = M(null), p = (u) => {
|
|
145
|
+
s.current = u, s.current && (s.current.indeterminate = !!t), a && (typeof a == "function" ? a(u) : a.current = u);
|
|
146
|
+
}, h = y(
|
|
147
|
+
(u) => {
|
|
148
|
+
e && e(u), n && n(u.target.checked);
|
|
150
149
|
},
|
|
151
150
|
[e, n]
|
|
152
151
|
);
|
|
153
|
-
return
|
|
152
|
+
return Q(() => {
|
|
154
153
|
s.current && (s.current.indeterminate = !!t);
|
|
155
154
|
}, [t, s]), /* @__PURE__ */ o(
|
|
156
155
|
"input",
|
|
157
156
|
{
|
|
158
157
|
type: "checkbox",
|
|
159
|
-
className:
|
|
158
|
+
className: g(X.checkbox, X[l], c),
|
|
160
159
|
checked: r,
|
|
161
160
|
onChange: h,
|
|
162
|
-
ref:
|
|
161
|
+
ref: p,
|
|
163
162
|
...i
|
|
164
163
|
}
|
|
165
164
|
);
|
|
166
165
|
}
|
|
167
|
-
),
|
|
166
|
+
), fn = ({
|
|
168
167
|
children: t,
|
|
169
168
|
label: e,
|
|
170
169
|
inputRef: n,
|
|
@@ -172,12 +171,12 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
172
171
|
textColor: l,
|
|
173
172
|
screenReaderLabel: c,
|
|
174
173
|
...i
|
|
175
|
-
}) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */
|
|
176
|
-
/* @__PURE__ */ o(
|
|
177
|
-
/* @__PURE__ */ o(
|
|
178
|
-
c ? /* @__PURE__ */ o(
|
|
174
|
+
}) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ m(k, { alignItems: "center", children: [
|
|
175
|
+
/* @__PURE__ */ o(Xt, { ...i, ref: n }),
|
|
176
|
+
/* @__PURE__ */ o(B, {}),
|
|
177
|
+
c ? /* @__PURE__ */ o(A, { children: c }) : null,
|
|
179
178
|
/* @__PURE__ */ o(
|
|
180
|
-
|
|
179
|
+
C,
|
|
181
180
|
{
|
|
182
181
|
color: l,
|
|
183
182
|
"aria-hidden": !!c,
|
|
@@ -186,11 +185,11 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
186
185
|
}
|
|
187
186
|
),
|
|
188
187
|
t
|
|
189
|
-
] }) }) }),
|
|
190
|
-
radiobutton:
|
|
191
|
-
standard:
|
|
192
|
-
small:
|
|
193
|
-
},
|
|
188
|
+
] }) }) }), Jt = "_radiobutton_a19yk_1", Qt = "_standard_a19yk_46", Yt = "_small_a19yk_56", J = {
|
|
189
|
+
radiobutton: Jt,
|
|
190
|
+
standard: Qt,
|
|
191
|
+
small: Yt
|
|
192
|
+
}, ot = H(
|
|
194
193
|
({
|
|
195
194
|
onChange: t,
|
|
196
195
|
onValueChange: e,
|
|
@@ -199,7 +198,7 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
199
198
|
className: l,
|
|
200
199
|
...c
|
|
201
200
|
}, i) => {
|
|
202
|
-
const a =
|
|
201
|
+
const a = y(
|
|
203
202
|
(s) => {
|
|
204
203
|
t && t(s), e && e(s.target.value);
|
|
205
204
|
},
|
|
@@ -210,20 +209,20 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
210
209
|
{
|
|
211
210
|
type: "radio",
|
|
212
211
|
name: r,
|
|
213
|
-
className:
|
|
212
|
+
className: g(J.radiobutton, J[n], l),
|
|
214
213
|
onChange: a,
|
|
215
214
|
ref: i,
|
|
216
215
|
...c
|
|
217
216
|
}
|
|
218
217
|
);
|
|
219
218
|
}
|
|
220
|
-
),
|
|
221
|
-
radioButtonBox:
|
|
222
|
-
medium:
|
|
223
|
-
large:
|
|
224
|
-
danger:
|
|
225
|
-
radioButtonWrapper:
|
|
226
|
-
},
|
|
219
|
+
), Zt = "_radioButtonBox_yl38n_1", Vt = "_medium_yl38n_14", te = "_large_yl38n_19", ee = "_danger_yl38n_28", ne = "_radioButtonWrapper_yl38n_39", W = {
|
|
220
|
+
radioButtonBox: Zt,
|
|
221
|
+
medium: Vt,
|
|
222
|
+
large: te,
|
|
223
|
+
danger: ee,
|
|
224
|
+
radioButtonWrapper: ne
|
|
225
|
+
}, yn = ({
|
|
227
226
|
label: t,
|
|
228
227
|
screenReaderLabel: e,
|
|
229
228
|
variant: n = "normal",
|
|
@@ -233,42 +232,42 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
233
232
|
contentRight: i,
|
|
234
233
|
style: a,
|
|
235
234
|
disabled: s,
|
|
236
|
-
radioButtonClassName:
|
|
235
|
+
radioButtonClassName: p,
|
|
237
236
|
...h
|
|
238
237
|
}) => {
|
|
239
|
-
const
|
|
238
|
+
const u = s ? U("--swui-text-disabled-color") : void 0;
|
|
240
239
|
return /* @__PURE__ */ o(
|
|
241
240
|
"label",
|
|
242
241
|
{
|
|
243
|
-
className:
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
242
|
+
className: g(
|
|
243
|
+
W.radioButtonBox,
|
|
244
|
+
W[n],
|
|
245
|
+
W[r],
|
|
247
246
|
l
|
|
248
247
|
),
|
|
249
248
|
style: a,
|
|
250
|
-
children: /* @__PURE__ */
|
|
251
|
-
/* @__PURE__ */
|
|
249
|
+
children: /* @__PURE__ */ m(k, { justifyContent: "space-between", flexGrow: 1, children: [
|
|
250
|
+
/* @__PURE__ */ m(k, { alignItems: "center", children: [
|
|
252
251
|
/* @__PURE__ */ o(
|
|
253
|
-
|
|
252
|
+
ot,
|
|
254
253
|
{
|
|
255
254
|
...h,
|
|
256
255
|
disabled: s,
|
|
257
|
-
className:
|
|
256
|
+
className: p
|
|
258
257
|
}
|
|
259
258
|
),
|
|
260
|
-
/* @__PURE__ */ o(
|
|
261
|
-
e ? /* @__PURE__ */ o(
|
|
262
|
-
/* @__PURE__ */ o(
|
|
259
|
+
/* @__PURE__ */ o(B, {}),
|
|
260
|
+
e ? /* @__PURE__ */ o(A, { children: e }) : null,
|
|
261
|
+
/* @__PURE__ */ o(C, { color: u, "aria-hidden": !!e, children: t })
|
|
263
262
|
] }),
|
|
264
|
-
/* @__PURE__ */
|
|
263
|
+
/* @__PURE__ */ m(
|
|
265
264
|
k,
|
|
266
265
|
{
|
|
267
266
|
alignItems: "center",
|
|
268
267
|
width: c ? "48px" : void 0,
|
|
269
268
|
justifyContent: "center",
|
|
270
269
|
children: [
|
|
271
|
-
c && /* @__PURE__ */ o(
|
|
270
|
+
c && /* @__PURE__ */ o(V, { icon: c, size: 24, color: u }),
|
|
272
271
|
!c && i
|
|
273
272
|
]
|
|
274
273
|
}
|
|
@@ -276,19 +275,19 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
276
275
|
] })
|
|
277
276
|
}
|
|
278
277
|
);
|
|
279
|
-
},
|
|
278
|
+
}, bn = ({
|
|
280
279
|
label: t,
|
|
281
280
|
inputRef: e,
|
|
282
281
|
wrapperRef: n,
|
|
283
282
|
textColor: r,
|
|
284
283
|
screenReaderLabel: l,
|
|
285
284
|
...c
|
|
286
|
-
}) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */
|
|
287
|
-
/* @__PURE__ */ o(
|
|
288
|
-
/* @__PURE__ */ o(
|
|
289
|
-
l ? /* @__PURE__ */ o(
|
|
285
|
+
}) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ m(k, { alignItems: "center", children: [
|
|
286
|
+
/* @__PURE__ */ o(ot, { ref: e, ...c }),
|
|
287
|
+
/* @__PURE__ */ o(B, {}),
|
|
288
|
+
l ? /* @__PURE__ */ o(A, { children: l }) : null,
|
|
290
289
|
/* @__PURE__ */ o(
|
|
291
|
-
|
|
290
|
+
C,
|
|
292
291
|
{
|
|
293
292
|
color: r,
|
|
294
293
|
"aria-hidden": !!l,
|
|
@@ -296,45 +295,45 @@ const Ht = "_readOnlyInput_7bzmw_1", Ft = {
|
|
|
296
295
|
children: t
|
|
297
296
|
}
|
|
298
297
|
)
|
|
299
|
-
] }) }) }),
|
|
300
|
-
const s =
|
|
301
|
-
s.current || c?.(
|
|
302
|
-
}, h = (
|
|
303
|
-
s.current = !1, a?.(
|
|
298
|
+
] }) }) }), oe = (t, e, n, r, l, c, i, a) => {
|
|
299
|
+
const s = M(!1), p = (d) => {
|
|
300
|
+
s.current || c?.(d.target.value ?? ""), i?.(d);
|
|
301
|
+
}, h = (d) => {
|
|
302
|
+
s.current = !1, a?.(d);
|
|
304
303
|
};
|
|
305
304
|
return {
|
|
306
|
-
onKeyDownHandler:
|
|
307
|
-
(
|
|
308
|
-
const { key:
|
|
309
|
-
if (
|
|
310
|
-
s.current = !0, n?.(), c?.(
|
|
311
|
-
else if (
|
|
312
|
-
s.current = !0, r?.(),
|
|
305
|
+
onKeyDownHandler: y(
|
|
306
|
+
(d) => {
|
|
307
|
+
const { key: _ } = d;
|
|
308
|
+
if (_ === "Enter")
|
|
309
|
+
s.current = !0, n?.(), c?.(d.currentTarget.value ?? "");
|
|
310
|
+
else if (_ === "Escape")
|
|
311
|
+
s.current = !0, r?.(), d.preventDefault(), d.stopPropagation();
|
|
313
312
|
else if (l) {
|
|
314
|
-
const
|
|
315
|
-
s.current = !0, t.current.blur(), l(
|
|
313
|
+
const f = (b, x) => {
|
|
314
|
+
s.current = !0, t.current.blur(), l(b), x.preventDefault(), x.stopPropagation();
|
|
316
315
|
};
|
|
317
|
-
|
|
316
|
+
d.shiftKey && _ === "Tab" ? f("left", d) : _ === "Tab" ? f("right", d) : _ === "ArrowUp" ? f("up", d) : _ === "ArrowDown" ? f("down", d) : _ === "ArrowRight" ? t.current.value.length === t.current.selectionStart && f("right", d) : _ === "ArrowLeft" && t.current.selectionStart === 0 && f("left", d);
|
|
318
317
|
}
|
|
319
|
-
e && e(
|
|
318
|
+
e && e(d);
|
|
320
319
|
},
|
|
321
320
|
[r, l, e, t, n, c]
|
|
322
321
|
),
|
|
323
|
-
onBlurHandler:
|
|
322
|
+
onBlurHandler: p,
|
|
324
323
|
onFocusHandler: h
|
|
325
324
|
};
|
|
326
325
|
};
|
|
327
|
-
function
|
|
326
|
+
function re(t) {
|
|
328
327
|
return t.tagName === "TEXTAREA" || t.tagName === "INPUT" && (t.type === "text" || t.type === "search" || t.type === "url" || t.type === "tel" || t.type === "password");
|
|
329
328
|
}
|
|
330
|
-
const
|
|
331
|
-
|
|
332
|
-
t.current &&
|
|
329
|
+
const le = (t, e, n) => {
|
|
330
|
+
Q(() => {
|
|
331
|
+
t.current && re(t.current) && (n ? t.current.setSelectionRange(0, t.current.value.length) : e && t.current.setSelectionRange(
|
|
333
332
|
t.current.value.length,
|
|
334
333
|
t.current.value.length
|
|
335
334
|
));
|
|
336
335
|
}, [e, t, n]);
|
|
337
|
-
},
|
|
336
|
+
}, ce = (t, {
|
|
338
337
|
onEnter: e,
|
|
339
338
|
onEsc: n,
|
|
340
339
|
onChange: r,
|
|
@@ -343,53 +342,53 @@ const re = (t, e, n) => {
|
|
|
343
342
|
moveCursorToEndOnMount: i,
|
|
344
343
|
onDone: a,
|
|
345
344
|
onMove: s,
|
|
346
|
-
onFocus:
|
|
345
|
+
onFocus: p,
|
|
347
346
|
onBlur: h,
|
|
348
|
-
onKeyDown:
|
|
349
|
-
autoFocus:
|
|
347
|
+
onKeyDown: u,
|
|
348
|
+
autoFocus: d
|
|
350
349
|
}) => {
|
|
351
|
-
|
|
352
|
-
const { onKeyDownHandler:
|
|
350
|
+
le(t, !!i, !!c);
|
|
351
|
+
const { onKeyDownHandler: _, onFocusHandler: f, onBlurHandler: b } = oe(
|
|
353
352
|
t,
|
|
354
|
-
|
|
353
|
+
u,
|
|
355
354
|
e,
|
|
356
355
|
n,
|
|
357
356
|
s,
|
|
358
357
|
a,
|
|
359
358
|
h,
|
|
360
|
-
|
|
361
|
-
),
|
|
362
|
-
(
|
|
363
|
-
r?.(
|
|
359
|
+
p
|
|
360
|
+
), x = y(
|
|
361
|
+
(w) => {
|
|
362
|
+
r?.(w), l?.(w.target.value);
|
|
364
363
|
},
|
|
365
364
|
[r, l]
|
|
366
365
|
);
|
|
367
366
|
return {
|
|
368
|
-
onBlur:
|
|
369
|
-
onChange:
|
|
370
|
-
onFocus:
|
|
371
|
-
onKeyDown:
|
|
372
|
-
autoFocus: c ||
|
|
367
|
+
onBlur: b,
|
|
368
|
+
onChange: x,
|
|
369
|
+
onFocus: f,
|
|
370
|
+
onKeyDown: _,
|
|
371
|
+
autoFocus: c || d
|
|
373
372
|
};
|
|
374
|
-
},
|
|
375
|
-
textInput:
|
|
376
|
-
onlyTop:
|
|
377
|
-
disabled:
|
|
378
|
-
onlyBottom:
|
|
379
|
-
onlyLeft:
|
|
380
|
-
onlyRight:
|
|
381
|
-
input:
|
|
382
|
-
alwaysShowPlaceholder:
|
|
383
|
-
icon:
|
|
373
|
+
}, se = "_textInput_1qe61_1", ie = "_onlyTop_1qe61_11", ae = "_disabled_1qe61_15", de = "_onlyBottom_1qe61_20", ue = "_onlyLeft_1qe61_28", _e = "_onlyRight_1qe61_37", pe = "_input_1qe61_50", he = "_alwaysShowPlaceholder_1qe61_74", me = "_icon_1qe61_85", fe = "_standard_1qe61_95", ye = "_success_1qe61_96", be = "_loading_1qe61_108", ge = "_modified_1qe61_113", Be = "_error_1qe61_122", Ie = "_warning_1qe61_131", xe = "_hideBorder_1qe61_145", we = "_clickable_1qe61_152", I = {
|
|
374
|
+
textInput: se,
|
|
375
|
+
onlyTop: ie,
|
|
376
|
+
disabled: ae,
|
|
377
|
+
onlyBottom: de,
|
|
378
|
+
onlyLeft: ue,
|
|
379
|
+
onlyRight: _e,
|
|
380
|
+
input: pe,
|
|
381
|
+
alwaysShowPlaceholder: he,
|
|
382
|
+
icon: me,
|
|
384
383
|
standard: fe,
|
|
385
384
|
success: ye,
|
|
386
|
-
loading:
|
|
385
|
+
loading: be,
|
|
387
386
|
modified: ge,
|
|
388
|
-
error:
|
|
389
|
-
warning:
|
|
390
|
-
hideBorder:
|
|
387
|
+
error: Be,
|
|
388
|
+
warning: Ie,
|
|
389
|
+
hideBorder: xe,
|
|
391
390
|
clickable: we
|
|
392
|
-
},
|
|
391
|
+
}, P = ({
|
|
393
392
|
button: t,
|
|
394
393
|
icon: e,
|
|
395
394
|
iconClassName: n,
|
|
@@ -399,25 +398,25 @@ const re = (t, e, n) => {
|
|
|
399
398
|
disableContentPadding: i,
|
|
400
399
|
disableContentPaddingLeft: a,
|
|
401
400
|
disableContentPaddingRight: s
|
|
402
|
-
}) => !r && !e && !t ? null : t ? /* @__PURE__ */
|
|
403
|
-
l ? /* @__PURE__ */ o(
|
|
401
|
+
}) => !r && !e && !t ? null : t ? /* @__PURE__ */ m(N, { children: [
|
|
402
|
+
l ? /* @__PURE__ */ o(B, { num: 0.25 }) : null,
|
|
404
403
|
t,
|
|
405
|
-
c ? /* @__PURE__ */ o(
|
|
406
|
-
] }) : r ? /* @__PURE__ */
|
|
407
|
-
l && !(i || a) ? /* @__PURE__ */ o(
|
|
404
|
+
c ? /* @__PURE__ */ o(B, { num: 0.25 }) : null
|
|
405
|
+
] }) : r ? /* @__PURE__ */ m(N, { children: [
|
|
406
|
+
l && !(i || a) ? /* @__PURE__ */ o(B, {}) : null,
|
|
408
407
|
r || null,
|
|
409
|
-
c && !(i || s) ? /* @__PURE__ */ o(
|
|
410
|
-
] }) : /* @__PURE__ */
|
|
411
|
-
l ? /* @__PURE__ */ o(
|
|
408
|
+
c && !(i || s) ? /* @__PURE__ */ o(B, {}) : null
|
|
409
|
+
] }) : /* @__PURE__ */ m(N, { children: [
|
|
410
|
+
l ? /* @__PURE__ */ o(B, {}) : null,
|
|
412
411
|
e && /* @__PURE__ */ o(
|
|
413
412
|
Pt,
|
|
414
413
|
{
|
|
415
414
|
icon: e,
|
|
416
|
-
className:
|
|
415
|
+
className: g(I.icon, n)
|
|
417
416
|
}
|
|
418
417
|
),
|
|
419
|
-
c ? /* @__PURE__ */ o(
|
|
420
|
-
] }),
|
|
418
|
+
c ? /* @__PURE__ */ o(B, {}) : null
|
|
419
|
+
] }), rt = (t) => {
|
|
421
420
|
const {
|
|
422
421
|
variant: e = "standard",
|
|
423
422
|
inputRef: n,
|
|
@@ -427,48 +426,48 @@ const re = (t, e, n) => {
|
|
|
427
426
|
buttonRight: i,
|
|
428
427
|
contentLeft: a,
|
|
429
428
|
contentRight: s,
|
|
430
|
-
disableContentPadding:
|
|
429
|
+
disableContentPadding: p,
|
|
431
430
|
disableContentPaddingLeft: h,
|
|
432
|
-
disableContentPaddingRight:
|
|
433
|
-
iconLeft:
|
|
434
|
-
iconRight:
|
|
435
|
-
moveCursorToEndOnMount:
|
|
436
|
-
selectAllOnMount:
|
|
437
|
-
autoFocus:
|
|
438
|
-
onValueChange:
|
|
439
|
-
wrapperClassName:
|
|
440
|
-
wrapperStyle:
|
|
441
|
-
onDone:
|
|
442
|
-
onEnter:
|
|
443
|
-
onEsc:
|
|
444
|
-
onMove:
|
|
445
|
-
onChange:
|
|
446
|
-
onKeyDown:
|
|
447
|
-
hideBorder:
|
|
448
|
-
onFocus:
|
|
449
|
-
onBlur:
|
|
431
|
+
disableContentPaddingRight: u,
|
|
432
|
+
iconLeft: d,
|
|
433
|
+
iconRight: _,
|
|
434
|
+
moveCursorToEndOnMount: f,
|
|
435
|
+
selectAllOnMount: b,
|
|
436
|
+
autoFocus: x,
|
|
437
|
+
onValueChange: w,
|
|
438
|
+
wrapperClassName: F,
|
|
439
|
+
wrapperStyle: j,
|
|
440
|
+
onDone: st,
|
|
441
|
+
onEnter: it,
|
|
442
|
+
onEsc: at,
|
|
443
|
+
onMove: dt,
|
|
444
|
+
onChange: ut,
|
|
445
|
+
onKeyDown: _t,
|
|
446
|
+
hideBorder: pt,
|
|
447
|
+
onFocus: ht,
|
|
448
|
+
onBlur: mt,
|
|
450
449
|
borderRadiusVariant: ft = "normalBorder",
|
|
451
450
|
width: yt,
|
|
452
|
-
alwaysShowPlaceholder:
|
|
451
|
+
alwaysShowPlaceholder: bt,
|
|
453
452
|
...gt
|
|
454
|
-
} = t,
|
|
455
|
-
onEnter:
|
|
456
|
-
onEsc:
|
|
457
|
-
onChange:
|
|
458
|
-
onValueChange:
|
|
459
|
-
selectAllOnMount:
|
|
460
|
-
moveCursorToEndOnMount:
|
|
461
|
-
onDone:
|
|
462
|
-
onMove:
|
|
463
|
-
onFocus:
|
|
464
|
-
onBlur:
|
|
465
|
-
onKeyDown:
|
|
466
|
-
autoFocus:
|
|
467
|
-
}),
|
|
468
|
-
return /* @__PURE__ */
|
|
453
|
+
} = t, Bt = M(null), z = n ?? Bt, It = ce(z, {
|
|
454
|
+
onEnter: it,
|
|
455
|
+
onEsc: at,
|
|
456
|
+
onChange: ut,
|
|
457
|
+
onValueChange: w,
|
|
458
|
+
selectAllOnMount: b,
|
|
459
|
+
moveCursorToEndOnMount: f,
|
|
460
|
+
onDone: st,
|
|
461
|
+
onMove: dt,
|
|
462
|
+
onFocus: ht,
|
|
463
|
+
onBlur: mt,
|
|
464
|
+
onKeyDown: _t,
|
|
465
|
+
autoFocus: x
|
|
466
|
+
}), xt = e === "success" ? tt : e === "warning" || e === "error" ? et : _, wt = e === "loading" ? /* @__PURE__ */ o(nt, {}) : s;
|
|
467
|
+
return /* @__PURE__ */ m(
|
|
469
468
|
"div",
|
|
470
469
|
{
|
|
471
|
-
className:
|
|
470
|
+
className: g(
|
|
472
471
|
I.textInput,
|
|
473
472
|
I[e],
|
|
474
473
|
I[ft],
|
|
@@ -476,20 +475,20 @@ const re = (t, e, n) => {
|
|
|
476
475
|
[I.disabled]: r
|
|
477
476
|
},
|
|
478
477
|
{
|
|
479
|
-
[I.hideBorder]:
|
|
478
|
+
[I.hideBorder]: pt
|
|
480
479
|
},
|
|
481
|
-
|
|
480
|
+
F
|
|
482
481
|
),
|
|
483
|
-
style: { width: yt, ...
|
|
482
|
+
style: { width: yt, ...j },
|
|
484
483
|
children: [
|
|
485
484
|
/* @__PURE__ */ o(
|
|
486
|
-
|
|
485
|
+
P,
|
|
487
486
|
{
|
|
488
487
|
content: a,
|
|
489
|
-
disableContentPadding:
|
|
488
|
+
disableContentPadding: p,
|
|
490
489
|
disableContentPaddingLeft: h,
|
|
491
|
-
disableContentPaddingRight:
|
|
492
|
-
icon:
|
|
490
|
+
disableContentPaddingRight: u,
|
|
491
|
+
icon: d,
|
|
493
492
|
spaceOnLeft: !0,
|
|
494
493
|
button: c
|
|
495
494
|
}
|
|
@@ -497,29 +496,29 @@ const re = (t, e, n) => {
|
|
|
497
496
|
/* @__PURE__ */ o(
|
|
498
497
|
"input",
|
|
499
498
|
{
|
|
500
|
-
className:
|
|
499
|
+
className: g(
|
|
501
500
|
I.input,
|
|
502
501
|
{
|
|
503
|
-
[I.alwaysShowPlaceholder]:
|
|
502
|
+
[I.alwaysShowPlaceholder]: bt
|
|
504
503
|
},
|
|
505
504
|
l
|
|
506
505
|
),
|
|
507
506
|
type: "text",
|
|
508
507
|
disabled: r,
|
|
509
|
-
ref:
|
|
510
|
-
autoFocus:
|
|
508
|
+
ref: z,
|
|
509
|
+
autoFocus: x,
|
|
511
510
|
...gt,
|
|
512
|
-
...
|
|
511
|
+
...It
|
|
513
512
|
}
|
|
514
513
|
),
|
|
515
514
|
/* @__PURE__ */ o(
|
|
516
|
-
|
|
515
|
+
P,
|
|
517
516
|
{
|
|
518
517
|
content: wt,
|
|
519
|
-
disableContentPadding:
|
|
518
|
+
disableContentPadding: p,
|
|
520
519
|
disableContentPaddingLeft: h,
|
|
521
|
-
disableContentPaddingRight:
|
|
522
|
-
icon:
|
|
520
|
+
disableContentPaddingRight: u,
|
|
521
|
+
icon: xt,
|
|
523
522
|
spaceOnRight: !0,
|
|
524
523
|
button: i
|
|
525
524
|
}
|
|
@@ -527,9 +526,9 @@ const re = (t, e, n) => {
|
|
|
527
526
|
]
|
|
528
527
|
}
|
|
529
528
|
);
|
|
530
|
-
},
|
|
531
|
-
numericTextInputInput:
|
|
532
|
-
},
|
|
529
|
+
}, Te = "_numericTextInputInput_1tnr6_1", ke = {
|
|
530
|
+
numericTextInputInput: Te
|
|
531
|
+
}, lt = ({
|
|
533
532
|
onValueChange: t,
|
|
534
533
|
value: e,
|
|
535
534
|
numSteps: n,
|
|
@@ -538,12 +537,12 @@ const re = (t, e, n) => {
|
|
|
538
537
|
}) => {
|
|
539
538
|
if (t)
|
|
540
539
|
if (!e)
|
|
541
|
-
t(String(
|
|
540
|
+
t(String(E(n, r, l)));
|
|
542
541
|
else {
|
|
543
|
-
const i = (
|
|
544
|
-
t(String(
|
|
542
|
+
const i = (v(e) || 0) + n;
|
|
543
|
+
t(String(E(i, r, l)));
|
|
545
544
|
}
|
|
546
|
-
},
|
|
545
|
+
}, ct = ({
|
|
547
546
|
onValueChange: t,
|
|
548
547
|
newValue: e,
|
|
549
548
|
min: n,
|
|
@@ -553,13 +552,13 @@ const re = (t, e, n) => {
|
|
|
553
552
|
if (e === "")
|
|
554
553
|
t("");
|
|
555
554
|
else {
|
|
556
|
-
const c =
|
|
557
|
-
t(String(
|
|
555
|
+
const c = v(e) || 0;
|
|
556
|
+
t(String(E(c, n, r)));
|
|
558
557
|
}
|
|
559
|
-
},
|
|
558
|
+
}, E = (t, e, n) => {
|
|
560
559
|
let r = t;
|
|
561
560
|
return e != null && (r = Math.max(e, r)), n != null && (r = Math.min(n, r)), r;
|
|
562
|
-
},
|
|
561
|
+
}, Se = ({
|
|
563
562
|
value: t,
|
|
564
563
|
onValueChange: e,
|
|
565
564
|
max: n,
|
|
@@ -569,29 +568,29 @@ const re = (t, e, n) => {
|
|
|
569
568
|
disabled: i,
|
|
570
569
|
className: a,
|
|
571
570
|
hideButtons: s,
|
|
572
|
-
...
|
|
571
|
+
...p
|
|
573
572
|
}) => {
|
|
574
|
-
const h =
|
|
575
|
-
(
|
|
576
|
-
|
|
573
|
+
const h = y(
|
|
574
|
+
(_) => {
|
|
575
|
+
lt({ onValueChange: e, value: t, numSteps: _, min: r, max: n });
|
|
577
576
|
},
|
|
578
577
|
[t, n, r, e]
|
|
579
|
-
),
|
|
580
|
-
(
|
|
581
|
-
|
|
578
|
+
), u = y(
|
|
579
|
+
(_) => {
|
|
580
|
+
ct({ onValueChange: e, newValue: _, min: r, max: n });
|
|
582
581
|
},
|
|
583
582
|
[n, r, e]
|
|
584
583
|
);
|
|
585
584
|
return /* @__PURE__ */ o(
|
|
586
|
-
|
|
585
|
+
rt,
|
|
587
586
|
{
|
|
588
|
-
contentRight: s ? c : /* @__PURE__ */
|
|
589
|
-
c && /* @__PURE__ */
|
|
587
|
+
contentRight: s ? c : /* @__PURE__ */ m(N, { children: [
|
|
588
|
+
c && /* @__PURE__ */ m(N, { children: [
|
|
590
589
|
c,
|
|
591
|
-
/* @__PURE__ */ o(
|
|
590
|
+
/* @__PURE__ */ o(B, {})
|
|
592
591
|
] }),
|
|
593
592
|
/* @__PURE__ */ o(
|
|
594
|
-
|
|
593
|
+
At,
|
|
595
594
|
{
|
|
596
595
|
onClickUp: i ? void 0 : () => h(l),
|
|
597
596
|
onClickDown: i ? void 0 : () => h(-l),
|
|
@@ -601,49 +600,49 @@ const re = (t, e, n) => {
|
|
|
601
600
|
)
|
|
602
601
|
] }),
|
|
603
602
|
value: t,
|
|
604
|
-
onValueChange:
|
|
603
|
+
onValueChange: u,
|
|
605
604
|
disableContentPaddingRight: !s,
|
|
606
605
|
type: "number",
|
|
607
606
|
min: r,
|
|
608
607
|
max: n,
|
|
609
608
|
step: l,
|
|
610
|
-
className:
|
|
609
|
+
className: g(ke.numericTextInputInput, a),
|
|
611
610
|
disabled: i,
|
|
612
|
-
...
|
|
611
|
+
...p
|
|
613
612
|
}
|
|
614
613
|
);
|
|
615
|
-
},
|
|
616
|
-
const n =
|
|
614
|
+
}, gn = (t, e) => {
|
|
615
|
+
const n = y(
|
|
617
616
|
(l) => {
|
|
618
617
|
if (e)
|
|
619
618
|
if (!l)
|
|
620
619
|
e(void 0);
|
|
621
620
|
else {
|
|
622
|
-
const c =
|
|
621
|
+
const c = v(l);
|
|
623
622
|
c !== void 0 && e(c);
|
|
624
623
|
}
|
|
625
624
|
},
|
|
626
625
|
[e]
|
|
627
|
-
), r =
|
|
626
|
+
), r = Nt(() => t === void 0 ? "" : String(t), [t]);
|
|
628
627
|
return {
|
|
629
628
|
onValueChange: n,
|
|
630
629
|
value: r
|
|
631
630
|
};
|
|
632
|
-
},
|
|
631
|
+
}, Re = (t, e) => {
|
|
633
632
|
if (S(t))
|
|
634
633
|
return !1;
|
|
635
634
|
{
|
|
636
|
-
const n =
|
|
635
|
+
const n = v(t);
|
|
637
636
|
return !S(n) && !S(e) && n <= e;
|
|
638
637
|
}
|
|
639
|
-
},
|
|
638
|
+
}, Ne = (t, e) => {
|
|
640
639
|
if (S(t))
|
|
641
640
|
return !1;
|
|
642
641
|
{
|
|
643
|
-
const n =
|
|
642
|
+
const n = v(t);
|
|
644
643
|
return !S(n) && !S(e) && n >= e;
|
|
645
644
|
}
|
|
646
|
-
},
|
|
645
|
+
}, Bn = ({
|
|
647
646
|
disabled: t,
|
|
648
647
|
onValueChange: e,
|
|
649
648
|
value: n,
|
|
@@ -652,30 +651,30 @@ const re = (t, e, n) => {
|
|
|
652
651
|
step: c = 1,
|
|
653
652
|
...i
|
|
654
653
|
}) => {
|
|
655
|
-
const a =
|
|
656
|
-
(
|
|
657
|
-
|
|
654
|
+
const a = y(
|
|
655
|
+
(p) => {
|
|
656
|
+
lt({ onValueChange: e, value: n, numSteps: p, min: l, max: r });
|
|
658
657
|
},
|
|
659
658
|
[n, r, l, e]
|
|
660
|
-
), s =
|
|
661
|
-
(
|
|
662
|
-
|
|
659
|
+
), s = y(
|
|
660
|
+
(p) => {
|
|
661
|
+
ct({ onValueChange: e, newValue: p, min: l, max: r });
|
|
663
662
|
},
|
|
664
663
|
[r, l, e]
|
|
665
664
|
);
|
|
666
|
-
return /* @__PURE__ */
|
|
665
|
+
return /* @__PURE__ */ m(k, { role: "group", children: [
|
|
667
666
|
/* @__PURE__ */ o(
|
|
668
|
-
|
|
667
|
+
L,
|
|
669
668
|
{
|
|
670
|
-
leftIcon:
|
|
669
|
+
leftIcon: Y,
|
|
671
670
|
"aria-label": "Decrease",
|
|
672
|
-
disabled: t ||
|
|
671
|
+
disabled: t || Re(n, l),
|
|
673
672
|
onClick: () => a(-c)
|
|
674
673
|
}
|
|
675
674
|
),
|
|
676
|
-
/* @__PURE__ */ o(
|
|
675
|
+
/* @__PURE__ */ o(B, {}),
|
|
677
676
|
/* @__PURE__ */ o(
|
|
678
|
-
|
|
677
|
+
Se,
|
|
679
678
|
{
|
|
680
679
|
hideButtons: !0,
|
|
681
680
|
onValueChange: s,
|
|
@@ -687,28 +686,28 @@ const re = (t, e, n) => {
|
|
|
687
686
|
...i
|
|
688
687
|
}
|
|
689
688
|
),
|
|
690
|
-
/* @__PURE__ */ o(
|
|
689
|
+
/* @__PURE__ */ o(B, {}),
|
|
691
690
|
/* @__PURE__ */ o(
|
|
692
|
-
|
|
691
|
+
L,
|
|
693
692
|
{
|
|
694
|
-
leftIcon:
|
|
693
|
+
leftIcon: Z,
|
|
695
694
|
"aria-label": "Increase",
|
|
696
|
-
disabled: t ||
|
|
695
|
+
disabled: t || Ne(n, r),
|
|
697
696
|
onClick: () => a(c)
|
|
698
697
|
}
|
|
699
698
|
)
|
|
700
699
|
] });
|
|
701
|
-
},
|
|
700
|
+
}, In = ({
|
|
702
701
|
hiddenIcon: t = Ct,
|
|
703
|
-
visibleIcon: e =
|
|
702
|
+
visibleIcon: e = vt,
|
|
704
703
|
...n
|
|
705
704
|
}) => {
|
|
706
|
-
const [r, l] =
|
|
705
|
+
const [r, l] = $t(!0);
|
|
707
706
|
return /* @__PURE__ */ o(
|
|
708
|
-
|
|
707
|
+
rt,
|
|
709
708
|
{
|
|
710
709
|
buttonRight: /* @__PURE__ */ o(
|
|
711
|
-
|
|
710
|
+
D,
|
|
712
711
|
{
|
|
713
712
|
icon: r ? t : e,
|
|
714
713
|
onClick: () => l((c) => !c)
|
|
@@ -718,49 +717,49 @@ const re = (t, e, n) => {
|
|
|
718
717
|
...n
|
|
719
718
|
}
|
|
720
719
|
);
|
|
721
|
-
},
|
|
720
|
+
}, $e = ({
|
|
722
721
|
disabled: t,
|
|
723
722
|
text: e,
|
|
724
723
|
...n
|
|
725
724
|
}) => /* @__PURE__ */ o(
|
|
726
|
-
|
|
725
|
+
C,
|
|
727
726
|
{
|
|
728
727
|
variant: "bold",
|
|
729
|
-
color:
|
|
728
|
+
color: U(t ? "--silver" : "--tjara"),
|
|
730
729
|
size: "small",
|
|
731
730
|
...kt(n),
|
|
732
731
|
children: e
|
|
733
732
|
}
|
|
734
|
-
),
|
|
733
|
+
), K = ({
|
|
735
734
|
htmlFor: t,
|
|
736
735
|
screenReaderLabel: e,
|
|
737
736
|
label: n,
|
|
738
737
|
disabled: r,
|
|
739
738
|
className: l
|
|
740
|
-
}) => /* @__PURE__ */
|
|
741
|
-
e ? /* @__PURE__ */ o(
|
|
739
|
+
}) => /* @__PURE__ */ m("label", { htmlFor: t, className: l, children: [
|
|
740
|
+
e ? /* @__PURE__ */ o(A, { children: e }) : null,
|
|
742
741
|
/* @__PURE__ */ o(
|
|
743
|
-
|
|
742
|
+
$e,
|
|
744
743
|
{
|
|
745
744
|
"aria-hidden": !!e,
|
|
746
745
|
text: n,
|
|
747
746
|
disabled: r
|
|
748
747
|
}
|
|
749
748
|
)
|
|
750
|
-
] }),
|
|
751
|
-
labelledSelect:
|
|
749
|
+
] }), Ae = "_labelledSelect_vs9pj_1", Ce = "_medium_vs9pj_7", ve = "_large_vs9pj_11", je = "_error_vs9pj_15", qe = "_normal_vs9pj_20", Pe = "_onlyTopBorder_vs9pj_25", He = "_onlyBottomBorder_vs9pj_31", Fe = "_onlyLeftBorder_vs9pj_36", We = "_onlyRightBorder_vs9pj_42", Le = "_label_vs9pj_1", De = "_select_vs9pj_65", Ee = "_iconWrapper_vs9pj_99", T = {
|
|
750
|
+
labelledSelect: Ae,
|
|
752
751
|
medium: Ce,
|
|
753
|
-
large:
|
|
754
|
-
error:
|
|
755
|
-
normal:
|
|
752
|
+
large: ve,
|
|
753
|
+
error: je,
|
|
754
|
+
normal: qe,
|
|
756
755
|
onlyTopBorder: Pe,
|
|
757
|
-
onlyBottomBorder:
|
|
758
|
-
onlyLeftBorder:
|
|
759
|
-
onlyRightBorder:
|
|
760
|
-
label:
|
|
756
|
+
onlyBottomBorder: He,
|
|
757
|
+
onlyLeftBorder: Fe,
|
|
758
|
+
onlyRightBorder: We,
|
|
759
|
+
label: Le,
|
|
761
760
|
select: De,
|
|
762
761
|
iconWrapper: Ee
|
|
763
|
-
},
|
|
762
|
+
}, xn = ({
|
|
764
763
|
onChange: t,
|
|
765
764
|
onValueChange: e,
|
|
766
765
|
id: n,
|
|
@@ -770,29 +769,29 @@ const re = (t, e, n) => {
|
|
|
770
769
|
variant: i = "normal",
|
|
771
770
|
size: a = "medium",
|
|
772
771
|
children: s,
|
|
773
|
-
...
|
|
772
|
+
...p
|
|
774
773
|
}) => {
|
|
775
|
-
const h =
|
|
776
|
-
(
|
|
777
|
-
t?.(
|
|
774
|
+
const h = O(), u = n ?? h, d = y(
|
|
775
|
+
(_) => {
|
|
776
|
+
t?.(_), e?.(_.target.value);
|
|
778
777
|
},
|
|
779
778
|
[t, e]
|
|
780
779
|
);
|
|
781
|
-
return /* @__PURE__ */
|
|
780
|
+
return /* @__PURE__ */ m(
|
|
782
781
|
"div",
|
|
783
782
|
{
|
|
784
|
-
className:
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
783
|
+
className: g(
|
|
784
|
+
T.labelledSelect,
|
|
785
|
+
T[i],
|
|
786
|
+
T[a],
|
|
787
|
+
T[c]
|
|
789
788
|
),
|
|
790
789
|
children: [
|
|
791
790
|
/* @__PURE__ */ o(
|
|
792
|
-
|
|
791
|
+
K,
|
|
793
792
|
{
|
|
794
|
-
htmlFor:
|
|
795
|
-
className:
|
|
793
|
+
htmlFor: u,
|
|
794
|
+
className: T.label,
|
|
796
795
|
label: r,
|
|
797
796
|
screenReaderLabel: l
|
|
798
797
|
}
|
|
@@ -800,28 +799,96 @@ const re = (t, e, n) => {
|
|
|
800
799
|
/* @__PURE__ */ o(
|
|
801
800
|
"select",
|
|
802
801
|
{
|
|
803
|
-
id:
|
|
804
|
-
onChange:
|
|
805
|
-
className:
|
|
806
|
-
...
|
|
802
|
+
id: u,
|
|
803
|
+
onChange: d,
|
|
804
|
+
className: g(T.select, T[i], T[a]),
|
|
805
|
+
...p,
|
|
807
806
|
children: s
|
|
808
807
|
}
|
|
809
808
|
),
|
|
810
|
-
/* @__PURE__ */ o("div", { className:
|
|
809
|
+
/* @__PURE__ */ o("div", { className: g(T.iconWrapper), children: /* @__PURE__ */ o(V, { icon: jt, size: 24, color: U("--core-blue") }) })
|
|
811
810
|
]
|
|
812
811
|
}
|
|
813
812
|
);
|
|
814
|
-
},
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
813
|
+
}, Me = "_labelledTextArea_22cbm_1", Oe = "_disabled_22cbm_33", Ue = "_medium_22cbm_41", Ke = "_large_22cbm_53", ze = "_error_22cbm_67", q = {
|
|
814
|
+
labelledTextArea: Me,
|
|
815
|
+
disabled: Oe,
|
|
816
|
+
medium: Ue,
|
|
817
|
+
large: Ke,
|
|
818
|
+
error: ze
|
|
819
|
+
}, wn = H(
|
|
820
|
+
({
|
|
821
|
+
className: t,
|
|
822
|
+
id: e,
|
|
823
|
+
label: n,
|
|
824
|
+
screenReaderLabel: r,
|
|
825
|
+
size: l = "medium",
|
|
826
|
+
variant: c = "normal",
|
|
827
|
+
value: i,
|
|
828
|
+
onValueChange: a,
|
|
829
|
+
onChange: s,
|
|
830
|
+
resize: p = "none",
|
|
831
|
+
readOnly: h = !1,
|
|
832
|
+
rows: u,
|
|
833
|
+
disabled: d,
|
|
834
|
+
width: _,
|
|
835
|
+
...f
|
|
836
|
+
}, b) => {
|
|
837
|
+
const x = O(), w = e ?? x, F = y(
|
|
838
|
+
(j) => {
|
|
839
|
+
s?.(j), a?.(j.target.value);
|
|
840
|
+
},
|
|
841
|
+
[s, a]
|
|
842
|
+
);
|
|
843
|
+
return /* @__PURE__ */ m(
|
|
844
|
+
"div",
|
|
845
|
+
{
|
|
846
|
+
className: g(
|
|
847
|
+
q.labelledTextArea,
|
|
848
|
+
q[c],
|
|
849
|
+
q[l],
|
|
850
|
+
d && q.disabled,
|
|
851
|
+
t
|
|
852
|
+
),
|
|
853
|
+
style: _ ? { width: _ } : void 0,
|
|
854
|
+
children: [
|
|
855
|
+
/* @__PURE__ */ o(
|
|
856
|
+
K,
|
|
857
|
+
{
|
|
858
|
+
htmlFor: w,
|
|
859
|
+
screenReaderLabel: r,
|
|
860
|
+
label: n
|
|
861
|
+
}
|
|
862
|
+
),
|
|
863
|
+
/* @__PURE__ */ o(
|
|
864
|
+
"textarea",
|
|
865
|
+
{
|
|
866
|
+
ref: b,
|
|
867
|
+
id: w,
|
|
868
|
+
disabled: d,
|
|
869
|
+
rows: u,
|
|
870
|
+
readOnly: h,
|
|
871
|
+
style: { resize: p },
|
|
872
|
+
onChange: F,
|
|
873
|
+
value: i,
|
|
874
|
+
...f
|
|
875
|
+
}
|
|
876
|
+
)
|
|
877
|
+
]
|
|
878
|
+
}
|
|
879
|
+
);
|
|
880
|
+
}
|
|
881
|
+
), Ge = "_labelledTextInput_1uyc3_1", Xe = "_onlyTop_1uyc3_21", Je = "_onlyBottom_1uyc3_27", Qe = "_onlyLeft_1uyc3_32", Ye = "_onlyRight_1uyc3_38", Ze = "_disabled_1uyc3_53", Ve = "_medium_1uyc3_61", tn = "_large_1uyc3_73", en = "_error_1uyc3_87", R = {
|
|
882
|
+
labelledTextInput: Ge,
|
|
883
|
+
onlyTop: Xe,
|
|
884
|
+
onlyBottom: Je,
|
|
885
|
+
onlyLeft: Qe,
|
|
886
|
+
onlyRight: Ye,
|
|
887
|
+
disabled: Ze,
|
|
888
|
+
medium: Ve,
|
|
889
|
+
large: tn,
|
|
890
|
+
error: en
|
|
891
|
+
}, Tn = Rt.forwardRef(
|
|
825
892
|
({
|
|
826
893
|
autoComplete: t = "off",
|
|
827
894
|
label: e,
|
|
@@ -832,33 +899,33 @@ const re = (t, e, n) => {
|
|
|
832
899
|
onChange: i,
|
|
833
900
|
disabled: a,
|
|
834
901
|
onValueChange: s,
|
|
835
|
-
borderRadiusVariant:
|
|
902
|
+
borderRadiusVariant: p = "normalBorder",
|
|
836
903
|
variant: h = "normal",
|
|
837
|
-
width:
|
|
838
|
-
...
|
|
839
|
-
},
|
|
840
|
-
const
|
|
841
|
-
(
|
|
842
|
-
i?.(
|
|
904
|
+
width: u,
|
|
905
|
+
...d
|
|
906
|
+
}, _) => {
|
|
907
|
+
const f = O(), b = n ?? f, x = y(
|
|
908
|
+
(w) => {
|
|
909
|
+
i?.(w), s?.(w.target.value);
|
|
843
910
|
},
|
|
844
911
|
[i, s]
|
|
845
912
|
);
|
|
846
|
-
return /* @__PURE__ */
|
|
913
|
+
return /* @__PURE__ */ m(
|
|
847
914
|
"div",
|
|
848
915
|
{
|
|
849
|
-
className:
|
|
916
|
+
className: g(
|
|
850
917
|
R.labelledTextInput,
|
|
851
918
|
R[h],
|
|
852
|
-
R[
|
|
919
|
+
R[p],
|
|
853
920
|
R[l],
|
|
854
921
|
a && R.disabled
|
|
855
922
|
),
|
|
856
|
-
style:
|
|
923
|
+
style: u ? { width: u } : void 0,
|
|
857
924
|
children: [
|
|
858
925
|
/* @__PURE__ */ o(
|
|
859
|
-
|
|
926
|
+
K,
|
|
860
927
|
{
|
|
861
|
-
htmlFor:
|
|
928
|
+
htmlFor: b,
|
|
862
929
|
screenReaderLabel: r,
|
|
863
930
|
label: e
|
|
864
931
|
}
|
|
@@ -866,21 +933,21 @@ const re = (t, e, n) => {
|
|
|
866
933
|
/* @__PURE__ */ o(
|
|
867
934
|
"input",
|
|
868
935
|
{
|
|
869
|
-
ref:
|
|
870
|
-
id:
|
|
936
|
+
ref: _,
|
|
937
|
+
id: b,
|
|
871
938
|
autoComplete: t,
|
|
872
939
|
type: "text",
|
|
873
940
|
value: c,
|
|
874
|
-
onChange:
|
|
941
|
+
onChange: x,
|
|
875
942
|
disabled: a,
|
|
876
|
-
...
|
|
943
|
+
...d
|
|
877
944
|
}
|
|
878
945
|
)
|
|
879
946
|
]
|
|
880
947
|
}
|
|
881
948
|
);
|
|
882
949
|
}
|
|
883
|
-
),
|
|
950
|
+
), kn = ({
|
|
884
951
|
variant: t = "standard",
|
|
885
952
|
disabled: e,
|
|
886
953
|
wrapperClassName: n,
|
|
@@ -890,17 +957,17 @@ const re = (t, e, n) => {
|
|
|
890
957
|
disableContentPadding: i,
|
|
891
958
|
disableContentPaddingLeft: a,
|
|
892
959
|
disableContentPaddingRight: s,
|
|
893
|
-
iconRight:
|
|
960
|
+
iconRight: p,
|
|
894
961
|
iconLeft: h,
|
|
895
|
-
onClickLeft:
|
|
896
|
-
onClickRight:
|
|
897
|
-
children:
|
|
962
|
+
onClickLeft: u,
|
|
963
|
+
onClickRight: d,
|
|
964
|
+
children: _
|
|
898
965
|
}) => {
|
|
899
|
-
const
|
|
900
|
-
return /* @__PURE__ */
|
|
966
|
+
const f = t === "success" ? tt : t === "warning" || t === "error" ? et : p, b = t === "loading" ? /* @__PURE__ */ o(nt, {}) : c;
|
|
967
|
+
return /* @__PURE__ */ m(
|
|
901
968
|
"div",
|
|
902
969
|
{
|
|
903
|
-
className:
|
|
970
|
+
className: g(
|
|
904
971
|
I.textInput,
|
|
905
972
|
I.inputContainer,
|
|
906
973
|
I[t],
|
|
@@ -912,34 +979,34 @@ const re = (t, e, n) => {
|
|
|
912
979
|
style: r,
|
|
913
980
|
children: [
|
|
914
981
|
/* @__PURE__ */ o(
|
|
915
|
-
|
|
982
|
+
P,
|
|
916
983
|
{
|
|
917
984
|
content: l,
|
|
918
985
|
disableContentPadding: i,
|
|
919
986
|
disableContentPaddingLeft: a,
|
|
920
987
|
disableContentPaddingRight: s,
|
|
921
988
|
spaceOnLeft: !0,
|
|
922
|
-
button: h ? /* @__PURE__ */ o(
|
|
989
|
+
button: h ? /* @__PURE__ */ o(D, { onClick: u, icon: h }) : void 0
|
|
923
990
|
}
|
|
924
991
|
),
|
|
925
|
-
/* @__PURE__ */ o(k, { alignItems: "center", children:
|
|
992
|
+
/* @__PURE__ */ o(k, { alignItems: "center", children: _ }),
|
|
926
993
|
/* @__PURE__ */ o(
|
|
927
|
-
|
|
994
|
+
P,
|
|
928
995
|
{
|
|
929
|
-
content:
|
|
996
|
+
content: b,
|
|
930
997
|
disableContentPadding: i,
|
|
931
998
|
disableContentPaddingLeft: a,
|
|
932
999
|
disableContentPaddingRight: s,
|
|
933
1000
|
spaceOnRight: !0,
|
|
934
|
-
button:
|
|
1001
|
+
button: f ? /* @__PURE__ */ o(D, { onClick: d, icon: f }) : void 0
|
|
935
1002
|
}
|
|
936
1003
|
)
|
|
937
1004
|
]
|
|
938
1005
|
}
|
|
939
1006
|
);
|
|
940
|
-
},
|
|
941
|
-
textArea:
|
|
942
|
-
},
|
|
1007
|
+
}, nn = "_textArea_6n6nc_1", on = {
|
|
1008
|
+
textArea: nn
|
|
1009
|
+
}, Sn = H(
|
|
943
1010
|
({
|
|
944
1011
|
className: t,
|
|
945
1012
|
value: e,
|
|
@@ -950,10 +1017,10 @@ const re = (t, e, n) => {
|
|
|
950
1017
|
rows: i,
|
|
951
1018
|
disabled: a,
|
|
952
1019
|
...s
|
|
953
|
-
},
|
|
954
|
-
const h =
|
|
955
|
-
(
|
|
956
|
-
r && r(
|
|
1020
|
+
}, p) => {
|
|
1021
|
+
const h = y(
|
|
1022
|
+
(u) => {
|
|
1023
|
+
r && r(u), n && n(u.target.value);
|
|
957
1024
|
},
|
|
958
1025
|
[r, n]
|
|
959
1026
|
);
|
|
@@ -963,61 +1030,62 @@ const re = (t, e, n) => {
|
|
|
963
1030
|
disabled: a,
|
|
964
1031
|
rows: i,
|
|
965
1032
|
readOnly: c,
|
|
966
|
-
className:
|
|
1033
|
+
className: g(on.textArea, t),
|
|
967
1034
|
style: { resize: l },
|
|
968
1035
|
onChange: h,
|
|
969
1036
|
value: e,
|
|
970
|
-
ref:
|
|
1037
|
+
ref: p,
|
|
971
1038
|
...s
|
|
972
1039
|
}
|
|
973
1040
|
);
|
|
974
1041
|
}
|
|
975
1042
|
);
|
|
976
|
-
function
|
|
1043
|
+
function Rn({
|
|
977
1044
|
value: t,
|
|
978
1045
|
tooltipLabel: e = "Copied to clipboard!",
|
|
979
1046
|
size: n = "small"
|
|
980
1047
|
}) {
|
|
981
|
-
const [r, l] =
|
|
1048
|
+
const [r, l] = St(!1, 2e3), c = y(async () => {
|
|
982
1049
|
t != null && (await navigator.clipboard.writeText(t), l(!0));
|
|
983
1050
|
}, [l, t]);
|
|
984
|
-
return /* @__PURE__ */ o(
|
|
985
|
-
|
|
1051
|
+
return /* @__PURE__ */ o(Ht, { visible: r, label: e, children: /* @__PURE__ */ o(
|
|
1052
|
+
L,
|
|
986
1053
|
{
|
|
987
1054
|
size: n,
|
|
988
1055
|
onClick: c,
|
|
989
|
-
leftIcon:
|
|
1056
|
+
leftIcon: qt,
|
|
990
1057
|
disabled: t == null
|
|
991
1058
|
}
|
|
992
1059
|
) });
|
|
993
1060
|
}
|
|
994
1061
|
export {
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
le as
|
|
1062
|
+
hn as AmountStepperButtons,
|
|
1063
|
+
Xt as Checkbox,
|
|
1064
|
+
fn as CheckboxWithLabel,
|
|
1065
|
+
Rn as CopyToClipboardButton,
|
|
1066
|
+
K as InputLabel,
|
|
1067
|
+
$e as InputLabelText,
|
|
1068
|
+
xn as LabelledSelect,
|
|
1069
|
+
wn as LabelledTextArea,
|
|
1070
|
+
Tn as LabelledTextInput,
|
|
1071
|
+
Bn as NumericStepper,
|
|
1072
|
+
Se as NumericTextInput,
|
|
1073
|
+
In as PasswordInput,
|
|
1074
|
+
ot as RadioButton,
|
|
1075
|
+
yn as RadioButtonBox,
|
|
1076
|
+
bn as RadioButtonWithLabel,
|
|
1077
|
+
Lt as ReadOnlyNumericInput,
|
|
1078
|
+
Ut as Switch,
|
|
1079
|
+
mn as SwitchWithLabel,
|
|
1080
|
+
Sn as TextArea,
|
|
1081
|
+
rt as TextInput,
|
|
1082
|
+
kn as TextInputBox,
|
|
1083
|
+
re as elementHasSelectionRange,
|
|
1084
|
+
lt as onStepValueChange,
|
|
1085
|
+
ct as onTextValueChange,
|
|
1086
|
+
oe as useKeyboardNavigation,
|
|
1087
|
+
gn as useNumericInputValue,
|
|
1088
|
+
le as useSelectAllOnMount,
|
|
1089
|
+
ce as useTextInput
|
|
1022
1090
|
};
|
|
1023
1091
|
//# sourceMappingURL=index.es.js.map
|