@formkit/pro 0.126.9 → 0.126.11
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/genesis.css +1 -1
- package/index.cjs +1 -1
- package/index.mjs +1 -1
- package/package.json +1 -1
package/genesis.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--fk-nested-border-color:#e2e2e2;--fk-controls-bg:#fcfcfc;--fk-controls-active-bg:#fff;--fk-controls-color:#555555;--fk-selection-bg:#f4f4f4;--fk-active-selection-color:#fff;--fk-color-placeholder-light:#a4a4a4;--fk-dropdown-bg:#fff;--fk-dropdown-margin:0.5em;--fk-dropdown-active-bg:rgba(0,0,0,0.15);--fk-dropdown-shadow:0 0 1.25em rgba(0,0,0,0.25);--fk-dropdown-load-more-bg:rgba(0,0,0,0.07);--fk-repeater-border-color:var(--fk-nested-border-color);--fk-repeater-controls-bg:#f6f6f6;--fk-repeater-controls-color:var(--fk-controls-color);--fk-toggle-width:48px;--fk-toggle-track-color:rgba(0,0,0,0.1);--fk-toggle-thumb-color:var(--fk-color-button);--fk-toggle-thumb-shadow:0 0 0.25em var(--fk-toggle-track-color);--fk-toggle-margin-ratio:0.0833333;--fk-rating-on-color:#ffd700;--fk-rating-off-color:var(--fk-color-border);--fk-day-bg:#ececec;--fk-day-bg-hover:white;--fk-day-color-hover:white;--fk-day-bg-selected:var(--fk-color-primary);--fk-transfer-list-item-bg:#fff;--fk-transfer-list-header-bg:#f6f6f6;--fk-transfer-list-bg:#fdfdfd;--fk-transfer-list-shadow:rgba(0,0,0,0.1) 0px 4px 8px -2px,rgba(0,0,0,0.1) 0px 0px 0px 1px;--fk-mark-color:#aaa;--fk-mark-color-active:#fff;--fk-colorpicker-bg:#fff}.formkit-controls{position:relative;list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:var(--fk-padding-input);background-color:var(--fk-repeater-controls-bg);border-radius:0 var(--fk-border-radius-tr) var(--fk-border-radius-br) 0}.formkit-controls>li{flex:0 0 1.25em;width:1.25em;margin:0.5em 0;display:flex;align-items:center;justify-content:center}.formkit-controls>li>button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;display:flex;font-size:1em;justify-content:center;padding:0;color:var(--fk-repeater-controls-color)}.formkit-controls>li>button:hover{color:var(--fk-color-primary)}.formkit-controls>li .formkit-icon{display:flex;align-items:center;justify-content:center;width:100%}.formkit-controls>li>button:disabled{color:var(--fk-color-disabled);cursor:default}.formkit-controls>li .formkit-icon svg{max-width:1.5em;max-height:1.5em}.formkit-control-label{position:absolute;pointer-events:none;opacity:0}#dropZone{opacity:0.999}.dropZone .formkit-tag-label{visibility:hidden}.dropZone .formkit-remove-selection{visibility:hidden}.dropZone .formkit-tag{background-color:var(--fk-color-primary)}.dropZone.formkit-selection{background-color:var(--fk-color-primary)}.dropZone .formkit-option{color:transparent}[data-has-overlay] .formkit-inner{position:relative}[data-has-overlay] input{font-kerning:none}[data-has-overlay] .formkit-overlay{font-kerning:none;cursor:text}[data-has-overlay] .formkit-overlay-placeholder{color:var(--fk-color-placeholder)}.formkit-listbox-button,.formkit-remove-selection,.formkit-open-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;display:flex;align-self:stretch;padding:0;cursor:pointer;font-size:1em}.formkit-listbox-button[data-disabled],.formkit-remove-selection[data-disabled],.formkit-open-button[data-disabled]{background-color:var(--fk-bg-disabled)}[data-type='autocomplete'] .formkit-input,[data-type='taglist'] .formkit-input,[data-type='datepicker'] .formkit-input,[data-type='dropdown'] .formkit-input{border-top-right-radius:0;border-bottom-right-radius:0}.formkit-selector{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;color:black;display:flex;flex-grow:1;font-size:inherit;text-align:inherit;font-size:var(--fk-font-size-input);justify-content:space-between;line-height:1.1;margin:0;padding:0;text-align:inherit;width:100%}.formkit-selector:focus{outline:0}.formkit-listbox{background-color:white;border-radius:var(--fk-border-radius);left:0;list-style-type:none;margin:0;opacity:1;outline:0;overflow:hidden;padding:0}.formkit-listitem[data-is-active='true'][data-is-selected='true']::after{content:'';position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:5px;z-index:2;pointer-events:none;border:2px solid white}.formkit-listbox:focus{outline:0}.formkit-listbox:empty{display:none}.formkit-listbox .formkit-listitem .formkit-selected-icon{display:block;position:absolute;width:0.8em;top:50%;left:0.5em;transform:translateY(-50%);color:white}.formkit-listbox .formkit-selected-icon svg{width:100%}.formkit-listitem{position:relative;padding-left:1.75em}.formkit-listitem[data-is-active='true']{background-color:var(--fk-dropdown-active-bg)}.formkit-listitem[aria-selected='true']{background-color:var(--fk-color-primary);color:white}.formkit-listitem[aria-selected='true'][data-is-active='true']{color:white;box-shadow:inset 0 0 0 2px var(--fk-color-primary),inset 0 0 0 4px white;border-radius:3px}.formkit-listbox-button:focus{outline:0}[data-type="toggle"] .formkit-inner{box-shadow:none;display:inline-block;vertical-align:middle}[data-type="toggle"] .formkit-track{display:block;min-width:var(--fk-toggle-width);border-radius:var(--fk-toggle-width);background-color:var(--fk-color-border);transition:all .2s;overflow:hidden}[data-type="toggle"] input{position:absolute;left:-9999px;opacity:0}[data-type="toggle"] input:focus{outline:0}[data-type="toggle"] .formkit-thumb{aspect-ratio:1;background-color:var(--fk-toggle-thumb-color);background-color:white;background-image:var(--fk-bg-decorator);border-radius:calc(var(--fk-toggle-width) / 2);box-shadow:var(--fk-toggle-thumb-shadow);box-sizing:border-box;left:0;margin:calc(var(--fk-toggle-width) / 2 * var(--fk-toggle-margin-ratio));position:relative;transition:all .2s;width:calc(var(--fk-toggle-width) / 2 * (1 - var(--fk-toggle-margin-ratio) * 2));z-index:2;display:flex;align-items:center;justify-content:center}[data-type="toggle"] input:checked~.formkit-track{background-color:var(--fk-color-primary)}[data-type="toggle"] input:checked~.formkit-track .formkit-thumb{left:calc(100% - var(--fk-toggle-width) * var(--fk-toggle-margin-ratio));transform:translateX(-100%)}[data-type="toggle"]:focus-within input:checked~.formkit-track{box-shadow:0 0 .5em var(--fk-color-primary)}[data-type="toggle"]:focus-within .formkit-track{box-shadow:0 0 .5em var(--fk-color-border)}[data-type="toggle"] .formkit-wrapper{align-items:center}[data-type="toggle"] .formkit-label,[data-type="toggle"] .formkit-alt-label,[data-type="toggle"] .formkit-value-label{font-family:var(--fk-font-family-label);font-size:var(--fk-font-size-label);font-weight:var(--fk-font-weight-label);line-height:var(--fk-line-height-label);padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}[data-type="toggle"] .formkit-label,[data-type="toggle"] .formkit-value-label{display:inline-block;margin-left:0.5em}[data-type="toggle"] .formkit-alt-label{display:block;padding-bottom:0.5em}[data-type="toggle"] .formkit-inner-label{position:absolute;right:.5em;font-size:.5em;top:50%;transform:translateY(-50%);font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}[data-type="toggle"] input:checked~.formkit-track .formkit-inner-label{right:auto;left:.5em}[data-type="toggle"] .formkit-thumb .formkit-icon{width:calc(100% - .25em);align-items:center;justify-content:center}[data-type="toggle"] .formkit-thumb .formkit-icon svg{max-width:none;max-height:none;width:100%;aspect-ratio:1}[data-type="toggle"] .formkit-thumb img{width:calc(100% - .25em);height:auto;display:block}[data-type="rating"] .formkit-inner .formkit-rating-icon{width:100%}[data-type="rating"] .formkit-inner .formkit-off-item-wrapper img,[data-type="rating"] .formkit-inner .formkit-on-item-wrapper img{width:100%}[data-type="rating"] .formkit-inner{width:9em;box-shadow:none}[data-type="rating"] .formkit-inner .formkit-on-item-wrapper svg,[data-type="rating"] .formkit-inner .formkit-off-item-wrapper svg{width:100%;height:auto;max-width:none;max-height:none}[data-type="rating"] .formkit-on-items{color:var(--fk-rating-on-color)}[data-type="rating"] .formkit-off-items{color:var(--fk-rating-off-color)}[data-family='dropdown'] .formkit-option:empty::before{content:'\00a0'}[data-family='dropdown'] .formkit-option,.formkit-option-loading,.formkit-placeholder{display:block;padding:var(--fk-padding-input);font-family:var(--fk-font-family-input);font-size:var(--fk-font-size-input);font-weight:var(--fk-font-weight-input);line-height:var(--fk-line-height-input)}[data-multiple][data-family='dropdown'] .formkit-option-loading{padding:0}[data-family='dropdown'] .formkit-listitem .formkit-option{padding-left:0}[data-family='dropdown'] .formkit-placeholder,[data-family='dropdown'] .formkit-option-loading{color:var(--fk-color-placeholder)}[data-family='dropdown'].formkit-outer:not([data-overscroll]) .formkit-dropdown-wrapper{box-shadow:var(--fk-dropdown-shadow);background-color:white;border-radius:var(--fk-border-radius);margin:var(--fk-dropdown-margin) 0;-ms-overflow-style:none;scrollbar-width:none}[data-family='dropdown'][data-overscroll] .formkit-dropdown-wrapper{border-radius:var(--fk-border-radius);background-color:transparent;margin:0}[data-family='dropdown'] .formkit-dropdown-wrapper::-webkit-scrollbar{display:none}[data-family='dropdown'][data-disabled='true'] .formkit-selector{background-color:var(--fk-bg-disabled)}[data-family='dropdown'][data-overscroll] .formkit-listbox{overflow:hidden;border-radius:var(--fk-border-radius);background-color:var(--fk-dropdown-bg);box-shadow:var(--fk-dropdown-shadow)}[data-family='dropdown'].formkit-outer .formkit-inner .formkit-loader-icon{width:1em}[data-family='dropdown'].formkit-outer .formkit-selector .formkit-loader-icon{margin-left:auto}[data-family='dropdown'].formkit-outer .formkit-inner .formkit-loader-icon svg{min-width:none;max-width:none;width:15px;height:15px}[data-family='dropdown'] .formkit-load-more,.formkit-empty-message{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;padding:0;margin:0;cursor:pointer;text-align:center;color:var(--fk-color-primary)}[data-family='dropdown'] .formkit-empty-message{color:var(--fk-color-placeholder);font-style:italic}[data-family='dropdown'] .formkit-load-more:first-child,[data-family='dropdown'].formkit-outer[data-loading] .formkit-load-more{color:var(--fk-color-placeholder)}[data-family='dropdown'] .formkit-load-more:hover,[data-family='dropdown'] .formkit-load-more:focus,[data-family='dropdown'] .formkit-load-more[data-is-active]{background-color:var(--fk-dropdown-active-bg)}[data-family='dropdown'] .formkit-load-more-inner,.formkit-empty-message-inner{display:flex;align-items:center;justify-content:center;padding:calc(var(--fk-padding-base) * 3);font-size:0.875em}[data-family='dropdown'] .formkit-load-more-inner .formkit-loader-icon{margin-right:var(--fk-margin-base)}[data-type='dropdown'] .formkit-truncation-count{display:flex;align-items:center;justify-content:center;height:1.5em;padding:0.4em;border-radius:5px;background-color:var(--fk-color-placeholder);color:white;font-size:0.7em;font-weight:bold;white-space:nowrap}[data-type='dropdown'] .formkit-tag-wrapper{background-color:inherit}[data-type='dropdown'] .formkit-tag{display:flex;align-items:center;color:white;max-width:calc(100% - 0.25em);border-radius:2em;padding:0.4em 0.5em;font-size:0.8em;cursor:default;background-color:var(--fk-repeater-border-color);color:black;margin:0.25em 0}[data-type='dropdown'] .formkit-tag-wrapper[data-active-selection='true'] .formkit-tag{background-color:var(--fk-color-primary) !important;color:white}[data-type='dropdown'] .formkit-tag-wrapper[data-active-selection='true'] .formkit-tag .formkit-remove-selection{color:white}[data-type='dropdown'] .formkit-tag-wrapper[data-active-selection='true']{outline:none}[data-type='dropdown'] .formkit-selector .formkit-selections-wrapper{overflow:hidden;width:85%}.formkit-input:disabled{cursor:not-allowed}[data-type='dropdown'] .formkit-selector .formkit-selections-wrapper .formkit-selections{}[data-type='dropdown'] .formkit-selector .formkit-selections{display:inline-flex;flex-grow:0;flex-shrink:1;align-items:center;padding:0.5em}[data-type='dropdown'] .formkit-selector .formkit-selections .formkit-selections-item{margin-right:0.3em;white-space:nowrap}[data-type='dropdown'] .formkit-selector .formkit-selections .formkit-selections-item:last-child{margin-right:0}[data-type='dropdown'] .formkit-inner{background-color:transparent}[data-type='dropdown'] .formkit-tags{display:flex;align-items:center;flex-wrap:wrap;width:100%;padding:0 0.75em;margin:0.25em 0}[data-type='dropdown'] .formkit-tag-wrapper{background-color:inherit}[data-type='dropdown'] .formkit-tag{display:flex;align-items:center;color:white;max-width:calc(100% - 0.25em);border-radius:2em;padding:0.4em 0.5em;font-size:0.8em;cursor:default;background-color:var(--fk-repeater-border-color);color:black;margin:0.25em 0}[data-type='dropdown'] .formkit-tag-label{padding:0 0.5em;white-space:pre}.formkit-listbox-button[disabled='true']{background-color:var(--fk-bg-disabled);cursor:not-allowed !important}[data-type='dropdown'][data-multiple='true'] .formkit-remove-selection{width:1em;height:1em;align-self:center;color:black}[data-type='dropdown'][data-multiple='true'] .formkit-remove-selection .formkit-icon{display:inline-block}[data-type='dropdown'][data-multiple='true'] .formkit-remove-selection .formkit-icon svg{width:100%;height:100%}.formkit-dnd-dropdown-dragging .formkit-tag,.formkit-dnd-dropdown-drop-zone .formkit-tag,.formkit-dnd-dropdown-touch-dragging .formkit-tag,.formkit-dnd-dropdown-touch-dragging .formkit-tag,.formkit-dnd-dropdown-touch-dragging .formkit-tag .formkit-tag-label,.formkit-dnd-dropdown-touch-drop-zone .formkit-tag{background-color:var(--fk-color-primary) !important;color:white !important}.formkit-dnd-dropdown-drop-zone .formkit-remove-selection,.formkit-dnd-dropdown-touch-drop-zone .formkit-remove-selection,.formkit-dnd-dropdown-dragging .formkit-remove-selection,.formkit-dnd-dropdown-touch-dragging .formkit-remove-selection svg path{color:white !important;fill:white !important}[data-type='autocomplete'] .formkit-selection-wrapper{display:flex;background-color:var(--fk-selection-bg);border-radius:var(--fk-border-radius);margin-top:var(--fk-margin-base)}[data-type='autocomplete'][data-disabled='true'] .formkit-inner{background-color:var(--fk-bg-disabled)}[data-type='autocomplete'][data-disabled='true'] .formkit-listbox-button{background-color:var(--fk-bg-disabled);cursor:not-allowed}[data-type='autocomplete'] .formkit-inner .formkit-selection-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;margin-top:0;z-index:1}[data-type='autocomplete'] .formkit-selection .formkit-option{flex-grow:1;max-width:100%;text-overflow:ellipsis;overflow:hidden}[data-type='autocomplete'] .formkit-selection:empty{display:none}[data-disabled='true'] .formkit-remove-selection{cursor:not-allowed}.formkit-selection{width:100%;display:flex}[data-type='autocomplete'] .formkit-selection-wrapper[data-active-selection='true']{background-color:var(--fk-color-primary);color:white;border:none;outline:none}[data-type='autocomplete'] .formkit-selection-wrapper[data-active-selection='true'] .formkit-remove-selection{color:white}.formkit-listbox-button{z-index:1}.formkit-dnd-autocomplete-drop-zone{background-color:var(--fk-color-primary) !important;color:white !important}.formkit-dnd-autocomplete-drop-zone .formkit-remove-selection{color:white !important}.formkit-dnd-autocomplete-touch-drop-zone{background-color:var(--fk-color-primary) !important;color:white !important}.formkit-dnd-autocomplete-touch-dragging{display:flex !important}.formkit-dnd-autocomplete-touch-drop-zone .formkit-remove-selection{color:white !important}.formkit-dnd-autocomplete-long-touch{background-color:var(--fk-color-primary) !important;color:white !important}.formkit-dnd-autocomplete-long-touch .formkit-remove-selection{color:white !important}[data-type='repeater']>.formkit-fieldset{max-width:none;padding:1.25em}[data-type='repeater'][data-invalid]>.formkit-fieldset{border-color:var(--fk-color-error)}[data-type='repeater']>.formkit-fieldset>.formkit-outer{margin-bottom:0}[data-type='repeater']>.formkit-fieldset:focus-within{border:1px solid var(--fk-color-border)}[data-type='repeater']>.formkit-fieldset>.formkit-inner{box-shadow:none;display:block}[data-type='repeater'] .formkit-items{padding:0;margin:0;list-style-type:none}[data-type='repeater'] .formkit-item{border:1px solid var(--fk-repeater-border-color);border-radius:var(--fk-border-radius);margin-bottom:var(--fk-margin-base);display:flex;background-color:white}[data-type='repeater'] .formkit-content{flex-grow:1;padding:var(--fk-padding-input);display:flex;flex-direction:column;justify-content:center}[data-type='repeater'] .formkit-drag-handle-wrapper{cursor:grab;position:relative;background-color:var(--fk-repeater-controls-bg);width:2rem}[data-type='repeater'] .formkit-drag-handle{height:100%;width:100%;width:100%;height:100%;display:flex;top:0;position:absolute;left:0}[data-type='repeater'] .formkit-drag-handle-icon{margin:auto;width:0.5rem;color:rgb(115,115,115)}[data-type='repeater'] .formkit-drag-handle-icon svg path{fill:currentColor}[data-type='repeater'] .formkit-drop-zone{opacity:0.5}.formkit-touch-dragging{display:flex}[data-type='taglist'] .formkit-inner{background-color:transparent;min-height:2.625em}[data-type='taglist'] .formkit-tags{display:flex;align-items:center;flex-wrap:wrap;width:100%;padding:0 0.5em;margin:0.25em 0}[data-type='taglist'] .formkit-tag-wrapper{background-color:inherit}[data-type='taglist'] .formkit-tag{display:flex;align-items:center;color:white;max-width:calc(100% - 0.25em);border-radius:2em;padding:0.4em 0.5em;font-size:0.8em;cursor:default;background-color:var(--fk-repeater-border-color);color:black;margin:0.25em 0}[data-type='taglist'] .formkit-tag-label{padding:0 0.5em;white-space:pre}[data-type='taglist'] .formkit-remove-selection{width:1em;height:1em;align-self:center;color:black}[data-type='taglist'] .formkit-remove-selection .formkit-icon{width:100%;height:100%}[data-type='taglist'][data-disabled='true'] .formkit-inner{background-color:var(--fk-bg-disabled)}[data-type='taglist'] .formkit-input:disabled{background-color:transparent}[data-type='taglist'] .formkit-remove-selection .formkit-icon{display:inline-block}[data-type='taglist'] .formkit-remove-selection .formkit-icon svg{width:100%;height:100%}[data-type='taglist'] .formkit-input{width:0%;flex-grow:1;padding:0.25em}[data-type='taglist'] .formkit-inner{display:flex;align-items:center;justify-content:space-between;width:100%}[data-type='taglist'] .formkit-selection:empty{display:none}.formkit-tag-wrapper[data-active-selection='true'] .formkit-tag{background-color:var(--fk-color-primary);color:white}.formkit-tag-wrapper[data-active-selection='true'] .formkit-tag .formkit-remove-selection{color:white}.formkit-tag-wrapper[data-active-selection='true']{outline:none}.formkit-dnd-taglist-dragging .formkit-tag,.formkit-dnd-taglist-drop-zone .formkit-tag,.formkit-dnd-taglist-touch-dragging .formkit-tag,.formkit-dnd-taglist-touch-dragging .formkit-tag,.formkit-dnd-taglist-touch-dragging .formkit-tag .formkit-tag-label,.formkit-dnd-taglist-touch-drop-zone .formkit-tag{background-color:var(--fk-color-primary) !important;color:white !important}.formkit-dnd-taglist-drop-zone .formkit-remove-selection,.formkit-dnd-taglist-touch-drop-zone .formkit-remove-selection{color:white !important}.formkit-dnd-taglist-touch-dragging .formkit-remove-selection svg path{color:white !important;fill:white !important}[data-type='transferlist'].formkit-outer{container-type:inline-size}[data-type='transferlist'] .formkit-fieldset{padding:0;max-width:700px;border:none}[data-type='transferlist'] .formkit-legend{padding:0;margin-bottom:0.5rem}[data-type='transferlist'] .formkit-fieldset:focus-within{border:none}[data-type='transferlist'] .formkit-wrapper{display:flex;justify-content:space-between;width:100%;max-width:none;max-height:350px}@container (max-width:450px){[data-type='transferlist'] .formkit-wrapper{flex-direction:column;max-height:none}}[data-type='transferlist'] .formkit-transferlist{display:flex;flex-direction:column;width:45%;box-shadow:var(--fk-transfer-list-shadow);max-width:350px;border-radius:var(--fk-border-radius);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}@container (max-width:450px){[data-type='transferlist'] .formkit-transferlist{width:100%;max-width:none;min-height:350px;max-height:350px}[data-type='transferlist'] .formkit-transferlist:first-child{margin-bottom:0.75em}}[data-type='transferlist'] .formkit-transferlist-header{display:flex;background:var(--fk-transfer-list-header-bg);justify-content:space-between;align-items:center;border-bottom:1px solid var(--fk-nested-border-color);padding:0.75em}[data-type='transferlist'] .formkit-transferlist-header-label{font-size:0.9rem;color:var(--fk-color-input)}[data-type='transferlist'] .formkit-transferlist-header-item-count{font-size:0.85rem;color:var(--fk-color-placeholder);margin-left:auto}[data-type='transferlist'] .formkit-transferlist-controls{padding:0.5rem 0.75rem;border-bottom:1px solid var(--fk-nested-border-color)}[data-type='transferlist'] .formkit-transferlist-search{display:none;display:flex;border:1px solid var(--fk-nested-border-color);border-radius:var(--fk-border-radius);align-items:center}[data-type='transferlist'] .formkit-transferlist-search:focus-within{border-color:var(--fk-color-primary);background:var(--fk-transfer-list-item-bg)}[data-type='transferlist'] .formkit-transferlist-search-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;display:flex;align-self:stretch;padding:0;cursor:pointer;font-size:1em}[data-type='transferlist'] .formkit-transferlist-search-input{border:none;padding:0.5em;width:100%;background-color:transparent;outline:none;font-size:1em}[data-type='transferlist'] .formkit-transferlist-list-items{list-style:none;padding:0;margin:0;min-height:200px;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--fk-transfer-list-bg);outline:none}[data-type='transferlist'] .formkit-transferlist-list-item{padding:0.66rem 0.5rem 0.66rem 0.75rem;position:relative;display:flex;border-bottom:1px solid var(--fk-nested-border-color);background:var(--fk-transfer-list-item-bg)}[data-type='transferlist'] .formkit-transferlist-list-items[aria-multiselectable='true'] .formkit-transferlist-list-item{padding-left:1.75em}[data-type='transferlist'][data-multi-select='true'] .formkit-transferlist-list-item{padding-left:1.75rem}[data-type='transferlist'] .formkit-transferlist-list-item[data-disabled='true']{cursor:not-allowed;background-color:var(--fk-bg-disabled);opacity:0.5}[data-type='transferlist'] .formkit-transferlist-list-item:first-child{margin-top:-1px;border-top:1px solid var(--fk-nested-border-color)}[data-type='transferlist'] .formkit-transferlist-list-item[data-is-active]{background-color:var(--fk-selection-bg);color:var(--fk-color-primary)}[data-type='transferlist'] .formkit-transferlist-list-item[aria-selected='true']{background-color:var(--fk-color-primary);color:var(--fk-active-selection-color);border-color:var(--fk-color-primary)}[data-type='transferlist'] .formkit-transferlist-list-item .formkit-selected-icon{display:block;position:absolute;width:0.8em;top:50%;left:0.5em;transform:translateY(-50%);color:white}[data-type='transferlist'] .formkit-transferlist-option{font-size:0.9rem}[data-type='transferlist'] .formkit-transfer-controls{display:flex;flex-direction:column;justify-content:center;margin:auto 0.5em;border:1px solid var(--fk-nested-border-color);border-radius:var(--fk-border-radius)}@container (max-width:450px){[data-type='transferlist'] .formkit-transfer-controls{margin:0 auto 0.75em auto;flex-direction:row;width:auto}}[data-type='transferlist'] .formkit-transferlist-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0.25rem;margin:0;color:black;cursor:pointer;height:2rem;border:none;border-radius:0;font-size:1em;background:var(--fk-controls-bg)}@container (max-width:450px){[data-type='transferlist'] .formkit-transferlist-button .formkit-icon{transform:rotate(90deg)}}[data-type='transferlist'] .formkit-transferlist-button[disabled]{cursor:not-allowed;background:var(--fk-bg-disabled);opacity:0.1}[data-type='transferlist'] .formkit-transferlist-button:first-child{border-top-left-radius:var(--fk-border-radius-tl);border-top-right-radius:var(--fk-border-radius-tr)}@container (max-width:450px){[data-type='transferlist'] .formkit-transferlist-button:first-child{border-top-left-radius:var(--fk-border-radius-tl);border-bottom-left-radius:var(--fk-border-radius-bl);border-top-right-radius:0}}[data-type='transferlist'] .formkit-transferlist-button:last-child{border-bottom-right-radius:var(--fk-border-radius-br);border-bottom-left-radius:var(--fk-border-radius-bl)}@container (max-width:450px){[data-type='transferlist'] .formkit-transferlist-button:last-child{border-top-right-radius:var(--fk-border-radius-tr);border-bottom-right-radius:var(--fk-border-radius-br);border-bottom-left-radius:0}}[data-type='transferlist'] .formkit-transferlist-button[disabled]:hover{outline:none;color:var(--fk-color-placeholder)}[data-type='transferlist'] .formkit-source-empty-message,.formkit-target-empty-message{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;padding:0;margin:0;cursor:pointer;text-align:center;color:var(--fk-color-placeholder);font-style:italic}[data-type='transferlist'] .formkit-empty-message-inner{display:flex;align-items:center;justify-content:center;padding:calc(var(--fk-padding-base) * 3);font-size:0.875em}[data-type='transferlist'][data-is-max='true'] .formkit-source-list-items{cursor:not-allowed;opacity:0.5}[data-family='dropdown'].formkit-outer .formkit-inner .formkit-loader-icon{width:1em}[data-family='dropdown'].formkit-outer .formkit-selector .formkit-loader-icon{margin-left:auto}[data-family='dropdown'].formkit-outer .formkit-inner .formkit-loader-icon svg{min-width:none;max-width:none;width:15px;height:15px}[data-type='transferlist'] .formkit-load-more,.formkit-empty-message{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;padding:0;margin:0;cursor:pointer;text-align:center;color:var(--fk-color-primary)}[data-type='transferlist'] .formkit-empty-message{color:var(--fk-color-placeholder);font-style:italic}[data-type='transferlist'] .formkit-load-more:first-child,[data-type='transferlist'].formkit-outer[data-loading] .formkit-load-more{color:var(--fk-color-placeholder)}[data-type='transferlist'] .formkit-load-more:hover,[data-type='transferlist'] .formkit-load-more:focus,[data-type='transferlist'] .formkit-load-more[data-is-active]{background-color:var(--fk-dropdown-active-bg)}[data-type='transferlist'] .formkit-load-more-inner,.formkit-empty-message-inner{display:flex;align-items:center;justify-content:center;padding:calc(var(--fk-padding-base) * 3);font-size:0.875em}[data-type='transferlist'] .formkit-load-more-inner .formkit-loader-icon{margin-right:var(--fk-margin-base)}.formkit-dnd-drop-zone,.formkit-dnd-selection-drop-zone,.formkit-dnd-touch-drop-zone,.formkit-dnd-touch-selection-drop-zone,.formkit-dnd-long-touch{color:var(--fk-color-primary) !important;background-color:var(--fk-selection-bg) !important;border-bottom:inherit !important}[data-type="datepicker"] .formkit-panel-wrapper{position:absolute;top:calc(100% + .5em);box-shadow:var(--fk-dropdown-shadow);border-radius:.5em;padding:1.25em;background-color:white;z-index:10}[data-type="datepicker"] .formkit-panel-header{display:grid;grid-template-columns:2.5em 1fr 2.5em;align-items:center;justify-content:center;border-bottom:2px solid var(--fk-day-bg);margin-bottom:1em;padding-bottom:1em}[data-type="datepicker"] .formkit-panel-header>*:not(.formkit-prev):not(.formkit-next):not(.formkit-panel-close){display:flex;align-items:center;justify-content:center;grid-column:2}[data-type="datepicker"] .formkit-panel{grid-column:2}[data-type="datepicker"] .formkit-months{display:flex;flex-wrap:wrap;padding:0;margin:0}[data-type="datepicker"] .formkit-month{width:calc(33% - 1em);margin:.5em 0}[data-type="datepicker"] .formkit-year,[data-type="datepicker"] .formkit-day,[data-type="datepicker"] .formkit-month{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:var(--fk-day-bg);padding:.5em;border-radius:.5em;margin:.5em;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}[data-type="datepicker"] .formkit-month-button,[data-type="datepicker"] .formkit-day-button,[data-type="datepicker"] .formkit-year-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:16px;padding:.5em 1em;background-color:transparent;border:2px solid var(--fk-day-bg);margin:0 .25em;border-radius:.5em}[data-type="datepicker"] .formkit-month-button:hover,[data-type="datepicker"] .formkit-day-button:hover,[data-type="datepicker"] .formkit-year-button:hover{border-color:var(--fk-color-primary)}[data-type="datepicker"] .formkit-week,[data-type="datepicker"] .formkit-week-days{display:flex}[data-type="datepicker"] .formkit-week-days{justify-content:space-between}[data-type="datepicker"] .formkit-day,[data-type="datepicker"] .formkit-week-day{width:2.25em;height:2.25em;display:flex;align-items:center;justify-content:center;margin:.25em;border-radius:.5em;background-color:var(--fk-day-bg);cursor:pointer;border:2px solid var(--fk-day-bg)}[data-type="datepicker"] .formkit-week-day{background-color:transparent;font-weight:500;text-transform:lowercase;height:1em;cursor:default;border:0}[data-type="datepicker"] .formkit-month-header{font-weight:bold;margin-bottom:.5em;text-align:center}[data-type="datepicker"] .formkit-day-cell[data-is-extra]{opacity:.4;cursor:default}[data-type="datepicker"] .formkit-day-cell[data-disabled="true"]{opacity:.5;cursor:default}[data-type="datepicker"] .formkit-day[data-disabled="true"],[data-type="datepicker"] .formkit-month[data-disabled="true"],[data-type="datepicker"] .formkit-year[data-disabled="true"]{cursor:default;pointer-events:none;opacity:.5}[data-type="datepicker"] .formkit-prev,[data-type="datepicker"] .formkit-next{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;background-color:transparent;position:relative;overflow:hidden;width:2.5em;height:2.5em;border-radius:.5em;display:flex;align-items:center;justify-content:center;grid-row:1}[data-type="datepicker"] .formkit-prev{grid-column:1}[data-type="datepicker"] .formkit-next{grid-column:3;justify-self:end}[data-type="datepicker"] .formkit-calendar{margin:0;border-collapse:collapse}[data-type="datepicker"] .formkit-prev:hover,[data-type="datepicker"] .formkit-next:hover{background-color:var(--fk-day-bg)}[data-type="datepicker"] .formkit-prev-label,[data-type="datepicker"] .formkit-next-label{position:absolute;left:-9999px}[data-type="datepicker"] .formkit-prev .formkit-icon,[data-type="datepicker"] .formkit-next .formkit-icon,[data-type="datepicker"] .formkit-prev .formkit-icon svg,[data-type="datepicker"] .formkit-next .formkit-icon svg{width:1.5em;height:auto;flex:0 1em;max-width:none;max-height:none}[data-type="datepicker"] .formkit-years{display:flex;flex-wrap:wrap;margin:0;list-style-type:none;max-width:35em;padding:0}[data-type="datepicker"] .formkit-year{width:calc(20% - 1em)}[data-type="datepicker"] .formkit-input{border-top-right-radius:0;border-bottom-right-radius:0}[data-type="datepicker"] .formkit-day-cell:focus{outline:0}[data-type="datepicker"] .formkit-day-cell:focus .formkit-day,[data-type="datepicker"] .formkit-month:focus,[data-type="datepicker"] .formkit-year:focus{outline:2px solid var(--fk-color-primary);outline-offset:2px;background-color:var(--fk-day-bg-hover);border-color:var(--fk-day-bg-hover)}[data-type="datepicker"] .formkit-day-cell[aria-selected="true"] .formkit-day,[data-type="datepicker"] .formkit-month[aria-selected="true"],[data-type="datepicker"] .formkit-year[aria-selected="true"]{background-color:var(--fk-day-bg-selected);border-color:var(--fk-day-bg-selected);color:white}[data-type="datepicker"] .formkit-time{margin-left:auto;margin-right:auto;max-width:15em}[data-type="datepicker"] .formkit-time-input:focus-visible{outline:2px solid var(--fk-color-primary)}[data-type="datepicker"] .formkit-time-input{box-sizing:border-box;width:100%;font-size:18px;border:2px solid var(--fk-day-bg);border-radius:.25em;padding:.5em;margin:2em 0}[data-type="datepicker"] .formkit-remove-selection .formkit-icon{max-width:1em;margin-right:.5em}[data-type="datepicker"] .formkit-remove-selection+.formkit-open-button .formkit-icon{max-width:1em;margin-right:.75em;margin-left:.75em}[data-type="datepicker"] .formkit-open-button:focus-visible{outline:none;box-shadow:inset 2px 0 0 0 var(--fk-color-border-focus);color:#fff;background:var(--fk-color-border-focus);box-shadow:-0.5 0 0 var(--fk-color-border-focus)}[data-type="datepicker"] .formkit-remove-selection:focus-visible{outline:none;color:var(--fk-color-border-focus)}[data-type="datepicker"] .formkit-remove-selection:focus-visible svg{background-color:var(--fk-color-border-focus);border-radius:.25em;color:white}[data-type='datepicker'] .formkit-panel-close{display:flex;justify-content:flex-end;align-items:center;border:none;background:none;color:inherit;grid-column:4;margin-left:.5em}[data-type='datepicker'] .formkit-panel-close .formkit-icon{width:2rem;aspect-ratio:1/1;padding:0.25rem;border-radius:50%;border:1px solid var(--fk-nested-border-color);background:var(--fk-controls-bg)}[data-type='datepicker'] .formkit-panel-close .formkit-icon svg{width:100%;aspect-ratio:1/1;max-width:none;max-height:none}@media (max-width:431px) and (hover:none){[data-type='datepicker']:not([data-inline='true']) .formkit-panel-wrapper{position:fixed !important;top:auto;max-width:none;bottom:0;left:0;border-radius:0;width:100%}[data-type='datepicker']:not([data-inline='true']) .formkit-panel{display:flex;justify-content:center}[data-type='datepicker']:not([data-inline='true']) .formkit-panel-header{grid-template-columns:2.5em 1fr 2.5em 3em}[data-type='datepicker']:not([data-inline='true']) [data-panel="time"] .formkit-panel-header,[data-type='datepicker']:not([data-inline='true']) [data-panel="month"] .formkit-panel-header{grid-template-columns:2.5em 1fr 3em}[data-type='datepicker'] [data-panel="time"] .formkit-panel-close,[data-type='datepicker'] [data-panel="month"] .formkit-panel-close{grid-column:3}}[data-type='slider'] .formkit-help{margin-top:0;margin-bottom:0.25em}[data-type='slider'] .formkit-chart{position:relative;z-index:2;margin-bottom:0.5em;display:flex;justify-content:space-between;align-items:center;width:100%;aspect-ratio:3/1}[data-type='slider'] .formkit-chart-bar{position:absolute;bottom:0;height:100%;background:var(--fk-color-border);opacity:0.66}[data-type='slider'] .formkit-chart-bar[data-active='false']{opacity:0.25}[data-type='slider'] .formkit-slider-inner{display:flex;align-items:center;padding:0.25em 0}[data-type='slider'] .formkit-slider-inner>.formkit-prefix-icon,[data-type='slider'] .formkit-slider-inner>.formkit-suffix-icon{background:none;box-shadow:none;padding:0;width:1em;font-size:1rem}[data-type='slider'] .formkit-slider-inner>.formkit-prefix-icon{margin-right:0.5em}[data-type='slider'] .formkit-slider-inner>.formkit-suffix-icon{margin-left:0.5em}[data-type='slider'] .formkit-slider-inner[data-has-mark-labels='true']>.formkit-prefix-icon,[data-type='slider'] .formkit-slider-inner[data-has-mark-labels='true']>.formkit-suffix-icon{margin-bottom:auto}[data-type='slider'] .formkit-track{flex-grow:1;position:relative;z-index:3;padding:0.25em 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-type='slider'] .formkit-slider-inner[data-has-mark-labels='true'] .formkit-track{margin-bottom:1.5em}[data-type='slider'] .formkit-track-wrapper{padding:0 2px;border-radius:999em;background-color:var(--fk-nested-border-color)}[data-type='slider'] .formkit-track-inner{height:6px;margin-right:2px;margin-left:2px;position:relative}[data-type='slider'] .formkit-fill{height:100%;border-radius:999em;position:absolute;top:0;margin-left:-4px;margin-right:-4px;background-color:var(--fk-color-primary)}[data-type='slider'][data-disabled] .formkit-fill{background-color:var(--fk-color-border)}[data-type='slider'] .formkit-marks{position:absolute;pointer-events:none;left:0;right:0;top:0;bottom:0}[data-type='slider'] .formkit-mark{position:absolute;top:50%;width:3px;height:3px;border-radius:50%;transform:translate(-50%,-50%);background-color:var(--fk-mark-color)}[data-type='slider'] .formkit-mark[data-active='true']{background-color:var(--fk-mark-color-active)}[data-type='slider'] .formkit-mark-label{position:absolute;top:calc(100% + 1em);left:50%;color:var(--fk-mark-color);font-size:0.66em;transform:translateX(-50%)}[data-type='slider'] .formkit-handles{margin:0;padding:0;list-style-type:none}[data-type='slider'] .formkit-handle{padding:0.5em;aspect-ratio:1/1;border-radius:50%;background-color:#fff;box-shadow:inset 0 0 0 1px var(--fk-color-disabled),0px 1px 2px 0px var(--fk-color-icon);position:absolute;top:50%;left:0;z-index:2;transform:translate(-50%,-50%)}[data-type='slider'] .formkit-handle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--fk-color-primary)}[data-type='slider'] .formkit-handle[data-is-target='true']{z-index:3}[data-type='slider'] .formkit-handle[data-show-tooltip='auto']:hover .formkit-tooltip,[data-type='slider'] .formkit-handle[data-show-tooltip='auto']:focus-visible .formkit-tooltip,[data-type='slider'] .formkit-handle[data-show-tooltip='auto'][data-active='true'] .formkit-tooltip,[data-type='slider'] .formkit-handle[data-show-tooltip='true'] .formkit-tooltip{opacity:1}[data-type='slider'] .formkit-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px);background-color:var(--fk-color-primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;line-height:1;white-space:nowrap;opacity:0;transition:opacity 0.2s ease;pointer-events:none}[data-type='slider'] .formkit-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translate(-50%,-1px);border:4px solid transparent;border-top-color:var(--fk-color-primary)}[data-type='slider'][data-disabled] .formkit-tooltip{background-color:var(--fk-color-border)}[data-type='slider'][data-disabled] .formkit-tooltip::after{border-top-color:var(--fk-color-border)}[data-type='slider'] .formkit-slider-inner .formkit-max-value{margin-bottom:0;margin-left:1em}[data-type='slider'] .formkit-linked-values{display:flex;align-items:flex-start;justify-content:space-between;margin-top:0.25em}[data-type='slider'] .formkit-linked-values .formkit-min-value,[data-type='slider'] .formkit-linked-values .formkit-max-value{flex-grow:1;max-width:45%;margin-bottom:0;position:relative}[data-type='slider'] .formkit-linked-values .formkit-min-value .formkit-inner::after{content:'';position:absolute;top:50%;left:105%;transform:translate(0,-50%);width:10%;height:1px;background-color:var(--fk-color-border)}[data-type='colorpicker'][data-disabled='true']{pointer-events:none;cursor:not-allowed}[data-type='colorpicker'] .formkit-label+.formkit-help{margin-bottom:0.5rem;margin-top:-0.25rem}[data-type='colorpicker'] .formkit-inner{display:inline-flex}[data-type='colorpicker'][data-inline='true'] .formkit-inner{box-shadow:none}[data-type='colorpicker'] .formkit-canvas-swatch-preview-wrapper{position:relative}[data-type='colorpicker'] .formkit-canvas-swatch-preview-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0.15rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2)}[data-type='colorpicker'] .formkit-swatch-preview{width:100%;display:flex;justify-content:flex-start;align-items:center;padding:0.75rem;border-radius:0.35rem;font-size:0.9rem;color:var(--fk-color-input);cursor:pointer;outline:none}[data-type='colorpicker'] .formkit-value-string{display:inline-block;margin-left:0.5em;margin-right:0.25em}[data-type='colorpicker'] .formkit-swatch-preview .formkit-canvas{border-radius:0.15rem;aspect-ratio:2/1;width:2.5em}[data-type='colorpicker'] .formkit-panel{display:flex;flex-direction:column;max-width:300px;padding:0.5rem;border-radius:0.3rem;background-color:var(--fk-colorpicker-bg);touch-action:manipulation;position:absolute;width:100vw;top:100%;left:0;box-shadow:var(--fk-dropdown-shadow);z-index:5}[data-type='colorpicker'][data-inline='true'] .formkit-panel{position:static;width:auto;box-shadow:none;border:1px solid var(--fk-color-border);z-index:1}[data-type='colorpicker'] .formkit-panel-close{display:none}[data-type='colorpicker'] .formkit-canvas{cursor:pointer;border-radius:0.15rem;width:100%;display:block}[data-type='colorpicker'] .formkit-canvas-ls{aspect-ratio:20/10}[data-type='colorpicker'] .formkit-canvas-preview{cursor:default;border-radius:0}[data-type='colorpicker'] .formkit-control-group{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:grid;grid-template-rows:1fr 33px;grid-template-columns:33px 1fr;grid-template-areas:'LSControl LSControl' 'Preview SliderControl' 'Preview SliderControl'}[data-type='colorpicker'] .formkit-control-group[data-eye-dropper='true']{grid-template-columns:33px 1fr 33px;grid-template-areas:'LSControl LSControl LSControl' 'Preview SliderControl EyeDropper' 'Preview SliderControl EyeDropper'}[data-type='colorpicker'] .formkit-ls{grid-area:LSControl;position:relative;margin-bottom:0.5rem}[data-type='colorpicker'] .formkit-preview{grid-area:Preview;display:inline-flex;position:relative;border-radius:0.15rem;overflow:hidden;aspect-ratio:1/1}[data-type='colorpicker'] .formkit-preview::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:inset 0 0 2px 1px rgba(0,0,0,0.2)}[data-type='colorpicker'] .formkit-hue,[data-type='colorpicker'] .formkit-alpha{position:relative;display:inline-flex;height:calc(50% - 2px);margin-left:0.5rem}[data-type='colorpicker'] [data-eye-dropper='true'] .formkit-hue,[data-type='colorpicker'] [data-eye-dropper='true'] .formkit-alpha{margin-right:0.5rem}[data-type='colorpicker'] .formkit-hue{grid-area:SliderControl;align-self:start}[data-type='colorpicker'] .formkit-alpha{grid-area:SliderControl;align-self:end}[data-type='colorpicker'] .formkit-eye-dropper{grid-area:EyeDropper;align-self:center;justify-self:center;width:100%;aspect-ratio:1/1;border-radius:0.15rem;border:1px solid var(--fk-nested-border-color);background-color:var(--fk-controls-bg);color:var(--fk-controls-color);cursor:pointer;display:flex;justify-content:center;align-items:center}[data-type='colorpicker'] .formkit-eye-dropper .formkit-icon{width:auto}[data-type='colorpicker'] .formkit-eye-dropper svg{margin:auto}[data-type='colorpicker'] .formkit-eye-dropper:hover{background-color:var(--fk-controls-bg-active)}[data-type='colorpicker'] .formkit-control:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,0.2),0 0 0 4px var(--fk-color-primary),0 0 0 5px #000}[data-type='colorpicker'] .formkit-control,[data-type='colorpicker'] .formkit-control[data-prevent-focus-style='true']{position:absolute;background-color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,0.2);transform:translateX(-50%) translateY(-50%);pointer-events:none}[data-type='colorpicker'] .formkit-control-ls{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(0,0,0,0.2)}[data-type='colorpicker'] .formkit-control-hue,[data-type='colorpicker'] .formkit-control-alpha{width:4px;height:calc(100% - 2px);top:50%;border-radius:1px}[data-type='colorpicker'] .formkit-format-field{display:flex;width:100%;padding:0.5rem 0 0 0;justify-content:space-between;align-items:flex-start}[data-type='colorpicker'] .formkit-color-input-group{display:flex;align-items:center;justify-content:center;flex-grow:1}[data-type='colorpicker'] .formkit-field-group{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-right:0.25rem}[data-type='colorpicker'] .formkit-field-label{font-size:0.75rem;margin-top:0.25rem;opacity:0.5}[data-type='colorpicker'] .formkit-format-field input{padding:0.25rem;font-size:0.9rem;margin:0;flex-shrink:1;flex-grow:1;width:100%;border:1px solid var(--fk-nested-border-color);border-radius:3px;text-align:center;-moz-appearance:textfield}[data-type='colorpicker'] .formkit-format-field input:focus{outline:none;box-shadow:0 0 0 2px var(--fk-color-primary)}[data-type='colorpicker'] .formkit-format-field input::-webkit-outer-spin-button,[data-type='colorpicker'] .formkit-format-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[data-type='colorpicker'] .formkit-format-switcher{display:flex;justify-content:flex-end;text-transform:uppercase;flex-shrink:0;padding:0.25rem;margin-top:0.1rem;border-radius:0.15em}[data-type='colorpicker'] .formkit-format-switcher:focus{outline:none;box-shadow:0 0 0 2px var(--fk-color-primary)}[data-type='colorpicker'] .formkit-format-switcher .formkit-icon{width:auto}[data-type='colorpicker'] .formkit-swatches{display:flex;flex-wrap:wrap;width:calc(100% + 0.5rem);margin-left:-0.25rem;padding-top:0.5rem;margin-top:0.5rem;border-top:1px solid var(--fk-nested-border-color);overflow:auto;max-height:200px;margin-bottom:-0.5rem;padding-bottom:0.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-type='colorpicker'] .formkit-swatches:first-child,[data-type='colorpicker'] .formkit-panel-close+.formkit-swatches:nth-child(2){padding-top:0.5rem;margin-top:-0.5rem;border-top:none}[data-type='colorpicker'] .formkit-swatch{position:relative;width:100%;max-width:calc(100% / 10 - 0.5rem);aspect-ratio:1/1;margin:0.25rem;cursor:pointer}[data-type='colorpicker'] .formkit-swatch::before{display:block;position:absolute;content:'';width:100%;height:100%;top:0;left:0;pointer-events:none;border-radius:3px;z-index:2;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2)}[data-type='colorpicker'] .formkit-swatch[data-active='true']::after{display:block;position:absolute;content:'';width:6px;height:6px;top:50%;left:50%;pointer-events:none;border-radius:50%;transform:translateX(-50%) translateY(-50%);background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,0.5);z-index:2}[data-type='colorpicker'] .formkit-swatch canvas{display:block;width:100%;aspect-ratio:1/1;border-radius:3px}[data-type='colorpicker'] .formkit-swatch canvas:focus-visible,[data-type='colorpicker'] .formkit-swatches[data-keyboard-nav='true']:focus-within .formkit-swatch[data-focused='true'] canvas{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--fk-color-primary)}[data-type='colorpicker'] .formkit-swatch-group{display:flex;flex-wrap:wrap;width:100%;margin-bottom:0.5rem}[data-type='colorpicker'] .formkit-swatch-group:last-child{margin-bottom:0}[data-type='colorpicker'] .formkit-swatch-group-label{width:100%;font-size:0.75rem;margin-bottom:0.25rem;opacity:0.5}@media (max-width:431px) and (hover:none){[data-type='colorpicker'] input{font-size:18px !important}[data-type='colorpicker']:not([data-inline='true']) .formkit-panel{position:fixed !important;top:auto;max-width:none;bottom:0;left:0;border-radius:0}[data-type='colorpicker'] .formkit-panel-close{display:flex;justify-content:flex-end;align-items:center;margin-bottom:0.25rem;margin-top:-0.25rem;border:none;background:none;color:inherit;border-bottom:1px solid var(--fk-nested-border-color);width:calc(100% + 1rem);margin-left:-0.5rem;padding:0 0.5rem 0.25rem 0.5rem}[data-type='colorpicker'] .formkit-panel-close .formkit-icon{width:2rem;aspect-ratio:1/1;padding:0.25rem;border-radius:50%;border:1px solid var(--fk-nested-border-color);background:var(--fk-controls-bg)}[data-type='colorpicker'] .formkit-panel-close .formkit-icon svg{width:100%;aspect-ratio:1/1;max-width:none;max-height:none}[data-type='colorpicker'] .formkit-control-group{grid-template-rows:1fr 42px;grid-template-columns:42px 1fr}[data-type='colorpicker'] .formkit-control-group[data-eye-dropper='true']{grid-template-columns:42px 1fr 42px}[data-type='colorpicker'] .formkit-swatches:first-child,[data-type='colorpicker'] .formkit-panel-close+.formkit-swatches:nth-child(2){padding-top:0.5rem;margin-top:-0.25rem;border-top:none}}[data-type='togglebuttons'] button{box-shadow:var(--fk-border-box-shadow);background:var(--fk-color-submit);font-size:var(--fk-font-size-button);border:none;transition:all 0.1s ease-in-out;display:inline-flex;width:auto;cursor:pointer}[data-type='togglebuttons'] button:disabled{background:var(--fk-day-bg);filter:grayscale(1)}[data-type='togglebuttons'] button:disabled .formkit-input-inner{opacity:0.3}[data-type='togglebuttons'] button[aria-pressed='true']{background-color:var(--fk-color-primary);color:var(--fk-color-submit)}[data-type='togglebuttons'] .formkit-icon.formkit-prefix-icon,[data-type='togglebuttons'] .formkit-icon.formkit-suffix-icon{background:none;border:none;box-shadow:revert;width:auto;padding:0}[data-type='togglebuttons'] .formkit-icon.formkit-prefix-icon{margin-right:0.5em}[data-type='togglebuttons'] .formkit-icon.formkit-suffix-icon{margin-left:0.5em}[data-type='togglebuttons'] button>span.formkit-input{padding:0}[data-type='togglebuttons'] .formkit-options{display:flex;list-style:none;margin:0;padding:0;align-items:stretch}[data-type='togglebuttons'] .formkit-options button{border-radius:0;height:100%;display:flex;align-items:center;justify-content:center;position:relative}[data-type='togglebuttons'] .formkit-options li:first-child button{border-top-left-radius:var(--fk-border-radius-tl);border-bottom-left-radius:var(--fk-border-radius-bl)}[data-type='togglebuttons'] .formkit-options li:last-child button{border-top-right-radius:var(--fk-border-radius-tr);border-bottom-right-radius:var(--fk-border-radius-br)}[data-type='togglebuttons'] .formkit-options[data-vertical='true']{display:inline-flex;flex-direction:column}[data-type='togglebuttons'] .formkit-options[data-vertical='true'] li{width:100%}[data-type='togglebuttons'] .formkit-options[data-vertical='true'] button{width:100%}[data-type='togglebuttons'] .formkit-options[data-vertical='true'] li:first-child button{border-radius:var(--fk-border-radius-tl) var(--fk-border-radius-tr) 0 0}[data-type='togglebuttons'] .formkit-options[data-vertical='true'] li:last-child button{border-radius:0 0 var(--fk-border-radius-br) var(--fk-border-radius-bl)}[data-type='togglebuttons'] button:focus-visible{box-shadow:var(--fk-border-box-shadow-focus);z-index:2}[data-type='currency'] .formkit-prefix{padding-left:var(--fk-padding-input-l)}:root{--fk-icon-spinner:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI + PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNy41NiwxMy44OGMtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNWMyLjk2LDAsNS4zOC0yLjQxLDUuMzgtNS4zOFMxMC41MywyLjEyLDcuNTYsMi4xMmMtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNWMzLjUyLDAsNi4zOCwyLjg2LDYuMzgsNi4zOHMtMi44Niw2LjM4LTYuMzgsNi4zOFoiLz48L3N2Zz4=;--fk-icon-star:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI + PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTEuNDEsOC40MWgwbDEuMTQtLjkzLDEuMTQtLjkzYy40OC0uMzksLjM3LS43NC0uMjUtLjc3bC0xLjU4LS4wOS0yLjUtLjE0LS40MS0xLjA1czAsMCwwLDBsLS41My0xLjM4LS41My0xLjM4Yy0uMjItLjU4LS41OS0uNTgtLjgxLDBsLTEuMDcsMi43NXMwLDAsMCwwbC0uNDEsMS4wNS0yLjUsLjE0LTEuNTgsLjA5Yy0uNjIsLjAzLS43MywuMzgtLjI1LC43N2wxLjE0LC45MywxLjE0LC45M2gwbC44NywuNzEtLjU3LDIuMTUtLjQ3LDEuNzljLS4xNiwuNiwuMTQsLjgxLC42NiwuNDhsMi40OC0xLjZoMHMuOTQtLjYxLC45NC0uNjFsLjk0LC42MWgwczEuMjQsLjgsMS4yNCwuOGwxLjI0LC44Yy41MiwuMzMsLjgyLC4xMiwuNjYtLjQ4bC0uNDctMS43OS0uNTctMi4xNSwuODctLjcxWiIvPjwvc3ZnPg==;--fk-icon-trash:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI + PHBhdGggZD0iTTE0LjUsNEgxLjVjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVIMTQuNWMuMjgsMCwuNSwuMjIsLjUsLjVzLS4yMiwuNS0uNSwuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik0xMS4wMiwzLjgxbC0uNDQtMS40NmMtLjA2LS4yMS0uMjYtLjM2LS40OC0uMzZINS45Yy0uMjIsMC0uNDEsLjE0LS40OCwuMzZsLS40NCwxLjQ2LS45Ni0uMjksLjQ0LTEuNDZjLjE5LS42NCwuNzctMS4wNywxLjQ0LTEuMDdoNC4yYy42NywwLDEuMjQsLjQzLDEuNDQsMS4wN2wuNDQsMS40Ni0uOTYsLjI5WiIgZmlsbD0iY3VycmVudENvbG9yIi8 + PHBhdGggZD0iTTExLjUzLDE1SDQuNDdjLS44MSwwLTEuNDctLjY0LTEuNS0xLjQ1bC0uMzQtOS44NywxLS4wMywuMzQsOS44N2MwLC4yNywuMjMsLjQ4LC41LC40OGg3LjA3Yy4yNywwLC40OS0uMjEsLjUtLjQ4bC4zNC05Ljg3LDEsLjAzLS4zNCw5Ljg3Yy0uMDMsLjgxLS42OSwxLjQ1LTEuNSwxLjQ1WiIgZmlsbD0iY3VycmVudENvbG9yIi8 + PHBhdGggZD0iTTYuNSwxMS42MmMtLjI4LDAtLjUtLjIyLS41LS41VjcuMTJjMC0uMjgsLjIyLS41LC41LS41cy41LC4yMiwuNSwuNXY0YzAsLjI4LS4yMiwuNS0uNSwuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik05LjUsMTEuNjJjLS4yOCwwLS41LS4yMi0uNS0uNVY3LjEyYzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjV2NGMwLC4yOC0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=;--fk-icon-add:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI + PHBhdGggZD0iTTgsMTVjLTMuODYsMC03LTMuMTQtNy03UzQuMTQsMSw4LDFzNywzLjE0LDcsNy0zLjE0LDctNyw3Wm0wLTEzYy0zLjMxLDAtNiwyLjY5LTYsNnMyLjY5LDYsNiw2LDYtMi42OSw2LTYtMi42OS02LTYtNloiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik04LDExLjVjLS4yOCwwLS41LS4yMi0uNS0uNVY1YzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjV2NmMwLC4yOC0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNMTEsOC41SDVjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVoNmMuMjgsMCwuNSwuMjIsLjUsLjVzLS4yMiwuNS0uNSwuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==;--fk-icon-arrowUp:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5IDE2Ij48cGF0aCBkPSJNNC41LDE0Yy0uMjgsMC0uNS0uMjItLjUtLjVWNC41YzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjVWMTMuNWMwLC4yOC0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNOCw3LjVjLS4xMywwLS4yNi0uMDUtLjM1LS4xNWwtMy4xNS0zLjE1TDEuMzUsNy4zNWMtLjIsLjItLjUxLC4yLS43MSwwLS4yLS4yLS4yLS41MSwwLS43MWwzLjUtMy41Yy4yLS4yLC41MS0uMiwuNzEsMGwzLjUsMy41Yy4yLC4yLC4yLC41MSwwLC43MS0uMSwuMS0uMjMsLjE1LS4zNSwuMTVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=;--fk-icon-arrowDown:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5IDE2Ij48cGF0aCBkPSJNNC41LDEzYy0uMjgsMC0uNS0uMjItLjUtLjVWMy41YzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjVWMTIuNWMwLC4yOC0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNNC41LDE0Yy0uMTMsMC0uMjYtLjA1LS4zNS0uMTVMLjY1LDEwLjM1Yy0uMi0uMi0uMi0uNTEsMC0uNzEsLjItLjIsLjUxLS4yLC43MSwwbDMuMTUsMy4xNSwzLjE1LTMuMTVjLjItLjIsLjUxLS4yLC43MSwwLC4yLC4yLC4yLC41MSwwLC43MWwtMy41LDMuNWMtLjEsLjEtLjIzLC4xNS0uMzUsLjE1WiIgZmlsbD0iY3VycmVudENvbG9yIi8 + PC9zdmc +;--fk-icon-right:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDE2Ij48cGF0aCBkPSJNMS41LDEzYy0uMTMsMC0uMjYtLjA1LS4zNS0uMTUtLjItLjItLjItLjUxLDAtLjcxbDQuMTUtNC4xNUwxLjE1LDMuODVjLS4yLS4yLS4yLS41MSwwLS43MSwuMi0uMiwuNTEtLjIsLjcxLDBMNi4zNSw3LjY1Yy4yLC4yLC4yLC41MSwwLC43MUwxLjg1LDEyLjg1Yy0uMSwuMS0uMjMsLjE1LS4zNSwuMTVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=;--fk-icon-left:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDE2Ij48cGF0aCBkPSJNNS41LDEzYy0uMTMsMC0uMjYtLjA1LS4zNS0uMTVMLjY1LDguMzVjLS4yLS4yLS4yLS41MSwwLS43MUw1LjE1LDMuMTVjLjItLjIsLjUxLS4yLC43MSwwLC4yLC4yLC4yLC41MSwwLC43MUwxLjcxLDhsNC4xNSw0LjE1Yy4yLC4yLC4yLC41MSwwLC43MS0uMSwuMS0uMjMsLjE1LS4zNSwuMTVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=;--fk-icon-date:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI + PHBhdGggZD0iTTE0LjUsMTZIMS41Yy0uODMsMC0xLjUtLjY3LTEuNS0xLjVWMi41YzAtLjgzLC42Ny0xLjUsMS41LTEuNUgxNC41Yy44MywwLDEuNSwuNjcsMS41LDEuNVYxNC41YzAsLjgzLS42NywxLjUtMS41LDEuNVpNMS41LDJjLS4yOCwwLS41LC4yMi0uNSwuNVYxNC41YzAsLjI4LC4yMiwuNSwuNSwuNUgxNC41Yy4yOCwwLC41LS4yMiwuNS0uNVYyLjVjMC0uMjgtLjIyLS41LS41LS41SDEuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik00LjUsNGMtLjI4LDAtLjUtLjIyLS41LS41Vi41YzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjVWMy41YzAsLjI4LS4yMiwuNS0uNSwuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik0xMS41LDRjLS4yOCwwLS41LS4yMi0uNS0uNVYuNWMwLS4yOCwuMjItLjUsLjUtLjVzLjUsLjIyLC41LC41VjMuNWMwLC4yOC0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNMTUuNSw2SC41Yy0uMjgsMC0uNS0uMjItLjUtLjVzLjIyLS41LC41LS41SDE1LjVjLjI4LDAsLjUsLjIyLC41LC41cy0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=;--fk-icon-fastForward:PHN2ZyBpZD0idGVzdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTYgMTIiPjxwYXRoIGQ9Ik0zLjA5LDExLjAxYy0uMTgsMC0uMzYtLjA1LS41My0uMTQtLjM1LS4xOS0uNTctLjU2LS41Ny0uOTZWMi4wOWMwLS40LC4yMi0uNzcsLjU3LS45NiwuMzUtLjE5LC43OC0uMTgsMS4xMiwuMDNsMy4wMywxLjkyYy4yMywuMTUsLjMsLjQ2LC4xNSwuNjktLjE1LC4yMy0uNDYsLjMtLjY5LC4xNWwtMy4wMy0xLjkycy0uMDctLjAyLS4xLDAtLjA1LC4wNS0uMDUsLjA5djcuODJzLjAyLC4wNywuMDUsLjA5Yy4wMywuMDIsLjA3LC4wMiwuMSwwbDMuMDMtMS45MmMuMjMtLjE1LC41NC0uMDgsLjY5LC4xNSwuMTUsLjIzLC4wOCwuNTQtLjE1LC42OWwtMy4wMywxLjkyYy0uMTgsLjExLS4zOCwuMTctLjU5LC4xN1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik03LjA0LDEwLjk4Yy0uMTgsMC0uMzYtLjA0LS41Mi0uMTMtLjM2LS4xOS0uNTgtLjU2LS41OC0uOTdWMi4xMWMwLS40MSwuMjItLjc4LC41OC0uOTcsLjM2LS4xOSwuNzktLjE3LDEuMTMsLjA1bDUuODcsMy44OWMuMzEsLjIsLjQ5LC41NSwuNDksLjkyLDAsLjM3LS4xOCwuNzEtLjQ5LC45MmwtNS44NywzLjg5Yy0uMTgsLjEyLS4zOSwuMTgtLjYxLC4xOFptMC04Ljk3cy0uMDMsMC0uMDUsLjAxYy0uMDMsLjAyLS4wNSwuMDUtLjA1LC4wOXY3Ljc3cy4wMiwuMDcsLjA1LC4wOWMuMDMsLjAyLC4wNywuMDIsLjEsMGw1Ljg3LTMuODksLjI4LS41OC0uMjgsLjQyTDcuMDksMi4wM3MtLjA0LS4wMi0uMDUtLjAyWiIgZmlsbD0iY3VycmVudENvbG9yIi8 + PC9zdmc +;--fk-icon-rewind:PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTIiIGlkPSJ0ZXN0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuOTEsMTEuMDFjLS4yLDAtLjQxLS4wNi0uNTktLjE3bC0zLjAzLTEuOTJjLS4yMy0uMTUtLjMtLjQ2LS4xNS0uNjksLjE1LS4yMywuNDYtLjMsLjY5LS4xNWwzLjAzLDEuOTJzLjA3LC4wMiwuMSwwLC4wNS0uMDUsLjA1LS4wOVYyLjA5cy0uMDItLjA3LS4wNS0uMDljLS4wMy0uMDItLjA3LS4wMi0uMSwwbC0zLjAzLDEuOTJjLS4yMywuMTUtLjU0LC4wOC0uNjktLjE1LS4xNS0uMjMtLjA4LS41NCwuMTUtLjY5bDMuMDMtMS45MmMuMzQtLjIxLC43Ny0uMjMsMS4xMi0uMDMsLjM1LC4xOSwuNTcsLjU2LC41NywuOTZ2Ny44MmMwLC40LS4yMiwuNzctLjU3LC45Ni0uMTcsLjA5LS4zNSwuMTQtLjUzLC4xNFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik04Ljk2LDEwLjk4Yy0uMjEsMC0uNDItLjA2LS42MS0uMThMMi40OSw2LjkyYy0uMzEtLjItLjQ5LS41NS0uNDktLjkyLDAtLjM3LC4xOC0uNzEsLjQ5LS45Mkw4LjM2LDEuMmMuMzQtLjIyLC43Ny0uMjQsMS4xMy0uMDUsLjM2LC4xOSwuNTgsLjU2LC41OCwuOTd2Ny43N2MwLC40MS0uMjIsLjc4LS41OCwuOTctLjE2LC4wOS0uMzQsLjEzLS41MiwuMTNaTTIuNzYsNS41bC4yOCwuNDJzLS4wNCwuMDYtLjA0LC4wOGw1LjkyLDMuOTdzLjA3LC4wMiwuMSwwYy4wMy0uMDIsLjA1LS4wNSwuMDUtLjA5VjIuMTFzLS4wMi0uMDctLjA1LS4wOWMtLjAzLS4wMi0uMDctLjAyLS4xLDBMMy4wNCw1LjkybC0uMjgtLjQyWiIgZmlsbD0iY3VycmVudENvbG9yIi8 + PC9zdmc +;--fk-icon-color:PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI + PHBhdGggZD0iTTUuNSwxNEgyLjVjLS4yOCwwLS41LS4yMi0uNS0uNXYtM2MwLS4xMywuMDUtLjI2LC4xNS0uMzVMNy4xNSw1LjE1Yy4yLS4yLC41MS0uMiwuNzEsMGwzLDNjLjIsLjIsLjIsLjUxLDAsLjcxbC01LDVjLS4wOSwuMDktLjIyLC4xNS0uMzUsLjE1Wm0tMi41LTFoMi4yOWw0LjUtNC41LTIuMjktMi4yOUwzLDEwLjcxdjIuMjlaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNMTMuMzcsNS42MmwtMS4zOCwxLjM4LTMtMywxLjM4LTEuMzhjLjQyLS40MiwuOTYtLjYyLDEuNS0uNjJzMS4wOCwuMiwxLjUsLjYyYy44MywuODMsLjgzLDIuMTcsMCwzWiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg + PHBhdGggZD0iTTEyLjUsOGMtLjEzLDAtLjI2LS4wNS0uMzUtLjE1TDguMTUsMy44NWMtLjItLjItLjItLjUxLDAtLjcxLC4yLS4yLC41MS0uMiwuNzEsMGw0LDRjLjIsLjIsLjIsLjUxLDAsLjcxLS4xLC4xLS4yMywuMTUtLjM1LC4xNVoiIGZpbGw9ImN1cnJlbnRDb2xvciI + PC9wYXRoPjwvc3ZnPg==}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.formkit-loader-icon svg{animation:spin 0.5s infinite linear}
|
package/index.cjs
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
/* #__PURE__ */o.defaultIcon("remove","trash"),
|
|
17
17
|
/* #__PURE__ */o.defaultIcon("add","add"),
|
|
18
18
|
/* #__PURE__ */o.defaultIcon("moveUp","arrowUp"),
|
|
19
|
-
/* #__PURE__ */o.defaultIcon("moveDown","arrowDown")]},Xo=new WeakMap;function Jo(e,t){const o={onItems:[],offItems:[]},n=t||Number(e.value||0);for(let t=0;t<e.props.max;t++)if(t<n&&t+1>=n){const r=e.props.rightToLeft?100-100*(n-t):100*(n-t);o.onItems.push(r+"%"),o.offItems.push(100-r+"%")}else t<n?(o.offItems.push("0%"),o.onItems.push("100%")):t>=n&&(o.offItems.push("100%"),o.onItems.push("0%"));e.props.itemsToPercentages=o}function Qo(e,t){var o;null===(o=e.context)||void 0===o||o.handlers.blur(t)}function en(e,t){const{x:o,y:n}=dn(t);let r=document.elementFromPoint(o,n);const s=Array.from(document.querySelectorAll(`#${e.props.id}_items_wrapper > .formkit-ratingItem`));let a=!0;for(;r&&a;){if(s.includes(r)){a=!1;break}r=r.parentNode}if(!a){const t=s.indexOf(r);if(1===e.props.step)return void e.input(t+1,!1)}}function tn(e,t,o){e.props.disabled||(o.preventDefault(),e.props.hoverHighlight=!0,e.props.touchStarted=!0,1!==e.props.step?cn(e,t,o):e.input(t+1,!1))}function on(e,t){if(!e.props.dragStarted)return;t.preventDefault(),e.props.hoverHighlight=!1,e.props.dragStarted=!1,Jo(e);const o=Xo.get(e);o&&(o.abort(),Xo.delete(e))}function nn(e,t,o){if(e.props.hoverHighlight||e.props.disabled)return;o.preventDefault(),e.props.hoverHighlight=!0,e.props.dragStarted=!0;const n=new AbortController;document.addEventListener("mouseup",(t=>on(e,t)),{signal:n.signal}),Xo.set(e,n),1===e.props.step?e.input(t+1,!1):cn(e,t,o)}function rn(e,t){var o,n;if(document.activeElement===t.currentTarget)if("ArrowRight"===t.key||"ArrowDown"===t.key){e.props.arrow=1;const t=e.value?un(e.value+1*e.props.step,e.props.step):e.props.min+1*e.props.step,n=null===(o=e.props.__root)||void 0===o?void 0:o.querySelector(e.value?`#${e.props.id}_inner input[value="${t}"]`:"#"+(e.props.id+"_0_0"));e.props.preventFocus=!0,n&&n instanceof HTMLInputElement&&n.focus(),e.props.preventFocus=!1,e.input(Number(t))}else if("ArrowLeft"===t.key||"ArrowUp"===t.key){e.props.arrow=-1;const t=e.value?un(e.value-1*e.props.step,e.props.step):e.props.max,o=null===(n=e.props.__root)||void 0===n?void 0:n.querySelector(`#${e.props.id}_inner input[value="${t}"]`);e.props.preventFocus=!0,o&&o instanceof HTMLInputElement&&o.focus(),e.props.preventFocus=!0,e.input(Number(t)),e.props.preventFocus=!1}}function sn(e,t){if(!e.props.preventFocus)if(e.props.preventFocus=!0,setTimeout((()=>{e.props.preventFocus=!1}),50),t.relatedTarget instanceof HTMLElement&&t.relatedTarget.id===e.props.id+"_items_wrapper")e.props.arrow>0?setTimeout((()=>{var t,o;null===(o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(e.props.id+"_0_0"))||void 0===o||o.focus()})):e.props.arrow<0&&setTimeout((()=>{var t,o;null===(o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(e.props.id+`_${e.props.max-1}_${e.props.stepsPerValue-1}`))||void 0===o||o.focus()}));else if(t.target instanceof HTMLInputElement){if(Number(t.target.value)===e.props.step&&e.value===e.props.max||Number(t.target.value)===e.props.max&&e.value===e.props.step){const t=document.getElementById(e.props.id+"_items_wrapper");return null==t||t.focus(),void e.input(0)}e.input(Number(t.target.value))}}function an(e,t,o){e.props.hoverHighlight&&(e.props.disabled||(1===e.props.step?(Jo(e,t+1),e.props.dragStarted&&e.input(t+1,!1)):cn(e,t,o,!!e.props.dragStarted)))}function ln(e){Jo(e)}function pn(e,t,o){if(!e.props.disabled&&"touchstart"!==o.type&&(o.preventDefault(),(0!==o.clientX||0!==o.clientY)&&o.currentTarget instanceof HTMLElement))return 1===e.props.step?e.props.deselect&&Number(e.value)===t+1?void e.input(0):void e.input(t+1):void cn(e,t,o)}function dn(e){return e instanceof MouseEvent?{x:e.clientX,y:e.clientY}:{x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY}}function cn(e,t,o,n=!0){if(!(o.currentTarget instanceof HTMLElement))return;const{x:r,y:s}=dn(o),a=o.currentTarget.getBoundingClientRect();let l=un((r-a.x)/a.width+t,e.props.step);l=l>e.props.min?l:e.props.min,l=l<e.props.max?l:e.props.max,!e.props.deselect||l!==Number(e.value)||e.props.dragStarted?n?e.input(l,!1):Jo(e,l):e.input(0)}function un(e,t){t||(t=1);const o=1/t;return Math.ceil(e*o)/o}const fn=/* #__PURE__ */q("rt"),{outer:vn,wrapper:hn,inner:mn,label:gn,prefix:$n,suffix:bn,help:yn,messages:xn,message:wn,icon:_n}=/* #__PURE__ */z(fn),kn=fn("itemsWrapper",(()=>({$el:"span",attrs:{style:{"flex-direction":'$rightToLeft && "row-reverse" || undefined'},tabindex:"$value !== undefined && $value !== 0 && '-1' || '0'",id:"$id + _items_wrapper",onKeydown:"$handlers.handleWrapperKeydown","data-disabled":"$disabled",onBlur:"$handlers.handleWrapperBlur",onMouseleave:"$hoverHighlight && $handlers.handleMouseleave"}}))),Sn=fn("ratingItem",(()=>({for:["item","index","$max"],$el:"span",attrs:{id:'$id + "_item_" + $index',onClick:"$handlers.handleItemClick($item)",draggable:"$hoverHighlight !== true && && $disabled !== true && true",onMousemove:"$handlers.handleMousemove($item)",onDragstart:"$handlers.handleDragstart($item)",onDragend:"$handlers.handleDragend",onTouchstart:"$handlers.handleTouchstart($item)",onTouchmove:"$handlers.handleTouchmove"}}))),Ln=fn("template",(()=>({for:["increment","stepIndex","$stepsPerValue"],$el:null}))),An=fn("itemLabel",(()=>({$el:"label",attrs:{id:'$id + "_label_" + $index + "_" + $stepIndex',for:'$id + "_" + $index + "_" + $stepIndex',"data-checked":'$value === $fns.getValue($item, $increment) && "true" || "false"',style:{width:'$fns.showLabel($fns.getValue($item, $increment), $stepIndex, $item) && "100%" || "0%"'}}}))),In=fn("itemLabelInner",(()=>({$el:"span",children:"$fns.getValue($item, $increment)"}))),Dn=fn("input",(()=>({$el:"input",attrs:{type:"radio",value:"$fns.getValue($item, $increment)",id:'$id + "_" + $index + "_" + $stepIndex',onFocus:"$handlers.handleFocus",tabindex:'$value === $fns.getValue($item, $increment) && "0" || "-1"',disabled:"$disabled",name:"$id","data-value":"$fns.getValue($item, $increment)",checked:"$value === $fns.getValue($item, $increment) && true",onKeydown:"$handlers.handleKeydown($fns.getValue($item, $increment))"}}))),Cn=fn("onItemRow",(()=>({$el:"span",attrs:{style:{width:"$fns.getPercentage($itemsToPercentages, $item)",display:"flex",position:"relative",overflow:"hidden",top:"0",left:"0",bottom:"0"}}}))),Tn=fn("offItemRow",(()=>({$el:"span",attrs:{style:{width:"$fns.getPercentage($itemsToPercentages, $item, false)",display:"flex","flex-direction":"row-reverse",position:"absolute",zIndex:"$offItemStyles && 100",overflow:"hidden",top:"0",right:"0"}}}))),En=fn("onItemWrapper",(()=>({$el:"div",attrs:{style:{color:"$onColor"}}}))),On=fn("offItemWrapper",(()=>({$el:"div",attrs:{style:{color:"$offColor"}}}))),Mn=()=>U("$slots.onItem",(()=>()=>"$slots.onItem"),U("$slots.default",(()=>()=>"$slots.default"),_n("rating"))),Vn=()=>U("$slots.offItem",(()=>()=>"$slots.offItem"),U("$slots.default",(()=>()=>"$slots.default"),_n("rating"))),Fn={schema:/* #__PURE__ */vn(/* #__PURE__ */hn(/* #__PURE__ */gn("$label"),/* #__PURE__ */mn(/* #__PURE__ */_n("prefix"),/* #__PURE__ */$n(),/* #__PURE__ */kn(/* #__PURE__ */Sn(/* #__PURE__ */Ln(/* #__PURE__ */An(/* #__PURE__ */Cn(/* #__PURE__ */En(/* #__PURE__ */Mn())),/* #__PURE__ */Tn(/* #__PURE__ */On(/* #__PURE__ */Vn())),/* #__PURE__ */In()),/* #__PURE__ */Dn()))),/* #__PURE__ */bn(),/* #__PURE__ */_n("suffix"))),/* #__PURE__ */yn("$help"),/* #__PURE__ */xn(/* #__PURE__ */wn("$message.value"))),type:"input",props:[],features:[function(t){function o(e){setTimeout((()=>{const t=Array.from(document.querySelectorAll(`#${e.props.id}_items_wrapper > .formkit-ratingItem`));for(let e=0;e<t.length;e++){const o=t[e].querySelectorAll(".formkit-onItemWrapper"),n=t[e].querySelectorAll(".formkit-offItemWrapper");for(let n=0;n<o.length;n++)o[n].style.flex=`0 0 ${t[e].getBoundingClientRect().width}px`;for(let o=0;o<n.length;o++)n[o].style.flex=`0 0 ${t[e].getBoundingClientRect().width}px`}}))}t.addProps(["max","step","stepsPerValue","itemsToPercentages","rightToLeft","onItemStyles","offItemStyles","hoverHighlight","deselect","disabled","wrapperWidth","onColor","offColor"]),!1!==t.props.hoverHighlight&&"false"!==t.props.hoverHighlight&&(t.props.hoverHighlight=!0),t.props.deselect=e.undefine(t.props.deselect),t.props.max=Number(t.props.max)||5,t.props.min=Number(t.props.min)||0,t.props.step=Number(t.props.step)||1,t.props.numberOfSteps=t.props.max/t.props.step,t.props.lastIndex=1/t.props.step-1,t.props.itemsToPercentages={},"disabled"in t.props&&(t.props.disabled=e.undefine(t.props.disabled)),t.props.rightToLeft?(t.props.onItemStyles=void 0,t.props.offItemStyles={position:"absolute",top:"0",left:"0",overflow:"hidden",height:"100%",zIndex:100}):t.props.onItemStyles={position:"absolute",top:"0",left:"0",overflow:"hidden",height:"100%"},t.props.stepsPerValue=1/t.props.step,t.hook.input(((e,o)=>{if(null===e||""===e||isNaN(e))return o(e);const n=Number(e),r=Number(t.props.min),s=Number(t.props.max);return n>s?o(s):t.props.min&&n<=r?o(r):o(n)})),t.on("commit",(({payload:e})=>{const o=Number(e||0);Jo(t,o)})),t.on("created",(()=>{t.context&&(e.whenAvailable(`${t.props.id}_items_wrapper`,(()=>{o(t),function(e){var t;const n=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}_items_wrapper`);if(!n)return;new ResizeObserver((()=>{o(e)})).observe(n)}(t),setTimeout((()=>o(t)),100)}),t.props.__root),t.context.fns.getPercentage=(e,t,o=!0)=>(o?e.onItems:e.offItems)[t],t.context.fns.getValue=(e,o)=>e+Number((o*t.props.step+t.props.step).toFixed(1)),t.context.fns.showLabel=(e,o)=>{const n=Number(t.value||0);return 0===n&&0===o||n&&e===n||e>n&&0===o||n>e&&o===t.props.lastIndex},t.context.handlers.handleFocus=e=>sn.call(null,t,e),t.context.handlers.handleWrapperKeydown=e=>rn.call(null,t,e),t.context.handlers.handleWrapperBlur=e=>Qo.call(null,t,e),t.context.handlers.handleItemClick=e=>o=>pn.call(null,t,e,o),t.context.handlers.handleMousemove=e=>o=>an.call(null,t,e,o),t.context.handlers.handleMouseleave=()=>ln.call(null,t),t.context.handlers.handleDragstart=e=>o=>nn.call(null,t,e,o),t.context.handlers.handleMouseup=e=>on.call(null,t,e),t.context.handlers.handleTouchstart=e=>o=>tn.call(null,t,e,o),t.context.handlers.handleTouchmove=e=>en.call(null,t,e),t.context.handlers.handleKeydown=e=>o=>function(e,t,o){const n=Number(e.value);e.props.deselect&&" "===o.key&&n===t?e.input(0):" "===o.key&&e.input(t)}(t,e,o))}))},/* #__PURE__ */o.defaultIcon("rating","star")]},Bn=/* #__PURE__ */q("ac"),{outer:Pn,wrapper:Hn,inner:Rn,icon:Kn,label:Nn,prefix:Wn,suffix:qn,help:zn,messages:Yn,message:Un}=/* #__PURE__ */z(Bn),jn=Bn("input",(()=>({$el:"input",bind:"$attrs",attrs:{id:"$id",type:"text",onClick:"$handlers.click",onBlur:"$handlers.blur",onKeydown:"$handlers.keydown",onInput:"$handlers.input",onFocus:"$handlers.focus",value:"$inputText || undefined",name:"$node.name",placeholder:"$state.loading && $ui.isLoading.value || $placeholder || undefined",tabindex:'$disabled && "-1" || 0',role:"combobox",autocomplete:'$attrs.autocomplete || "off"',autocapitalize:"none",readonly:"$attrs.readonly || $state.loading || $multiple && $max && $value && $value.length >= $max && $hasHighlightedRange !== true || undefined","data-selection-appearance":"$selectionAppearance",disabled:"$disabled || $disabledInternally || undefined",onTouchmove:"$handlers.touchmove",onTouchstart:"$handlers.touchmove",onTouchend:"$handlers.touchend","aria-autocomplete":"list","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-describedBy":"$describedBy","aria-activedescendant":"$expanded && $activeDescendant || undefined"}}))),Zn=Bn("listboxButton",(()=>({$el:"div",attrs:{style:"$visibilityStyles",id:'$id + "_listbox_button"',role:"button","aria-label":"$expanded && $ui.close.value || $ui.open.value",onClick:"$handlers.toggleListbox",onKeydown:"$handlers.toggleListboxKeydown",tabindex:'$disabled && "-1" || 0',"aria-haspopup":"true","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-disabled":"$disabled || $state.loading || undefined","data-disabled":"$disabled || $disabledInternally || undefined"}}))),Gn=Bn("selectionWrapper",(()=>({for:["option","index","$selections"],$el:"div",attrs:{id:'$id + "_selection_wrapper_" + $index',key:"$option.value","data-value":"$option.value",tabindex:'$disabled && "-1" || 0',onKeydown:"$handlers.selectionKeydown && $handlers.selectionKeydown($multiple && $option || undefined)",onClick:"$handlers.selectionClick && $handlers.selectionClick($multiple && $option || undefined)",onFocus:"$handlers.selectionFocus && $handlers.selectionFocus($multiple && $option || undefined)",onBlur:"$handlers.selectionBlur && $handlers.selectionBlur($multiple && $option || undefined)","data-is-selection":"true","data-active-selection":"$fns.isActiveSelection && $fns.isActiveSelection($activeSelectionValue, $option)"}}))),Xn=Bn("selection",(()=>({$el:"div",attrs:{id:'$id + "_selection_" + $index'}}))),Jn=Bn("selections",(()=>({$el:"div",attrs:{"aria-live":"polite",id:'$id + "_selections"'}}))),Qn=Bn("removeSelection",(()=>({$el:"button",attrs:{id:'$selectionAppearance === "option" && $multiple && $id + "_remove_selection_" + $index || $id + "_remove_selection"',tabindex:"0",title:"$ui.remove.value",type:"button","aria-label":"$ui.remove.value",onClick:"$handlers.removeSelection && $handlers.removeSelection($multiple && $option || undefined)",onTouchend:"$handlers.removeSelection && $handlers.removeSelection($multiple && $option || undefined)","aria-controls":"$id"}}))),er=Bn("optionLoading","span"),tr=Bn("option",(()=>({$el:"div",if:"$value !== undefined"}))),or=/* #__PURE__ */j(Bn);function nr(t){"option"!==t.props.selectionAppearance||t.props.multiple||!1===t.props.selectionRemovable||"false"===t.props.selectionRemovable||(t.props.selectionRemovable=!0),t.props.multiple||(t.props.clearSearchOnOpen=e.undefine(t.props.clearSearchOnOpen)),t.props.selectionRemovable=e.undefine(t.props.selectionRemovable),t.props.openOnClick=e.undefine(t.props.openOnClick),"option"!==t.props.selectionAppearance||t.props.multiple||(t.props.isSingleOption=!0),void 0===t.props.closeOnSelect&&(t.props.closeOnSelect=!0),void 0===t.props.selectionAppearance&&(t.props.selectionAppearance="text-input"),void 0===t.props.closeOnSelect&&(t.props.closeOnSelect=!0),t.props.closeOnSelect?t.props.resetSearchOnCommit=!1:void 0===t.props.resetSearchOnCommit&&(t.props.resetSearchOnCommit=t.props.multiple),t.props.allowNewValues=e.undefine(t.props.allowNewValues)}function rr(t){t.addProps(["inputText","selectionAppearance","searchValue","openOnClick","filteredOptions","search","debounce","showInput","visibilityStyles","selectionStyles","multiple","filter","hasHighlightedRange","clearOnClick","debounce"]),void 0===t.props.debounce?t.props.debounce=200:t.props.debounce=parseInt(t.props.debounce),t.props.nonceKey="searchValue",t.props.searchValue="",t.props.inputText="",t.props.filterOptions=Ce.bind(null,t),t.props.reloadOnCommit=e.undefine(t.props.reloadOnCommit),void 0===t.props.alwaysLoadOnOpen?t.props.alwaysLoadOnOpen=!0:t.props.alwaysLoadOnOpen=e.undefine(t.props.alwaysLoadOnOpen),"function"!=typeof t.props.filter&&(t.props.filter=(e,t)=>e.label.toLowerCase().includes(t.toLowerCase())),t.on("created",(()=>{t.context&&u&&(t.context.handlers.focus=lr.bind(null,t),t.context.handlers.input=sr.bind(null,t),t.context.handlers.focus=lr.bind(null,t),t.context.handlers.click=ar.bind(null,t),t.context.handlers.toggleListbox=ir.bind(null,t),t.context.handlers.toggleListboxKeydown=pr.bind(null,t),t.context.handlers.keydown=At.bind(null,t),t.context.handlers.selectionKeydown=e=>o=>St(t,e,o),t.context.handlers.searchInputTagKeydown=e=>o=>function(e,t,o){if(o.stopPropagation(),e.props.disabled)return;switch(o.key){case"ArrowDown":bt(e);break;case"ArrowRight":case"ArrowLeft":yt(e,t,o);break;case"Delete":case"Backspace":xt(e,t,o)}}(t,e,o),t.on("prop:options",(({payload:e})=>{if((0===t.props.initialOptions.length&&"function"!=typeof t.props.optionsLoader||!t.props.searchValue&&e.length)&&(t.props.initialOptions=[...e]),t.props.selections&&t.props.selections.length&&e.length)for(let o=0;o<t.props.selections.length;o++){const n=t.props.selections[o],r=e.find((e=>Ae(e)===n.value));r&&(t.props.selections[o]=r)}})))})),t.on("prop:expanded",(({payload:e})=>{e||Ie.delete(t)}))}function sr(e,t){if(e.props.disabled)return;const o=t.target;e.props.inputText=o.value,e.emit("handleSearchInput",o.value),e.props.searchValue&&Ce(e,e.props.searchValue,!0)}function ar(e,t){t.stopPropagation(),e.props.disabled||e.props.disabledInternally||(e.props.attrs.onClick&&e.props.attrs.onClick(t),(!e.props.expanded&&e.props.openOnClick||e.props.openOnFocus)&&(e.props.expanded=!0))}function lr(e){e.props.disabled||e.props.disabledInternally||(e.props.attrs.onFocus&&e.props.attrs.onFocus(),e.props.activeSelectionValue=void 0,e.props.skipOpen?e.props.skipOpen=!1:e.props.openOnFocus&&(e.props.expanded=!0))}function ir(e){var t,o,n;e.props.disabled||e.props.disabledInternally||(null===(t=e.context)||void 0===t?void 0:t.state.loading)||(e.props.expanded=!e.props.expanded,e.props.openOnFocus||null===(n=null===(o=e.props.__root)||void 0===o?void 0:o.getElementById(`${e.props.id}`))||void 0===n||n.focus())}function pr(e,t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),ir(e))}const dr=new WeakMap,cr="undefined"!=typeof window,ur=new WeakMap;let fr=!1;function vr(t){t.props.searchValue=null,t.on("commit",(()=>{t.props.searchValue=null,t.props.highlightedRange||hr(t)})),t.on("created",(()=>{if(!t.context||!cr)return;t.on("handleSearchInput",(({payload:e})=>{""===e?(t.props.searchValue=null,t.input([])):e&&0===t.props.inputStd.length?t.props.searchValue=e:e&&t.props.inputStd.length>0&&(t.props.searchValue=function(e){var t;const o=gr(e);if(e.props.highlightedRange){const[t,n]=mr(e,o);return e.props.inputText.slice(t,n)}return e.props.inputText.slice((null===(t=o[o.length-1])||void 0===t?void 0:t.end)+2)}(t)),!t.props.expanded&&e?t.props.expanded=!0:!e&&t.props.expanded&&(t.props.expanded=!1)})),function(t){e.whenAvailable(`${t.props.id}`,(e=>{e instanceof HTMLInputElement&&ur.set(e,t)}),t.props.__root),cr&&!fr&&(fr=!0,document.addEventListener("selectionchange",(()=>{const e=Le();if(e instanceof HTMLInputElement&&ur.has(e)){const t=ur.get(e);t&&function(e){clearTimeout(dr.get(e)),dr.set(e,setTimeout((()=>{var t,o,n,r;const s=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}`);if(s instanceof HTMLInputElement){const t=gr(e),a=t.findIndex((e=>null!==s.selectionStart?s.selectionStart>=e.start&&s.selectionStart<=e.end:null!==s.selectionEnd&&(s.selectionEnd>=e.start&&s.selectionEnd<=e.end))),l=null===(o=t[t.length-1])||void 0===o?void 0:o.end;if(0===s.selectionStart&&s.selectionEnd===(null===(n=e.props.inputText)||void 0===n?void 0:n.length))return;if("string"==typeof e.props.searchValue&&e.props.highlightedRange){if(t.length){const o=e.props.highlightedRange,[n,r]=mr(e,t);if(null!==s.selectionEnd&&(s.selectionEnd<n||s.selectionEnd>r)){const t=o.end-o.start-(r-n),a=s.selectionEnd;e.props.inputText=e.props.option.label,e.props.highlightedRange=void 0,e.props.searchValue=null,s.value=e.props.inputText,s.selectionStart=s.selectionEnd=a+(a>n?t:0)}}}else if(a>=0&&null!==s.selectionStart&&(l!==(null===(r=e.props.inputText)||void 0===r?void 0:r.length)||s.selectionStart<l)){const o=t[a],n=e.props.inputText.substr(0,l),r=o.start+(o.index>0?1:0),i=o.end+(t.length-1>o.index?-1:0);n!==e.props.inputText&&(e.props.inputText=n,s.value=n),e.props.highlightedRange=o,s.selectionStart=r,s.selectionEnd=i}else e.props.highlightedRange=void 0,hr(e);if(null!==s.selectionStart&&s.selectionStart>=l&&", "!==e.props.inputText.substring(l,l+2)){let t=e.props.inputText.substring(0,l);t=e.props.multiple&&e.props.max&&Array.isArray(e.props.inputStd)&&e.props.inputStd.length>=e.props.max?t:`${t},`,e.props.inputText=`${t} ${e.props.inputText.substring(l).replace(/^[,\s]{1,2}/,"")}`}}}),5))}(t)}})))}(t);const n=t.context.handlers.keydown;t.context.handlers.keydown=e=>{n(e),function(e,t){var n,r,s,a;if(["ArrowRight","ArrowLeft"].includes(t.key)&&t.target instanceof HTMLInputElement&&null!==t.target.selectionEnd&&null!==t.target.selectionStart){if(0===t.target.selectionStart&&t.target.selectionEnd===(null===(n=e.props.inputText)||void 0===n?void 0:n.length))"ArrowLeft"===t.key?o(0):o(-1);else if(!e.props.searchValue){e.props.searchValue=null;const o=gr(e),n=null===(r=o[o.length-1])||void 0===r?void 0:r.end;t.target.selectionStart<n&&(t.target.selectionStart=Math.max(0,"ArrowLeft"===t.key?t.target.selectionStart-2:t.target.selectionEnd+2))}}else if(["Delete","Backspace"].includes(t.key))e.props.highlightedRange&&!e.props.searchValue?(Ke(e,e.props.highlightedRange.option),0===e.props.inputStd.length&&(e.props.highlightedRange=void 0)):t.target instanceof HTMLInputElement&&(e.props.searchValue=null,o(-1,!0)&&t.preventDefault());else if(t.target instanceof HTMLInputElement&&0===t.target.selectionStart&&t.target.selectionEnd===(null===(s=e.props.inputText)||void 0===s?void 0:s.length)&&(null===(a=e.props.inputText)||void 0===a?void 0:a.length)&&0===e.props.selections.length)t.preventDefault();else if("Tab"===t.key)return;"ArrowLeft"===t.key&&o(-1,!0)&&t.preventDefault()}(t,e)};const r=t.context.handlers.focus;t.context.handlers.focus=e=>{r(t,e);const o=new Event("selectionchange");document.dispatchEvent(o)},t.on("blur",(()=>{t.props.selections.length?(t.props.inputText=t.props.selections.map((e=>e.label)).join(", "),t.props.searchValue=null):t.props.selections.length||(t.props.inputText="",t.props.searchValue="")}))})),t.on("prop:expanded",(({payload:e})=>{e||t.props.inputStd.length?e&&(t.props.options.length&&!t.props.alwaysLoadOnOpen||(t.props.options=[],Ce(t,t.props.searchValue))):(t.props.searchValue="",t.props.inputText="")})),t.on("prop:selections",(()=>{var e;const o=[...t.props.selections].map((e=>e.label)).join(", ");let n="";if(cr&&t.isCreated){const o=null===(e=t.props.__root)||void 0===e?void 0:e.getElementById(`${t.props.id}`);if(null==o||o.focus(),Le()===o&&Array.isArray(t._value)&&t._value.length){if(t.props.max&&t._value.length>=Number(t.props.max))return;n=", "}}t.props.inputText=`${o}${n}`,t.props.reloadOnCommit&&(t.props.searchValue="",Ce(t,t.props.searchValue))}));const o=(e,o=!1)=>{var n,r;const s=null===(n=t.props.__root)||void 0===n?void 0:n.getElementById(`${t.props.id}`);if(!(s instanceof HTMLInputElement))return!1;const a=gr(t),l=e>=0?e:a.length-1;if(void 0===a[l])return!1;const i=null===(r=a[l])||void 0===r?void 0:r.end;return null!==s.selectionStart&&(!o||s.selectionStart>=i&&s.selectionStart<=i+2)&&(s.selectionStart=a[l].start+(l>0?1:0),s.selectionEnd=a[l].end+(l<a.length-1?-1:0),!0)};let n;t.on("selectRange",(({payload:e})=>o(...e))),t.on("prop:highlightedRange",(({payload:e})=>{t.props.hasHighlightedRange=!!e,e&&t.props.expanded&&n!==e.option&&(n=e.option,We(t))}))}function hr(e){var t;if(!cr)return;const o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}`);o&&o.scrollTo({left:o.scrollWidth,behavior:"smooth"})}function mr(e,t){var o;const n=e.props.highlightedRange,r=n.index,s=n.start+(r?1:0),a=t.length-1>r?t[t.length-1].end-t[r+1].start:0;return[s,(null===(o=e.props.inputText)||void 0===o?void 0:o.length)-a+(t.length-1>n.index?-1:0)]}function gr(e){const t=Re(e);return Array.isArray(t)&&t.length?t.reduce(((e,o,n)=>{var r;const s=(null===(r=e[n-1])||void 0===r?void 0:r.end)||0;let a=0;return t.length-1!==n&&a++,0!==n&&a++,e.push({option:o,index:n,start:s,end:s+o.label.length+a}),e}),[]):[]}function $r(e){!function(e){e.on("prop:expanded",(({payload:t})=>{t?(e.props.searchValue="",e.props.options.length&&!e.props.alwaysLoadOnOpen||(e.props.options=[],Ce(e,e.props.searchValue,!0))):(e.props.searchValue="",e.props.inputText="")}))}(e),function(e){e.on("handleSearchInput",(({payload:t})=>{t&&!e.props.expanded?(e.props.searchExpand=!0,e.props.expanded=!0):!t&&e.props.expanded&&(e.props.expanded=!1),e.props.searchValue=e.props.inputText}))}(e),function(e){e.on("prop:selections",(()=>{e.isCreated&&(e.props.inputText="",e.props.searchValue="",e.props.optionRemoved||e.props.reloadOnCommit&&Ce(e,e.props.searchValue,!0))}))}(e)}function br(e){!function(e){function t(e){0===e.props.inputStd.length?(e.props.inputText="",e.props.searchValue=""):(e.props.inputText=e.props.selections[0].label,e.props.searchValue=e.props.selections[0].label)}function o(e){e.props.clearSearchOnOpen&&!e.props.searchExpand&&(e.props.inputText="",e.props.searchValue=""),e.props.searchValue=e.props.inputText,e.props.options.length&&!e.props.alwaysLoadOnOpen||e.props.searchExpand||(e.props.options=[],Ce(e,e.props.searchValue,!0)),e.props.searchExpand&&(e.props.searchExpand=!1)}e.on("prop:expanded",(({payload:n})=>{n?o(e):t(e)}))}(e),function(e){e.on("handleSearchInput",(({payload:t})=>{""===t?(0===e.props.inputStd.length&&(e.props.expanded=!1),e.input(void 0)):t&&!e.props.expanded&&(e.props.searchExpand=!0,e.props.expanded=!0),e.props.searchValue=e.props.inputText}))}(e),function(e){e.on("prop:selections",(({payload:t})=>{e.props.inputText=t.length?t[0].label:"",e.props.searchValue=t.length?t[0].label:"",e.isCreated&&e.props.expanded&&0===t.length&&Ce(e,e.props.searchValue,!0)}))}(e)}function yr(t){if(t.props.multiple)if(t.props.multiple&&"option"===t.props.selectionAppearance){function o(){return Array.isArray(t.value)?t.value:[]}function r(e){t.input(e)}$r(t),t.on("created",(()=>{t.props.disabled&&(t.props.draggable=!1),e.whenAvailable(`${t.props.id}_selections`,(e=>{if(e instanceof HTMLElement&&t.context){const s={draggingClass:t.context.classes.dragging,dropZoneClass:t.context.classes.dropZone,root:t.props.__root,disabled:!t.props.draggable,plugins:[n.animations()],touchDraggingClass:t.context.classes.touchDragging,touchDropZoneClass:t.context.classes.touchDropZone,draggable:e=>e.hasAttribute("data-is-selection")};n.dragAndDrop({parent:e,getValues:o,setValues:r,config:s}),t.on("prop:disabled",(({payload:t})=>{s.disabled=t,n.dragAndDrop({parent:e,getValues:o,setValues:r,config:s})})),t.on("prop:draggable",(({payload:t})=>{s.disabled=!t,n.dragAndDrop({parent:e,getValues:o,setValues:r,config:s})}))}}),t.props.__root)}))}else t.props.multiple&&"text-input"===t.props.selectionAppearance&&vr(t);else br(t)}const xr={schema:/* #__PURE__ */Pn(/* #__PURE__ */Hn(/* #__PURE__ */Nn("$label"),/* #__PURE__ */Rn(/* #__PURE__ */Kn("prefix"),/* #__PURE__ */Wn(),/* #__PURE__ */jn(),/* #__PURE__ */U("$multiple !== true && $selectionAppearance === option && $expanded === false",/* #__PURE__ */Jn(/* #__PURE__ */Gn(/* #__PURE__ */Xn(/* #__PURE__ */tr(/* #__PURE__ */U("$state.loading",/* #__PURE__ */er("$ui.isLoading.value"),"$option.label"))),/* #__PURE__ */U("$state.loading && $isSingleOption !== true && $optionLoaderValues.includes($option.value)",/* #__PURE__ */Kn("loader")),/* #__PURE__ */U("$selectionRemovable && $isSingleOption",/* #__PURE__ */Qn(/* #__PURE__ */Kn("close")))))),/* #__PURE__ */U("$state.loading && ($isSingleOption !== true || $selections.length === 0)",/* #__PURE__ */Kn("loader")),/* #__PURE__ */U('$selectionRemovable && $selectionAppearance === "text-input" && $selections.length > 0',/* #__PURE__ */Qn(/* #__PURE__ */Kn("close")),/* #__PURE__ */U('$selectionAppearance === "text-input" || ($selectionAppearance === "option" && $multiple)',/* #__PURE__ */Zn(/* #__PURE__ */Kn("select")))),/* #__PURE__ */U("$isSingleOption && ($inputStd.length === 0 || $selectionRemovable === undefined || ($expanded) || $state.loading || $optionLoaderValues.length > 0)",/* #__PURE__ */Zn(/* #__PURE__ */Kn("select"))),/* #__PURE__ */or(),/* #__PURE__ */qn(),/* #__PURE__ */Kn("suffix")),/* #__PURE__ */U("$multiple && $selectionAppearance === option",/* #__PURE__ */Jn(/* #__PURE__ */Gn(/* #__PURE__ */Xn(/* #__PURE__ */tr(/* #__PURE__ */U("$state.loading && $isLoadingOption",/* #__PURE__ */er("$ui.isLoading.value"),"$option.label"))),/* #__PURE__ */Qn(/* #__PURE__ */Kn("close")))))),/* #__PURE__ */zn("$help"),/* #__PURE__ */Yn(/* #__PURE__ */Un("$message.value"))),type:"input",family:"dropdown",props:[],features:[
|
|
19
|
+
/* #__PURE__ */o.defaultIcon("moveDown","arrowDown")]},Xo=new WeakMap;function Jo(e,t){const o={onItems:[],offItems:[]},n=t||Number(e.value||0);for(let t=0;t<e.props.max;t++)if(t<n&&t+1>=n){const r=e.props.rightToLeft?100-100*(n-t):100*(n-t);o.onItems.push(r+"%"),o.offItems.push(100-r+"%")}else t<n?(o.offItems.push("0%"),o.onItems.push("100%")):t>=n&&(o.offItems.push("100%"),o.onItems.push("0%"));e.props.itemsToPercentages=o}function Qo(e,t){var o;null===(o=e.context)||void 0===o||o.handlers.blur(t)}function en(e,t){const{x:o,y:n}=dn(t);let r=document.elementFromPoint(o,n);const s=Array.from(document.querySelectorAll(`#${e.props.id}_items_wrapper > .formkit-ratingItem`));let a=!0;for(;r&&a;){if(s.includes(r)){a=!1;break}r=r.parentNode}if(!a){const t=s.indexOf(r);if(1===e.props.step)return void e.input(t+1,!1)}}function tn(e,t,o){e.props.disabled||(o.preventDefault(),e.props.hoverHighlight=!0,e.props.touchStarted=!0,1!==e.props.step?cn(e,t,o):e.input(t+1,!1))}function on(e,t){if(!e.props.dragStarted)return;t.preventDefault(),e.props.hoverHighlight=!1,e.props.dragStarted=!1,Jo(e);const o=Xo.get(e);o&&(o.abort(),Xo.delete(e))}function nn(e,t,o){if(e.props.hoverHighlight||e.props.disabled)return;o.preventDefault(),e.props.hoverHighlight=!0,e.props.dragStarted=!0;const n=new AbortController;document.addEventListener("mouseup",(t=>on(e,t)),{signal:n.signal}),Xo.set(e,n),1===e.props.step?e.input(t+1,!1):cn(e,t,o)}function rn(e,t){var o,n;if(document.activeElement===t.currentTarget)if("ArrowRight"===t.key||"ArrowDown"===t.key){e.props.arrow=1;const t=e.value?un(e.value+1*e.props.step,e.props.step):e.props.min+1*e.props.step,n=null===(o=e.props.__root)||void 0===o?void 0:o.querySelector(e.value?`#${e.props.id}_inner input[value="${t}"]`:"#"+(e.props.id+"_0_0"));e.props.preventFocus=!0,n&&n instanceof HTMLInputElement&&n.focus(),e.props.preventFocus=!1,e.input(Number(t))}else if("ArrowLeft"===t.key||"ArrowUp"===t.key){e.props.arrow=-1;const t=e.value?un(e.value-1*e.props.step,e.props.step):e.props.max,o=null===(n=e.props.__root)||void 0===n?void 0:n.querySelector(`#${e.props.id}_inner input[value="${t}"]`);e.props.preventFocus=!0,o&&o instanceof HTMLInputElement&&o.focus(),e.props.preventFocus=!0,e.input(Number(t)),e.props.preventFocus=!1}}function sn(e,t){if(!e.props.preventFocus)if(e.props.preventFocus=!0,setTimeout((()=>{e.props.preventFocus=!1}),50),t.relatedTarget instanceof HTMLElement&&t.relatedTarget.id===e.props.id+"_items_wrapper")e.props.arrow>0?setTimeout((()=>{var t,o;null===(o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(e.props.id+"_0_0"))||void 0===o||o.focus()})):e.props.arrow<0&&setTimeout((()=>{var t,o;null===(o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(e.props.id+`_${e.props.max-1}_${e.props.stepsPerValue-1}`))||void 0===o||o.focus()}));else if(t.target instanceof HTMLInputElement){if(Number(t.target.value)===e.props.step&&e.value===e.props.max||Number(t.target.value)===e.props.max&&e.value===e.props.step){const t=document.getElementById(e.props.id+"_items_wrapper");return null==t||t.focus(),void e.input(0)}e.input(Number(t.target.value))}}function an(e,t,o){e.props.hoverHighlight&&(e.props.disabled||(1===e.props.step?(Jo(e,t+1),e.props.dragStarted&&e.input(t+1,!1)):cn(e,t,o,!!e.props.dragStarted)))}function ln(e){Jo(e)}function pn(e,t,o){if(!e.props.disabled&&"touchstart"!==o.type&&(o.preventDefault(),(0!==o.clientX||0!==o.clientY)&&o.currentTarget instanceof HTMLElement))return 1===e.props.step?e.props.deselect&&Number(e.value)===t+1?void e.input(0):void e.input(t+1):void cn(e,t,o)}function dn(e){return e instanceof MouseEvent?{x:e.clientX,y:e.clientY}:{x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY}}function cn(e,t,o,n=!0){if(!(o.currentTarget instanceof HTMLElement))return;const{x:r,y:s}=dn(o),a=o.currentTarget.getBoundingClientRect();let l=un((r-a.x)/a.width+t,e.props.step);l=l>e.props.min?l:e.props.min,l=l<e.props.max?l:e.props.max,!e.props.deselect||l!==Number(e.value)||e.props.dragStarted?n?e.input(l,!1):Jo(e,l):e.input(0)}function un(e,t){t||(t=1);const o=1/t;return Math.ceil(e*o)/o}const fn=/* #__PURE__ */q("rt"),{outer:vn,wrapper:hn,inner:mn,label:gn,prefix:$n,suffix:bn,help:yn,messages:xn,message:wn,icon:_n}=/* #__PURE__ */z(fn),kn=fn("itemsWrapper",(()=>({$el:"span",attrs:{style:{"flex-direction":'$rightToLeft && "row-reverse" || undefined'},tabindex:"$value !== undefined && $value !== 0 && '-1' || '0'",id:"$id + _items_wrapper",onKeydown:"$handlers.handleWrapperKeydown","data-disabled":"$disabled",onBlur:"$handlers.handleWrapperBlur",onMouseleave:"$hoverHighlight && $handlers.handleMouseleave"}}))),Sn=fn("ratingItem",(()=>({for:["item","index","$max"],$el:"span",attrs:{id:'$id + "_item_" + $index',onClick:"$handlers.handleItemClick($item)",draggable:"$hoverHighlight !== true && && $disabled !== true && true",onMousemove:"$handlers.handleMousemove($item)",onDragstart:"$handlers.handleDragstart($item)",onDragend:"$handlers.handleDragend",onTouchstart:"$handlers.handleTouchstart($item)",onTouchmove:"$handlers.handleTouchmove"}}))),Ln=fn("template",(()=>({for:["increment","stepIndex","$stepsPerValue"],$el:null}))),An=fn("itemLabel",(()=>({$el:"label",attrs:{id:'$id + "_label_" + $index + "_" + $stepIndex',for:'$id + "_" + $index + "_" + $stepIndex',"data-checked":'$value === $fns.getValue($item, $increment) && "true" || "false"',style:{width:'$fns.showLabel($fns.getValue($item, $increment), $stepIndex, $item) && "100%" || "0%"'}}}))),In=fn("itemLabelInner",(()=>({$el:"span",children:"$fns.getValue($item, $increment)"}))),Dn=fn("input",(()=>({$el:"input",attrs:{type:"radio",value:"$fns.getValue($item, $increment)",id:'$id + "_" + $index + "_" + $stepIndex',onFocus:"$handlers.handleFocus",tabindex:'$value === $fns.getValue($item, $increment) && "0" || "-1"',disabled:"$disabled",name:"$id","data-value":"$fns.getValue($item, $increment)",checked:"$value === $fns.getValue($item, $increment) && true",onKeydown:"$handlers.handleKeydown($fns.getValue($item, $increment))"}}))),Cn=fn("onItemRow",(()=>({$el:"span",attrs:{style:{width:"$fns.getPercentage($itemsToPercentages, $item)",display:"flex",position:"relative",overflow:"hidden",top:"0",left:"0",bottom:"0"}}}))),Tn=fn("offItemRow",(()=>({$el:"span",attrs:{style:{width:"$fns.getPercentage($itemsToPercentages, $item, false)",display:"flex","flex-direction":"row-reverse",position:"absolute",zIndex:"$offItemStyles && 100",overflow:"hidden",top:"0",right:"0"}}}))),En=fn("onItemWrapper",(()=>({$el:"div",attrs:{style:{color:"$onColor"}}}))),On=fn("offItemWrapper",(()=>({$el:"div",attrs:{style:{color:"$offColor"}}}))),Mn=()=>U("$slots.onItem",(()=>()=>"$slots.onItem"),U("$slots.default",(()=>()=>"$slots.default"),_n("rating"))),Vn=()=>U("$slots.offItem",(()=>()=>"$slots.offItem"),U("$slots.default",(()=>()=>"$slots.default"),_n("rating"))),Fn={schema:/* #__PURE__ */vn(/* #__PURE__ */hn(/* #__PURE__ */gn("$label"),/* #__PURE__ */mn(/* #__PURE__ */_n("prefix"),/* #__PURE__ */$n(),/* #__PURE__ */kn(/* #__PURE__ */Sn(/* #__PURE__ */Ln(/* #__PURE__ */An(/* #__PURE__ */Cn(/* #__PURE__ */En(/* #__PURE__ */Mn())),/* #__PURE__ */Tn(/* #__PURE__ */On(/* #__PURE__ */Vn())),/* #__PURE__ */In()),/* #__PURE__ */Dn()))),/* #__PURE__ */bn(),/* #__PURE__ */_n("suffix"))),/* #__PURE__ */yn("$help"),/* #__PURE__ */xn(/* #__PURE__ */wn("$message.value"))),type:"input",props:[],features:[function(t){function o(e){setTimeout((()=>{const t=Array.from(document.querySelectorAll(`#${e.props.id}_items_wrapper > .formkit-ratingItem`));for(let e=0;e<t.length;e++){const o=t[e].querySelectorAll(".formkit-onItemWrapper"),n=t[e].querySelectorAll(".formkit-offItemWrapper");for(let n=0;n<o.length;n++)o[n].style.flex=`0 0 ${t[e].getBoundingClientRect().width}px`;for(let o=0;o<n.length;o++)n[o].style.flex=`0 0 ${t[e].getBoundingClientRect().width}px`}}))}t.addProps(["max","step","stepsPerValue","itemsToPercentages","rightToLeft","onItemStyles","offItemStyles","hoverHighlight","deselect","disabled","wrapperWidth","onColor","offColor"]),!1!==t.props.hoverHighlight&&"false"!==t.props.hoverHighlight&&(t.props.hoverHighlight=!0),t.props.deselect=e.undefine(t.props.deselect),t.props.max=Number(t.props.max)||5,t.props.min=Number(t.props.min)||0,t.props.step=Number(t.props.step)||1,t.props.numberOfSteps=t.props.max/t.props.step,t.props.lastIndex=1/t.props.step-1,t.props.itemsToPercentages={},"disabled"in t.props&&(t.props.disabled=e.undefine(t.props.disabled)),t.props.rightToLeft?(t.props.onItemStyles=void 0,t.props.offItemStyles={position:"absolute",top:"0",left:"0",overflow:"hidden",height:"100%",zIndex:100}):t.props.onItemStyles={position:"absolute",top:"0",left:"0",overflow:"hidden",height:"100%"},t.props.stepsPerValue=1/t.props.step,t.hook.input(((e,o)=>{if(null===e||""===e||isNaN(e))return o(e);const n=Number(e),r=Number(t.props.min),s=Number(t.props.max);return n>s?o(s):t.props.min&&n<=r?o(r):o(n)})),t.on("commit",(({payload:e})=>{const o=Number(e||0);Jo(t,o)})),t.on("created",(()=>{t.context&&(e.whenAvailable(`${t.props.id}_items_wrapper`,(()=>{o(t),function(e){var t;const n=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}_items_wrapper`);if(!n)return;new ResizeObserver((()=>{o(e)})).observe(n)}(t),setTimeout((()=>o(t)),100)}),t.props.__root),t.context.fns.getPercentage=(e,t,o=!0)=>(o?e.onItems:e.offItems)[t],t.context.fns.getValue=(e,o)=>e+Number((o*t.props.step+t.props.step).toFixed(1)),t.context.fns.showLabel=(e,o)=>{const n=Number(t.value||0);return 0===n&&0===o||n&&e===n||e>n&&0===o||n>e&&o===t.props.lastIndex},t.context.handlers.handleFocus=e=>sn.call(null,t,e),t.context.handlers.handleWrapperKeydown=e=>rn.call(null,t,e),t.context.handlers.handleWrapperBlur=e=>Qo.call(null,t,e),t.context.handlers.handleItemClick=e=>o=>pn.call(null,t,e,o),t.context.handlers.handleMousemove=e=>o=>an.call(null,t,e,o),t.context.handlers.handleMouseleave=()=>ln.call(null,t),t.context.handlers.handleDragstart=e=>o=>nn.call(null,t,e,o),t.context.handlers.handleMouseup=e=>on.call(null,t,e),t.context.handlers.handleTouchstart=e=>o=>tn.call(null,t,e,o),t.context.handlers.handleTouchmove=e=>en.call(null,t,e),t.context.handlers.handleKeydown=e=>o=>function(e,t,o){const n=Number(e.value);e.props.deselect&&" "===o.key&&n===t?e.input(0):" "===o.key&&e.input(t)}(t,e,o))}))},/* #__PURE__ */o.defaultIcon("rating","star")]},Bn=/* #__PURE__ */q("ac"),{outer:Pn,wrapper:Hn,inner:Rn,icon:Kn,label:Nn,prefix:Wn,suffix:qn,help:zn,messages:Yn,message:Un}=/* #__PURE__ */z(Bn),jn=Bn("input",(()=>({$el:"input",bind:"$attrs",attrs:{id:"$id",type:"text",onClick:"$handlers.click",onBlur:"$handlers.blur",onKeydown:"$handlers.keydown",onInput:"$handlers.input",onFocus:"$handlers.focus",value:"$inputText || undefined",name:"$node.name",placeholder:"$state.loading && $ui.isLoading.value || $placeholder || undefined",tabindex:'$disabled && "-1" || 0',role:"combobox",autocomplete:'$attrs.autocomplete || "off"',autocapitalize:"none",readonly:"$attrs.readonly || $state.loading || $multiple && $max && $value && $value.length >= $max && $hasHighlightedRange !== true || undefined","data-selection-appearance":"$selectionAppearance",disabled:"$disabled || $disabledInternally || undefined",onTouchmove:"$handlers.touchmove",onTouchstart:"$handlers.touchmove",onTouchend:"$handlers.touchend","aria-autocomplete":"list","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-describedBy":"$describedBy","aria-activedescendant":"$expanded && $activeDescendant || undefined"}}))),Zn=Bn("listboxButton",(()=>({$el:"div",attrs:{style:"$visibilityStyles",id:'$id + "_listbox_button"',role:"button","aria-label":"$expanded && $ui.close.value || $ui.open.value",onClick:"$handlers.toggleListbox",onKeydown:"$handlers.toggleListboxKeydown",tabindex:'$disabled && "-1" || 0',"aria-haspopup":"true","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-disabled":"$disabled || $state.loading || undefined","data-disabled":"$disabled || $disabledInternally || undefined"}}))),Gn=Bn("selectionWrapper",(()=>({for:["option","index","$selections"],$el:"div",attrs:{id:'$id + "_selection_wrapper_" + $index',key:"$option.value","data-value":"$option.value",tabindex:'$disabled && "-1" || 0',onKeydown:"$handlers.selectionKeydown && $handlers.selectionKeydown($multiple && $option || undefined)",onClick:"$handlers.selectionClick && $handlers.selectionClick($multiple && $option || undefined)",onFocus:"$handlers.selectionFocus && $handlers.selectionFocus($multiple && $option || undefined)",onBlur:"$handlers.selectionBlur && $handlers.selectionBlur($multiple && $option || undefined)","data-is-selection":"true","data-active-selection":"$fns.isActiveSelection && $fns.isActiveSelection($activeSelectionValue, $option)"}}))),Xn=Bn("selection",(()=>({$el:"div",attrs:{id:'$id + "_selection_" + $index'}}))),Jn=Bn("selections",(()=>({$el:"div",attrs:{"aria-live":"polite",id:'$id + "_selections"'}}))),Qn=Bn("removeSelection",(()=>({$el:"button",attrs:{id:'$selectionAppearance === "option" && $multiple && $id + "_remove_selection_" + $index || $id + "_remove_selection"',tabindex:"0",title:"$ui.remove.value",type:"button","aria-label":"$ui.remove.value",onClick:"$handlers.removeSelection && $handlers.removeSelection($multiple && $option || undefined)",onTouchend:"$handlers.removeSelection && $handlers.removeSelection($multiple && $option || undefined)","aria-controls":"$id"}}))),er=Bn("optionLoading","span"),tr=Bn("option",(()=>({$el:"div",if:"$value !== undefined"}))),or=/* #__PURE__ */j(Bn);function nr(t){"option"!==t.props.selectionAppearance||t.props.multiple||!1===t.props.selectionRemovable||"false"===t.props.selectionRemovable||(t.props.selectionRemovable=!0),t.props.multiple||(t.props.clearSearchOnOpen=e.undefine(t.props.clearSearchOnOpen)),t.props.selectionRemovable=e.undefine(t.props.selectionRemovable),t.props.openOnClick=e.undefine(t.props.openOnClick),"option"!==t.props.selectionAppearance||t.props.multiple||(t.props.isSingleOption=!0),void 0===t.props.closeOnSelect&&(t.props.closeOnSelect=!0),void 0===t.props.selectionAppearance&&(t.props.selectionAppearance="text-input"),void 0===t.props.closeOnSelect&&(t.props.closeOnSelect=!0),t.props.closeOnSelect?t.props.resetSearchOnCommit=!1:void 0===t.props.resetSearchOnCommit&&(t.props.resetSearchOnCommit=t.props.multiple),t.props.allowNewValues=e.undefine(t.props.allowNewValues)}function rr(t){t.addProps(["inputText","selectionAppearance","searchValue","openOnClick","filteredOptions","search","debounce","showInput","visibilityStyles","selectionStyles","multiple","filter","hasHighlightedRange","clearOnClick","debounce"]),void 0===t.props.debounce?t.props.debounce=200:t.props.debounce=parseInt(t.props.debounce),t.props.nonceKey="searchValue",t.props.searchValue="",t.props.inputText="",t.props.filterOptions=Ce.bind(null,t),t.props.reloadOnCommit=e.undefine(t.props.reloadOnCommit),void 0===t.props.alwaysLoadOnOpen?t.props.alwaysLoadOnOpen=!0:t.props.alwaysLoadOnOpen=e.undefine(t.props.alwaysLoadOnOpen),"function"!=typeof t.props.filter&&(t.props.filter=(e,t)=>e.label.toLowerCase().includes(t.toLowerCase())),t.on("created",(()=>{t.context&&u&&(t.context.handlers.focus=lr.bind(null,t),t.context.handlers.input=sr.bind(null,t),t.context.handlers.focus=lr.bind(null,t),t.context.handlers.click=ar.bind(null,t),t.context.handlers.toggleListbox=ir.bind(null,t),t.context.handlers.toggleListboxKeydown=pr.bind(null,t),t.context.handlers.keydown=At.bind(null,t),t.context.handlers.selectionKeydown=e=>o=>St(t,e,o),t.context.handlers.searchInputTagKeydown=e=>o=>function(e,t,o){if(o.stopPropagation(),e.props.disabled)return;switch(o.key){case"ArrowDown":bt(e);break;case"ArrowRight":case"ArrowLeft":yt(e,t,o);break;case"Delete":case"Backspace":xt(e,t,o)}}(t,e,o),t.on("prop:options",(({payload:e})=>{if((0===t.props.initialOptions.length&&"function"!=typeof t.props.optionsLoader||!t.props.searchValue&&e.length)&&(t.props.initialOptions=[...e]),t.props.selections&&t.props.selections.length&&e.length)for(let o=0;o<t.props.selections.length;o++){const n=t.props.selections[o],r=e.find((e=>Ae(e)===n.value));r&&(t.props.selections[o]=r)}})))})),t.on("prop:expanded",(({payload:e})=>{e||Ie.delete(t)}))}function sr(e,t){if(e.props.disabled)return;const o=t.target;e.props.inputText=o.value,e.emit("handleSearchInput",o.value),e.props.searchValue&&Ce(e,e.props.searchValue,!0)}function ar(e,t){t.stopPropagation(),e.props.disabled||e.props.disabledInternally||(e.props.attrs.onClick&&e.props.attrs.onClick(t),(!e.props.expanded&&e.props.openOnClick||e.props.openOnFocus)&&(e.props.expanded=!0))}function lr(e){e.props.disabled||e.props.disabledInternally||(e.props.attrs.onFocus&&e.props.attrs.onFocus(),e.props.activeSelectionValue=void 0,e.props.skipOpen?e.props.skipOpen=!1:e.props.openOnFocus&&(e.props.expanded=!0))}function ir(e){var t,o,n;e.props.disabled||e.props.disabledInternally||(null===(t=e.context)||void 0===t?void 0:t.state.loading)||(e.props.expanded=!e.props.expanded,e.props.openOnFocus||null===(n=null===(o=e.props.__root)||void 0===o?void 0:o.getElementById(`${e.props.id}`))||void 0===n||n.focus())}function pr(e,t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),ir(e))}const dr=new WeakMap,cr="undefined"!=typeof window,ur=new WeakMap;let fr=!1;function vr(t){t.props.searchValue=null,t.on("commit",(()=>{t.props.searchValue=null,t.props.highlightedRange||hr(t)})),t.on("created",(()=>{if(!t.context||!cr)return;t.on("handleSearchInput",(({payload:e})=>{""===e?(t.props.searchValue=null,t.input([])):e&&0===t.props.inputStd.length?t.props.searchValue=e:e&&t.props.inputStd.length>0&&(t.props.searchValue=function(e){var t;const o=gr(e);if(e.props.highlightedRange){const[t,n]=mr(e,o);return e.props.inputText.slice(t,n)}return e.props.inputText.slice((null===(t=o[o.length-1])||void 0===t?void 0:t.end)+2)}(t)),!t.props.expanded&&e?t.props.expanded=!0:!e&&t.props.expanded&&(t.props.expanded=!1)})),function(t){e.whenAvailable(`${t.props.id}`,(e=>{e instanceof HTMLInputElement&&ur.set(e,t)}),t.props.__root),cr&&!fr&&(fr=!0,document.addEventListener("selectionchange",(()=>{const e=Le();if(e instanceof HTMLInputElement&&ur.has(e)){const t=ur.get(e);t&&function(e){clearTimeout(dr.get(e)),dr.set(e,setTimeout((()=>{var t,o,n,r;const s=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}`);if(s instanceof HTMLInputElement){const t=gr(e),a=t.findIndex((e=>null!==s.selectionStart?s.selectionStart>=e.start&&s.selectionStart<=e.end:null!==s.selectionEnd&&(s.selectionEnd>=e.start&&s.selectionEnd<=e.end))),l=null===(o=t[t.length-1])||void 0===o?void 0:o.end;if(0===s.selectionStart&&s.selectionEnd===(null===(n=e.props.inputText)||void 0===n?void 0:n.length))return;if("string"==typeof e.props.searchValue&&e.props.highlightedRange){if(t.length){const o=e.props.highlightedRange,[n,r]=mr(e,t);if(null!==s.selectionEnd&&(s.selectionEnd<n||s.selectionEnd>r)){const t=o.end-o.start-(r-n),a=s.selectionEnd;e.props.inputText=e.props.option.label,e.props.highlightedRange=void 0,e.props.searchValue=null,s.value=e.props.inputText,s.selectionStart=s.selectionEnd=a+(a>n?t:0)}}}else if(a>=0&&null!==s.selectionStart&&(l!==(null===(r=e.props.inputText)||void 0===r?void 0:r.length)||s.selectionStart<l)){const o=t[a],n=e.props.inputText.substr(0,l),r=o.start+(o.index>0?1:0),i=o.end+(t.length-1>o.index?-1:0);n!==e.props.inputText&&(e.props.inputText=n,s.value=n),e.props.highlightedRange=o,s.selectionStart=r,s.selectionEnd=i}else e.props.highlightedRange=void 0,hr(e);if(null!==s.selectionStart&&s.selectionStart>=l&&", "!==e.props.inputText.substring(l,l+2)){let t=e.props.inputText.substring(0,l);t=e.props.multiple&&e.props.max&&Array.isArray(e.props.inputStd)&&e.props.inputStd.length>=e.props.max?t:`${t},`,e.props.inputText=`${t} ${e.props.inputText.substring(l).replace(/^[,\s]{1,2}/,"")}`}}}),5))}(t)}})))}(t);const n=t.context.handlers.keydown;t.context.handlers.keydown=e=>{n(e),function(e,t){var n,r,s,a;if(["ArrowRight","ArrowLeft"].includes(t.key)&&t.target instanceof HTMLInputElement&&null!==t.target.selectionEnd&&null!==t.target.selectionStart){if(0===t.target.selectionStart&&t.target.selectionEnd===(null===(n=e.props.inputText)||void 0===n?void 0:n.length))"ArrowLeft"===t.key?o(0):o(-1);else if(!e.props.searchValue){e.props.searchValue=null;const o=gr(e),n=null===(r=o[o.length-1])||void 0===r?void 0:r.end;t.target.selectionStart<n&&(t.target.selectionStart=Math.max(0,"ArrowLeft"===t.key?t.target.selectionStart-2:t.target.selectionEnd+2))}}else if(["Delete","Backspace"].includes(t.key))e.props.highlightedRange&&!e.props.searchValue?(Ke(e,e.props.highlightedRange.option),0===e.props.inputStd.length&&(e.props.highlightedRange=void 0)):t.target instanceof HTMLInputElement&&(e.props.searchValue=null,o(-1,!0)&&t.preventDefault());else if(t.target instanceof HTMLInputElement&&0===t.target.selectionStart&&t.target.selectionEnd===(null===(s=e.props.inputText)||void 0===s?void 0:s.length)&&(null===(a=e.props.inputText)||void 0===a?void 0:a.length)&&0===e.props.selections.length)t.preventDefault();else if("Tab"===t.key)return;"ArrowLeft"===t.key&&o(-1,!0)&&t.preventDefault()}(t,e)};const r=t.context.handlers.focus;t.context.handlers.focus=e=>{r(t,e);const o=new Event("selectionchange");document.dispatchEvent(o)},t.on("blur",(()=>{t.props.selections.length?(t.props.inputText=t.props.selections.map((e=>e.label)).join(", "),t.props.searchValue=null):t.props.selections.length||(t.props.inputText="",t.props.searchValue="")}))})),t.on("prop:expanded",(({payload:e})=>{e||t.props.inputStd.length?e&&(t.props.options.length&&!t.props.alwaysLoadOnOpen||(t.props.options=[],Ce(t,t.props.searchValue))):(t.props.searchValue="",t.props.inputText="")})),t.on("prop:selections",(()=>{var e;const o=[...t.props.selections].map((e=>e.label)).join(", ");let n="";if(cr&&t.isCreated){const o=null===(e=t.props.__root)||void 0===e?void 0:e.getElementById(`${t.props.id}`);if(Le()===o&&Array.isArray(t._value)&&t._value.length){if(t.props.max&&t._value.length>=Number(t.props.max))return;n=", "}}t.props.inputText=`${o}${n}`,t.props.reloadOnCommit&&(t.props.searchValue="",Ce(t,t.props.searchValue))}));const o=(e,o=!1)=>{var n,r;const s=null===(n=t.props.__root)||void 0===n?void 0:n.getElementById(`${t.props.id}`);if(!(s instanceof HTMLInputElement))return!1;const a=gr(t),l=e>=0?e:a.length-1;if(void 0===a[l])return!1;const i=null===(r=a[l])||void 0===r?void 0:r.end;return null!==s.selectionStart&&(!o||s.selectionStart>=i&&s.selectionStart<=i+2)&&(s.selectionStart=a[l].start+(l>0?1:0),s.selectionEnd=a[l].end+(l<a.length-1?-1:0),!0)};let n;t.on("selectRange",(({payload:e})=>o(...e))),t.on("prop:highlightedRange",(({payload:e})=>{t.props.hasHighlightedRange=!!e,e&&t.props.expanded&&n!==e.option&&(n=e.option,We(t))}))}function hr(e){var t;if(!cr)return;const o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}`);o&&o.scrollTo({left:o.scrollWidth,behavior:"smooth"})}function mr(e,t){var o;const n=e.props.highlightedRange,r=n.index,s=n.start+(r?1:0),a=t.length-1>r?t[t.length-1].end-t[r+1].start:0;return[s,(null===(o=e.props.inputText)||void 0===o?void 0:o.length)-a+(t.length-1>n.index?-1:0)]}function gr(e){const t=Re(e);return Array.isArray(t)&&t.length?t.reduce(((e,o,n)=>{var r;const s=(null===(r=e[n-1])||void 0===r?void 0:r.end)||0;let a=0;return t.length-1!==n&&a++,0!==n&&a++,e.push({option:o,index:n,start:s,end:s+o.label.length+a}),e}),[]):[]}function $r(e){!function(e){e.on("prop:expanded",(({payload:t})=>{t?(e.props.searchValue="",e.props.options.length&&!e.props.alwaysLoadOnOpen||(e.props.options=[],Ce(e,e.props.searchValue,!0))):(e.props.searchValue="",e.props.inputText="")}))}(e),function(e){e.on("handleSearchInput",(({payload:t})=>{t&&!e.props.expanded?(e.props.searchExpand=!0,e.props.expanded=!0):!t&&e.props.expanded&&(e.props.expanded=!1),e.props.searchValue=e.props.inputText}))}(e),function(e){e.on("prop:selections",(()=>{e.isCreated&&(e.props.inputText="",e.props.searchValue="",e.props.optionRemoved||e.props.reloadOnCommit&&Ce(e,e.props.searchValue,!0))}))}(e)}function br(e){!function(e){function t(e){0===e.props.inputStd.length?(e.props.inputText="",e.props.searchValue=""):(e.props.inputText=e.props.selections[0].label,e.props.searchValue=e.props.selections[0].label)}function o(e){e.props.clearSearchOnOpen&&!e.props.searchExpand&&(e.props.inputText="",e.props.searchValue=""),e.props.searchValue=e.props.inputText,e.props.options.length&&!e.props.alwaysLoadOnOpen||e.props.searchExpand||(e.props.options=[],Ce(e,e.props.searchValue,!0)),e.props.searchExpand&&(e.props.searchExpand=!1)}e.on("prop:expanded",(({payload:n})=>{n?o(e):t(e)}))}(e),function(e){e.on("handleSearchInput",(({payload:t})=>{""===t?(0===e.props.inputStd.length&&(e.props.expanded=!1),e.input(void 0)):t&&!e.props.expanded&&(e.props.searchExpand=!0,e.props.expanded=!0),e.props.searchValue=e.props.inputText}))}(e),function(e){e.on("prop:selections",(({payload:t})=>{e.props.inputText=t.length?t[0].label:"",e.props.searchValue=t.length?t[0].label:"",e.isCreated&&e.props.expanded&&0===t.length&&Ce(e,e.props.searchValue,!0)}))}(e)}function yr(t){if(t.props.multiple)if(t.props.multiple&&"option"===t.props.selectionAppearance){function o(){return Array.isArray(t.value)?t.value:[]}function r(e){t.input(e)}$r(t),t.on("created",(()=>{t.props.disabled&&(t.props.draggable=!1),e.whenAvailable(`${t.props.id}_selections`,(e=>{if(e instanceof HTMLElement&&t.context){const s={draggingClass:t.context.classes.dragging,dropZoneClass:t.context.classes.dropZone,root:t.props.__root,disabled:!t.props.draggable,plugins:[n.animations()],touchDraggingClass:t.context.classes.touchDragging,touchDropZoneClass:t.context.classes.touchDropZone,draggable:e=>e.hasAttribute("data-is-selection")};n.dragAndDrop({parent:e,getValues:o,setValues:r,config:s}),t.on("prop:disabled",(({payload:t})=>{s.disabled=t,n.dragAndDrop({parent:e,getValues:o,setValues:r,config:s})})),t.on("prop:draggable",(({payload:t})=>{s.disabled=!t,n.dragAndDrop({parent:e,getValues:o,setValues:r,config:s})}))}}),t.props.__root)}))}else t.props.multiple&&"text-input"===t.props.selectionAppearance&&vr(t);else br(t)}const xr={schema:/* #__PURE__ */Pn(/* #__PURE__ */Hn(/* #__PURE__ */Nn("$label"),/* #__PURE__ */Rn(/* #__PURE__ */Kn("prefix"),/* #__PURE__ */Wn(),/* #__PURE__ */jn(),/* #__PURE__ */U("$multiple !== true && $selectionAppearance === option && $expanded === false",/* #__PURE__ */Jn(/* #__PURE__ */Gn(/* #__PURE__ */Xn(/* #__PURE__ */tr(/* #__PURE__ */U("$state.loading",/* #__PURE__ */er("$ui.isLoading.value"),"$option.label"))),/* #__PURE__ */U("$state.loading && $isSingleOption !== true && $optionLoaderValues.includes($option.value)",/* #__PURE__ */Kn("loader")),/* #__PURE__ */U("$selectionRemovable && $isSingleOption",/* #__PURE__ */Qn(/* #__PURE__ */Kn("close")))))),/* #__PURE__ */U("$state.loading && ($isSingleOption !== true || $selections.length === 0)",/* #__PURE__ */Kn("loader")),/* #__PURE__ */U('$selectionRemovable && $selectionAppearance === "text-input" && $selections.length > 0',/* #__PURE__ */Qn(/* #__PURE__ */Kn("close")),/* #__PURE__ */U('$selectionAppearance === "text-input" || ($selectionAppearance === "option" && $multiple)',/* #__PURE__ */Zn(/* #__PURE__ */Kn("select")))),/* #__PURE__ */U("$isSingleOption && ($inputStd.length === 0 || $selectionRemovable === undefined || ($expanded) || $state.loading || $optionLoaderValues.length > 0)",/* #__PURE__ */Zn(/* #__PURE__ */Kn("select"))),/* #__PURE__ */or(),/* #__PURE__ */qn(),/* #__PURE__ */Kn("suffix")),/* #__PURE__ */U("$multiple && $selectionAppearance === option",/* #__PURE__ */Jn(/* #__PURE__ */Gn(/* #__PURE__ */Xn(/* #__PURE__ */tr(/* #__PURE__ */U("$state.loading && $isLoadingOption",/* #__PURE__ */er("$ui.isLoading.value"),"$option.label"))),/* #__PURE__ */Qn(/* #__PURE__ */Kn("close")))))),/* #__PURE__ */zn("$help"),/* #__PURE__ */Yn(/* #__PURE__ */Un("$message.value"))),type:"input",family:"dropdown",props:[],features:[
|
|
20
20
|
/* #__PURE__ */o.defaultIcon("select","select"),
|
|
21
21
|
/* #__PURE__ */o.defaultIcon("close","close"),
|
|
22
22
|
/* #__PURE__ */o.defaultIcon("selected","check"),
|
package/index.mjs
CHANGED
|
@@ -16,7 +16,7 @@ import{isRecord as e,isObject as t,isPojo as o,eq as n,undefine as r,whenAvailab
|
|
|
16
16
|
/* #__PURE__ */$("remove","trash"),
|
|
17
17
|
/* #__PURE__ */$("add","add"),
|
|
18
18
|
/* #__PURE__ */$("moveUp","arrowUp"),
|
|
19
|
-
/* #__PURE__ */$("moveDown","arrowDown")]},Un=new WeakMap;function Yn(e,t){const o={onItems:[],offItems:[]},n=t||Number(e.value||0);for(let t=0;t<e.props.max;t++)if(t<n&&t+1>=n){const r=e.props.rightToLeft?100-100*(n-t):100*(n-t);o.onItems.push(r+"%"),o.offItems.push(100-r+"%")}else t<n?(o.offItems.push("0%"),o.onItems.push("100%")):t>=n&&(o.offItems.push("100%"),o.onItems.push("0%"));e.props.itemsToPercentages=o}function jn(e,t){var o;null===(o=e.context)||void 0===o||o.handlers.blur(t)}function zn(e,t){const{x:o,y:n}=or(t);let r=document.elementFromPoint(o,n);const s=Array.from(document.querySelectorAll(`#${e.props.id}_items_wrapper > .formkit-ratingItem`));let a=!0;for(;r&&a;){if(s.includes(r)){a=!1;break}r=r.parentNode}if(!a){const t=s.indexOf(r);if(1===e.props.step)return void e.input(t+1,!1)}}function Zn(e,t,o){e.props.disabled||(o.preventDefault(),e.props.hoverHighlight=!0,e.props.touchStarted=!0,1!==e.props.step?nr(e,t,o):e.input(t+1,!1))}function qn(e,t){if(!e.props.dragStarted)return;t.preventDefault(),e.props.hoverHighlight=!1,e.props.dragStarted=!1,Yn(e);const o=Un.get(e);o&&(o.abort(),Un.delete(e))}function Gn(e,t,o){if(e.props.hoverHighlight||e.props.disabled)return;o.preventDefault(),e.props.hoverHighlight=!0,e.props.dragStarted=!0;const n=new AbortController;document.addEventListener("mouseup",(t=>qn(e,t)),{signal:n.signal}),Un.set(e,n),1===e.props.step?e.input(t+1,!1):nr(e,t,o)}function Xn(e,t){var o,n;if(document.activeElement===t.currentTarget)if("ArrowRight"===t.key||"ArrowDown"===t.key){e.props.arrow=1;const t=e.value?rr(e.value+1*e.props.step,e.props.step):e.props.min+1*e.props.step,n=null===(o=e.props.__root)||void 0===o?void 0:o.querySelector(e.value?`#${e.props.id}_inner input[value="${t}"]`:"#"+(e.props.id+"_0_0"));e.props.preventFocus=!0,n&&n instanceof HTMLInputElement&&n.focus(),e.props.preventFocus=!1,e.input(Number(t))}else if("ArrowLeft"===t.key||"ArrowUp"===t.key){e.props.arrow=-1;const t=e.value?rr(e.value-1*e.props.step,e.props.step):e.props.max,o=null===(n=e.props.__root)||void 0===n?void 0:n.querySelector(`#${e.props.id}_inner input[value="${t}"]`);e.props.preventFocus=!0,o&&o instanceof HTMLInputElement&&o.focus(),e.props.preventFocus=!0,e.input(Number(t)),e.props.preventFocus=!1}}function Jn(e,t){if(!e.props.preventFocus)if(e.props.preventFocus=!0,setTimeout((()=>{e.props.preventFocus=!1}),50),t.relatedTarget instanceof HTMLElement&&t.relatedTarget.id===e.props.id+"_items_wrapper")e.props.arrow>0?setTimeout((()=>{var t,o;null===(o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(e.props.id+"_0_0"))||void 0===o||o.focus()})):e.props.arrow<0&&setTimeout((()=>{var t,o;null===(o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(e.props.id+`_${e.props.max-1}_${e.props.stepsPerValue-1}`))||void 0===o||o.focus()}));else if(t.target instanceof HTMLInputElement){if(Number(t.target.value)===e.props.step&&e.value===e.props.max||Number(t.target.value)===e.props.max&&e.value===e.props.step){const t=document.getElementById(e.props.id+"_items_wrapper");return null==t||t.focus(),void e.input(0)}e.input(Number(t.target.value))}}function Qn(e,t,o){e.props.hoverHighlight&&(e.props.disabled||(1===e.props.step?(Yn(e,t+1),e.props.dragStarted&&e.input(t+1,!1)):nr(e,t,o,!!e.props.dragStarted)))}function er(e){Yn(e)}function tr(e,t,o){if(!e.props.disabled&&"touchstart"!==o.type&&(o.preventDefault(),(0!==o.clientX||0!==o.clientY)&&o.currentTarget instanceof HTMLElement))return 1===e.props.step?e.props.deselect&&Number(e.value)===t+1?void e.input(0):void e.input(t+1):void nr(e,t,o)}function or(e){return e instanceof MouseEvent?{x:e.clientX,y:e.clientY}:{x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY}}function nr(e,t,o,n=!0){if(!(o.currentTarget instanceof HTMLElement))return;const{x:r,y:s}=or(o),a=o.currentTarget.getBoundingClientRect();let l=rr((r-a.x)/a.width+t,e.props.step);l=l>e.props.min?l:e.props.min,l=l<e.props.max?l:e.props.max,!e.props.deselect||l!==Number(e.value)||e.props.dragStarted?n?e.input(l,!1):Yn(e,l):e.input(0)}function rr(e,t){t||(t=1);const o=1/t;return Math.ceil(e*o)/o}const sr=/* #__PURE__ */Fe("rt"),{outer:ar,wrapper:lr,inner:pr,label:ir,prefix:dr,suffix:cr,help:ur,messages:fr,message:vr,icon:hr}=/* #__PURE__ */Be(sr),mr=sr("itemsWrapper",(()=>({$el:"span",attrs:{style:{"flex-direction":'$rightToLeft && "row-reverse" || undefined'},tabindex:"$value !== undefined && $value !== 0 && '-1' || '0'",id:"$id + _items_wrapper",onKeydown:"$handlers.handleWrapperKeydown","data-disabled":"$disabled",onBlur:"$handlers.handleWrapperBlur",onMouseleave:"$hoverHighlight && $handlers.handleMouseleave"}}))),$r=sr("ratingItem",(()=>({for:["item","index","$max"],$el:"span",attrs:{id:'$id + "_item_" + $index',onClick:"$handlers.handleItemClick($item)",draggable:"$hoverHighlight !== true && && $disabled !== true && true",onMousemove:"$handlers.handleMousemove($item)",onDragstart:"$handlers.handleDragstart($item)",onDragend:"$handlers.handleDragend",onTouchstart:"$handlers.handleTouchstart($item)",onTouchmove:"$handlers.handleTouchmove"}}))),gr=sr("template",(()=>({for:["increment","stepIndex","$stepsPerValue"],$el:null}))),br=sr("itemLabel",(()=>({$el:"label",attrs:{id:'$id + "_label_" + $index + "_" + $stepIndex',for:'$id + "_" + $index + "_" + $stepIndex',"data-checked":'$value === $fns.getValue($item, $increment) && "true" || "false"',style:{width:'$fns.showLabel($fns.getValue($item, $increment), $stepIndex, $item) && "100%" || "0%"'}}}))),yr=sr("itemLabelInner",(()=>({$el:"span",children:"$fns.getValue($item, $increment)"}))),xr=sr("input",(()=>({$el:"input",attrs:{type:"radio",value:"$fns.getValue($item, $increment)",id:'$id + "_" + $index + "_" + $stepIndex',onFocus:"$handlers.handleFocus",tabindex:'$value === $fns.getValue($item, $increment) && "0" || "-1"',disabled:"$disabled",name:"$id","data-value":"$fns.getValue($item, $increment)",checked:"$value === $fns.getValue($item, $increment) && true",onKeydown:"$handlers.handleKeydown($fns.getValue($item, $increment))"}}))),wr=sr("onItemRow",(()=>({$el:"span",attrs:{style:{width:"$fns.getPercentage($itemsToPercentages, $item)",display:"flex",position:"relative",overflow:"hidden",top:"0",left:"0",bottom:"0"}}}))),_r=sr("offItemRow",(()=>({$el:"span",attrs:{style:{width:"$fns.getPercentage($itemsToPercentages, $item, false)",display:"flex","flex-direction":"row-reverse",position:"absolute",zIndex:"$offItemStyles && 100",overflow:"hidden",top:"0",right:"0"}}}))),kr=sr("onItemWrapper",(()=>({$el:"div",attrs:{style:{color:"$onColor"}}}))),Sr=sr("offItemWrapper",(()=>({$el:"div",attrs:{style:{color:"$offColor"}}}))),Lr=()=>He("$slots.onItem",(()=>()=>"$slots.onItem"),He("$slots.default",(()=>()=>"$slots.default"),hr("rating"))),Ir=()=>He("$slots.offItem",(()=>()=>"$slots.offItem"),He("$slots.default",(()=>()=>"$slots.default"),hr("rating"))),Ar={schema:/* #__PURE__ */ar(/* #__PURE__ */lr(/* #__PURE__ */ir("$label"),/* #__PURE__ */pr(/* #__PURE__ */hr("prefix"),/* #__PURE__ */dr(),/* #__PURE__ */mr(/* #__PURE__ */$r(/* #__PURE__ */gr(/* #__PURE__ */br(/* #__PURE__ */wr(/* #__PURE__ */kr(/* #__PURE__ */Lr())),/* #__PURE__ */_r(/* #__PURE__ */Sr(/* #__PURE__ */Ir())),/* #__PURE__ */yr()),/* #__PURE__ */xr()))),/* #__PURE__ */cr(),/* #__PURE__ */hr("suffix"))),/* #__PURE__ */ur("$help"),/* #__PURE__ */fr(/* #__PURE__ */vr("$message.value"))),type:"input",props:[],features:[function(e){function t(e){setTimeout((()=>{const t=Array.from(document.querySelectorAll(`#${e.props.id}_items_wrapper > .formkit-ratingItem`));for(let e=0;e<t.length;e++){const o=t[e].querySelectorAll(".formkit-onItemWrapper"),n=t[e].querySelectorAll(".formkit-offItemWrapper");for(let n=0;n<o.length;n++)o[n].style.flex=`0 0 ${t[e].getBoundingClientRect().width}px`;for(let o=0;o<n.length;o++)n[o].style.flex=`0 0 ${t[e].getBoundingClientRect().width}px`}}))}e.addProps(["max","step","stepsPerValue","itemsToPercentages","rightToLeft","onItemStyles","offItemStyles","hoverHighlight","deselect","disabled","wrapperWidth","onColor","offColor"]),!1!==e.props.hoverHighlight&&"false"!==e.props.hoverHighlight&&(e.props.hoverHighlight=!0),e.props.deselect=r(e.props.deselect),e.props.max=Number(e.props.max)||5,e.props.min=Number(e.props.min)||0,e.props.step=Number(e.props.step)||1,e.props.numberOfSteps=e.props.max/e.props.step,e.props.lastIndex=1/e.props.step-1,e.props.itemsToPercentages={},"disabled"in e.props&&(e.props.disabled=r(e.props.disabled)),e.props.rightToLeft?(e.props.onItemStyles=void 0,e.props.offItemStyles={position:"absolute",top:"0",left:"0",overflow:"hidden",height:"100%",zIndex:100}):e.props.onItemStyles={position:"absolute",top:"0",left:"0",overflow:"hidden",height:"100%"},e.props.stepsPerValue=1/e.props.step,e.hook.input(((t,o)=>{if(null===t||""===t||isNaN(t))return o(t);const n=Number(t),r=Number(e.props.min),s=Number(e.props.max);return n>s?o(s):e.props.min&&n<=r?o(r):o(n)})),e.on("commit",(({payload:t})=>{const o=Number(t||0);Yn(e,o)})),e.on("created",(()=>{e.context&&(s(`${e.props.id}_items_wrapper`,(()=>{t(e),function(e){var o;const n=null===(o=e.props.__root)||void 0===o?void 0:o.getElementById(`${e.props.id}_items_wrapper`);if(!n)return;new ResizeObserver((()=>{t(e)})).observe(n)}(e),setTimeout((()=>t(e)),100)}),e.props.__root),e.context.fns.getPercentage=(e,t,o=!0)=>(o?e.onItems:e.offItems)[t],e.context.fns.getValue=(t,o)=>t+Number((o*e.props.step+e.props.step).toFixed(1)),e.context.fns.showLabel=(t,o)=>{const n=Number(e.value||0);return 0===n&&0===o||n&&t===n||t>n&&0===o||n>t&&o===e.props.lastIndex},e.context.handlers.handleFocus=t=>Jn.call(null,e,t),e.context.handlers.handleWrapperKeydown=t=>Xn.call(null,e,t),e.context.handlers.handleWrapperBlur=t=>jn.call(null,e,t),e.context.handlers.handleItemClick=t=>o=>tr.call(null,e,t,o),e.context.handlers.handleMousemove=t=>o=>Qn.call(null,e,t,o),e.context.handlers.handleMouseleave=()=>er.call(null,e),e.context.handlers.handleDragstart=t=>o=>Gn.call(null,e,t,o),e.context.handlers.handleMouseup=t=>qn.call(null,e,t),e.context.handlers.handleTouchstart=t=>o=>Zn.call(null,e,t,o),e.context.handlers.handleTouchmove=t=>zn.call(null,e,t),e.context.handlers.handleKeydown=t=>o=>function(e,t,o){const n=Number(e.value);e.props.deselect&&" "===o.key&&n===t?e.input(0):" "===o.key&&e.input(t)}(e,t,o))}))},/* #__PURE__ */$("rating","star")]},Cr=/* #__PURE__ */Fe("ac"),{outer:Dr,wrapper:Tr,inner:Er,icon:Or,label:Mr,prefix:Vr,suffix:Fr,help:Br,messages:Pr,message:Hr}=/* #__PURE__ */Be(Cr),Rr=Cr("input",(()=>({$el:"input",bind:"$attrs",attrs:{id:"$id",type:"text",onClick:"$handlers.click",onBlur:"$handlers.blur",onKeydown:"$handlers.keydown",onInput:"$handlers.input",onFocus:"$handlers.focus",value:"$inputText || undefined",name:"$node.name",placeholder:"$state.loading && $ui.isLoading.value || $placeholder || undefined",tabindex:'$disabled && "-1" || 0',role:"combobox",autocomplete:'$attrs.autocomplete || "off"',autocapitalize:"none",readonly:"$attrs.readonly || $state.loading || $multiple && $max && $value && $value.length >= $max && $hasHighlightedRange !== true || undefined","data-selection-appearance":"$selectionAppearance",disabled:"$disabled || $disabledInternally || undefined",onTouchmove:"$handlers.touchmove",onTouchstart:"$handlers.touchmove",onTouchend:"$handlers.touchend","aria-autocomplete":"list","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-describedBy":"$describedBy","aria-activedescendant":"$expanded && $activeDescendant || undefined"}}))),Kr=Cr("listboxButton",(()=>({$el:"div",attrs:{style:"$visibilityStyles",id:'$id + "_listbox_button"',role:"button","aria-label":"$expanded && $ui.close.value || $ui.open.value",onClick:"$handlers.toggleListbox",onKeydown:"$handlers.toggleListboxKeydown",tabindex:'$disabled && "-1" || 0',"aria-haspopup":"true","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-disabled":"$disabled || $state.loading || undefined","data-disabled":"$disabled || $disabledInternally || undefined"}}))),Nr=Cr("selectionWrapper",(()=>({for:["option","index","$selections"],$el:"div",attrs:{id:'$id + "_selection_wrapper_" + $index',key:"$option.value","data-value":"$option.value",tabindex:'$disabled && "-1" || 0',onKeydown:"$handlers.selectionKeydown && $handlers.selectionKeydown($multiple && $option || undefined)",onClick:"$handlers.selectionClick && $handlers.selectionClick($multiple && $option || undefined)",onFocus:"$handlers.selectionFocus && $handlers.selectionFocus($multiple && $option || undefined)",onBlur:"$handlers.selectionBlur && $handlers.selectionBlur($multiple && $option || undefined)","data-is-selection":"true","data-active-selection":"$fns.isActiveSelection && $fns.isActiveSelection($activeSelectionValue, $option)"}}))),Wr=Cr("selection",(()=>({$el:"div",attrs:{id:'$id + "_selection_" + $index'}}))),Ur=Cr("selections",(()=>({$el:"div",attrs:{"aria-live":"polite",id:'$id + "_selections"'}}))),Yr=Cr("removeSelection",(()=>({$el:"button",attrs:{id:'$selectionAppearance === "option" && $multiple && $id + "_remove_selection_" + $index || $id + "_remove_selection"',tabindex:"0",title:"$ui.remove.value",type:"button","aria-label":"$ui.remove.value",onClick:"$handlers.removeSelection && $handlers.removeSelection($multiple && $option || undefined)",onTouchend:"$handlers.removeSelection && $handlers.removeSelection($multiple && $option || undefined)","aria-controls":"$id"}}))),jr=Cr("optionLoading","span"),zr=Cr("option",(()=>({$el:"div",if:"$value !== undefined"}))),Zr=/* #__PURE__ */Re(Cr);function qr(e){"option"!==e.props.selectionAppearance||e.props.multiple||!1===e.props.selectionRemovable||"false"===e.props.selectionRemovable||(e.props.selectionRemovable=!0),e.props.multiple||(e.props.clearSearchOnOpen=r(e.props.clearSearchOnOpen)),e.props.selectionRemovable=r(e.props.selectionRemovable),e.props.openOnClick=r(e.props.openOnClick),"option"!==e.props.selectionAppearance||e.props.multiple||(e.props.isSingleOption=!0),void 0===e.props.closeOnSelect&&(e.props.closeOnSelect=!0),void 0===e.props.selectionAppearance&&(e.props.selectionAppearance="text-input"),void 0===e.props.closeOnSelect&&(e.props.closeOnSelect=!0),e.props.closeOnSelect?e.props.resetSearchOnCommit=!1:void 0===e.props.resetSearchOnCommit&&(e.props.resetSearchOnCommit=e.props.multiple),e.props.allowNewValues=r(e.props.allowNewValues)}function Gr(e){e.addProps(["inputText","selectionAppearance","searchValue","openOnClick","filteredOptions","search","debounce","showInput","visibilityStyles","selectionStyles","multiple","filter","hasHighlightedRange","clearOnClick","debounce"]),void 0===e.props.debounce?e.props.debounce=200:e.props.debounce=parseInt(e.props.debounce),e.props.nonceKey="searchValue",e.props.searchValue="",e.props.inputText="",e.props.filterOptions=wt.bind(null,e),e.props.reloadOnCommit=r(e.props.reloadOnCommit),void 0===e.props.alwaysLoadOnOpen?e.props.alwaysLoadOnOpen=!0:e.props.alwaysLoadOnOpen=r(e.props.alwaysLoadOnOpen),"function"!=typeof e.props.filter&&(e.props.filter=(e,t)=>e.label.toLowerCase().includes(t.toLowerCase())),e.on("created",(()=>{e.context&&re&&(e.context.handlers.focus=Qr.bind(null,e),e.context.handlers.input=Xr.bind(null,e),e.context.handlers.focus=Qr.bind(null,e),e.context.handlers.click=Jr.bind(null,e),e.context.handlers.toggleListbox=es.bind(null,e),e.context.handlers.toggleListboxKeydown=ts.bind(null,e),e.context.handlers.keydown=yo.bind(null,e),e.context.handlers.selectionKeydown=t=>o=>go(e,t,o),e.context.handlers.searchInputTagKeydown=t=>o=>function(e,t,o){if(o.stopPropagation(),e.props.disabled)return;switch(o.key){case"ArrowDown":uo(e);break;case"ArrowRight":case"ArrowLeft":fo(e,t,o);break;case"Delete":case"Backspace":vo(e,t,o)}}(e,t,o),e.on("prop:options",(({payload:t})=>{if((0===e.props.initialOptions.length&&"function"!=typeof e.props.optionsLoader||!e.props.searchValue&&t.length)&&(e.props.initialOptions=[...t]),e.props.selections&&e.props.selections.length&&t.length)for(let o=0;o<e.props.selections.length;o++){const n=e.props.selections[o],r=t.find((e=>bt(e)===n.value));r&&(e.props.selections[o]=r)}})))})),e.on("prop:expanded",(({payload:t})=>{t||yt.delete(e)}))}function Xr(e,t){if(e.props.disabled)return;const o=t.target;e.props.inputText=o.value,e.emit("handleSearchInput",o.value),e.props.searchValue&&wt(e,e.props.searchValue,!0)}function Jr(e,t){t.stopPropagation(),e.props.disabled||e.props.disabledInternally||(e.props.attrs.onClick&&e.props.attrs.onClick(t),(!e.props.expanded&&e.props.openOnClick||e.props.openOnFocus)&&(e.props.expanded=!0))}function Qr(e){e.props.disabled||e.props.disabledInternally||(e.props.attrs.onFocus&&e.props.attrs.onFocus(),e.props.activeSelectionValue=void 0,e.props.skipOpen?e.props.skipOpen=!1:e.props.openOnFocus&&(e.props.expanded=!0))}function es(e){var t,o,n;e.props.disabled||e.props.disabledInternally||(null===(t=e.context)||void 0===t?void 0:t.state.loading)||(e.props.expanded=!e.props.expanded,e.props.openOnFocus||null===(n=null===(o=e.props.__root)||void 0===o?void 0:o.getElementById(`${e.props.id}`))||void 0===n||n.focus())}function ts(e,t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),es(e))}const os=new WeakMap,ns="undefined"!=typeof window,rs=new WeakMap;let ss=!1;function as(e){e.props.searchValue=null,e.on("commit",(()=>{e.props.searchValue=null,e.props.highlightedRange||ls(e)})),e.on("created",(()=>{if(!e.context||!ns)return;e.on("handleSearchInput",(({payload:t})=>{""===t?(e.props.searchValue=null,e.input([])):t&&0===e.props.inputStd.length?e.props.searchValue=t:t&&e.props.inputStd.length>0&&(e.props.searchValue=function(e){var t;const o=is(e);if(e.props.highlightedRange){const[t,n]=ps(e,o);return e.props.inputText.slice(t,n)}return e.props.inputText.slice((null===(t=o[o.length-1])||void 0===t?void 0:t.end)+2)}(e)),!e.props.expanded&&t?e.props.expanded=!0:!t&&e.props.expanded&&(e.props.expanded=!1)})),function(e){s(`${e.props.id}`,(t=>{t instanceof HTMLInputElement&&rs.set(t,e)}),e.props.__root),ns&&!ss&&(ss=!0,document.addEventListener("selectionchange",(()=>{const e=gt();if(e instanceof HTMLInputElement&&rs.has(e)){const t=rs.get(e);t&&function(e){clearTimeout(os.get(e)),os.set(e,setTimeout((()=>{var t,o,n,r;const s=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}`);if(s instanceof HTMLInputElement){const t=is(e),a=t.findIndex((e=>null!==s.selectionStart?s.selectionStart>=e.start&&s.selectionStart<=e.end:null!==s.selectionEnd&&(s.selectionEnd>=e.start&&s.selectionEnd<=e.end))),l=null===(o=t[t.length-1])||void 0===o?void 0:o.end;if(0===s.selectionStart&&s.selectionEnd===(null===(n=e.props.inputText)||void 0===n?void 0:n.length))return;if("string"==typeof e.props.searchValue&&e.props.highlightedRange){if(t.length){const o=e.props.highlightedRange,[n,r]=ps(e,t);if(null!==s.selectionEnd&&(s.selectionEnd<n||s.selectionEnd>r)){const t=o.end-o.start-(r-n),a=s.selectionEnd;e.props.inputText=e.props.option.label,e.props.highlightedRange=void 0,e.props.searchValue=null,s.value=e.props.inputText,s.selectionStart=s.selectionEnd=a+(a>n?t:0)}}}else if(a>=0&&null!==s.selectionStart&&(l!==(null===(r=e.props.inputText)||void 0===r?void 0:r.length)||s.selectionStart<l)){const o=t[a],n=e.props.inputText.substr(0,l),r=o.start+(o.index>0?1:0),p=o.end+(t.length-1>o.index?-1:0);n!==e.props.inputText&&(e.props.inputText=n,s.value=n),e.props.highlightedRange=o,s.selectionStart=r,s.selectionEnd=p}else e.props.highlightedRange=void 0,ls(e);if(null!==s.selectionStart&&s.selectionStart>=l&&", "!==e.props.inputText.substring(l,l+2)){let t=e.props.inputText.substring(0,l);t=e.props.multiple&&e.props.max&&Array.isArray(e.props.inputStd)&&e.props.inputStd.length>=e.props.max?t:`${t},`,e.props.inputText=`${t} ${e.props.inputText.substring(l).replace(/^[,\s]{1,2}/,"")}`}}}),5))}(t)}})))}(e);const o=e.context.handlers.keydown;e.context.handlers.keydown=n=>{o(n),function(e,o){var n,r,s,a;if(["ArrowRight","ArrowLeft"].includes(o.key)&&o.target instanceof HTMLInputElement&&null!==o.target.selectionEnd&&null!==o.target.selectionStart){if(0===o.target.selectionStart&&o.target.selectionEnd===(null===(n=e.props.inputText)||void 0===n?void 0:n.length))"ArrowLeft"===o.key?t(0):t(-1);else if(!e.props.searchValue){e.props.searchValue=null;const t=is(e),n=null===(r=t[t.length-1])||void 0===r?void 0:r.end;o.target.selectionStart<n&&(o.target.selectionStart=Math.max(0,"ArrowLeft"===o.key?o.target.selectionStart-2:o.target.selectionEnd+2))}}else if(["Delete","Backspace"].includes(o.key))e.props.highlightedRange&&!e.props.searchValue?(Ot(e,e.props.highlightedRange.option),0===e.props.inputStd.length&&(e.props.highlightedRange=void 0)):o.target instanceof HTMLInputElement&&(e.props.searchValue=null,t(-1,!0)&&o.preventDefault());else if(o.target instanceof HTMLInputElement&&0===o.target.selectionStart&&o.target.selectionEnd===(null===(s=e.props.inputText)||void 0===s?void 0:s.length)&&(null===(a=e.props.inputText)||void 0===a?void 0:a.length)&&0===e.props.selections.length)o.preventDefault();else if("Tab"===o.key)return;"ArrowLeft"===o.key&&t(-1,!0)&&o.preventDefault()}(e,n)};const n=e.context.handlers.focus;e.context.handlers.focus=t=>{n(e,t);const o=new Event("selectionchange");document.dispatchEvent(o)},e.on("blur",(()=>{e.props.selections.length?(e.props.inputText=e.props.selections.map((e=>e.label)).join(", "),e.props.searchValue=null):e.props.selections.length||(e.props.inputText="",e.props.searchValue="")}))})),e.on("prop:expanded",(({payload:t})=>{t||e.props.inputStd.length?t&&(e.props.options.length&&!e.props.alwaysLoadOnOpen||(e.props.options=[],wt(e,e.props.searchValue))):(e.props.searchValue="",e.props.inputText="")})),e.on("prop:selections",(()=>{var t;const o=[...e.props.selections].map((e=>e.label)).join(", ");let n="";if(ns&&e.isCreated){const o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}`);if(null==o||o.focus(),gt()===o&&Array.isArray(e._value)&&e._value.length){if(e.props.max&&e._value.length>=Number(e.props.max))return;n=", "}}e.props.inputText=`${o}${n}`,e.props.reloadOnCommit&&(e.props.searchValue="",wt(e,e.props.searchValue))}));const t=(t,o=!1)=>{var n,r;const s=null===(n=e.props.__root)||void 0===n?void 0:n.getElementById(`${e.props.id}`);if(!(s instanceof HTMLInputElement))return!1;const a=is(e),l=t>=0?t:a.length-1;if(void 0===a[l])return!1;const p=null===(r=a[l])||void 0===r?void 0:r.end;return null!==s.selectionStart&&(!o||s.selectionStart>=p&&s.selectionStart<=p+2)&&(s.selectionStart=a[l].start+(l>0?1:0),s.selectionEnd=a[l].end+(l<a.length-1?-1:0),!0)};let o;e.on("selectRange",(({payload:e})=>t(...e))),e.on("prop:highlightedRange",(({payload:t})=>{e.props.hasHighlightedRange=!!t,t&&e.props.expanded&&o!==t.option&&(o=t.option,Vt(e))}))}function ls(e){var t;if(!ns)return;const o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}`);o&&o.scrollTo({left:o.scrollWidth,behavior:"smooth"})}function ps(e,t){var o;const n=e.props.highlightedRange,r=n.index,s=n.start+(r?1:0),a=t.length-1>r?t[t.length-1].end-t[r+1].start:0;return[s,(null===(o=e.props.inputText)||void 0===o?void 0:o.length)-a+(t.length-1>n.index?-1:0)]}function is(e){const t=Et(e);return Array.isArray(t)&&t.length?t.reduce(((e,o,n)=>{var r;const s=(null===(r=e[n-1])||void 0===r?void 0:r.end)||0;let a=0;return t.length-1!==n&&a++,0!==n&&a++,e.push({option:o,index:n,start:s,end:s+o.label.length+a}),e}),[]):[]}function ds(e){!function(e){e.on("prop:expanded",(({payload:t})=>{t?(e.props.searchValue="",e.props.options.length&&!e.props.alwaysLoadOnOpen||(e.props.options=[],wt(e,e.props.searchValue,!0))):(e.props.searchValue="",e.props.inputText="")}))}(e),function(e){e.on("handleSearchInput",(({payload:t})=>{t&&!e.props.expanded?(e.props.searchExpand=!0,e.props.expanded=!0):!t&&e.props.expanded&&(e.props.expanded=!1),e.props.searchValue=e.props.inputText}))}(e),function(e){e.on("prop:selections",(()=>{e.isCreated&&(e.props.inputText="",e.props.searchValue="",e.props.optionRemoved||e.props.reloadOnCommit&&wt(e,e.props.searchValue,!0))}))}(e)}function cs(e){!function(e){function t(e){0===e.props.inputStd.length?(e.props.inputText="",e.props.searchValue=""):(e.props.inputText=e.props.selections[0].label,e.props.searchValue=e.props.selections[0].label)}function o(e){e.props.clearSearchOnOpen&&!e.props.searchExpand&&(e.props.inputText="",e.props.searchValue=""),e.props.searchValue=e.props.inputText,e.props.options.length&&!e.props.alwaysLoadOnOpen||e.props.searchExpand||(e.props.options=[],wt(e,e.props.searchValue,!0)),e.props.searchExpand&&(e.props.searchExpand=!1)}e.on("prop:expanded",(({payload:n})=>{n?o(e):t(e)}))}(e),function(e){e.on("handleSearchInput",(({payload:t})=>{""===t?(0===e.props.inputStd.length&&(e.props.expanded=!1),e.input(void 0)):t&&!e.props.expanded&&(e.props.searchExpand=!0,e.props.expanded=!0),e.props.searchValue=e.props.inputText}))}(e),function(e){e.on("prop:selections",(({payload:t})=>{e.props.inputText=t.length?t[0].label:"",e.props.searchValue=t.length?t[0].label:"",e.isCreated&&e.props.expanded&&0===t.length&&wt(e,e.props.searchValue,!0)}))}(e)}function us(e){if(e.props.multiple)if(e.props.multiple&&"option"===e.props.selectionAppearance){function t(){return Array.isArray(e.value)?e.value:[]}function o(t){e.input(t)}ds(e),e.on("created",(()=>{e.props.disabled&&(e.props.draggable=!1),s(`${e.props.id}_selections`,(n=>{if(n instanceof HTMLElement&&e.context){const r={draggingClass:e.context.classes.dragging,dropZoneClass:e.context.classes.dropZone,root:e.props.__root,disabled:!e.props.draggable,plugins:[x()],touchDraggingClass:e.context.classes.touchDragging,touchDropZoneClass:e.context.classes.touchDropZone,draggable:e=>e.hasAttribute("data-is-selection")};w({parent:n,getValues:t,setValues:o,config:r}),e.on("prop:disabled",(({payload:e})=>{r.disabled=e,w({parent:n,getValues:t,setValues:o,config:r})})),e.on("prop:draggable",(({payload:e})=>{r.disabled=!e,w({parent:n,getValues:t,setValues:o,config:r})}))}}),e.props.__root)}))}else e.props.multiple&&"text-input"===e.props.selectionAppearance&&as(e);else cs(e)}const fs={schema:/* #__PURE__ */Dr(/* #__PURE__ */Tr(/* #__PURE__ */Mr("$label"),/* #__PURE__ */Er(/* #__PURE__ */Or("prefix"),/* #__PURE__ */Vr(),/* #__PURE__ */Rr(),/* #__PURE__ */He("$multiple !== true && $selectionAppearance === option && $expanded === false",/* #__PURE__ */Ur(/* #__PURE__ */Nr(/* #__PURE__ */Wr(/* #__PURE__ */zr(/* #__PURE__ */He("$state.loading",/* #__PURE__ */jr("$ui.isLoading.value"),"$option.label"))),/* #__PURE__ */He("$state.loading && $isSingleOption !== true && $optionLoaderValues.includes($option.value)",/* #__PURE__ */Or("loader")),/* #__PURE__ */He("$selectionRemovable && $isSingleOption",/* #__PURE__ */Yr(/* #__PURE__ */Or("close")))))),/* #__PURE__ */He("$state.loading && ($isSingleOption !== true || $selections.length === 0)",/* #__PURE__ */Or("loader")),/* #__PURE__ */He('$selectionRemovable && $selectionAppearance === "text-input" && $selections.length > 0',/* #__PURE__ */Yr(/* #__PURE__ */Or("close")),/* #__PURE__ */He('$selectionAppearance === "text-input" || ($selectionAppearance === "option" && $multiple)',/* #__PURE__ */Kr(/* #__PURE__ */Or("select")))),/* #__PURE__ */He("$isSingleOption && ($inputStd.length === 0 || $selectionRemovable === undefined || ($expanded) || $state.loading || $optionLoaderValues.length > 0)",/* #__PURE__ */Kr(/* #__PURE__ */Or("select"))),/* #__PURE__ */Zr(),/* #__PURE__ */Fr(),/* #__PURE__ */Or("suffix")),/* #__PURE__ */He("$multiple && $selectionAppearance === option",/* #__PURE__ */Ur(/* #__PURE__ */Nr(/* #__PURE__ */Wr(/* #__PURE__ */zr(/* #__PURE__ */He("$state.loading && $isLoadingOption",/* #__PURE__ */jr("$ui.isLoading.value"),"$option.label"))),/* #__PURE__ */Yr(/* #__PURE__ */Or("close")))))),/* #__PURE__ */Br("$help"),/* #__PURE__ */Pr(/* #__PURE__ */Hr("$message.value"))),type:"input",family:"dropdown",props:[],features:[
|
|
19
|
+
/* #__PURE__ */$("moveDown","arrowDown")]},Un=new WeakMap;function Yn(e,t){const o={onItems:[],offItems:[]},n=t||Number(e.value||0);for(let t=0;t<e.props.max;t++)if(t<n&&t+1>=n){const r=e.props.rightToLeft?100-100*(n-t):100*(n-t);o.onItems.push(r+"%"),o.offItems.push(100-r+"%")}else t<n?(o.offItems.push("0%"),o.onItems.push("100%")):t>=n&&(o.offItems.push("100%"),o.onItems.push("0%"));e.props.itemsToPercentages=o}function jn(e,t){var o;null===(o=e.context)||void 0===o||o.handlers.blur(t)}function zn(e,t){const{x:o,y:n}=or(t);let r=document.elementFromPoint(o,n);const s=Array.from(document.querySelectorAll(`#${e.props.id}_items_wrapper > .formkit-ratingItem`));let a=!0;for(;r&&a;){if(s.includes(r)){a=!1;break}r=r.parentNode}if(!a){const t=s.indexOf(r);if(1===e.props.step)return void e.input(t+1,!1)}}function Zn(e,t,o){e.props.disabled||(o.preventDefault(),e.props.hoverHighlight=!0,e.props.touchStarted=!0,1!==e.props.step?nr(e,t,o):e.input(t+1,!1))}function qn(e,t){if(!e.props.dragStarted)return;t.preventDefault(),e.props.hoverHighlight=!1,e.props.dragStarted=!1,Yn(e);const o=Un.get(e);o&&(o.abort(),Un.delete(e))}function Gn(e,t,o){if(e.props.hoverHighlight||e.props.disabled)return;o.preventDefault(),e.props.hoverHighlight=!0,e.props.dragStarted=!0;const n=new AbortController;document.addEventListener("mouseup",(t=>qn(e,t)),{signal:n.signal}),Un.set(e,n),1===e.props.step?e.input(t+1,!1):nr(e,t,o)}function Xn(e,t){var o,n;if(document.activeElement===t.currentTarget)if("ArrowRight"===t.key||"ArrowDown"===t.key){e.props.arrow=1;const t=e.value?rr(e.value+1*e.props.step,e.props.step):e.props.min+1*e.props.step,n=null===(o=e.props.__root)||void 0===o?void 0:o.querySelector(e.value?`#${e.props.id}_inner input[value="${t}"]`:"#"+(e.props.id+"_0_0"));e.props.preventFocus=!0,n&&n instanceof HTMLInputElement&&n.focus(),e.props.preventFocus=!1,e.input(Number(t))}else if("ArrowLeft"===t.key||"ArrowUp"===t.key){e.props.arrow=-1;const t=e.value?rr(e.value-1*e.props.step,e.props.step):e.props.max,o=null===(n=e.props.__root)||void 0===n?void 0:n.querySelector(`#${e.props.id}_inner input[value="${t}"]`);e.props.preventFocus=!0,o&&o instanceof HTMLInputElement&&o.focus(),e.props.preventFocus=!0,e.input(Number(t)),e.props.preventFocus=!1}}function Jn(e,t){if(!e.props.preventFocus)if(e.props.preventFocus=!0,setTimeout((()=>{e.props.preventFocus=!1}),50),t.relatedTarget instanceof HTMLElement&&t.relatedTarget.id===e.props.id+"_items_wrapper")e.props.arrow>0?setTimeout((()=>{var t,o;null===(o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(e.props.id+"_0_0"))||void 0===o||o.focus()})):e.props.arrow<0&&setTimeout((()=>{var t,o;null===(o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(e.props.id+`_${e.props.max-1}_${e.props.stepsPerValue-1}`))||void 0===o||o.focus()}));else if(t.target instanceof HTMLInputElement){if(Number(t.target.value)===e.props.step&&e.value===e.props.max||Number(t.target.value)===e.props.max&&e.value===e.props.step){const t=document.getElementById(e.props.id+"_items_wrapper");return null==t||t.focus(),void e.input(0)}e.input(Number(t.target.value))}}function Qn(e,t,o){e.props.hoverHighlight&&(e.props.disabled||(1===e.props.step?(Yn(e,t+1),e.props.dragStarted&&e.input(t+1,!1)):nr(e,t,o,!!e.props.dragStarted)))}function er(e){Yn(e)}function tr(e,t,o){if(!e.props.disabled&&"touchstart"!==o.type&&(o.preventDefault(),(0!==o.clientX||0!==o.clientY)&&o.currentTarget instanceof HTMLElement))return 1===e.props.step?e.props.deselect&&Number(e.value)===t+1?void e.input(0):void e.input(t+1):void nr(e,t,o)}function or(e){return e instanceof MouseEvent?{x:e.clientX,y:e.clientY}:{x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY}}function nr(e,t,o,n=!0){if(!(o.currentTarget instanceof HTMLElement))return;const{x:r,y:s}=or(o),a=o.currentTarget.getBoundingClientRect();let l=rr((r-a.x)/a.width+t,e.props.step);l=l>e.props.min?l:e.props.min,l=l<e.props.max?l:e.props.max,!e.props.deselect||l!==Number(e.value)||e.props.dragStarted?n?e.input(l,!1):Yn(e,l):e.input(0)}function rr(e,t){t||(t=1);const o=1/t;return Math.ceil(e*o)/o}const sr=/* #__PURE__ */Fe("rt"),{outer:ar,wrapper:lr,inner:pr,label:ir,prefix:dr,suffix:cr,help:ur,messages:fr,message:vr,icon:hr}=/* #__PURE__ */Be(sr),mr=sr("itemsWrapper",(()=>({$el:"span",attrs:{style:{"flex-direction":'$rightToLeft && "row-reverse" || undefined'},tabindex:"$value !== undefined && $value !== 0 && '-1' || '0'",id:"$id + _items_wrapper",onKeydown:"$handlers.handleWrapperKeydown","data-disabled":"$disabled",onBlur:"$handlers.handleWrapperBlur",onMouseleave:"$hoverHighlight && $handlers.handleMouseleave"}}))),$r=sr("ratingItem",(()=>({for:["item","index","$max"],$el:"span",attrs:{id:'$id + "_item_" + $index',onClick:"$handlers.handleItemClick($item)",draggable:"$hoverHighlight !== true && && $disabled !== true && true",onMousemove:"$handlers.handleMousemove($item)",onDragstart:"$handlers.handleDragstart($item)",onDragend:"$handlers.handleDragend",onTouchstart:"$handlers.handleTouchstart($item)",onTouchmove:"$handlers.handleTouchmove"}}))),gr=sr("template",(()=>({for:["increment","stepIndex","$stepsPerValue"],$el:null}))),br=sr("itemLabel",(()=>({$el:"label",attrs:{id:'$id + "_label_" + $index + "_" + $stepIndex',for:'$id + "_" + $index + "_" + $stepIndex',"data-checked":'$value === $fns.getValue($item, $increment) && "true" || "false"',style:{width:'$fns.showLabel($fns.getValue($item, $increment), $stepIndex, $item) && "100%" || "0%"'}}}))),yr=sr("itemLabelInner",(()=>({$el:"span",children:"$fns.getValue($item, $increment)"}))),xr=sr("input",(()=>({$el:"input",attrs:{type:"radio",value:"$fns.getValue($item, $increment)",id:'$id + "_" + $index + "_" + $stepIndex',onFocus:"$handlers.handleFocus",tabindex:'$value === $fns.getValue($item, $increment) && "0" || "-1"',disabled:"$disabled",name:"$id","data-value":"$fns.getValue($item, $increment)",checked:"$value === $fns.getValue($item, $increment) && true",onKeydown:"$handlers.handleKeydown($fns.getValue($item, $increment))"}}))),wr=sr("onItemRow",(()=>({$el:"span",attrs:{style:{width:"$fns.getPercentage($itemsToPercentages, $item)",display:"flex",position:"relative",overflow:"hidden",top:"0",left:"0",bottom:"0"}}}))),_r=sr("offItemRow",(()=>({$el:"span",attrs:{style:{width:"$fns.getPercentage($itemsToPercentages, $item, false)",display:"flex","flex-direction":"row-reverse",position:"absolute",zIndex:"$offItemStyles && 100",overflow:"hidden",top:"0",right:"0"}}}))),kr=sr("onItemWrapper",(()=>({$el:"div",attrs:{style:{color:"$onColor"}}}))),Sr=sr("offItemWrapper",(()=>({$el:"div",attrs:{style:{color:"$offColor"}}}))),Lr=()=>He("$slots.onItem",(()=>()=>"$slots.onItem"),He("$slots.default",(()=>()=>"$slots.default"),hr("rating"))),Ir=()=>He("$slots.offItem",(()=>()=>"$slots.offItem"),He("$slots.default",(()=>()=>"$slots.default"),hr("rating"))),Ar={schema:/* #__PURE__ */ar(/* #__PURE__ */lr(/* #__PURE__ */ir("$label"),/* #__PURE__ */pr(/* #__PURE__ */hr("prefix"),/* #__PURE__ */dr(),/* #__PURE__ */mr(/* #__PURE__ */$r(/* #__PURE__ */gr(/* #__PURE__ */br(/* #__PURE__ */wr(/* #__PURE__ */kr(/* #__PURE__ */Lr())),/* #__PURE__ */_r(/* #__PURE__ */Sr(/* #__PURE__ */Ir())),/* #__PURE__ */yr()),/* #__PURE__ */xr()))),/* #__PURE__ */cr(),/* #__PURE__ */hr("suffix"))),/* #__PURE__ */ur("$help"),/* #__PURE__ */fr(/* #__PURE__ */vr("$message.value"))),type:"input",props:[],features:[function(e){function t(e){setTimeout((()=>{const t=Array.from(document.querySelectorAll(`#${e.props.id}_items_wrapper > .formkit-ratingItem`));for(let e=0;e<t.length;e++){const o=t[e].querySelectorAll(".formkit-onItemWrapper"),n=t[e].querySelectorAll(".formkit-offItemWrapper");for(let n=0;n<o.length;n++)o[n].style.flex=`0 0 ${t[e].getBoundingClientRect().width}px`;for(let o=0;o<n.length;o++)n[o].style.flex=`0 0 ${t[e].getBoundingClientRect().width}px`}}))}e.addProps(["max","step","stepsPerValue","itemsToPercentages","rightToLeft","onItemStyles","offItemStyles","hoverHighlight","deselect","disabled","wrapperWidth","onColor","offColor"]),!1!==e.props.hoverHighlight&&"false"!==e.props.hoverHighlight&&(e.props.hoverHighlight=!0),e.props.deselect=r(e.props.deselect),e.props.max=Number(e.props.max)||5,e.props.min=Number(e.props.min)||0,e.props.step=Number(e.props.step)||1,e.props.numberOfSteps=e.props.max/e.props.step,e.props.lastIndex=1/e.props.step-1,e.props.itemsToPercentages={},"disabled"in e.props&&(e.props.disabled=r(e.props.disabled)),e.props.rightToLeft?(e.props.onItemStyles=void 0,e.props.offItemStyles={position:"absolute",top:"0",left:"0",overflow:"hidden",height:"100%",zIndex:100}):e.props.onItemStyles={position:"absolute",top:"0",left:"0",overflow:"hidden",height:"100%"},e.props.stepsPerValue=1/e.props.step,e.hook.input(((t,o)=>{if(null===t||""===t||isNaN(t))return o(t);const n=Number(t),r=Number(e.props.min),s=Number(e.props.max);return n>s?o(s):e.props.min&&n<=r?o(r):o(n)})),e.on("commit",(({payload:t})=>{const o=Number(t||0);Yn(e,o)})),e.on("created",(()=>{e.context&&(s(`${e.props.id}_items_wrapper`,(()=>{t(e),function(e){var o;const n=null===(o=e.props.__root)||void 0===o?void 0:o.getElementById(`${e.props.id}_items_wrapper`);if(!n)return;new ResizeObserver((()=>{t(e)})).observe(n)}(e),setTimeout((()=>t(e)),100)}),e.props.__root),e.context.fns.getPercentage=(e,t,o=!0)=>(o?e.onItems:e.offItems)[t],e.context.fns.getValue=(t,o)=>t+Number((o*e.props.step+e.props.step).toFixed(1)),e.context.fns.showLabel=(t,o)=>{const n=Number(e.value||0);return 0===n&&0===o||n&&t===n||t>n&&0===o||n>t&&o===e.props.lastIndex},e.context.handlers.handleFocus=t=>Jn.call(null,e,t),e.context.handlers.handleWrapperKeydown=t=>Xn.call(null,e,t),e.context.handlers.handleWrapperBlur=t=>jn.call(null,e,t),e.context.handlers.handleItemClick=t=>o=>tr.call(null,e,t,o),e.context.handlers.handleMousemove=t=>o=>Qn.call(null,e,t,o),e.context.handlers.handleMouseleave=()=>er.call(null,e),e.context.handlers.handleDragstart=t=>o=>Gn.call(null,e,t,o),e.context.handlers.handleMouseup=t=>qn.call(null,e,t),e.context.handlers.handleTouchstart=t=>o=>Zn.call(null,e,t,o),e.context.handlers.handleTouchmove=t=>zn.call(null,e,t),e.context.handlers.handleKeydown=t=>o=>function(e,t,o){const n=Number(e.value);e.props.deselect&&" "===o.key&&n===t?e.input(0):" "===o.key&&e.input(t)}(e,t,o))}))},/* #__PURE__ */$("rating","star")]},Cr=/* #__PURE__ */Fe("ac"),{outer:Dr,wrapper:Tr,inner:Er,icon:Or,label:Mr,prefix:Vr,suffix:Fr,help:Br,messages:Pr,message:Hr}=/* #__PURE__ */Be(Cr),Rr=Cr("input",(()=>({$el:"input",bind:"$attrs",attrs:{id:"$id",type:"text",onClick:"$handlers.click",onBlur:"$handlers.blur",onKeydown:"$handlers.keydown",onInput:"$handlers.input",onFocus:"$handlers.focus",value:"$inputText || undefined",name:"$node.name",placeholder:"$state.loading && $ui.isLoading.value || $placeholder || undefined",tabindex:'$disabled && "-1" || 0',role:"combobox",autocomplete:'$attrs.autocomplete || "off"',autocapitalize:"none",readonly:"$attrs.readonly || $state.loading || $multiple && $max && $value && $value.length >= $max && $hasHighlightedRange !== true || undefined","data-selection-appearance":"$selectionAppearance",disabled:"$disabled || $disabledInternally || undefined",onTouchmove:"$handlers.touchmove",onTouchstart:"$handlers.touchmove",onTouchend:"$handlers.touchend","aria-autocomplete":"list","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-describedBy":"$describedBy","aria-activedescendant":"$expanded && $activeDescendant || undefined"}}))),Kr=Cr("listboxButton",(()=>({$el:"div",attrs:{style:"$visibilityStyles",id:'$id + "_listbox_button"',role:"button","aria-label":"$expanded && $ui.close.value || $ui.open.value",onClick:"$handlers.toggleListbox",onKeydown:"$handlers.toggleListboxKeydown",tabindex:'$disabled && "-1" || 0',"aria-haspopup":"true","aria-expanded":"$expanded","aria-controls":'$expanded && $id + "_listbox" || undefined',"aria-disabled":"$disabled || $state.loading || undefined","data-disabled":"$disabled || $disabledInternally || undefined"}}))),Nr=Cr("selectionWrapper",(()=>({for:["option","index","$selections"],$el:"div",attrs:{id:'$id + "_selection_wrapper_" + $index',key:"$option.value","data-value":"$option.value",tabindex:'$disabled && "-1" || 0',onKeydown:"$handlers.selectionKeydown && $handlers.selectionKeydown($multiple && $option || undefined)",onClick:"$handlers.selectionClick && $handlers.selectionClick($multiple && $option || undefined)",onFocus:"$handlers.selectionFocus && $handlers.selectionFocus($multiple && $option || undefined)",onBlur:"$handlers.selectionBlur && $handlers.selectionBlur($multiple && $option || undefined)","data-is-selection":"true","data-active-selection":"$fns.isActiveSelection && $fns.isActiveSelection($activeSelectionValue, $option)"}}))),Wr=Cr("selection",(()=>({$el:"div",attrs:{id:'$id + "_selection_" + $index'}}))),Ur=Cr("selections",(()=>({$el:"div",attrs:{"aria-live":"polite",id:'$id + "_selections"'}}))),Yr=Cr("removeSelection",(()=>({$el:"button",attrs:{id:'$selectionAppearance === "option" && $multiple && $id + "_remove_selection_" + $index || $id + "_remove_selection"',tabindex:"0",title:"$ui.remove.value",type:"button","aria-label":"$ui.remove.value",onClick:"$handlers.removeSelection && $handlers.removeSelection($multiple && $option || undefined)",onTouchend:"$handlers.removeSelection && $handlers.removeSelection($multiple && $option || undefined)","aria-controls":"$id"}}))),jr=Cr("optionLoading","span"),zr=Cr("option",(()=>({$el:"div",if:"$value !== undefined"}))),Zr=/* #__PURE__ */Re(Cr);function qr(e){"option"!==e.props.selectionAppearance||e.props.multiple||!1===e.props.selectionRemovable||"false"===e.props.selectionRemovable||(e.props.selectionRemovable=!0),e.props.multiple||(e.props.clearSearchOnOpen=r(e.props.clearSearchOnOpen)),e.props.selectionRemovable=r(e.props.selectionRemovable),e.props.openOnClick=r(e.props.openOnClick),"option"!==e.props.selectionAppearance||e.props.multiple||(e.props.isSingleOption=!0),void 0===e.props.closeOnSelect&&(e.props.closeOnSelect=!0),void 0===e.props.selectionAppearance&&(e.props.selectionAppearance="text-input"),void 0===e.props.closeOnSelect&&(e.props.closeOnSelect=!0),e.props.closeOnSelect?e.props.resetSearchOnCommit=!1:void 0===e.props.resetSearchOnCommit&&(e.props.resetSearchOnCommit=e.props.multiple),e.props.allowNewValues=r(e.props.allowNewValues)}function Gr(e){e.addProps(["inputText","selectionAppearance","searchValue","openOnClick","filteredOptions","search","debounce","showInput","visibilityStyles","selectionStyles","multiple","filter","hasHighlightedRange","clearOnClick","debounce"]),void 0===e.props.debounce?e.props.debounce=200:e.props.debounce=parseInt(e.props.debounce),e.props.nonceKey="searchValue",e.props.searchValue="",e.props.inputText="",e.props.filterOptions=wt.bind(null,e),e.props.reloadOnCommit=r(e.props.reloadOnCommit),void 0===e.props.alwaysLoadOnOpen?e.props.alwaysLoadOnOpen=!0:e.props.alwaysLoadOnOpen=r(e.props.alwaysLoadOnOpen),"function"!=typeof e.props.filter&&(e.props.filter=(e,t)=>e.label.toLowerCase().includes(t.toLowerCase())),e.on("created",(()=>{e.context&&re&&(e.context.handlers.focus=Qr.bind(null,e),e.context.handlers.input=Xr.bind(null,e),e.context.handlers.focus=Qr.bind(null,e),e.context.handlers.click=Jr.bind(null,e),e.context.handlers.toggleListbox=es.bind(null,e),e.context.handlers.toggleListboxKeydown=ts.bind(null,e),e.context.handlers.keydown=yo.bind(null,e),e.context.handlers.selectionKeydown=t=>o=>go(e,t,o),e.context.handlers.searchInputTagKeydown=t=>o=>function(e,t,o){if(o.stopPropagation(),e.props.disabled)return;switch(o.key){case"ArrowDown":uo(e);break;case"ArrowRight":case"ArrowLeft":fo(e,t,o);break;case"Delete":case"Backspace":vo(e,t,o)}}(e,t,o),e.on("prop:options",(({payload:t})=>{if((0===e.props.initialOptions.length&&"function"!=typeof e.props.optionsLoader||!e.props.searchValue&&t.length)&&(e.props.initialOptions=[...t]),e.props.selections&&e.props.selections.length&&t.length)for(let o=0;o<e.props.selections.length;o++){const n=e.props.selections[o],r=t.find((e=>bt(e)===n.value));r&&(e.props.selections[o]=r)}})))})),e.on("prop:expanded",(({payload:t})=>{t||yt.delete(e)}))}function Xr(e,t){if(e.props.disabled)return;const o=t.target;e.props.inputText=o.value,e.emit("handleSearchInput",o.value),e.props.searchValue&&wt(e,e.props.searchValue,!0)}function Jr(e,t){t.stopPropagation(),e.props.disabled||e.props.disabledInternally||(e.props.attrs.onClick&&e.props.attrs.onClick(t),(!e.props.expanded&&e.props.openOnClick||e.props.openOnFocus)&&(e.props.expanded=!0))}function Qr(e){e.props.disabled||e.props.disabledInternally||(e.props.attrs.onFocus&&e.props.attrs.onFocus(),e.props.activeSelectionValue=void 0,e.props.skipOpen?e.props.skipOpen=!1:e.props.openOnFocus&&(e.props.expanded=!0))}function es(e){var t,o,n;e.props.disabled||e.props.disabledInternally||(null===(t=e.context)||void 0===t?void 0:t.state.loading)||(e.props.expanded=!e.props.expanded,e.props.openOnFocus||null===(n=null===(o=e.props.__root)||void 0===o?void 0:o.getElementById(`${e.props.id}`))||void 0===n||n.focus())}function ts(e,t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),es(e))}const os=new WeakMap,ns="undefined"!=typeof window,rs=new WeakMap;let ss=!1;function as(e){e.props.searchValue=null,e.on("commit",(()=>{e.props.searchValue=null,e.props.highlightedRange||ls(e)})),e.on("created",(()=>{if(!e.context||!ns)return;e.on("handleSearchInput",(({payload:t})=>{""===t?(e.props.searchValue=null,e.input([])):t&&0===e.props.inputStd.length?e.props.searchValue=t:t&&e.props.inputStd.length>0&&(e.props.searchValue=function(e){var t;const o=is(e);if(e.props.highlightedRange){const[t,n]=ps(e,o);return e.props.inputText.slice(t,n)}return e.props.inputText.slice((null===(t=o[o.length-1])||void 0===t?void 0:t.end)+2)}(e)),!e.props.expanded&&t?e.props.expanded=!0:!t&&e.props.expanded&&(e.props.expanded=!1)})),function(e){s(`${e.props.id}`,(t=>{t instanceof HTMLInputElement&&rs.set(t,e)}),e.props.__root),ns&&!ss&&(ss=!0,document.addEventListener("selectionchange",(()=>{const e=gt();if(e instanceof HTMLInputElement&&rs.has(e)){const t=rs.get(e);t&&function(e){clearTimeout(os.get(e)),os.set(e,setTimeout((()=>{var t,o,n,r;const s=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}`);if(s instanceof HTMLInputElement){const t=is(e),a=t.findIndex((e=>null!==s.selectionStart?s.selectionStart>=e.start&&s.selectionStart<=e.end:null!==s.selectionEnd&&(s.selectionEnd>=e.start&&s.selectionEnd<=e.end))),l=null===(o=t[t.length-1])||void 0===o?void 0:o.end;if(0===s.selectionStart&&s.selectionEnd===(null===(n=e.props.inputText)||void 0===n?void 0:n.length))return;if("string"==typeof e.props.searchValue&&e.props.highlightedRange){if(t.length){const o=e.props.highlightedRange,[n,r]=ps(e,t);if(null!==s.selectionEnd&&(s.selectionEnd<n||s.selectionEnd>r)){const t=o.end-o.start-(r-n),a=s.selectionEnd;e.props.inputText=e.props.option.label,e.props.highlightedRange=void 0,e.props.searchValue=null,s.value=e.props.inputText,s.selectionStart=s.selectionEnd=a+(a>n?t:0)}}}else if(a>=0&&null!==s.selectionStart&&(l!==(null===(r=e.props.inputText)||void 0===r?void 0:r.length)||s.selectionStart<l)){const o=t[a],n=e.props.inputText.substr(0,l),r=o.start+(o.index>0?1:0),p=o.end+(t.length-1>o.index?-1:0);n!==e.props.inputText&&(e.props.inputText=n,s.value=n),e.props.highlightedRange=o,s.selectionStart=r,s.selectionEnd=p}else e.props.highlightedRange=void 0,ls(e);if(null!==s.selectionStart&&s.selectionStart>=l&&", "!==e.props.inputText.substring(l,l+2)){let t=e.props.inputText.substring(0,l);t=e.props.multiple&&e.props.max&&Array.isArray(e.props.inputStd)&&e.props.inputStd.length>=e.props.max?t:`${t},`,e.props.inputText=`${t} ${e.props.inputText.substring(l).replace(/^[,\s]{1,2}/,"")}`}}}),5))}(t)}})))}(e);const o=e.context.handlers.keydown;e.context.handlers.keydown=n=>{o(n),function(e,o){var n,r,s,a;if(["ArrowRight","ArrowLeft"].includes(o.key)&&o.target instanceof HTMLInputElement&&null!==o.target.selectionEnd&&null!==o.target.selectionStart){if(0===o.target.selectionStart&&o.target.selectionEnd===(null===(n=e.props.inputText)||void 0===n?void 0:n.length))"ArrowLeft"===o.key?t(0):t(-1);else if(!e.props.searchValue){e.props.searchValue=null;const t=is(e),n=null===(r=t[t.length-1])||void 0===r?void 0:r.end;o.target.selectionStart<n&&(o.target.selectionStart=Math.max(0,"ArrowLeft"===o.key?o.target.selectionStart-2:o.target.selectionEnd+2))}}else if(["Delete","Backspace"].includes(o.key))e.props.highlightedRange&&!e.props.searchValue?(Ot(e,e.props.highlightedRange.option),0===e.props.inputStd.length&&(e.props.highlightedRange=void 0)):o.target instanceof HTMLInputElement&&(e.props.searchValue=null,t(-1,!0)&&o.preventDefault());else if(o.target instanceof HTMLInputElement&&0===o.target.selectionStart&&o.target.selectionEnd===(null===(s=e.props.inputText)||void 0===s?void 0:s.length)&&(null===(a=e.props.inputText)||void 0===a?void 0:a.length)&&0===e.props.selections.length)o.preventDefault();else if("Tab"===o.key)return;"ArrowLeft"===o.key&&t(-1,!0)&&o.preventDefault()}(e,n)};const n=e.context.handlers.focus;e.context.handlers.focus=t=>{n(e,t);const o=new Event("selectionchange");document.dispatchEvent(o)},e.on("blur",(()=>{e.props.selections.length?(e.props.inputText=e.props.selections.map((e=>e.label)).join(", "),e.props.searchValue=null):e.props.selections.length||(e.props.inputText="",e.props.searchValue="")}))})),e.on("prop:expanded",(({payload:t})=>{t||e.props.inputStd.length?t&&(e.props.options.length&&!e.props.alwaysLoadOnOpen||(e.props.options=[],wt(e,e.props.searchValue))):(e.props.searchValue="",e.props.inputText="")})),e.on("prop:selections",(()=>{var t;const o=[...e.props.selections].map((e=>e.label)).join(", ");let n="";if(ns&&e.isCreated){const o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}`);if(gt()===o&&Array.isArray(e._value)&&e._value.length){if(e.props.max&&e._value.length>=Number(e.props.max))return;n=", "}}e.props.inputText=`${o}${n}`,e.props.reloadOnCommit&&(e.props.searchValue="",wt(e,e.props.searchValue))}));const t=(t,o=!1)=>{var n,r;const s=null===(n=e.props.__root)||void 0===n?void 0:n.getElementById(`${e.props.id}`);if(!(s instanceof HTMLInputElement))return!1;const a=is(e),l=t>=0?t:a.length-1;if(void 0===a[l])return!1;const p=null===(r=a[l])||void 0===r?void 0:r.end;return null!==s.selectionStart&&(!o||s.selectionStart>=p&&s.selectionStart<=p+2)&&(s.selectionStart=a[l].start+(l>0?1:0),s.selectionEnd=a[l].end+(l<a.length-1?-1:0),!0)};let o;e.on("selectRange",(({payload:e})=>t(...e))),e.on("prop:highlightedRange",(({payload:t})=>{e.props.hasHighlightedRange=!!t,t&&e.props.expanded&&o!==t.option&&(o=t.option,Vt(e))}))}function ls(e){var t;if(!ns)return;const o=null===(t=e.props.__root)||void 0===t?void 0:t.getElementById(`${e.props.id}`);o&&o.scrollTo({left:o.scrollWidth,behavior:"smooth"})}function ps(e,t){var o;const n=e.props.highlightedRange,r=n.index,s=n.start+(r?1:0),a=t.length-1>r?t[t.length-1].end-t[r+1].start:0;return[s,(null===(o=e.props.inputText)||void 0===o?void 0:o.length)-a+(t.length-1>n.index?-1:0)]}function is(e){const t=Et(e);return Array.isArray(t)&&t.length?t.reduce(((e,o,n)=>{var r;const s=(null===(r=e[n-1])||void 0===r?void 0:r.end)||0;let a=0;return t.length-1!==n&&a++,0!==n&&a++,e.push({option:o,index:n,start:s,end:s+o.label.length+a}),e}),[]):[]}function ds(e){!function(e){e.on("prop:expanded",(({payload:t})=>{t?(e.props.searchValue="",e.props.options.length&&!e.props.alwaysLoadOnOpen||(e.props.options=[],wt(e,e.props.searchValue,!0))):(e.props.searchValue="",e.props.inputText="")}))}(e),function(e){e.on("handleSearchInput",(({payload:t})=>{t&&!e.props.expanded?(e.props.searchExpand=!0,e.props.expanded=!0):!t&&e.props.expanded&&(e.props.expanded=!1),e.props.searchValue=e.props.inputText}))}(e),function(e){e.on("prop:selections",(()=>{e.isCreated&&(e.props.inputText="",e.props.searchValue="",e.props.optionRemoved||e.props.reloadOnCommit&&wt(e,e.props.searchValue,!0))}))}(e)}function cs(e){!function(e){function t(e){0===e.props.inputStd.length?(e.props.inputText="",e.props.searchValue=""):(e.props.inputText=e.props.selections[0].label,e.props.searchValue=e.props.selections[0].label)}function o(e){e.props.clearSearchOnOpen&&!e.props.searchExpand&&(e.props.inputText="",e.props.searchValue=""),e.props.searchValue=e.props.inputText,e.props.options.length&&!e.props.alwaysLoadOnOpen||e.props.searchExpand||(e.props.options=[],wt(e,e.props.searchValue,!0)),e.props.searchExpand&&(e.props.searchExpand=!1)}e.on("prop:expanded",(({payload:n})=>{n?o(e):t(e)}))}(e),function(e){e.on("handleSearchInput",(({payload:t})=>{""===t?(0===e.props.inputStd.length&&(e.props.expanded=!1),e.input(void 0)):t&&!e.props.expanded&&(e.props.searchExpand=!0,e.props.expanded=!0),e.props.searchValue=e.props.inputText}))}(e),function(e){e.on("prop:selections",(({payload:t})=>{e.props.inputText=t.length?t[0].label:"",e.props.searchValue=t.length?t[0].label:"",e.isCreated&&e.props.expanded&&0===t.length&&wt(e,e.props.searchValue,!0)}))}(e)}function us(e){if(e.props.multiple)if(e.props.multiple&&"option"===e.props.selectionAppearance){function t(){return Array.isArray(e.value)?e.value:[]}function o(t){e.input(t)}ds(e),e.on("created",(()=>{e.props.disabled&&(e.props.draggable=!1),s(`${e.props.id}_selections`,(n=>{if(n instanceof HTMLElement&&e.context){const r={draggingClass:e.context.classes.dragging,dropZoneClass:e.context.classes.dropZone,root:e.props.__root,disabled:!e.props.draggable,plugins:[x()],touchDraggingClass:e.context.classes.touchDragging,touchDropZoneClass:e.context.classes.touchDropZone,draggable:e=>e.hasAttribute("data-is-selection")};w({parent:n,getValues:t,setValues:o,config:r}),e.on("prop:disabled",(({payload:e})=>{r.disabled=e,w({parent:n,getValues:t,setValues:o,config:r})})),e.on("prop:draggable",(({payload:e})=>{r.disabled=!e,w({parent:n,getValues:t,setValues:o,config:r})}))}}),e.props.__root)}))}else e.props.multiple&&"text-input"===e.props.selectionAppearance&&as(e);else cs(e)}const fs={schema:/* #__PURE__ */Dr(/* #__PURE__ */Tr(/* #__PURE__ */Mr("$label"),/* #__PURE__ */Er(/* #__PURE__ */Or("prefix"),/* #__PURE__ */Vr(),/* #__PURE__ */Rr(),/* #__PURE__ */He("$multiple !== true && $selectionAppearance === option && $expanded === false",/* #__PURE__ */Ur(/* #__PURE__ */Nr(/* #__PURE__ */Wr(/* #__PURE__ */zr(/* #__PURE__ */He("$state.loading",/* #__PURE__ */jr("$ui.isLoading.value"),"$option.label"))),/* #__PURE__ */He("$state.loading && $isSingleOption !== true && $optionLoaderValues.includes($option.value)",/* #__PURE__ */Or("loader")),/* #__PURE__ */He("$selectionRemovable && $isSingleOption",/* #__PURE__ */Yr(/* #__PURE__ */Or("close")))))),/* #__PURE__ */He("$state.loading && ($isSingleOption !== true || $selections.length === 0)",/* #__PURE__ */Or("loader")),/* #__PURE__ */He('$selectionRemovable && $selectionAppearance === "text-input" && $selections.length > 0',/* #__PURE__ */Yr(/* #__PURE__ */Or("close")),/* #__PURE__ */He('$selectionAppearance === "text-input" || ($selectionAppearance === "option" && $multiple)',/* #__PURE__ */Kr(/* #__PURE__ */Or("select")))),/* #__PURE__ */He("$isSingleOption && ($inputStd.length === 0 || $selectionRemovable === undefined || ($expanded) || $state.loading || $optionLoaderValues.length > 0)",/* #__PURE__ */Kr(/* #__PURE__ */Or("select"))),/* #__PURE__ */Zr(),/* #__PURE__ */Fr(),/* #__PURE__ */Or("suffix")),/* #__PURE__ */He("$multiple && $selectionAppearance === option",/* #__PURE__ */Ur(/* #__PURE__ */Nr(/* #__PURE__ */Wr(/* #__PURE__ */zr(/* #__PURE__ */He("$state.loading && $isLoadingOption",/* #__PURE__ */jr("$ui.isLoading.value"),"$option.label"))),/* #__PURE__ */Yr(/* #__PURE__ */Or("close")))))),/* #__PURE__ */Br("$help"),/* #__PURE__ */Pr(/* #__PURE__ */Hr("$message.value"))),type:"input",family:"dropdown",props:[],features:[
|
|
20
20
|
/* #__PURE__ */$("select","select"),
|
|
21
21
|
/* #__PURE__ */$("close","close"),
|
|
22
22
|
/* #__PURE__ */$("selected","check"),
|