@spscommerce/ds-react 8.55.1 → 8.55.2

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/lib/index.umd.cjs CHANGED
@@ -1,7 +1,7 @@
1
- (function(I,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("react"),require("@spscommerce/utils"),require("moment-timezone"),require("@spscommerce/ds-shared"),require("@spscommerce/i18n"),require("react-dom"),require("@spscommerce/ds-colors"),require("@sps-woodland/illustrations")):typeof define=="function"&&define.amd?define(["exports","react","@spscommerce/utils","moment-timezone","@spscommerce/ds-shared","@spscommerce/i18n","react-dom","@spscommerce/ds-colors","@sps-woodland/illustrations"],T):(I=typeof globalThis<"u"?globalThis:I||self,T(I.DSReact={},I.react,I.spscommerceUtils,I.momentTimezone,I.spscommerceDsShared,I.spscommerceI18n,I.reactDom,I.spscommerceDsColors,I.spsWoodlandIllustrations))})(this,(function(I,T,S,ke,A,Se,Ln,kr,bi){"use strict";function vi(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=vi(T),pn=vi(ke);function yi(e){var t,n,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=yi(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function $(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=yi(e))&&(o&&(o+=" "),o+=t);return o}let Lm="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",We=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=Lm[n[e]&63];return t};function Rt(e){return T.useRef(e||We())}function Ge(e,t){const n=Rt(e),o=T.useRef(`${n.current}_ctrl`);return T.useEffect(()=>{t&&(t.id=o.current,t.update())},[t]),{wrapperId:n.current||void 0,controlId:o.current}}function Mr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Lr,Ti;function _m(){if(Ti)return Lr;Ti=1;var e="[object Object]";function t(p){var f=!1;if(p!=null&&typeof p.toString!="function")try{f=!!(p+"")}catch{}return f}function n(p,f){return function(g){return p(f(g))}}var o=Function.prototype,a=Object.prototype,s=o.toString,i=a.hasOwnProperty,l=s.call(Object),c=a.toString,d=n(Object.getPrototypeOf,Object);function m(p){return!!p&&typeof p=="object"}function u(p){if(!m(p)||c.call(p)!=e||t(p))return!1;var f=d(p);if(f===null)return!0;var g=i.call(f,"constructor")&&f.constructor;return typeof g=="function"&&g instanceof g&&s.call(g)==l}return Lr=u,Lr}var Pm=_m();const Ei=Mr(Pm),Ze=new Set,un=new Set,wt=new Set,ho=new Set;function wi(e){Ze.has(e)||wt.has(e)||ho.has(e)||un.add(e)}function Ci(e){Ze.has(e)||wt.has(e)||un.has(e)||ho.add(e)}const $e=pn.default||pn,mn="MM/DD/YYYY",Bm="MM/DD/YYYY hh:mm A",Om="MM/DD/YYYY HH:mm",Rm="hh:mm A",Fm="HH:mm",Am=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,_n=Symbol("Date Parse Error");function fn(e){return $e.isMoment(e)?e.year()*1e4+(e.month()+1)*100+e.date():e.year*1e4+e.month*100+e.date}const j=Object.freeze({createFrom(e,t){if(!e)return null;if(typeof e=="string"){if(t){const n=$e(e,t,!0);if(n.isValid())return Object.freeze({year:n.year(),month:n.month()+1,date:n.date()})}else{const n=Am.exec(e);if(n){const[,o,a,s]=n;return Object.freeze({year:Number(s),month:Number(o),date:Number(a)})}}return Object.freeze({[_n]:!0,year:void 0,month:void 0,date:void 0})}return Object.freeze({year:e.year(),month:e.month()+1,date:e.date()})},createMomentFrom(e,t){if(!e)return null;let n=null;return typeof e=="string"?t?n=$e(e,t,!0):n=$e(e):$e.isMoment(e)?n=e:n=j.toMoment(e),n!==null&&$e.isMoment(n)&&n.isValid()?n:Object.freeze({[_n]:!0,year:void 0,month:void 0,date:void 0})},getRangeSeparator(e){return e?.includes("-")?"/":"-"},createRangeFrom(e,t){if(!e)return null;if(t){const n=j.getRangeSeparator(t),o=new RegExp(`[^\\d]*${n}[^\\d]*`);return e.split(o).slice(0,2).map(a=>j.createFrom(a,t))}else return e.split(/[^\d]*-[^\d]*/).slice(0,2).map(n=>j.createFrom(n))},isValid(e){return e?$e.isMoment(e)?e.isValid():typeof e=="object"&&typeof e.year=="number"&&typeof e.month=="number"&&typeof e.date=="number"&&j.toMoment(e)?.isValid():!1},nullifyInvalidDate(e){return j.isValid(e)?e:null},toMoment(e){return e?$e.isMoment(e)?e:$e({...e,month:e.month-1}):null},toString(e,t){const n=j.toMoment(e);return n&&n.isValid()?n.format(t||mn):""},toStringRange(e,t){if(!e)return"";const n=j.getRangeSeparator(t);return e.slice(0,2).map(o=>j.toString(o,t)).join(n)},toDateTimeString(e,t=!1,n){return e&&$e.isMoment(e)&&e.isValid()?n?t?e.format(`${n} ${Fm}`):e.format(`${n} ${Rm}`):t?e.format(Om):e.format(Bm):""},toDateTimeStringRange(e,t=!1,n){if(!e)return"";const o=j.getRangeSeparator(n);return e.map(a=>j.toDateTimeString(a,t,n)).join(o)},create(){const e=new Date;return Object.freeze({year:e.getFullYear(),month:e.getMonth()+1,date:e.getDate()})},isSameDate(e,t){return e&&t&&e.year===t.year&&e.month===t.month&&e.date===t.date},isSameMonth(e,t){return e&&t&&e.year===t.year&&e.month===t.month},isAfter(e,t){return!e||!t?null:fn(e)>fn(t)},isBefore(e,t){return!e||!t?null:fn(e)<fn(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const o=fn(e),[a,s]=t.map(fn);return a&&s&&(n&&o>=a&&o<=s||!n&&o>a&&o<s)},prevMonth(e){return Object.freeze({year:e.month===1?e.year-1:e.year,month:e.month-1||12,date:e.date})},nextMonth(e){return Object.freeze({year:e.month===12?e.year+1:e.year,month:e.month+1>12?1:e.month+1,date:e.date})},createRangeFromPreset(e,t){if(typeof e.definition=="function")return e.definition();const n=$e(),o=n.clone().subtract($e.duration(e.definition));return[j.createFrom(o,t),j.createFrom(n,t)]},createDateTimeRangeFromPreset(e){if(typeof e.definition=="function")return e.definition();const t=$e().subtract($e.duration(e.definition)).startOf("day"),n=$e().endOf("day");return[t,n]},splitMomentInDateTimeParts(e,t=!1,n,o=!1){let a="";t?a=o?"23:59":"00:00":a=o?"11:59":"12:00";const s=o?"PM":"AM";return e&&$e.isMoment(e)&&e.isValid()?j.toDateTimeString(e,t,n).split(" "):["",a,t?void 0:s]},getCurrentMoment(){return $e()},validateTimeString(e,t=!1){if(!e)return!0;const n=e.split(":"),o=n[0]||"0",a=n[1]||"0",s=Number.isNaN(Number(o))?NaN:parseInt(o,10),i=Number.isNaN(Number(a))?NaN:parseInt(a,10),l=n.length<=2&&o.length<=2&&a.length<=2;return t?l&&s>=0&&s<=23&&i>=0&&i<=59:l&&(!Number.isNaN(s)&&o.length===1||s>=1)&&s<=12&&i>=0&&i<=59},padIncompleteTimeString(e,t=!1){if(!e)return"";const n=e.split(":"),o=parseInt(n[0]||"0",10),a=parseInt(n[1]||"0",10);if(t){const s=o<10?`0${o}`:`${o}`,i=a<10?`0${a}`:`${a}`;return`${s}:${i}`}else{const s=o===0?"12":o<10?`0${o}`:`${o}`,i=a<10?`0${a}`:`${a}`;return`${s}:${i}`}}}),_r=["01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00"],Pr=["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"];let bo=mn;function Di(e){bo=e}const Pn=function(t){if(Array.isArray(t)){const n=Pn(t[0]),o=Pn(t[1]);return n||o}if(t&&t.hasOwnProperty("year")){if(t[_n])return{dateFormat:bo};if(!j.isValid(t))return{dateValidity:!0}}return null};Ze.add("dateFormat"),Ze.add("dateValidity");const Ni=function(t){if(Array.isArray(t)){const n=Pn(t);if(n)return n;if(t&&j.isBefore(t[1],t[0]))return{dateRangeOrder:!0}}return null};Ze.add("dateRangeOrder");const Ii=function({minDate:t,maxDate:n}){function o(a){const s=j.isBefore(a,t),i=j.isAfter(a,n),l={minExceeded:s?j.toString(t,bo):null,maxExceeded:i?j.toString(n,bo):null};return s||i?{dateConstraint:l}:null}return function(s){if(!s)return null;if(Array.isArray(s)){const i=o(s[0]),l=o(s[1]);return i||l}return s.hasOwnProperty("year")?o(s):null}};Ze.add("dateConstraint");const $m=Object.freeze(Object.defineProperty({__proto__:null,date:Pn,dateConstraint:Ii,dateRange:Ni,setDateFormat:Di},Symbol.toStringTag,{value:"Module"}));function Mt(e,t){for(const n of[].concat(e)){const o=t(n);if(o)return o}return null}const Vm=function(t){function n(o){return Number(o)>=t?null:{min:t}}return o=>Mt(o,n)};Ze.add("min");const Km=function(t){function n(o){return Number(o)<=t?null:{max:t}}return o=>Mt(o,n)};un.add("max");const Hm=function(t){return typeof t>"u"||t===null||t===""||Number.isNaN(t)||t?.length===0?{required:!0}:null};un.add("required");const Wm=function(t){function n(o){return o===void 0||o.toString().length<t?{minLength:t}:null}return o=>Mt(o,n)};Ze.add("minLength");const Gm=function(t){function n(o){return o==null||Array.isArray(o)&&o.length<t?{minLengthArray:t}:null}return o=>n(o)};Ze.add("minLengthArray");const Um=function(t){function n(o){return o===void 0||o.toString().length<=t?null:{maxLength:t}}return o=>Mt(o,n)};wt.add("maxLength");const zm=function(t){function n(o){return o==null||Array.isArray(o)&&o.length<=t?null:{maxLengthArray:t}}return o=>n(o)};Ze.add("maxLengthArray");const jm=function(t){const n=t instanceof RegExp?t:new RegExp(t);function o(a){return n.test(a)?null:{pattern:t}}return a=>Mt(a,o)};Ze.add("pattern");const Ym=function(e){function t(n){return new RegExp("^\\p{L}*$","u").test(n)?null:{alpha:!0}}return Mt(e,t)};wt.add("alpha");const qm=function(e){function t(n){return/^[0-9,. ]*$/.test(n)?null:{numeric:!0}}return Mt(e,t)};wt.add("numeric");const Jm=function(e){function t(n){return/^-?[0-9,. ]*$/.test(n)?null:{positiveOrNegativeNumber:!0}}return Mt(e,t)};wt.add("positiveOrNegativeNumber");const Xm=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return Mt(e,t)};wt.add("nonNumeric");const vo=Object.freeze({...$m,min:Vm,max:Km,required:Hm,minLength:Wm,minLengthArray:Gm,maxLength:Um,maxLengthArray:zm,pattern:jm,alpha:Ym,numeric:qm,nonNumeric:Xm,positiveOrNegativeNumber:Jm,OnBlurErrorKeys:Ze});function yo(e,t=[]){const n=t.reduce((o,a)=>Object.assign(o,a(e)||{}),{});return Object.keys(n).length?n:null}var Ct=(e=>(e[e.ON_CHANGE=0]="ON_CHANGE",e[e.ON_BLUR=1]="ON_BLUR",e[e.ON_SUBMIT=2]="ON_SUBMIT",e))(Ct||{});function Zm(e,t={},n=[]){for(const[o,a]of Object.entries(t))a===0?wi(o):a===2&&Ci(o);return r.useCallback(e,n)}class Yt{constructor(t,n){this.path=t,this.update=n,this.validators=[],this.#e=null,this.#t=null,this.#n=null,this.preventativeErrors=[],this.submitted=!1}#e;#t;#n;get errors(){return this.#e===null&&this.#t===null&&this.#n===null?null:{...this.#e??{},...this.#t??{},...this.#n??{}}}setValidators(t){return this.update(this.path,null,void 0,t),this}validate(t,n,o=!1){if(this.validators&&this.validators.length>0){const a=yo(t,this.validators);let s={onSubmit:{},onChange:{},onBlur:{}};a&&(s=Object.keys(a).reduce((i,l)=>(ho.has(l)?i.onSubmit[l]=a[l]:un.has(l)?i.onChange[l]=a[l]:i.onBlur[l]=a[l],i),s)),(typeof n>"u"||n===Ct.ON_CHANGE)&&(this.#t=Object.keys(s.onChange).length===0?null:s.onChange),(typeof n>"u"||n===Ct.ON_BLUR)&&(this.#n=Object.keys(s.onBlur).length===0?null:s.onBlur),(typeof n>"u"||n===Ct.ON_SUBMIT)&&(this.#e=Object.keys(s.onSubmit).length===0?null:s.onSubmit,this.#t=Object.keys(s.onChange).length===0?null:s.onChange,this.#n=Object.keys(s.onBlur).length===0?null:s.onBlur),o||this.update(),this.isFocused()&&this.onFocus&&this.onFocus()}else this.errors&&(this.#e=null,this.#n=null,this.#t=null,o||this.update());return this}isValid(){return!this.errors||this.isPristine()}hasErrors(){return!!this.errors}isVisibilyInvalid(){return!this.isValid()}hasError(t){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,t)}hasPreventativeError(t){return this.preventativeErrors.includes(t)}hasPreventativeErrors(){return this.preventativeErrors.length>0}isRequired(){return this.validators&&this.validators.includes(vo.required)}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}class Bn extends Yt{constructor(){super(...arguments),this.id=We(),this.focused=!1,this.pristine=!0}setValue(t){if(this.preventativeErrors=[],this.validators&&this.validators.length>0){const n=yo(t,this.validators);if(n&&Object.keys(n).filter(a=>wt.has(a)).length>0){this.preventativeErrors=Object.keys(n);return}}this.update(this.path,t)}isPristine(){return this.pristine}markAsPristine(){return this.pristine=!0,this.update(),this}markAsDirty(){return this.pristine=!1,this.update(),this}isFocused(){return this.focused}markAsFocused(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this}markAsBlurred(){return this.update(this.path,null,!0),this.onBlur&&this.onBlur(),this.preventativeErrors=[],this}markAsSubmitted(){return this.submitted=!0,this.update(this.path,null,!1,void 0,!0),this}}class qt extends Bn{constructor(t,n,o){const a=o?n:t,s=o||n;super(a,s),o&&this.inferMembers(t)}isFocused(){return super.isFocused()||this.rollup("isFocused")}isValid(){return super.isValid()&&this.rollup("isValid")}hasErrors(){return super.hasErrors()||Object.keys(this.fields).some(t=>this.fields[t].hasErrors())}contentsAreValid(){return this.rollup("isValid")&&this.rollup("contentsAreValid")}isPristine(){return super.isPristine()&&this.rollup("isPristine")}markAsPristine(){super.markAsPristine();for(const t of Object.keys(this.fields))this.fields[t].markAsPristine();return this}markAsDirty(){super.markAsDirty();for(const t of Object.keys(this.fields))this.fields[t].markAsDirty();return this}markAsBlurred(){super.markAsBlurred();for(const t of Object.keys(this.fields))this.fields[t].markAsBlurred();return this}markAsSubmitted(){super.markAsSubmitted();for(const t of Object.keys(this.fields))this.fields[t].markAsSubmitted();return this}inferSpsControl(t,n){return To(t,[...this.path,n],this.update)}rollup(t){return Object.keys(this.fields).reduce((n,o)=>n&&(!this.fields[o][t]||this.fields[o][t]()),!0)}}class xi extends qt{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class ki extends qt{inferMembers(t){this.fields=t.map((n,o)=>this.inferSpsControl(n,String(o)))}}function To(e,t,n){return e instanceof Yt?(e.path=t,e.update=n,e):Array.isArray(e)?new ki(e,t,n):Ei(e)?new xi(e,t,n):new Bn(t,n)}function On(e,t){return t.length===0||!e?e:On(e.fields[t[0]],t.slice(1,t.length))}function Br(e,t){if(t.length===0||!e)return[e];const n=t[0];if(t=t.slice(1,t.length),n==="*"){const o=Array.isArray(e.fields)?e.fields:Object.keys(e.fields).map(a=>e.fields[a]);return t.length===0?o:o.reduce((a,s)=>[...a,...Br(s,t)],[])}return Br(e.fields[n],t)}function Or(e,t,n){for(const o of Object.keys(t)){const a=t[o];for(const s of Br(e,o.split(".")))s&&a&&n(s,a)}}function Eo(e,t,n,o=!1,a=!1){Or(t,n,(s,i)=>{s.validators=typeof i=="function"?i(e):i,o&&s.validate(S.getPath(e,s.path),void 0,a)})}function Rr(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((o,a)=>a===Number(n)?Rr(o,t):o):Ei(e)?Object.keys(e).reduce((o,a)=>Object.assign(o,{[a]:a===n?Rr(e[a],t):e[a]}),{}):e}function Qm(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function Mi(e,t={}){Qm(e);const[,n]=T.useState({}),o=T.useRef(!1);o.current=!1;const a=T.useRef(t),s=T.useCallback(p=>{const f=u.current;let g;if(p)if(p.path)if(p.markAsBlurred){const b=On(f.formMeta,p.path);if(b){b.focused=!1;const y=S.getPath(f.formValue,p.path);b.validate(y,Ct.ON_BLUR)}}else if(p.newValidators){if(a.current){const b=p.path.join(".");a.current={...a.current,[b]:p.newValidators},Eo(f.formValue,f.formMeta,a.current,!0)}}else if(p.markAsSubmitted){const b=On(f.formMeta,p.path);if(b){b.submitted=!0;const y=S.getPath(f.formValue,p.path);b.validate(y,Ct.ON_SUBMIT)}}else g=Rr(f.formValue,p.path),S.setPath(g,p.path,p.value);else g=p.value;if(p?.updateFormOptions?.validators&&(a.current={...a.current,...p.updateFormOptions.validators},Eo(f.formValue,f.formMeta,a.current,p.updateFormOptions?.runValidators??!0)),g){f.formMeta.submitted=!1,S.deepFreeze(g);const b=S.diff(f.formValue,g);for(const{type:v,key:h,parentPath:x,objects:[,D]}of b){const w=On(f.formMeta,x);if(typeof h!="symbol"&&w){let k;switch(v){case S.DiffChange.ADDITION:w.fields[h]=To(D[h],[...x,h],l);break;case S.DiffChange.DELETION:Array.isArray(w.fields)?w.fields[h]=void 0:delete w.fields[h];break;case S.DiffChange.ALTERATION:k=To(D[h],[...x,h],l),(k instanceof qt&&!(w.fields[h]instanceof qt)||!(k instanceof qt)&&w.fields[h]instanceof qt)&&(k.pristine=!1,w.fields[h]=k);break}}}const y=new Set;if(b.filter(v=>v.type===S.DiffChange.DELETION).reduce((v,h)=>(v.has(h.parentPath)||v.add(h.parentPath),v),y),Array.from(y).forEach(v=>{const h=On(f.formMeta,v);Array.isArray(h.fields)&&(h.fields=h.fields.filter(x=>x!==void 0))}),a.current){Eo(g,f.formMeta,a.current);const v=new Set;t&&Or(f.formMeta,t,(h,x)=>{typeof x=="function"&&(h.validate(S.getPath(g,h.path)),v.add(h))});for(const{type:h,key:x,parentPath:D,objects:[,w]}of b)if(typeof x!="symbol"){let k=f.formMeta,R=g;if(k){for(const F of D)k=k.fields[F],R=R[F],v.has(k)||k.validate(R,Ct.ON_CHANGE);if(h===S.DiffChange.ADDITION||h===S.DiffChange.ALTERATION){const F=k.fields[x];if(!v.has(F)&&(k.fields[x].validate(w[x],Ct.ON_CHANGE),h===S.DiffChange.ADDITION&&F.fields))for(const[_,O]of Object.entries(F.fields))O.validate(w[x][_],Ct.ON_CHANGE)}}}}}u.current={...f,formValue:g||f.formValue},o.current||n({})},[]),i=T.useCallback((p,f)=>{p||f?s({value:p,updateFormOptions:f}):s()},[s]),l=T.useCallback((p,f,g=!1,b,y=!1)=>{p?s({path:p,value:f,markAsBlurred:g,newValidators:b,markAsSubmitted:y}):i()},[s,i]),c=T.useMemo(()=>{S.deepFreeze(e);const p=To(e,[],l);return t&&Eo(e,p,t,!1,!0),p},[]),d=T.useCallback(()=>(u.current.formMeta.markAsDirty(),a.current&&Or(u.current.formMeta,a.current,(p,f)=>{(typeof f=="function"||Array.isArray(f))&&p.validate(S.getPath(u.current.formValue,p.path))}),u.current.formMeta.isValid()),[]),m=T.useCallback(()=>u.current.formValue,[]),u=T.useRef({formValue:e,formMeta:c,updateForm:i,validateForm:d,getCurrentFormValue:m});return u.current}const _e=r.forwardRef((e,t)=>{const{className:n,children:o,focusInputOnClick:a,formControl:s,formMeta:i,inputRef:l,onClick:c,...d}=e,m=r.useRef(),p=l||(t||m);function f(){p&&p!==t&&p.current&&p.current.focus()}function g(){p&&p!==t&&p.current&&i&&i instanceof Bn&&i.markAsFocused()}function b(){p&&p!==t&&p.current&&i&&i instanceof Bn&&i.markAsBlurred()}const y=$("sps-form-group",(s&&s.isRequired()||i&&i.isRequired())&&"sps-form-group--required",(s&&!s.isValid()||i&&i.isVisibilyInvalid())&&"sps-form-group--error",i&&i.hasPreventativeErrors()&&"sps-form-group--preventative-error",n);function v(h){a&&f(),c&&c(h)}return r.useEffect(()=>{function h(x){x.target.classList.contains("sps-form-control__clear-btn")&&x.preventDefault()}return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[]),r.createElement("div",{...d,className:y,ref:t,tabIndex:-1,onClick:v,onFocus:g,onBlur:b},o)});Object.assign(_e,{displayName:"SpsFormComponentWrapper"});const Li=e=>typeof e=="object"&&e!=null&&e.nodeType===1,_i=(e,t)=>(!t||e!=="hidden")&&e!=="visible"&&e!=="clip",wo=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){const n=getComputedStyle(e,null);return _i(n.overflowY,t)||_i(n.overflowX,t)||(o=>{const a=(s=>{if(!s.ownerDocument||!s.ownerDocument.defaultView)return null;try{return s.ownerDocument.defaultView.frameElement}catch{return null}})(o);return!!a&&(a.clientHeight<o.scrollHeight||a.clientWidth<o.scrollWidth)})(e)}return!1},Co=(e,t,n,o,a,s,i,l)=>s<e&&i>t||s>e&&i<t?0:s<=e&&l<=n||i>=t&&l>=n?s-e-o:i>t&&l<n||s<e&&l>n?i-t+a:0,ef=e=>{const t=e.parentElement;return t??(e.getRootNode().host||null)},Pi=(e,t)=>{var n,o,a,s;if(typeof document>"u")return[];const{scrollMode:i,block:l,inline:c,boundary:d,skipOverflowHiddenElements:m}=t,u=typeof d=="function"?d:B=>B!==d;if(!Li(e))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,f=[];let g=e;for(;Li(g)&&u(g);){if(g=ef(g),g===p){f.push(g);break}g!=null&&g===document.body&&wo(g)&&!wo(document.documentElement)||g!=null&&wo(g,m)&&f.push(g)}const b=(o=(n=window.visualViewport)==null?void 0:n.width)!=null?o:innerWidth,y=(s=(a=window.visualViewport)==null?void 0:a.height)!=null?s:innerHeight,{scrollX:v,scrollY:h}=window,{height:x,width:D,top:w,right:k,bottom:R,left:F}=e.getBoundingClientRect(),{top:_,right:O,bottom:W,left:Z}=(B=>{const M=window.getComputedStyle(B);return{top:parseFloat(M.scrollMarginTop)||0,right:parseFloat(M.scrollMarginRight)||0,bottom:parseFloat(M.scrollMarginBottom)||0,left:parseFloat(M.scrollMarginLeft)||0}})(e);let K=l==="start"||l==="nearest"?w-_:l==="end"?R+W:w+x/2-_+W,E=c==="center"?F+D/2-Z+O:c==="end"?k+O:F-Z;const V=[];for(let B=0;B<f.length;B++){const M=f[B],{height:Y,width:N,top:C,right:L,bottom:q,left:Q}=M.getBoundingClientRect();if(i==="if-needed"&&w>=0&&F>=0&&R<=y&&k<=b&&(M===p&&!wo(M)||w>=C&&R<=q&&F>=Q&&k<=L))return V;const ne=getComputedStyle(M),oe=parseInt(ne.borderLeftWidth,10),U=parseInt(ne.borderTopWidth,10),X=parseInt(ne.borderRightWidth,10),J=parseInt(ne.borderBottomWidth,10);let G=0,ee=0;const z="offsetWidth"in M?M.offsetWidth-M.clientWidth-oe-X:0,H="offsetHeight"in M?M.offsetHeight-M.clientHeight-U-J:0,re="offsetWidth"in M?M.offsetWidth===0?0:N/M.offsetWidth:0,te="offsetHeight"in M?M.offsetHeight===0?0:Y/M.offsetHeight:0;if(p===M)G=l==="start"?K:l==="end"?K-y:l==="nearest"?Co(h,h+y,y,U,J,h+K,h+K+x,x):K-y/2,ee=c==="start"?E:c==="center"?E-b/2:c==="end"?E-b:Co(v,v+b,b,oe,X,v+E,v+E+D,D),G=Math.max(0,G+h),ee=Math.max(0,ee+v);else{G=l==="start"?K-C-U:l==="end"?K-q+J+H:l==="nearest"?Co(C,q,Y,U,J+H,K,K+x,x):K-(C+Y/2)+H/2,ee=c==="start"?E-Q-oe:c==="center"?E-(Q+N/2)+z/2:c==="end"?E-L+X+z:Co(Q,L,N,oe,X+z,E,E+D,D);const{scrollLeft:le,scrollTop:Ie}=M;G=te===0?0:Math.max(0,Math.min(Ie+G/te,M.scrollHeight-Y/te+H)),ee=re===0?0:Math.max(0,Math.min(le+ee/re,M.scrollWidth-N/re+z)),K+=Ie-G,E+=le-ee}V.push({el:M,top:G,left:ee})}return V},tf=e=>e===!1?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&Object.keys(t).length!==0)(e)?e:{block:"start",inline:"nearest"};function Do(e,t){if(!e.isConnected||!(a=>{let s=a;for(;s&&s.parentNode;){if(s.parentNode===document)return!0;s=s.parentNode instanceof ShadowRoot?s.parentNode.host:s.parentNode}return!1})(e))return;const n=(a=>{const s=window.getComputedStyle(a);return{top:parseFloat(s.scrollMarginTop)||0,right:parseFloat(s.scrollMarginRight)||0,bottom:parseFloat(s.scrollMarginBottom)||0,left:parseFloat(s.scrollMarginLeft)||0}})(e);if((a=>typeof a=="object"&&typeof a.behavior=="function")(t))return t.behavior(Pi(e,t));const o=typeof t=="boolean"||t==null?void 0:t.behavior;for(const{el:a,top:s,left:i}of Pi(e,tf(t))){const l=s-n.top+n.bottom,c=i-n.left+n.right;a.scroll({top:l,left:c,behavior:o})}}const Fr=Object.freeze(Object.defineProperty({__proto__:null,default:Do},Symbol.toStringTag,{value:"Module"})),nf={alt:"string",size:"SpinnerSize",title:"string"};function Ar(e){const{alt:t,className:n,size:o=A.SpinnerSize.MEDIUM,"data-testid":a,title:s,unsafelyReplaceClassName:i,...l}=e,{t:c}=Se.useWoodlandLanguage(),d=t||s||c("spinner.defaultAltText",{defaultValue:"Loading..."}),m=$(i||"sps-spinner",`sps-spinner--${o}`,n);return r.createElement("i",{className:m,"data-testid":a,title:d,...l})}Object.assign(Ar,{props:nf,displayName:"SpsSpinner"});const of=60;function No(e){return typeof e>"u"?"inherit":`${e}px`}function $r(e){switch(e){case A.Position.TOP_LEFT:return A.Position.BOTTOM_LEFT;case A.Position.TOP_MIDDLE:return A.Position.BOTTOM_MIDDLE;case A.Position.TOP_RIGHT:return A.Position.BOTTOM_RIGHT;case A.Position.RIGHT_TOP:return A.Position.LEFT_TOP;case A.Position.RIGHT_MIDDLE:return A.Position.LEFT_MIDDLE;case A.Position.RIGHT_BOTTOM:return A.Position.LEFT_BOTTOM;case A.Position.BOTTOM_RIGHT:return A.Position.TOP_RIGHT;case A.Position.BOTTOM_MIDDLE:return A.Position.TOP_MIDDLE;case A.Position.BOTTOM_LEFT:return A.Position.TOP_LEFT;case A.Position.LEFT_BOTTOM:return A.Position.RIGHT_BOTTOM;case A.Position.LEFT_MIDDLE:return A.Position.RIGHT_MIDDLE;case A.Position.LEFT_TOP:return A.Position.RIGHT_TOP}}function rf(e,t,n,o,a,s,i,l){const c=i&&i.current,d=c?c.scrollTop:window.pageYOffset,m=l?0:d,u=c?c.scrollLeft:window.pageXOffset,p=l?0:u,[f,g]=e.split(" ");let b,y,v,h;switch(f){case"top":v=t.height-n.top-m-s[0];break;case"left":y=t.width-n.left-p-s[0];break;case"right":h=n.right+p-s[0];break;case"bottom":b=n.bottom+m-s[0];break;default:throw new Error(`Invalid position ${e}`)}switch(g){case"left":h=n.left+p+s[1];break;case"top":b=n.top+m+s[1];break;case"middle":f==="top"||f==="bottom"?h=n.left+p+n.width/2-a/2+s[1]:(f==="left"||f==="right")&&(b=n.top+m+n.height/2-o.height/2+s[1]);break;case"bottom":v=t.height-n.bottom-m+s[1];break;case"right":y=t.width-n.right-p+s[1];break;default:throw new Error(`Invalid position ${e}`)}return[b,y,v,h]}function Sn(e,t,n,{altPosition:o,setMinWidth:a=!1,setWidth:s=!1,parentElementRef:i,fixed:l=!1,offsets:c=[0,0],altOffsets:d=c}){if(e.current&&t.current){const m=e.current.getBoundingClientRect(),u=t.current.getBoundingClientRect(),p=Math.max(document.documentElement.clientHeight,window.innerHeight||0),f=document.documentElement.getBoundingClientRect().width;let b=(i?.current??document.documentElement).getBoundingClientRect();l&&(b={x:0,y:0,width:f,height:p,top:0,left:0,bottom:p,right:f,toJSON(){return{width:f,height:p,top:0,left:0,bottom:p,right:f}}});const[y,v]=n.split(" ");let h=n;if(o&&(y==="top"&&u.top-m.height<of||y==="right"&&u.right+m.width>f||y==="bottom"&&u.bottom+m.height>p||y==="left"&&u.left-m.width<0)&&(h=o),v==="left"&&u.left+m.width+(c?.[1]??0)>document.documentElement.getBoundingClientRect().right)switch(y){case"bottom":h=A.Position.BOTTOM_RIGHT;break;case"top":h=A.Position.TOP_RIGHT;break}const x=a?Math.max(u.width,m.width):m.width,D=s?u.width:x,[w,k,R,F]=rf(h,b,u,m,D,h===o?d:c,i,l),_={top:No(w),right:No(k),bottom:No(R),left:No(F)};return l&&(_.position="fixed",_.zIndex=A.ZStratum.BAR),a&&(_.minWidth=`${u.width}px`),s&&(_.width=`${u.width}px`),[_,h===o]}return[{},!1]}const rt=T.createContext(null);function gn(e,t=[]){const n=T.useContext(rt);return T.useMemo(()=>o=>{const s=n&&n.parentElementRef&&n.parentElementRef.current||document.body;let i=null,l=s.lastElementChild;for(;l&&l!==s.firstElementChild;){if(l.hasAttribute("data-portalid")&&l.getAttribute("data-portalid")===e){i=l;break}l=l.previousElementSibling}if(i)s.contains(i)||s.appendChild(i);else{i=document.createElement("div"),i.setAttribute("data-portalid",e),i.setAttribute("data-react-aria-top-layer","true");for(const c of t)i.classList.add(c);s.appendChild(i)}return Ln.createPortal(o,i)},[n])}const Vr=["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","1","2","3","4","5","6","7","8","9","0"];async function Bi(e,t,n,o,a,s){const i=typeof e.options=="function"?e.options(t.value):e.options||[],l=i instanceof Promise,c=u=>u.replace(/([.?*+^$[\]\\(){}|-])/g,"");n({pending:l}),s.current=l?i:null;const d=l?await i||[]:i||[];if(l&&s.current!==i)return;let m=Array.from(d).filter(Boolean).map(u=>new A.SpsOptionListOption(u,typeof u=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&m.unshift(new A.SpsOptionListOption(null,{text:e.nullOption})),t.value&&!e.disableDefaultOptionsFiltering){const u=c(t.value);n({replacementPattern:new RegExp(`(${u})`,"ig")}),m=m.filter(p=>{const f=new RegExp(u,"i"),g=c(p.text);return e.filterByTextAndCaptionKey?f.test(g)||f.test(c(p.caption)):f.test(g)})}else n({replacementPattern:null});if(e.disabledOptions)for(const u of m)e.disabledOptions.includes(u.value)&&(u.disabled=!0);o(Object.freeze(m)),e.onOptionListChanged&&e.onOptionListChanged(m.length),a(m.some(u=>u.value&&!!u.value.icon)),n({pending:!1})}function af(e,t,n){const[o,a]=r.useState(Object.freeze([])),[s,i]=r.useState(!1),l=r.useRef(null),c=r.useRef(e.options);(typeof e.options!="function"||e.disableOptionsMemoization)&&(c.current=e.options);const d=r.useMemo(()=>typeof c.current=="function"?S.debounce(Bi,typeof e.searchDebounce<"u"?e.searchDebounce:500):Bi,[c.current,e.disabledOptions]);return r.useEffect(()=>{d(e,t,n,a,i,l)},[c.current,t.value,e.disabledOptions]),[o,s]}class Lt{constructor(t,n){this.target=t,this.isPgStoppedInternal=!1,this.currentTarget=t,this.nativeEvent=new CustomEvent("change",n),Object.defineProperty(this.nativeEvent,"target",{value:t,writable:!1,configurable:!1,enumerable:!0})}get bubbles(){return this.nativeEvent.bubbles}get cancelable(){return this.nativeEvent.cancelable}get defaultPrevented(){return this.nativeEvent.defaultPrevented}get eventPhase(){return this.nativeEvent.eventPhase}get isTrusted(){return this.nativeEvent.isTrusted}get timeStamp(){return this.nativeEvent.timeStamp}get type(){return this.nativeEvent.type}preventDefault(){this.nativeEvent.preventDefault()}isDefaultPrevented(){return this.defaultPrevented}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPgStoppedInternal=!0}isPropagationStopped(){return this.isPgStoppedInternal}persist(){throw new Error("This is not a real React ChangeEvent. React does not permit the creation of SyntheticEvents in userland.")}}function sf(e,t){return{...e,...t}}function Dt(e){return T.useReducer(sf,e)}function lf({hideInlineSearch:e,showInlineSearch:t,options:n,onSearchChange:o,search:a="",searchPlaceholder:s,searchInputRef:i}){const{t:l}=Se.useWoodlandLanguage(),c=s??l("select.searchPlaceholder",{defaultValue:"Search…"}),[d,m]=Dt({isAsync:typeof n=="function",pending:!1,value:a,replacementPattern:null}),u=r.useCallback(y=>{m({value:y.target.value}),o&&o(y)},[o]),p=r.useCallback(y=>{y.nativeEvent.stopImmediatePropagation(),y.stopPropagation()},[]),f=r.useCallback(y=>{y.nativeEvent.stopImmediatePropagation(),m({value:""}),o&&o(new Lt({value:""})),i?.current&&i.current.focus()},[o,i]),g=y=>{y&&(["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"].includes(y.key)||y.stopPropagation())};return r.useEffect(()=>{m({value:a})},[a]),[(d.isAsync||t)&&!e?r.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},r.createElement("div",{className:"sps-form-control"},!d.value&&r.createElement("i",{className:"sps-icon sps-icon-filter sps-text-input__icon"}),r.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:c,ref:i,value:d.value,onChange:u,onClick:p,onKeyDown:g}),d.value&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:f}))):r.createElement(r.Fragment,null),d,m]}const cf=Do||Fr,df=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"];function pf(e,t,n){return n?(e&&e[n])===(t&&t[n]):e===t}function Oi(e,t,n){return typeof n.value=="function"&&n.disabled?!0:t?!!e?.find(o=>o[t]&&o[t]===n?.value?.[t]):!1}const Rn=r.forwardRef((e,t)=>{const{captionKey:n,comparisonKey:o,disabledOptions:a,options:s,tall:i,textKey:l,valueKey:c,zeroState:d,hideInlineSearch:m,showInlineSearch:u,onSearchChange:p,search:f,searchDebounce:g,searchPlaceholder:b,onSpecialActionSelect:y,attachTo:v,className:h,conformWidth:x,id:D,ignoreWidthStyles:w,isOpen:k,keepOpen:R,keyDown:F,nullOption:_,onOptionListChanged:O,onOptionSelected:W,onPositionFlip:Z,onSelfToggle:K,optionRole:E,positionOverride:V,selectedOption:B,specialAction:M,unsafelyReplaceClassName:Y,loading:N,filterByTextAndCaptionKey:C,maxHeightPx:L,maxHeightRem:q,disableOptionsMemoization:Q,disableDefaultOptionsFiltering:ne,"data-testid":oe,typeaheadEvent:U,...X}=e,J=r.useMemo(()=>M?new A.SpsOptionListOption(M,{textKey:"label",captionKey:"caption"}):null,[M]),[G,ee]=r.useState(-1),[z,H]=r.useState(k),re=t||r.useRef(null),te=r.useRef(null),le=r.useRef(null),Ie=gn("sps-option-list-portal"),Pe=r.useContext(rt),[Xe,nt]=V||[A.Position.BOTTOM_LEFT,A.Position.TOP_LEFT],[[mt,Me],ot]=r.useState([{},!1]),Ke=r.useRef(null),[ft,Be,ae]=lf({...e,searchInputRef:Ke}),[me,je]=af(e,Be,ae);r.useEffect(()=>{U&&Ye(U)},[U]),r.useEffect(()=>{ot(z?Sn(re,v,Xe,{altPosition:nt,setMinWidth:!w,setWidth:!w&&x,...Pe}):[{},!1])},[z,Xe,nt,me]),r.useEffect(()=>{let ce;return z&&(ce=()=>{z&&ot(Sn(re,v,Xe,{altPosition:nt,setMinWidth:!w,setWidth:!w&&x,...Pe}))},document.addEventListener("scroll",ce)),()=>{ce&&document.removeEventListener("scroll",ce)}},[z]),r.useEffect(()=>{ee(-1)},[Be]);const So=$(Y||"sps-option-list","z-stratum-dropdown",z&&"sps-option-list--open",Be.isAsync&&"sps-option-list--searchable",Me&&"sps-option-list--opens-upward",M&&M.label&&"sps-option-list--has-special-action",h),xr=$(Y||"sps-option-list__options",i&&"sps-option-list__options--tall"),xt=r.useCallback(()=>{z||(H(!0),Ke.current&&Ke.current.focus(),ee(-1),K&&K(!0))},[z,K]),jt=r.useCallback(()=>{z&&(H(!1),ee(-1),K&&K(!1))},[z,K]),yt=r.useCallback((ce,ue)=>{ue||ce&&!ce.disabled&&(typeof ce.value=="function"?(ce.value(),y&&y()):typeof W=="function"&&W(ce.value),R||jt())},[W,jt]),go=r.useCallback((ce,ue,Le)=>{ce.stopPropagation(),yt(ue,Le)},[yt]),ie=r.useRef(a||[]);ie.current=a||[];const we=r.useCallback(ce=>{switch(ce.key){case"Tab":case"Escape":jt();break;case"Enter":if(G>-1){const ue=me[G]||J;ce.preventDefault();const Le=!!ue&&Oi(ie.current,o||"",ue);!Le&&ue&&typeof W=="function"&&typeof ue.value=="function"?ue.value():ue&&yt(ue,Le)}break;case"Up":case"ArrowUp":{let ue=G;Me?G<=-1?ue=me.length-1:G===0?M&&(ue=me.length):G<me.length&&(ue=G-1):G>-1&&(ue=G-1),ue!==G&&(ce.preventDefault(),ee(ue));break}case"Down":case"ArrowDown":{xt();let ue=G;Me?G!==-1&&(G>=me.length?ue=0:G===me.length-1?ue=-1:ue=G+1):G<me.length-1+ +!!M&&(ue=G+1),ue!==G&&(ce.preventDefault(),ee(ue));break}default:xt()}},[jt,xt,G,yt,W,Me,me]),He=r.useCallback(ce=>{xt();const ue=me.findIndex(Le=>{if(Le.textKey){const Et=Le.textKey;return Le.value[Et].toLowerCase().charAt([0])===ce.key.toLocaleLowerCase()}return Le.value.toString().toLowerCase().charAt([0])===ce.key.toLocaleLowerCase()});ue>-1&&ee(ue)},[me]),Ye=r.useCallback(ce=>{ce&&(df.includes(ce.key)?we(ce):Vr.includes(ce.key)&&!m&&He(ce))},[jt,xt,G,yt,W,Me,me]);r.useEffect(()=>{if(Pe!==null&&document.getElementsByClassName("sps-modal__body").length>0){const ce=()=>{K&&K(!1)},ue=document.getElementsByClassName("sps-modal__body")[0];return ue.addEventListener("scroll",ce),()=>{ue.removeEventListener("scroll",ce)}}},[]),r.useEffect(()=>{z&&le.current&&cf(le.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[G,z]),r.useEffect(()=>{H(k),k?Ke.current&&Ke.current.focus():ee(-1)},[k]),r.useEffect(()=>{F&&Ye(F)},[F]),r.useEffect(()=>{!z&&te.current&&(p&&Be.value&&p(new Lt({value:""})),ae({value:""}),te.current.scrollTop=0),z&&Z&&Z(Me)},[z]);const xe=L?L/16:q,Tt=xe?{maxHeight:`${xe}rem`}:{};function kt(ce,ue){return ue?r.createElement(r.Fragment,null,ce.split(ue).map((Le,Et)=>ue.test(Le)?r.createElement("u",{key:Et},Le):r.createElement(r.Fragment,{key:Et},Le))):r.createElement(r.Fragment,null,ce)}return Ie(r.createElement("div",{className:So,id:D,"aria-activedescendant":G>-1?`${D}-option-${G}`:"",tabIndex:-1,ref:re,style:mt,onMouseLeave:()=>ee(-1),"data-testid":oe,...X},ft,r.createElement("div",{className:xr,ref:te,"data-testid":`${oe}-options`,style:Tt},!N&&!Be.pending&&d&&me.length===0&&r.createElement("div",{className:"sps-option-list__zero-state"},d),(N||Be.pending)&&r.createElement("div",{className:"sps-option-list__loading"},r.createElement(Ar,null)),!N&&!Be.pending&&me.map((ce,ue)=>{const Le=`${D}-option-${ue}`,Et=pf(ce.value,B,o),Mm=Oi(ie.current,o||"",ce);return r.createElement("a",{key:Le,id:Le,role:E,"aria-selected":Et,href:ce.href,className:$("sps-option-list__option",ce.caption&&"sps-option-list__option--has-caption",ce.disabled&&"sps-option-list__option--disabled",ce.bold&&"sps-option-list__option--bold",(Et||Mm)&&"sps-option-list__option--selected",G===ue&&"sps-option-list__option--highlighted"),onClick:XC=>go(XC,ce,Mm),onMouseOver:()=>ee(ue),tabIndex:-1,ref:G===ue?le:null,"data-testid":`${oe}-option-${ue}`},ce.value&&ce.value.icon&&r.createElement("i",{className:$("sps-icon","sps-option-list__option-icon",`sps-icon-${String(ce.value.icon)}`)}),(!ce.value||!ce.value.icon&&je)&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,kt(ce.text,Be.replacementPattern)),ce.caption&&r.createElement("div",{className:"sps-option-list__option-caption"},r.createElement("span",null,kt(ce.caption,Be.replacementPattern))))})),J&&M?.label&&r.createElement("a",{className:$("sps-option-list__option","sps-option-list__special-action",G===me.length&&"sps-option-list__option--highlighted",M.disabled&&"sps-option-list__special-action--disabled"),href:J.href,target:J.href&&M.newTab?"_blank":"_self",onClick:ce=>go(ce,J),onMouseOver:()=>ee(me.length),"data-testid":`${oe}-special-action`},M.icon&&r.createElement("i",{className:$("sps-icon","sps-option-list__option-icon",`sps-icon-${String(M.icon)}`)}),!M.icon&&je&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,M.label))))});Object.assign(Rn,{displayName:"SpsOptionList"});function hn(e){return{key:e.key,preventDefault:()=>{}}}function uf(e,t,n=[]){return r.useMemo(()=>{function o(a){return r.createElement(e,{...a,...t},a.children)}return o},n)}function qe(e){return typeof e=="function"?e():e}const Ri=function({children:e,elements:t}){if(t.length===0)return r.createElement(r.Fragment,null,e);const[n,o]=Array.isArray(t[0])?t[0]:[t[0]];return r.createElement(n,{...o??{}},r.createElement(Ri,{elements:t.slice(1)},e))},Fi=function({children:e,providers:t=[],...n}){return r.createElement("div",{...n},r.createElement(Ri,{elements:t},e))},mf=function({children:e,className:t,...n}){return r.createElement(Fi,{className:`sps-app ${t}`,...n},e)};function ff(e,t){const{type:n,props:o={},custom:a}=t;return a?a(e.type):e.type!==n?!1:Object.keys(o).every(s=>o[s]===e.props[s])}function at(e=[],t=[]){const n=Array.isArray(e)?S.flatten(e):[e],o=t.map(s=>Array.isArray(s)?s:[s]),a=new Array(o.length+1).fill(null).map(()=>[]);for(const s of n){let i=!1;for(let l=0;l<o.length;l+=1)for(const c of o[l])if(ff(s,c)){i=!0,a[l].push(s);break}i||a[a.length-1].push(s)}return a}function Ai(e,t,n){const o=Object.entries(t).filter(([,s])=>typeof s!="string"&&s.deprecated).map(([s])=>s),a=o.map(s=>n[s]);r.useEffect(()=>{a.find(s=>typeof s<"u")&&console.warn(`The following prop(s) of ${e} are deprecated: ${o.join(", ")}`)},a)}function Kr(e,t){const n=T.useRef(!1);T.useEffect(()=>()=>{n.current=!1},[]),T.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function Hr(e,t,n){const o=r.useRef(t(...n));r.useEffect(()=>(document.addEventListener(e,o.current,{capture:!0}),()=>document.removeEventListener(e,o.current)),[]),r.useEffect(()=>{document.removeEventListener(e,o.current),o.current=t(...n),document.addEventListener(e,o.current,{capture:!0})},n)}function $i(e,t,n){return function(a){!e.current?.contains(a.target)&&!t.current?.contains(a.target)&&n()}}function bn(e,t,n){const o=r.useRef(!1),[a,s]=r.useState(!1),i=r.useCallback(()=>{o.current?o.current=!1:s(!0)},[]),l=r.useCallback((c=!1)=>{s(!1),o.current=c,n&&n()},[]);return Hr("mousedown",$i,[e,t,l]),Hr("pointerdown",$i,[e,t,l]),{showPopup:a,doShowPopup:i,doHidePopup:l}}const Vi=e=>{const t=/(auto|scroll)/,n=(l,c)=>l.parentNode===null?c:n(l.parentNode,c.concat([l])),o=(l,c)=>getComputedStyle(l,null).getPropertyValue(c),a=l=>o(l,"overflow")+o(l,"overflow-y"),s=l=>t.test(a(l));return(l=>{if(!(l instanceof HTMLElement||l instanceof SVGElement))return;const c=n(l.parentNode,[]);for(let d=0;d<c.length;d+=1)if(s(c[d]))return c[d];return null})(e)};let Io=0,Fn=null,An=null;function $n({isOpen:e,rootRef:t}){r.useLayoutEffect(()=>{let n=!1;if(e&&t.current&&(n=!0,Io+=1,Io===1)){const o=Vi(t.current)||document.body;Fn=o;const a=o===document.body?window.innerWidth-document.documentElement.clientWidth:o.offsetWidth-o.clientWidth;o.style.overflow="hidden";const s=window.getComputedStyle(o).paddingRight;if(o.style.paddingRight=s&&s!=="0px"?`calc(${s} + ${a}px)`:`${a}px`,o===document.body){let i=document.getElementsByClassName("sps-navbar-container").item(0);if(i&&window.getComputedStyle(i).position==="fixed"){const l=window.getComputedStyle(i).paddingRight;i.style.paddingRight=l&&l!=="0px"?`calc(${l} + ${a}px)`:`${a}px`,An=i}else if(i=document.getElementsByTagName("nav").item(0)?.parentElement??null,i&&window.getComputedStyle(i).position==="fixed"){const c=window.getComputedStyle(i).paddingRight;i.style.paddingRight=c&&c!=="0px"?`calc(${c} + ${a}px)`:`${a}px`,An=i}}}return()=>{n&&(Io-=1,Io===0&&Fn&&(Fn.style.overflow="",Fn.style.paddingRight="",An&&(An.style.paddingRight="",An=null),Fn=null))}},[e])}const Sf={debounce:"number",disabled:"boolean",conformWidth:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",onChange:"React.ChangeEventHandler",onSelectionChange:"(newValue: string) => void",placeholder:"string",suggestions:{type:`
1
+ (function(I,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("react"),require("@spscommerce/utils"),require("moment-timezone"),require("@spscommerce/ds-shared"),require("@spscommerce/i18n"),require("react-dom"),require("@spscommerce/ds-colors"),require("@sps-woodland/illustrations")):typeof define=="function"&&define.amd?define(["exports","react","@spscommerce/utils","moment-timezone","@spscommerce/ds-shared","@spscommerce/i18n","react-dom","@spscommerce/ds-colors","@sps-woodland/illustrations"],T):(I=typeof globalThis<"u"?globalThis:I||self,T(I.DSReact={},I.react,I.spscommerceUtils,I.momentTimezone,I.spscommerceDsShared,I.spscommerceI18n,I.reactDom,I.spscommerceDsColors,I.spsWoodlandIllustrations))})(this,(function(I,T,S,ke,A,Se,Ln,kr,bi){"use strict";function vi(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=vi(T),pn=vi(ke);function yi(e){var t,n,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=yi(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function $(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=yi(e))&&(o&&(o+=" "),o+=t);return o}let Lm="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",We=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=Lm[n[e]&63];return t};function Rt(e){return T.useRef(e||We())}function Ge(e,t){const n=Rt(e),o=T.useRef(`${n.current}_ctrl`);return T.useEffect(()=>{t&&(t.id=o.current,t.update())},[t]),{wrapperId:n.current||void 0,controlId:o.current}}function Mr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Lr,Ti;function _m(){if(Ti)return Lr;Ti=1;var e="[object Object]";function t(p){var f=!1;if(p!=null&&typeof p.toString!="function")try{f=!!(p+"")}catch{}return f}function n(p,f){return function(g){return p(f(g))}}var o=Function.prototype,a=Object.prototype,s=o.toString,i=a.hasOwnProperty,l=s.call(Object),c=a.toString,d=n(Object.getPrototypeOf,Object);function m(p){return!!p&&typeof p=="object"}function u(p){if(!m(p)||c.call(p)!=e||t(p))return!1;var f=d(p);if(f===null)return!0;var g=i.call(f,"constructor")&&f.constructor;return typeof g=="function"&&g instanceof g&&s.call(g)==l}return Lr=u,Lr}var Pm=_m();const Ei=Mr(Pm),Ze=new Set,un=new Set,wt=new Set,ho=new Set;function wi(e){Ze.has(e)||wt.has(e)||ho.has(e)||un.add(e)}function Ci(e){Ze.has(e)||wt.has(e)||un.has(e)||ho.add(e)}const $e=pn.default||pn,mn="MM/DD/YYYY",Bm="MM/DD/YYYY hh:mm A",Om="MM/DD/YYYY HH:mm",Rm="hh:mm A",Fm="HH:mm",Am=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,_n=Symbol("Date Parse Error");function fn(e){return $e.isMoment(e)?e.year()*1e4+(e.month()+1)*100+e.date():e.year*1e4+e.month*100+e.date}const j=Object.freeze({createFrom(e,t){if(!e)return null;if(typeof e=="string"){if(t){const n=$e(e,t,!0);if(n.isValid())return Object.freeze({year:n.year(),month:n.month()+1,date:n.date()})}else{const n=Am.exec(e);if(n){const[,o,a,s]=n;return Object.freeze({year:Number(s),month:Number(o),date:Number(a)})}}return Object.freeze({[_n]:!0,year:void 0,month:void 0,date:void 0})}return Object.freeze({year:e.year(),month:e.month()+1,date:e.date()})},createMomentFrom(e,t){if(!e)return null;let n=null;return typeof e=="string"?t?n=$e(e,t,!0):n=$e(e):$e.isMoment(e)?n=e:n=j.toMoment(e),n!==null&&$e.isMoment(n)&&n.isValid()?n:Object.freeze({[_n]:!0,year:void 0,month:void 0,date:void 0})},getRangeSeparator(e){return e?.includes("-")?"/":"-"},createRangeFrom(e,t){if(!e)return null;if(t){const n=j.getRangeSeparator(t),o=new RegExp(`[^\\d]*${n}[^\\d]*`);return e.split(o).slice(0,2).map(a=>j.createFrom(a,t))}else return e.split(/[^\d]*-[^\d]*/).slice(0,2).map(n=>j.createFrom(n))},isValid(e){return e?$e.isMoment(e)?e.isValid():typeof e=="object"&&typeof e.year=="number"&&typeof e.month=="number"&&typeof e.date=="number"&&j.toMoment(e)?.isValid():!1},nullifyInvalidDate(e){return j.isValid(e)?e:null},toMoment(e){return e?$e.isMoment(e)?e:$e({...e,month:e.month-1}):null},toString(e,t){const n=j.toMoment(e);return n&&n.isValid()?n.format(t||mn):""},toStringRange(e,t){if(!e)return"";const n=j.getRangeSeparator(t);return e.slice(0,2).map(o=>j.toString(o,t)).join(n)},toDateTimeString(e,t=!1,n){return e&&$e.isMoment(e)&&e.isValid()?n?t?e.format(`${n} ${Fm}`):e.format(`${n} ${Rm}`):t?e.format(Om):e.format(Bm):""},toDateTimeStringRange(e,t=!1,n){if(!e)return"";const o=j.getRangeSeparator(n);return e.map(a=>j.toDateTimeString(a,t,n)).join(o)},create(){const e=new Date;return Object.freeze({year:e.getFullYear(),month:e.getMonth()+1,date:e.getDate()})},isSameDate(e,t){return e&&t&&e.year===t.year&&e.month===t.month&&e.date===t.date},isSameMonth(e,t){return e&&t&&e.year===t.year&&e.month===t.month},isAfter(e,t){return!e||!t?null:fn(e)>fn(t)},isBefore(e,t){return!e||!t?null:fn(e)<fn(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const o=fn(e),[a,s]=t.map(fn);return a&&s&&(n&&o>=a&&o<=s||!n&&o>a&&o<s)},prevMonth(e){return Object.freeze({year:e.month===1?e.year-1:e.year,month:e.month-1||12,date:e.date})},nextMonth(e){return Object.freeze({year:e.month===12?e.year+1:e.year,month:e.month+1>12?1:e.month+1,date:e.date})},createRangeFromPreset(e,t){if(typeof e.definition=="function")return e.definition();const n=$e(),o=n.clone().subtract($e.duration(e.definition));return[j.createFrom(o,t),j.createFrom(n,t)]},createDateTimeRangeFromPreset(e){if(typeof e.definition=="function")return e.definition();const t=$e().subtract($e.duration(e.definition)).startOf("day"),n=$e().endOf("day");return[t,n]},splitMomentInDateTimeParts(e,t=!1,n,o=!1){let a="";t?a=o?"23:59":"00:00":a=o?"11:59":"12:00";const s=o?"PM":"AM";return e&&$e.isMoment(e)&&e.isValid()?j.toDateTimeString(e,t,n).split(" "):["",a,t?void 0:s]},getCurrentMoment(){return $e()},validateTimeString(e,t=!1){if(!e)return!0;const n=e.split(":"),o=n[0]||"0",a=n[1]||"0",s=Number.isNaN(Number(o))?NaN:parseInt(o,10),i=Number.isNaN(Number(a))?NaN:parseInt(a,10),l=n.length<=2&&o.length<=2&&a.length<=2;return t?l&&s>=0&&s<=23&&i>=0&&i<=59:l&&(!Number.isNaN(s)&&o.length===1||s>=1)&&s<=12&&i>=0&&i<=59},padIncompleteTimeString(e,t=!1){if(!e)return"";const n=e.split(":"),o=parseInt(n[0]||"0",10),a=parseInt(n[1]||"0",10);if(t){const s=o<10?`0${o}`:`${o}`,i=a<10?`0${a}`:`${a}`;return`${s}:${i}`}else{const s=o===0?"12":o<10?`0${o}`:`${o}`,i=a<10?`0${a}`:`${a}`;return`${s}:${i}`}}}),_r=["01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00"],Pr=["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"];let bo=mn;function Di(e){bo=e}const Pn=function(t){if(Array.isArray(t)){const n=Pn(t[0]),o=Pn(t[1]);return n||o}if(t&&t.hasOwnProperty("year")){if(t[_n])return{dateFormat:bo};if(!j.isValid(t))return{dateValidity:!0}}return null};Ze.add("dateFormat"),Ze.add("dateValidity");const Ni=function(t){if(Array.isArray(t)){const n=Pn(t);if(n)return n;if(t&&j.isBefore(t[1],t[0]))return{dateRangeOrder:!0}}return null};Ze.add("dateRangeOrder");const Ii=function({minDate:t,maxDate:n}){function o(a){const s=j.isBefore(a,t),i=j.isAfter(a,n),l={minExceeded:s?j.toString(t,bo):null,maxExceeded:i?j.toString(n,bo):null};return s||i?{dateConstraint:l}:null}return function(s){if(!s)return null;if(Array.isArray(s)){const i=o(s[0]),l=o(s[1]);return i||l}return s.hasOwnProperty("year")?o(s):null}};Ze.add("dateConstraint");const $m=Object.freeze(Object.defineProperty({__proto__:null,date:Pn,dateConstraint:Ii,dateRange:Ni,setDateFormat:Di},Symbol.toStringTag,{value:"Module"}));function Mt(e,t){for(const n of[].concat(e)){const o=t(n);if(o)return o}return null}const Vm=function(t){function n(o){return Number(o)>=t?null:{min:t}}return o=>Mt(o,n)};Ze.add("min");const Km=function(t){function n(o){return Number(o)<=t?null:{max:t}}return o=>Mt(o,n)};un.add("max");const Hm=function(t){return typeof t>"u"||t===null||t===""||Number.isNaN(t)||t?.length===0?{required:!0}:null};un.add("required");const Wm=function(t){function n(o){return o===void 0||o.toString().length<t?{minLength:t}:null}return o=>Mt(o,n)};Ze.add("minLength");const Gm=function(t){function n(o){return o==null||Array.isArray(o)&&o.length<t?{minLengthArray:t}:null}return o=>n(o)};Ze.add("minLengthArray");const Um=function(t){function n(o){return o===void 0||o.toString().length<=t?null:{maxLength:t}}return o=>Mt(o,n)};wt.add("maxLength");const zm=function(t){function n(o){return o==null||Array.isArray(o)&&o.length<=t?null:{maxLengthArray:t}}return o=>n(o)};Ze.add("maxLengthArray");const jm=function(t){const n=t instanceof RegExp?t:new RegExp(t);function o(a){return n.test(a)?null:{pattern:t}}return a=>Mt(a,o)};Ze.add("pattern");const Ym=function(e){function t(n){return new RegExp("^\\p{L}*$","u").test(n)?null:{alpha:!0}}return Mt(e,t)};wt.add("alpha");const qm=function(e){function t(n){return/^[0-9,. ]*$/.test(n)?null:{numeric:!0}}return Mt(e,t)};wt.add("numeric");const Jm=function(e){function t(n){return/^-?[0-9,. ]*$/.test(n)?null:{positiveOrNegativeNumber:!0}}return Mt(e,t)};wt.add("positiveOrNegativeNumber");const Xm=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return Mt(e,t)};wt.add("nonNumeric");const vo=Object.freeze({...$m,min:Vm,max:Km,required:Hm,minLength:Wm,minLengthArray:Gm,maxLength:Um,maxLengthArray:zm,pattern:jm,alpha:Ym,numeric:qm,nonNumeric:Xm,positiveOrNegativeNumber:Jm,OnBlurErrorKeys:Ze});function yo(e,t=[]){const n=t.reduce((o,a)=>Object.assign(o,a(e)||{}),{});return Object.keys(n).length?n:null}var Ct=(e=>(e[e.ON_CHANGE=0]="ON_CHANGE",e[e.ON_BLUR=1]="ON_BLUR",e[e.ON_SUBMIT=2]="ON_SUBMIT",e))(Ct||{});function Zm(e,t={},n=[]){for(const[o,a]of Object.entries(t))a===0?wi(o):a===2&&Ci(o);return r.useCallback(e,n)}class Yt{constructor(t,n){this.path=t,this.update=n,this.validators=[],this.#e=null,this.#t=null,this.#n=null,this.preventativeErrors=[],this.submitted=!1}#e;#t;#n;get errors(){return this.#e===null&&this.#t===null&&this.#n===null?null:{...this.#e??{},...this.#t??{},...this.#n??{}}}setValidators(t){return this.update(this.path,null,void 0,t),this}validate(t,n,o=!1){if(this.validators&&this.validators.length>0){const a=yo(t,this.validators);let s={onSubmit:{},onChange:{},onBlur:{}};a&&(s=Object.keys(a).reduce((i,l)=>(ho.has(l)?i.onSubmit[l]=a[l]:un.has(l)?i.onChange[l]=a[l]:i.onBlur[l]=a[l],i),s)),(typeof n>"u"||n===Ct.ON_CHANGE)&&(this.#t=Object.keys(s.onChange).length===0?null:s.onChange),(typeof n>"u"||n===Ct.ON_BLUR)&&(this.#n=Object.keys(s.onBlur).length===0?null:s.onBlur),(typeof n>"u"||n===Ct.ON_SUBMIT)&&(this.#e=Object.keys(s.onSubmit).length===0?null:s.onSubmit,this.#t=Object.keys(s.onChange).length===0?null:s.onChange,this.#n=Object.keys(s.onBlur).length===0?null:s.onBlur),o||this.update(),this.isFocused()&&this.onFocus&&this.onFocus()}else this.errors&&(this.#e=null,this.#n=null,this.#t=null,o||this.update());return this}isValid(){return!this.errors||this.isPristine()}hasErrors(){return!!this.errors}isVisibilyInvalid(){return!this.isValid()}hasError(t){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,t)}hasPreventativeError(t){return this.preventativeErrors.includes(t)}hasPreventativeErrors(){return this.preventativeErrors.length>0}isRequired(){return this.validators&&this.validators.includes(vo.required)}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}class Bn extends Yt{constructor(){super(...arguments),this.id=We(),this.focused=!1,this.pristine=!0}setValue(t){if(this.preventativeErrors=[],this.validators&&this.validators.length>0){const n=yo(t,this.validators);if(n&&Object.keys(n).filter(a=>wt.has(a)).length>0){this.preventativeErrors=Object.keys(n);return}}this.update(this.path,t)}isPristine(){return this.pristine}markAsPristine(){return this.pristine=!0,this.update(),this}markAsDirty(){return this.pristine=!1,this.update(),this}isFocused(){return this.focused}markAsFocused(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this}markAsBlurred(){return this.update(this.path,null,!0),this.onBlur&&this.onBlur(),this.preventativeErrors=[],this}markAsSubmitted(){return this.submitted=!0,this.update(this.path,null,!1,void 0,!0),this}}class qt extends Bn{constructor(t,n,o){const a=o?n:t,s=o||n;super(a,s),o&&this.inferMembers(t)}isFocused(){return super.isFocused()||this.rollup("isFocused")}isValid(){return super.isValid()&&this.rollup("isValid")}hasErrors(){return super.hasErrors()||Object.keys(this.fields).some(t=>this.fields[t].hasErrors())}contentsAreValid(){return this.rollup("isValid")&&this.rollup("contentsAreValid")}isPristine(){return super.isPristine()&&this.rollup("isPristine")}markAsPristine(){super.markAsPristine();for(const t of Object.keys(this.fields))this.fields[t].markAsPristine();return this}markAsDirty(){super.markAsDirty();for(const t of Object.keys(this.fields))this.fields[t].markAsDirty();return this}markAsBlurred(){super.markAsBlurred();for(const t of Object.keys(this.fields))this.fields[t].markAsBlurred();return this}markAsSubmitted(){super.markAsSubmitted();for(const t of Object.keys(this.fields))this.fields[t].markAsSubmitted();return this}inferSpsControl(t,n){return To(t,[...this.path,n],this.update)}rollup(t){return Object.keys(this.fields).reduce((n,o)=>n&&(!this.fields[o][t]||this.fields[o][t]()),!0)}}class xi extends qt{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class ki extends qt{inferMembers(t){this.fields=t.map((n,o)=>this.inferSpsControl(n,String(o)))}}function To(e,t,n){return e instanceof Yt?(e.path=t,e.update=n,e):Array.isArray(e)?new ki(e,t,n):Ei(e)?new xi(e,t,n):new Bn(t,n)}function On(e,t){return t.length===0||!e?e:On(e.fields[t[0]],t.slice(1,t.length))}function Br(e,t){if(t.length===0||!e)return[e];const n=t[0];if(t=t.slice(1,t.length),n==="*"){const o=Array.isArray(e.fields)?e.fields:Object.keys(e.fields).map(a=>e.fields[a]);return t.length===0?o:o.reduce((a,s)=>[...a,...Br(s,t)],[])}return Br(e.fields[n],t)}function Or(e,t,n){for(const o of Object.keys(t)){const a=t[o];for(const s of Br(e,o.split(".")))s&&a&&n(s,a)}}function Eo(e,t,n,o=!1,a=!1){Or(t,n,(s,i)=>{s.validators=typeof i=="function"?i(e):i,o&&s.validate(S.getPath(e,s.path),void 0,a)})}function Rr(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((o,a)=>a===Number(n)?Rr(o,t):o):Ei(e)?Object.keys(e).reduce((o,a)=>Object.assign(o,{[a]:a===n?Rr(e[a],t):e[a]}),{}):e}function Qm(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function Mi(e,t={}){Qm(e);const[,n]=T.useState({}),o=T.useRef(!1);o.current=!1;const a=T.useRef(t),s=T.useCallback(p=>{const f=u.current;let g;if(p)if(p.path)if(p.markAsBlurred){const b=On(f.formMeta,p.path);if(b){b.focused=!1;const y=S.getPath(f.formValue,p.path);b.validate(y,Ct.ON_BLUR)}}else if(p.newValidators){if(a.current){const b=p.path.join(".");a.current={...a.current,[b]:p.newValidators},Eo(f.formValue,f.formMeta,a.current,!0)}}else if(p.markAsSubmitted){const b=On(f.formMeta,p.path);if(b){b.submitted=!0;const y=S.getPath(f.formValue,p.path);b.validate(y,Ct.ON_SUBMIT)}}else g=Rr(f.formValue,p.path),S.setPath(g,p.path,p.value);else g=p.value;if(p?.updateFormOptions?.validators&&(a.current={...a.current,...p.updateFormOptions.validators},Eo(f.formValue,f.formMeta,a.current,p.updateFormOptions?.runValidators??!0)),g){f.formMeta.submitted=!1,S.deepFreeze(g);const b=S.diff(f.formValue,g);for(const{type:v,key:h,parentPath:x,objects:[,C]}of b){const w=On(f.formMeta,x);if(typeof h!="symbol"&&w){let M;switch(v){case S.DiffChange.ADDITION:w.fields[h]=To(C[h],[...x,h],l);break;case S.DiffChange.DELETION:Array.isArray(w.fields)?w.fields[h]=void 0:delete w.fields[h];break;case S.DiffChange.ALTERATION:M=To(C[h],[...x,h],l),(M instanceof qt&&!(w.fields[h]instanceof qt)||!(M instanceof qt)&&w.fields[h]instanceof qt)&&(M.pristine=!1,w.fields[h]=M);break}}}const y=new Set;if(b.filter(v=>v.type===S.DiffChange.DELETION).reduce((v,h)=>(v.has(h.parentPath)||v.add(h.parentPath),v),y),Array.from(y).forEach(v=>{const h=On(f.formMeta,v);Array.isArray(h.fields)&&(h.fields=h.fields.filter(x=>x!==void 0))}),a.current){Eo(g,f.formMeta,a.current);const v=new Set;t&&Or(f.formMeta,t,(h,x)=>{typeof x=="function"&&(h.validate(S.getPath(g,h.path)),v.add(h))});for(const{type:h,key:x,parentPath:C,objects:[,w]}of b)if(typeof x!="symbol"){let M=f.formMeta,P=g;if(M){for(const O of C)M=M.fields[O],P=P[O],v.has(M)||M.validate(P,Ct.ON_CHANGE);if(h===S.DiffChange.ADDITION||h===S.DiffChange.ALTERATION){const O=M.fields[x];if(!v.has(O)&&(M.fields[x].validate(w[x],Ct.ON_CHANGE),h===S.DiffChange.ADDITION&&O.fields))for(const[_,F]of Object.entries(O.fields))F.validate(w[x][_],Ct.ON_CHANGE)}}}}}u.current={...f,formValue:g||f.formValue},o.current||n({})},[]),i=T.useCallback((p,f)=>{p||f?s({value:p,updateFormOptions:f}):s()},[s]),l=T.useCallback((p,f,g=!1,b,y=!1)=>{p?s({path:p,value:f,markAsBlurred:g,newValidators:b,markAsSubmitted:y}):i()},[s,i]),c=T.useMemo(()=>{S.deepFreeze(e);const p=To(e,[],l);return t&&Eo(e,p,t,!1,!0),p},[]),d=T.useCallback(()=>(u.current.formMeta.markAsDirty(),a.current&&Or(u.current.formMeta,a.current,(p,f)=>{(typeof f=="function"||Array.isArray(f))&&p.validate(S.getPath(u.current.formValue,p.path))}),u.current.formMeta.isValid()),[]),m=T.useCallback(()=>u.current.formValue,[]),u=T.useRef({formValue:e,formMeta:c,updateForm:i,validateForm:d,getCurrentFormValue:m});return u.current}const _e=r.forwardRef((e,t)=>{const{className:n,children:o,focusInputOnClick:a,formControl:s,formMeta:i,inputRef:l,onClick:c,...d}=e,m=r.useRef(),p=l||(t||m);function f(){p&&p!==t&&p.current&&p.current.focus()}function g(){p&&p!==t&&p.current&&i&&i instanceof Bn&&i.markAsFocused()}function b(){p&&p!==t&&p.current&&i&&i instanceof Bn&&i.markAsBlurred()}const y=$("sps-form-group",(s&&s.isRequired()||i&&i.isRequired())&&"sps-form-group--required",(s&&!s.isValid()||i&&i.isVisibilyInvalid())&&"sps-form-group--error",i&&i.hasPreventativeErrors()&&"sps-form-group--preventative-error",n);function v(h){a&&f(),c&&c(h)}return r.useEffect(()=>{function h(x){x.target.classList.contains("sps-form-control__clear-btn")&&x.preventDefault()}return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[]),r.createElement("div",{...d,className:y,ref:t,tabIndex:-1,onClick:v,onFocus:g,onBlur:b},o)});Object.assign(_e,{displayName:"SpsFormComponentWrapper"});const Li=e=>typeof e=="object"&&e!=null&&e.nodeType===1,_i=(e,t)=>(!t||e!=="hidden")&&e!=="visible"&&e!=="clip",wo=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){const n=getComputedStyle(e,null);return _i(n.overflowY,t)||_i(n.overflowX,t)||(o=>{const a=(s=>{if(!s.ownerDocument||!s.ownerDocument.defaultView)return null;try{return s.ownerDocument.defaultView.frameElement}catch{return null}})(o);return!!a&&(a.clientHeight<o.scrollHeight||a.clientWidth<o.scrollWidth)})(e)}return!1},Co=(e,t,n,o,a,s,i,l)=>s<e&&i>t||s>e&&i<t?0:s<=e&&l<=n||i>=t&&l>=n?s-e-o:i>t&&l<n||s<e&&l>n?i-t+a:0,ef=e=>{const t=e.parentElement;return t??(e.getRootNode().host||null)},Pi=(e,t)=>{var n,o,a,s;if(typeof document>"u")return[];const{scrollMode:i,block:l,inline:c,boundary:d,skipOverflowHiddenElements:m}=t,u=typeof d=="function"?d:R=>R!==d;if(!Li(e))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,f=[];let g=e;for(;Li(g)&&u(g);){if(g=ef(g),g===p){f.push(g);break}g!=null&&g===document.body&&wo(g)&&!wo(document.documentElement)||g!=null&&wo(g,m)&&f.push(g)}const b=(o=(n=window.visualViewport)==null?void 0:n.width)!=null?o:innerWidth,y=(s=(a=window.visualViewport)==null?void 0:a.height)!=null?s:innerHeight,{scrollX:v,scrollY:h}=window,{height:x,width:C,top:w,right:M,bottom:P,left:O}=e.getBoundingClientRect(),{top:_,right:F,bottom:W,left:Z}=(R=>{const k=window.getComputedStyle(R);return{top:parseFloat(k.scrollMarginTop)||0,right:parseFloat(k.scrollMarginRight)||0,bottom:parseFloat(k.scrollMarginBottom)||0,left:parseFloat(k.scrollMarginLeft)||0}})(e);let K=l==="start"||l==="nearest"?w-_:l==="end"?P+W:w+x/2-_+W,E=c==="center"?O+C/2-Z+F:c==="end"?M+F:O-Z;const V=[];for(let R=0;R<f.length;R++){const k=f[R],{height:Y,width:N,top:D,right:L,bottom:q,left:Q}=k.getBoundingClientRect();if(i==="if-needed"&&w>=0&&O>=0&&P<=y&&M<=b&&(k===p&&!wo(k)||w>=D&&P<=q&&O>=Q&&M<=L))return V;const ne=getComputedStyle(k),oe=parseInt(ne.borderLeftWidth,10),U=parseInt(ne.borderTopWidth,10),X=parseInt(ne.borderRightWidth,10),J=parseInt(ne.borderBottomWidth,10);let G=0,ee=0;const z="offsetWidth"in k?k.offsetWidth-k.clientWidth-oe-X:0,H="offsetHeight"in k?k.offsetHeight-k.clientHeight-U-J:0,re="offsetWidth"in k?k.offsetWidth===0?0:N/k.offsetWidth:0,te="offsetHeight"in k?k.offsetHeight===0?0:Y/k.offsetHeight:0;if(p===k)G=l==="start"?K:l==="end"?K-y:l==="nearest"?Co(h,h+y,y,U,J,h+K,h+K+x,x):K-y/2,ee=c==="start"?E:c==="center"?E-b/2:c==="end"?E-b:Co(v,v+b,b,oe,X,v+E,v+E+C,C),G=Math.max(0,G+h),ee=Math.max(0,ee+v);else{G=l==="start"?K-D-U:l==="end"?K-q+J+H:l==="nearest"?Co(D,q,Y,U,J+H,K,K+x,x):K-(D+Y/2)+H/2,ee=c==="start"?E-Q-oe:c==="center"?E-(Q+N/2)+z/2:c==="end"?E-L+X+z:Co(Q,L,N,oe,X+z,E,E+C,C);const{scrollLeft:le,scrollTop:Ie}=k;G=te===0?0:Math.max(0,Math.min(Ie+G/te,k.scrollHeight-Y/te+H)),ee=re===0?0:Math.max(0,Math.min(le+ee/re,k.scrollWidth-N/re+z)),K+=Ie-G,E+=le-ee}V.push({el:k,top:G,left:ee})}return V},tf=e=>e===!1?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&Object.keys(t).length!==0)(e)?e:{block:"start",inline:"nearest"};function Do(e,t){if(!e.isConnected||!(a=>{let s=a;for(;s&&s.parentNode;){if(s.parentNode===document)return!0;s=s.parentNode instanceof ShadowRoot?s.parentNode.host:s.parentNode}return!1})(e))return;const n=(a=>{const s=window.getComputedStyle(a);return{top:parseFloat(s.scrollMarginTop)||0,right:parseFloat(s.scrollMarginRight)||0,bottom:parseFloat(s.scrollMarginBottom)||0,left:parseFloat(s.scrollMarginLeft)||0}})(e);if((a=>typeof a=="object"&&typeof a.behavior=="function")(t))return t.behavior(Pi(e,t));const o=typeof t=="boolean"||t==null?void 0:t.behavior;for(const{el:a,top:s,left:i}of Pi(e,tf(t))){const l=s-n.top+n.bottom,c=i-n.left+n.right;a.scroll({top:l,left:c,behavior:o})}}const Fr=Object.freeze(Object.defineProperty({__proto__:null,default:Do},Symbol.toStringTag,{value:"Module"})),nf={alt:"string",size:"SpinnerSize",title:"string"};function Ar(e){const{alt:t,className:n,size:o=A.SpinnerSize.MEDIUM,"data-testid":a,title:s,unsafelyReplaceClassName:i,...l}=e,{t:c}=Se.useWoodlandLanguage(),d=t||s||c("spinner.defaultAltText",{defaultValue:"Loading..."}),m=$(i||"sps-spinner",`sps-spinner--${o}`,n);return r.createElement("i",{className:m,"data-testid":a,title:d,...l})}Object.assign(Ar,{props:nf,displayName:"SpsSpinner"});const of=60;function No(e){return typeof e>"u"?"inherit":`${e}px`}function $r(e){switch(e){case A.Position.TOP_LEFT:return A.Position.BOTTOM_LEFT;case A.Position.TOP_MIDDLE:return A.Position.BOTTOM_MIDDLE;case A.Position.TOP_RIGHT:return A.Position.BOTTOM_RIGHT;case A.Position.RIGHT_TOP:return A.Position.LEFT_TOP;case A.Position.RIGHT_MIDDLE:return A.Position.LEFT_MIDDLE;case A.Position.RIGHT_BOTTOM:return A.Position.LEFT_BOTTOM;case A.Position.BOTTOM_RIGHT:return A.Position.TOP_RIGHT;case A.Position.BOTTOM_MIDDLE:return A.Position.TOP_MIDDLE;case A.Position.BOTTOM_LEFT:return A.Position.TOP_LEFT;case A.Position.LEFT_BOTTOM:return A.Position.RIGHT_BOTTOM;case A.Position.LEFT_MIDDLE:return A.Position.RIGHT_MIDDLE;case A.Position.LEFT_TOP:return A.Position.RIGHT_TOP}}function rf(e,t,n,o,a,s,i,l){const c=i&&i.current,d=c?c.scrollTop:window.pageYOffset,m=l?0:d,u=c?c.scrollLeft:window.pageXOffset,p=l?0:u,[f,g]=e.split(" ");let b,y,v,h;switch(f){case"top":v=t.height-n.top-m-s[0];break;case"left":y=t.width-n.left-p-s[0];break;case"right":h=n.right+p-s[0];break;case"bottom":b=n.bottom+m-s[0];break;default:throw new Error(`Invalid position ${e}`)}switch(g){case"left":h=n.left+p+s[1];break;case"top":b=n.top+m+s[1];break;case"middle":f==="top"||f==="bottom"?h=n.left+p+n.width/2-a/2+s[1]:(f==="left"||f==="right")&&(b=n.top+m+n.height/2-o.height/2+s[1]);break;case"bottom":v=t.height-n.bottom-m+s[1];break;case"right":y=t.width-n.right-p+s[1];break;default:throw new Error(`Invalid position ${e}`)}return[b,y,v,h]}function Sn(e,t,n,{altPosition:o,setMinWidth:a=!1,setWidth:s=!1,parentElementRef:i,fixed:l=!1,offsets:c=[0,0],altOffsets:d=c}){if(e.current&&t.current){const m=e.current.getBoundingClientRect(),u=t.current.getBoundingClientRect(),p=Math.max(document.documentElement.clientHeight,window.innerHeight||0),f=document.documentElement.getBoundingClientRect().width;let b=(i?.current??document.documentElement).getBoundingClientRect();l&&(b={x:0,y:0,width:f,height:p,top:0,left:0,bottom:p,right:f,toJSON(){return{width:f,height:p,top:0,left:0,bottom:p,right:f}}});const[y,v]=n.split(" ");let h=n;if(o&&(y==="top"&&u.top-m.height<of||y==="right"&&u.right+m.width>f||y==="bottom"&&u.bottom+m.height>p||y==="left"&&u.left-m.width<0)&&(h=o),v==="left"&&u.left+m.width+(c?.[1]??0)>document.documentElement.getBoundingClientRect().right)switch(y){case"bottom":h=A.Position.BOTTOM_RIGHT;break;case"top":h=A.Position.TOP_RIGHT;break}const x=a?Math.max(u.width,m.width):m.width,C=s?u.width:x,[w,M,P,O]=rf(h,b,u,m,C,h===o?d:c,i,l),_={top:No(w),right:No(M),bottom:No(P),left:No(O)};return l&&(_.position="fixed",_.zIndex=A.ZStratum.BAR),a&&(_.minWidth=`${u.width}px`),s&&(_.width=`${u.width}px`),[_,h===o]}return[{},!1]}const rt=T.createContext(null);function gn(e,t=[]){const n=T.useContext(rt);return T.useMemo(()=>o=>{const s=n&&n.parentElementRef&&n.parentElementRef.current||document.body;let i=null,l=s.lastElementChild;for(;l&&l!==s.firstElementChild;){if(l.hasAttribute("data-portalid")&&l.getAttribute("data-portalid")===e){i=l;break}l=l.previousElementSibling}if(i)s.contains(i)||s.appendChild(i);else{i=document.createElement("div"),i.setAttribute("data-portalid",e),i.setAttribute("data-react-aria-top-layer","true");for(const c of t)i.classList.add(c);s.appendChild(i)}return Ln.createPortal(o,i)},[n])}const Vr=["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","1","2","3","4","5","6","7","8","9","0"];async function Bi(e,t,n,o,a,s){const i=typeof e.options=="function"?e.options(t.value):e.options||[],l=i instanceof Promise,c=u=>u.replace(/([.?*+^$[\]\\(){}|-])/g,"");n({pending:l}),s.current=l?i:null;const d=l?await i||[]:i||[];if(l&&s.current!==i)return;let m=Array.from(d).filter(Boolean).map(u=>new A.SpsOptionListOption(u,typeof u=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&m.unshift(new A.SpsOptionListOption(null,{text:e.nullOption})),t.value&&!e.disableDefaultOptionsFiltering){const u=c(t.value);n({replacementPattern:new RegExp(`(${u})`,"ig")}),m=m.filter(p=>{const f=new RegExp(u,"i"),g=c(p.text);return e.filterByTextAndCaptionKey?f.test(g)||f.test(c(p.caption)):f.test(g)})}else n({replacementPattern:null});if(e.disabledOptions)for(const u of m)e.disabledOptions.includes(u.value)&&(u.disabled=!0);o(Object.freeze(m)),e.onOptionListChanged&&e.onOptionListChanged(m.length),a(m.some(u=>u.value&&!!u.value.icon)),n({pending:!1})}function af(e,t,n){const[o,a]=r.useState(Object.freeze([])),[s,i]=r.useState(!1),l=r.useRef(null),c=r.useRef(e.options);(typeof e.options!="function"||e.disableOptionsMemoization)&&(c.current=e.options);const d=r.useMemo(()=>typeof c.current=="function"?S.debounce(Bi,typeof e.searchDebounce<"u"?e.searchDebounce:500):Bi,[c.current,e.disabledOptions]);return r.useEffect(()=>{d(e,t,n,a,i,l)},[c.current,t.value,e.disabledOptions]),[o,s]}class Lt{constructor(t,n){this.target=t,this.isPgStoppedInternal=!1,this.currentTarget=t,this.nativeEvent=new CustomEvent("change",n),Object.defineProperty(this.nativeEvent,"target",{value:t,writable:!1,configurable:!1,enumerable:!0})}get bubbles(){return this.nativeEvent.bubbles}get cancelable(){return this.nativeEvent.cancelable}get defaultPrevented(){return this.nativeEvent.defaultPrevented}get eventPhase(){return this.nativeEvent.eventPhase}get isTrusted(){return this.nativeEvent.isTrusted}get timeStamp(){return this.nativeEvent.timeStamp}get type(){return this.nativeEvent.type}preventDefault(){this.nativeEvent.preventDefault()}isDefaultPrevented(){return this.defaultPrevented}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPgStoppedInternal=!0}isPropagationStopped(){return this.isPgStoppedInternal}persist(){throw new Error("This is not a real React ChangeEvent. React does not permit the creation of SyntheticEvents in userland.")}}function sf(e,t){return{...e,...t}}function Dt(e){return T.useReducer(sf,e)}function lf({hideInlineSearch:e,showInlineSearch:t,options:n,onSearchChange:o,search:a="",searchPlaceholder:s,searchInputRef:i}){const{t:l}=Se.useWoodlandLanguage(),c=s??l("select.searchPlaceholder",{defaultValue:"Search…"}),[d,m]=Dt({isAsync:typeof n=="function",pending:!1,value:a,replacementPattern:null}),u=r.useCallback(y=>{m({value:y.target.value}),o&&o(y)},[o]),p=r.useCallback(y=>{y.nativeEvent.stopImmediatePropagation(),y.stopPropagation()},[]),f=r.useCallback(y=>{y.nativeEvent.stopImmediatePropagation(),m({value:""}),o&&o(new Lt({value:""})),i?.current&&i.current.focus()},[o,i]),g=y=>{y&&(["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"].includes(y.key)||y.stopPropagation())};return r.useEffect(()=>{m({value:a})},[a]),[(d.isAsync||t)&&!e?r.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},r.createElement("div",{className:"sps-form-control"},!d.value&&r.createElement("i",{className:"sps-icon sps-icon-filter sps-text-input__icon"}),r.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:c,ref:i,value:d.value,onChange:u,onClick:p,onKeyDown:g}),d.value&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:f}))):r.createElement(r.Fragment,null),d,m]}const cf=Do||Fr,df=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"];function pf(e,t,n){return n?(e&&e[n])===(t&&t[n]):e===t}function Oi(e,t,n){return typeof n.value=="function"&&n.disabled?!0:t?!!e?.find(o=>o[t]&&o[t]===n?.value?.[t]):!1}const Rn=r.forwardRef((e,t)=>{const{captionKey:n,comparisonKey:o,disabledOptions:a,options:s,tall:i,textKey:l,valueKey:c,zeroState:d,hideInlineSearch:m,showInlineSearch:u,onSearchChange:p,search:f,searchDebounce:g,searchPlaceholder:b,onSpecialActionSelect:y,attachTo:v,className:h,conformWidth:x,id:C,ignoreWidthStyles:w,isOpen:M,keepOpen:P,keyDown:O,nullOption:_,onOptionListChanged:F,onOptionSelected:W,onPositionFlip:Z,onSelfToggle:K,optionRole:E,positionOverride:V,selectedOption:R,specialAction:k,unsafelyReplaceClassName:Y,loading:N,filterByTextAndCaptionKey:D,maxHeightPx:L,maxHeightRem:q,disableOptionsMemoization:Q,disableDefaultOptionsFiltering:ne,"data-testid":oe,typeaheadEvent:U,...X}=e,J=r.useMemo(()=>k?new A.SpsOptionListOption(k,{textKey:"label",captionKey:"caption"}):null,[k]),[G,ee]=r.useState(-1),[z,H]=r.useState(M),re=t||r.useRef(null),te=r.useRef(null),le=r.useRef(null),Ie=gn("sps-option-list-portal"),Pe=r.useContext(rt),[Xe,nt]=V||[A.Position.BOTTOM_LEFT,A.Position.TOP_LEFT],[[mt,Me],ot]=r.useState([{},!1]),Ke=r.useRef(null),[ft,Be,ae]=lf({...e,searchInputRef:Ke}),[me,je]=af(e,Be,ae);r.useEffect(()=>{U&&Ye(U)},[U]),r.useEffect(()=>{ot(z?Sn(re,v,Xe,{altPosition:nt,setMinWidth:!w,setWidth:!w&&x,...Pe}):[{},!1])},[z,Xe,nt,me]),r.useEffect(()=>{let ce;return z&&(ce=()=>{z&&ot(Sn(re,v,Xe,{altPosition:nt,setMinWidth:!w,setWidth:!w&&x,...Pe}))},document.addEventListener("scroll",ce)),()=>{ce&&document.removeEventListener("scroll",ce)}},[z]),r.useEffect(()=>{ee(-1)},[Be]);const So=$(Y||"sps-option-list","z-stratum-dropdown",z&&"sps-option-list--open",Be.isAsync&&"sps-option-list--searchable",Me&&"sps-option-list--opens-upward",k&&k.label&&"sps-option-list--has-special-action",h),xr=$(Y||"sps-option-list__options",i&&"sps-option-list__options--tall"),xt=r.useCallback(()=>{z||(H(!0),Ke.current&&Ke.current.focus(),ee(-1),K&&K(!0))},[z,K]),jt=r.useCallback(()=>{z&&(H(!1),ee(-1),K&&K(!1))},[z,K]),yt=r.useCallback((ce,ue)=>{ue||ce&&!ce.disabled&&(typeof ce.value=="function"?(ce.value(),y&&y()):typeof W=="function"&&W(ce.value),P||jt())},[W,jt]),go=r.useCallback((ce,ue,Le)=>{ce.stopPropagation(),yt(ue,Le)},[yt]),ie=r.useRef(a||[]);ie.current=a||[];const we=r.useCallback(ce=>{switch(ce.key){case"Tab":case"Escape":jt();break;case"Enter":if(G>-1){const ue=me[G]||J;ce.preventDefault();const Le=!!ue&&Oi(ie.current,o||"",ue);!Le&&ue&&typeof W=="function"&&typeof ue.value=="function"?ue.value():ue&&yt(ue,Le)}break;case"Up":case"ArrowUp":{let ue=G;Me?G<=-1?ue=me.length-1:G===0?k&&(ue=me.length):G<me.length&&(ue=G-1):G>-1&&(ue=G-1),ue!==G&&(ce.preventDefault(),ee(ue));break}case"Down":case"ArrowDown":{xt();let ue=G;Me?G!==-1&&(G>=me.length?ue=0:G===me.length-1?ue=-1:ue=G+1):G<me.length-1+ +!!k&&(ue=G+1),ue!==G&&(ce.preventDefault(),ee(ue));break}default:xt()}},[jt,xt,G,yt,W,Me,me]),He=r.useCallback(ce=>{xt();const ue=me.findIndex(Le=>{if(Le.textKey){const Et=Le.textKey;return Le.value[Et].toLowerCase().charAt([0])===ce.key.toLocaleLowerCase()}return Le.value.toString().toLowerCase().charAt([0])===ce.key.toLocaleLowerCase()});ue>-1&&ee(ue)},[me]),Ye=r.useCallback(ce=>{ce&&(df.includes(ce.key)?we(ce):Vr.includes(ce.key)&&!m&&He(ce))},[jt,xt,G,yt,W,Me,me]);r.useEffect(()=>{if(Pe!==null&&document.getElementsByClassName("sps-modal__body").length>0){const ce=()=>{K&&K(!1)},ue=document.getElementsByClassName("sps-modal__body")[0];return ue.addEventListener("scroll",ce),()=>{ue.removeEventListener("scroll",ce)}}},[]),r.useEffect(()=>{z&&le.current&&cf(le.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[G,z]),r.useEffect(()=>{H(M),M?Ke.current&&Ke.current.focus():ee(-1)},[M]),r.useEffect(()=>{O&&Ye(O)},[O]),r.useEffect(()=>{!z&&te.current&&(p&&Be.value&&p(new Lt({value:""})),ae({value:""}),te.current.scrollTop=0),z&&Z&&Z(Me)},[z]);const xe=L?L/16:q,Tt=xe?{maxHeight:`${xe}rem`}:{};function kt(ce,ue){return ue?r.createElement(r.Fragment,null,ce.split(ue).map((Le,Et)=>ue.test(Le)?r.createElement("u",{key:Et},Le):r.createElement(r.Fragment,{key:Et},Le))):r.createElement(r.Fragment,null,ce)}return Ie(r.createElement("div",{className:So,id:C,"aria-activedescendant":G>-1?`${C}-option-${G}`:"",tabIndex:-1,ref:re,style:mt,onMouseLeave:()=>ee(-1),"data-testid":oe,...X},ft,r.createElement("div",{className:xr,ref:te,"data-testid":`${oe}-options`,style:Tt},!N&&!Be.pending&&d&&me.length===0&&r.createElement("div",{className:"sps-option-list__zero-state"},d),(N||Be.pending)&&r.createElement("div",{className:"sps-option-list__loading"},r.createElement(Ar,null)),!N&&!Be.pending&&me.map((ce,ue)=>{const Le=`${C}-option-${ue}`,Et=pf(ce.value,R,o),Mm=Oi(ie.current,o||"",ce);return r.createElement("a",{key:Le,id:Le,role:E,"aria-selected":Et,href:ce.href,className:$("sps-option-list__option",ce.caption&&"sps-option-list__option--has-caption",ce.disabled&&"sps-option-list__option--disabled",ce.bold&&"sps-option-list__option--bold",(Et||Mm)&&"sps-option-list__option--selected",G===ue&&"sps-option-list__option--highlighted"),onClick:XC=>go(XC,ce,Mm),onMouseOver:()=>ee(ue),tabIndex:-1,ref:G===ue?le:null,"data-testid":`${oe}-option-${ue}`},ce.value&&ce.value.icon&&r.createElement("i",{className:$("sps-icon","sps-option-list__option-icon",`sps-icon-${String(ce.value.icon)}`)}),(!ce.value||!ce.value.icon&&je)&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,kt(ce.text,Be.replacementPattern)),ce.caption&&r.createElement("div",{className:"sps-option-list__option-caption"},r.createElement("span",null,kt(ce.caption,Be.replacementPattern))))})),J&&k?.label&&r.createElement("a",{className:$("sps-option-list__option","sps-option-list__special-action",G===me.length&&"sps-option-list__option--highlighted",k.disabled&&"sps-option-list__special-action--disabled"),href:J.href,target:J.href&&k.newTab?"_blank":"_self",onClick:ce=>go(ce,J),onMouseOver:()=>ee(me.length),"data-testid":`${oe}-special-action`},k.icon&&r.createElement("i",{className:$("sps-icon","sps-option-list__option-icon",`sps-icon-${String(k.icon)}`)}),!k.icon&&je&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,k.label))))});Object.assign(Rn,{displayName:"SpsOptionList"});function hn(e){return{key:e.key,preventDefault:()=>{}}}function uf(e,t,n=[]){return r.useMemo(()=>{function o(a){return r.createElement(e,{...a,...t},a.children)}return o},n)}function qe(e){return typeof e=="function"?e():e}const Ri=function({children:e,elements:t}){if(t.length===0)return r.createElement(r.Fragment,null,e);const[n,o]=Array.isArray(t[0])?t[0]:[t[0]];return r.createElement(n,{...o??{}},r.createElement(Ri,{elements:t.slice(1)},e))},Fi=function({children:e,providers:t=[],...n}){return r.createElement("div",{...n},r.createElement(Ri,{elements:t},e))},mf=function({children:e,className:t,...n}){return r.createElement(Fi,{className:`sps-app ${t}`,...n},e)};function ff(e,t){const{type:n,props:o={},custom:a}=t;return a?a(e.type):e.type!==n?!1:Object.keys(o).every(s=>o[s]===e.props[s])}function at(e=[],t=[]){const n=Array.isArray(e)?S.flatten(e):[e],o=t.map(s=>Array.isArray(s)?s:[s]),a=new Array(o.length+1).fill(null).map(()=>[]);for(const s of n){let i=!1;for(let l=0;l<o.length;l+=1)for(const c of o[l])if(ff(s,c)){i=!0,a[l].push(s);break}i||a[a.length-1].push(s)}return a}function Ai(e,t,n){const o=Object.entries(t).filter(([,s])=>typeof s!="string"&&s.deprecated).map(([s])=>s),a=o.map(s=>n[s]);r.useEffect(()=>{a.find(s=>typeof s<"u")&&console.warn(`The following prop(s) of ${e} are deprecated: ${o.join(", ")}`)},a)}function Kr(e,t){const n=T.useRef(!1);T.useEffect(()=>()=>{n.current=!1},[]),T.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function Hr(e,t,n){const o=r.useRef(t(...n));r.useEffect(()=>(document.addEventListener(e,o.current,{capture:!0}),()=>document.removeEventListener(e,o.current)),[]),r.useEffect(()=>{document.removeEventListener(e,o.current),o.current=t(...n),document.addEventListener(e,o.current,{capture:!0})},n)}function $i(e,t,n){return function(a){!e.current?.contains(a.target)&&!t.current?.contains(a.target)&&n()}}function bn(e,t,n){const o=r.useRef(!1),[a,s]=r.useState(!1),i=r.useCallback(()=>{o.current?o.current=!1:s(!0)},[]),l=r.useCallback((c=!1)=>{s(!1),o.current=c,n&&n()},[]);return Hr("mousedown",$i,[e,t,l]),Hr("pointerdown",$i,[e,t,l]),{showPopup:a,doShowPopup:i,doHidePopup:l}}const Vi=e=>{const t=/(auto|scroll)/,n=(l,c)=>l.parentNode===null?c:n(l.parentNode,c.concat([l])),o=(l,c)=>getComputedStyle(l,null).getPropertyValue(c),a=l=>o(l,"overflow")+o(l,"overflow-y"),s=l=>t.test(a(l));return(l=>{if(!(l instanceof HTMLElement||l instanceof SVGElement))return;const c=n(l.parentNode,[]);for(let d=0;d<c.length;d+=1)if(s(c[d]))return c[d];return null})(e)};let Io=0,Fn=null,An=null;function $n({isOpen:e,rootRef:t}){r.useLayoutEffect(()=>{let n=!1;if(e&&t.current&&(n=!0,Io+=1,Io===1)){const o=Vi(t.current)||document.body;Fn=o;const a=o===document.body?window.innerWidth-document.documentElement.clientWidth:o.offsetWidth-o.clientWidth;o.style.overflow="hidden";const s=window.getComputedStyle(o).paddingRight;if(o.style.paddingRight=s&&s!=="0px"?`calc(${s} + ${a}px)`:`${a}px`,o===document.body){let i=document.getElementsByClassName("sps-navbar-container").item(0);if(i&&window.getComputedStyle(i).position==="fixed"){const l=window.getComputedStyle(i).paddingRight;i.style.paddingRight=l&&l!=="0px"?`calc(${l} + ${a}px)`:`${a}px`,An=i}else if(i=document.getElementsByTagName("nav").item(0)?.parentElement??null,i&&window.getComputedStyle(i).position==="fixed"){const c=window.getComputedStyle(i).paddingRight;i.style.paddingRight=c&&c!=="0px"?`calc(${c} + ${a}px)`:`${a}px`,An=i}}}return()=>{n&&(Io-=1,Io===0&&Fn&&(Fn.style.overflow="",Fn.style.paddingRight="",An&&(An.style.paddingRight="",An=null),Fn=null))}},[e])}const Sf={debounce:"number",disabled:"boolean",conformWidth:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",onChange:"React.ChangeEventHandler",onSelectionChange:"(newValue: string) => void",placeholder:"string",suggestions:{type:`
2
2
  Eventually<Iterable<string>>
3
3
  | ((filter?: string) => Eventually<Iterable<string>>)
4
- `,required:!0},textKey:"string",captionKey:"string",tallOptionList:"boolean",value:"string",zeroState:"string",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean",inputNotClearable:"boolean",autoFocusOnSelection:"boolean"};function Nt({className:e,debounce:t=0,disabled:n,conformWidth:o,formControl:a,formMeta:s,onChange:i,onSelectionChange:l,icon:c,id:d,placeholder:m="",suggestions:u,unsafelyReplaceClassName:p,textKey:f,captionKey:g,tallOptionList:b,value:y="",zeroState:v,loading:h,maxHeightOptionListPx:x,maxHeightOptionListRem:D,disableOptionsMemoization:w,inputNotClearable:k,autoFocusOnSelection:R,"data-testid":F,..._}){const O=s||a,{wrapperId:W,controlId:Z}=Ge(d,O),[K,E]=Dt({keyDown:null,opensUpward:!1}),V=r.useRef(null),B=r.useRef(null),M=r.useRef(null),{showPopup:Y,doShowPopup:N,doHidePopup:C}=bn(V,M);function L(J,G,ee=!1){O&&(O.setValue(J),O.markAsDirty()),l&&ee?l(J):i&&i(G||new Lt({value:J}))}function q(J){B.current&&(B.current.value="",L("")),J.stopPropagation()}function Q(J){L(J.target.value,J)}function ne(J){n||(["Up","ArrowUp","Down","ArrowDown","Enter"].includes(J.key)&&J.preventDefault(),J.stopPropagation(),E({keyDown:hn(J)})),J.key==="Tab"&&C()}function oe(J){J?N():C()}function U(J){E({opensUpward:J})}const X=$(p||"sps-autocomplete",Y&&"sps-autocomplete--open",Y&&"z-stratum-dropdown",K.opensUpward&&"sps-autocomplete--opens-upward",n&&"sps-form-control--disabled",e);return r.useEffect(()=>{let J;return Y&&(J=()=>{C()},window.addEventListener("resize",J)),()=>{J&&window.removeEventListener("resize",J)}},[Y]),$n({isOpen:Y,rootRef:V}),r.createElement(_e,{id:W,className:X,formControl:a,formMeta:s,inputRef:B,ref:V,focusInputOnClick:!0,onClick:J=>J.nativeEvent.stopImmediatePropagation(),"data-testid":`${F}`},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},c&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${c}`)}),r.createElement("input",{type:"text",ref:B,value:y,className:"sps-text-input__input",placeholder:m,onFocus:N,onClick:N,onChange:Q,onKeyDown:ne,disabled:n,id:Z,"data-testid":`${F}__input`,..._}),y&&!n&&!k&&r.createElement("i",{"aria-label":"clear",className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:J=>q(J)}))),r.createElement(Rn,{id:`${W}_options`,ref:M,attachTo:V,isOpen:Y,options:u,hideInlineSearch:!0,keyDown:K.keyDown,onOptionSelected:J=>{const G=f&&typeof J=="object"&&J!==null?J[f]??"":J;L(G,void 0,!0),R&&B.current?.focus()},onPositionFlip:U,onSelfToggle:oe,offsets:[1,0],search:y,searchDebounce:t,textKey:f,captionKey:g,tall:b,zeroState:v,loading:h,maxHeightPx:x,maxHeightRem:D,disableOptionsMemoization:w,conformWidth:o}))}Object.assign(Nt,{props:Sf,displayName:"SpsAutocomplete"});const Ki={basic:{label:"Basic",examples:{basic:{react:S.code`
4
+ `,required:!0},textKey:"string",captionKey:"string",tallOptionList:"boolean",value:"string",zeroState:"string",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean",inputNotClearable:"boolean",autoFocusOnSelection:"boolean"};function Nt({className:e,debounce:t=0,disabled:n,conformWidth:o,formControl:a,formMeta:s,onChange:i,onSelectionChange:l,icon:c,id:d,placeholder:m="",suggestions:u,unsafelyReplaceClassName:p,textKey:f,captionKey:g,tallOptionList:b,value:y="",zeroState:v,loading:h,maxHeightOptionListPx:x,maxHeightOptionListRem:C,disableOptionsMemoization:w,inputNotClearable:M,autoFocusOnSelection:P,"data-testid":O,..._}){const F=s||a,{wrapperId:W,controlId:Z}=Ge(d,F),[K,E]=Dt({keyDown:null,opensUpward:!1}),V=r.useRef(null),R=r.useRef(null),k=r.useRef(null),{showPopup:Y,doShowPopup:N,doHidePopup:D}=bn(V,k);function L(J,G,ee=!1){F&&(F.setValue(J),F.markAsDirty()),l&&ee?l(J):i&&i(G||new Lt({value:J}))}function q(J){R.current&&(R.current.value="",L("")),J.stopPropagation()}function Q(J){L(J.target.value,J)}function ne(J){n||(["Up","ArrowUp","Down","ArrowDown","Enter"].includes(J.key)&&J.preventDefault(),J.stopPropagation(),E({keyDown:hn(J)})),J.key==="Tab"&&D()}function oe(J){J?N():D()}function U(J){E({opensUpward:J})}const X=$(p||"sps-autocomplete",Y&&"sps-autocomplete--open",Y&&"z-stratum-dropdown",K.opensUpward&&"sps-autocomplete--opens-upward",n&&"sps-form-control--disabled",e);return r.useEffect(()=>{let J;return Y&&(J=()=>{D()},window.addEventListener("resize",J)),()=>{J&&window.removeEventListener("resize",J)}},[Y]),$n({isOpen:Y,rootRef:V}),r.createElement(_e,{id:W,className:X,formControl:a,formMeta:s,inputRef:R,ref:V,focusInputOnClick:!0,onClick:J=>J.nativeEvent.stopImmediatePropagation(),"data-testid":`${O}`},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},c&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${c}`)}),r.createElement("input",{type:"text",ref:R,value:y,className:"sps-text-input__input",placeholder:m,onFocus:N,onClick:N,onChange:Q,onKeyDown:ne,disabled:n,id:Z,"data-testid":`${O}__input`,..._}),y&&!n&&!M&&r.createElement("i",{"aria-label":"clear",className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:J=>q(J)}))),r.createElement(Rn,{id:`${W}_options`,ref:k,attachTo:V,isOpen:Y,options:u,hideInlineSearch:!0,keyDown:K.keyDown,onOptionSelected:J=>{const G=f&&typeof J=="object"&&J!==null?J[f]??"":J;L(G,void 0,!0),P&&R.current?.focus()},onPositionFlip:U,onSelfToggle:oe,offsets:[1,0],search:y,searchDebounce:t,textKey:f,captionKey:g,tall:b,zeroState:v,loading:h,maxHeightPx:x,maxHeightRem:C,disableOptionsMemoization:w,conformWidth:o}))}Object.assign(Nt,{props:Sf,displayName:"SpsAutocomplete"});const Ki={basic:{label:"Basic",examples:{basic:{react:S.code`
5
5
  import { SpsAutocomplete } from "@spscommerce/ds-react";
6
6
 
7
7
  function DemoComponent() {
@@ -134,7 +134,7 @@
134
134
  <SpsAutocomplete suggestions={colorSearch} value={color} onChange={handleChange} placeholder="Enter a color"/>
135
135
  );
136
136
  }
137
- `}}}},gf={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function Jt({checked:e,className:t,disabled:n,formControl:o,formMeta:a,id:s,indeterminate:i=!1,inline:l,label:c,onChange:d,"data-testid":m,unsafelyReplaceClassName:u,...p}){const f=a||o,g=r.useRef(null),[b,y]=r.useState(e),[v,h]=r.useState(i),{wrapperId:x,controlId:D}=Ge(s,f);r.useEffect(()=>y(e),[e]),r.useEffect(()=>h(i),[i]),r.useEffect(()=>{g.current&&(g.current.indeterminate=v)},[v]);const w=$(u||"sps-checkbox","sps-checkable",l&&"sps-checkable--inline",!c&&"sps-checkable--no-label",t);function k(R){y(R.target.checked),h(!1),f&&(f.setValue(R.target.checked),f.markAsDirty()),d&&d(R),g.current?.focus()}return r.createElement(_e,{id:x,className:w,formControl:o,formMeta:a,inputRef:g,"data-testid":m},r.createElement("input",{type:"checkbox",ref:g,className:"sps-checkable__input",id:D,checked:b,disabled:n,"data-testid":`${m}__checkbox-input`,"data-checked":b?"checked":void 0,onChange:k,...p}),r.createElement("label",{className:"sps-checkable__label",htmlFor:D},c||""))}Object.assign(Jt,{props:gf,displayName:"SpsCheckbox"});const Hi={labels:{label:"Labels",description:S.code`
137
+ `}}}},gf={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function Jt({checked:e,className:t,disabled:n,formControl:o,formMeta:a,id:s,indeterminate:i=!1,inline:l,label:c,onChange:d,"data-testid":m,unsafelyReplaceClassName:u,...p}){const f=a||o,g=r.useRef(null),[b,y]=r.useState(e),[v,h]=r.useState(i),{wrapperId:x,controlId:C}=Ge(s,f);r.useEffect(()=>y(e),[e]),r.useEffect(()=>h(i),[i]),r.useEffect(()=>{g.current&&(g.current.indeterminate=v)},[v]);const w=$(u||"sps-checkbox","sps-checkable",l&&"sps-checkable--inline",!c&&"sps-checkable--no-label",t);function M(P){y(P.target.checked),h(!1),f&&(f.setValue(P.target.checked),f.markAsDirty()),d&&d(P),g.current?.focus()}return r.createElement(_e,{id:x,className:w,formControl:o,formMeta:a,inputRef:g,"data-testid":m},r.createElement("input",{type:"checkbox",ref:g,className:"sps-checkable__input",id:C,checked:b,disabled:n,"data-testid":`${m}__checkbox-input`,"data-checked":b?"checked":void 0,onChange:M,...p}),r.createElement("label",{className:"sps-checkable__label",htmlFor:C},c||""))}Object.assign(Jt,{props:gf,displayName:"SpsCheckbox"});const Hi={labels:{label:"Labels",description:S.code`
138
138
  <p>An individual checkbox should be labeled with its own <code>label</code> prop,
139
139
  not the <code>&lt;SpsLabel&gt;</code> component.</p>
140
140
  `,examples:{label:{react:S.code`
@@ -349,14 +349,14 @@
349
349
  </>
350
350
  );
351
351
  }
352
- `}}}};function Wr(e,t){return Wr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Wr(e,t)}function Gi(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Wr(e,t)}function pe(){return pe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},pe.apply(null,arguments)}function Kn(e){"@babel/helpers - typeof";return Kn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Kn(e)}function bf(e,t){if(Kn(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var o=n.call(e,t);if(Kn(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function vf(e){var t=bf(e,"string");return Kn(t)=="symbol"?t:t+""}function yf(e,t,n){return(t=vf(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ui(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,o)}return n}function zi(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Ui(Object(n),!0).forEach(function(o){yf(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ui(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function Je(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var ji=(function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"})(),Yi=function(){return Math.random().toString(36).substring(7).split("").join(".")},qi={INIT:"@@redux/INIT"+Yi(),REPLACE:"@@redux/REPLACE"+Yi()};function Tf(e){if(typeof e!="object"||e===null)return!1;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function Ef(e){if(e===void 0)return"undefined";if(e===null)return"null";var t=typeof e;switch(t){case"boolean":case"string":case"number":case"symbol":case"function":return t}if(Array.isArray(e))return"array";if(Df(e))return"date";if(Cf(e))return"error";var n=wf(e);switch(n){case"Symbol":case"Promise":case"WeakMap":case"WeakSet":case"Map":case"Set":return n}return t.slice(8,-1).toLowerCase().replace(/\s/g,"")}function wf(e){return typeof e.constructor=="function"?e.constructor.name:null}function Cf(e){return e instanceof Error||typeof e.message=="string"&&e.constructor&&typeof e.constructor.stackTraceLimit=="number"}function Df(e){return e instanceof Date?!0:typeof e.toDateString=="function"&&typeof e.getDate=="function"&&typeof e.setDate=="function"}function Xt(e){var t=typeof e;return process.env.NODE_ENV!=="production"&&(t=Ef(e)),t}function Ji(e,t,n){var o;if(typeof t=="function"&&typeof n=="function"||typeof n=="function"&&typeof arguments[3]=="function")throw new Error(process.env.NODE_ENV==="production"?Je(0):"It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");if(typeof t=="function"&&typeof n>"u"&&(n=t,t=void 0),typeof n<"u"){if(typeof n!="function")throw new Error(process.env.NODE_ENV==="production"?Je(1):"Expected the enhancer to be a function. Instead, received: '"+Xt(n)+"'");return n(Ji)(e,t)}if(typeof e!="function")throw new Error(process.env.NODE_ENV==="production"?Je(2):"Expected the root reducer to be a function. Instead, received: '"+Xt(e)+"'");var a=e,s=t,i=[],l=i,c=!1;function d(){l===i&&(l=i.slice())}function m(){if(c)throw new Error(process.env.NODE_ENV==="production"?Je(3):"You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return s}function u(b){if(typeof b!="function")throw new Error(process.env.NODE_ENV==="production"?Je(4):"Expected the listener to be a function. Instead, received: '"+Xt(b)+"'");if(c)throw new Error(process.env.NODE_ENV==="production"?Je(5):"You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");var y=!0;return d(),l.push(b),function(){if(y){if(c)throw new Error(process.env.NODE_ENV==="production"?Je(6):"You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");y=!1,d();var h=l.indexOf(b);l.splice(h,1),i=null}}}function p(b){if(!Tf(b))throw new Error(process.env.NODE_ENV==="production"?Je(7):"Actions must be plain objects. Instead, the actual type was: '"+Xt(b)+"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");if(typeof b.type>"u")throw new Error(process.env.NODE_ENV==="production"?Je(8):'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');if(c)throw new Error(process.env.NODE_ENV==="production"?Je(9):"Reducers may not dispatch actions.");try{c=!0,s=a(s,b)}finally{c=!1}for(var y=i=l,v=0;v<y.length;v++){var h=y[v];h()}return b}function f(b){if(typeof b!="function")throw new Error(process.env.NODE_ENV==="production"?Je(10):"Expected the nextReducer to be a function. Instead, received: '"+Xt(b));a=b,p({type:qi.REPLACE})}function g(){var b,y=u;return b={subscribe:function(h){if(typeof h!="object"||h===null)throw new Error(process.env.NODE_ENV==="production"?Je(11):"Expected the observer to be an object. Instead, received: '"+Xt(h)+"'");function x(){h.next&&h.next(m())}x();var D=y(x);return{unsubscribe:D}}},b[ji]=function(){return this},b}return p({type:qi.INIT}),o={dispatch:p,subscribe:u,getState:m,replaceReducer:f},o[ji]=g,o}function Xi(e,t){return function(){return t(e.apply(this,arguments))}}function Zi(e,t){if(typeof e=="function")return Xi(e,t);if(typeof e!="object"||e===null)throw new Error(process.env.NODE_ENV==="production"?Je(16):"bindActionCreators expected an object or a function, but instead received: '"+Xt(e)+`'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?`);var n={};for(var o in e){var a=e[o];typeof a=="function"&&(n[o]=Xi(a,t))}return n}function Qi(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.length===0?function(o){return o}:t.length===1?t[0]:t.reduce(function(o,a){return function(){return o(a.apply(void 0,arguments))}})}function Nf(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(o){return function(){var a=o.apply(void 0,arguments),s=function(){throw new Error(process.env.NODE_ENV==="production"?Je(15):"Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.")},i={getState:a.getState,dispatch:function(){return s.apply(void 0,arguments)}},l=t.map(function(c){return c(i)});return s=Qi.apply(void 0,l)(a.dispatch),zi(zi({},a),{},{dispatch:s})}}}var xo={exports:{}},ko={exports:{}},be={};var el;function If(){if(el)return be;el=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,m=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,b=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,h=e?Symbol.for("react.scope"):60119;function x(w){if(typeof w=="object"&&w!==null){var k=w.$$typeof;switch(k){case t:switch(w=w.type,w){case c:case d:case o:case s:case a:case u:return w;default:switch(w=w&&w.$$typeof,w){case l:case m:case g:case f:case i:return w;default:return k}}case n:return k}}}function D(w){return x(w)===d}return be.AsyncMode=c,be.ConcurrentMode=d,be.ContextConsumer=l,be.ContextProvider=i,be.Element=t,be.ForwardRef=m,be.Fragment=o,be.Lazy=g,be.Memo=f,be.Portal=n,be.Profiler=s,be.StrictMode=a,be.Suspense=u,be.isAsyncMode=function(w){return D(w)||x(w)===c},be.isConcurrentMode=D,be.isContextConsumer=function(w){return x(w)===l},be.isContextProvider=function(w){return x(w)===i},be.isElement=function(w){return typeof w=="object"&&w!==null&&w.$$typeof===t},be.isForwardRef=function(w){return x(w)===m},be.isFragment=function(w){return x(w)===o},be.isLazy=function(w){return x(w)===g},be.isMemo=function(w){return x(w)===f},be.isPortal=function(w){return x(w)===n},be.isProfiler=function(w){return x(w)===s},be.isStrictMode=function(w){return x(w)===a},be.isSuspense=function(w){return x(w)===u},be.isValidElementType=function(w){return typeof w=="string"||typeof w=="function"||w===o||w===d||w===s||w===a||w===u||w===p||typeof w=="object"&&w!==null&&(w.$$typeof===g||w.$$typeof===f||w.$$typeof===i||w.$$typeof===l||w.$$typeof===m||w.$$typeof===y||w.$$typeof===v||w.$$typeof===h||w.$$typeof===b)},be.typeOf=x,be}var ve={};var tl;function xf(){return tl||(tl=1,process.env.NODE_ENV!=="production"&&(function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,m=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,b=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,h=e?Symbol.for("react.scope"):60119;function x(H){return typeof H=="string"||typeof H=="function"||H===o||H===d||H===s||H===a||H===u||H===p||typeof H=="object"&&H!==null&&(H.$$typeof===g||H.$$typeof===f||H.$$typeof===i||H.$$typeof===l||H.$$typeof===m||H.$$typeof===y||H.$$typeof===v||H.$$typeof===h||H.$$typeof===b)}function D(H){if(typeof H=="object"&&H!==null){var re=H.$$typeof;switch(re){case t:var te=H.type;switch(te){case c:case d:case o:case s:case a:case u:return te;default:var le=te&&te.$$typeof;switch(le){case l:case m:case g:case f:case i:return le;default:return re}}case n:return re}}}var w=c,k=d,R=l,F=i,_=t,O=m,W=o,Z=g,K=f,E=n,V=s,B=a,M=u,Y=!1;function N(H){return Y||(Y=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),C(H)||D(H)===c}function C(H){return D(H)===d}function L(H){return D(H)===l}function q(H){return D(H)===i}function Q(H){return typeof H=="object"&&H!==null&&H.$$typeof===t}function ne(H){return D(H)===m}function oe(H){return D(H)===o}function U(H){return D(H)===g}function X(H){return D(H)===f}function J(H){return D(H)===n}function G(H){return D(H)===s}function ee(H){return D(H)===a}function z(H){return D(H)===u}ve.AsyncMode=w,ve.ConcurrentMode=k,ve.ContextConsumer=R,ve.ContextProvider=F,ve.Element=_,ve.ForwardRef=O,ve.Fragment=W,ve.Lazy=Z,ve.Memo=K,ve.Portal=E,ve.Profiler=V,ve.StrictMode=B,ve.Suspense=M,ve.isAsyncMode=N,ve.isConcurrentMode=C,ve.isContextConsumer=L,ve.isContextProvider=q,ve.isElement=Q,ve.isForwardRef=ne,ve.isFragment=oe,ve.isLazy=U,ve.isMemo=X,ve.isPortal=J,ve.isProfiler=G,ve.isStrictMode=ee,ve.isSuspense=z,ve.isValidElementType=x,ve.typeOf=D})()),ve}var nl;function Gr(){return nl||(nl=1,process.env.NODE_ENV==="production"?ko.exports=If():ko.exports=xf()),ko.exports}var Ur,ol;function kf(){if(ol)return Ur;ol=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(s){if(s==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(s)}function a(){try{if(!Object.assign)return!1;var s=new String("abc");if(s[5]="de",Object.getOwnPropertyNames(s)[0]==="5")return!1;for(var i={},l=0;l<10;l++)i["_"+String.fromCharCode(l)]=l;var c=Object.getOwnPropertyNames(i).map(function(m){return i[m]});if(c.join("")!=="0123456789")return!1;var d={};return"abcdefghijklmnopqrst".split("").forEach(function(m){d[m]=m}),Object.keys(Object.assign({},d)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return Ur=a()?Object.assign:function(s,i){for(var l,c=o(s),d,m=1;m<arguments.length;m++){l=Object(arguments[m]);for(var u in l)t.call(l,u)&&(c[u]=l[u]);if(e){d=e(l);for(var p=0;p<d.length;p++)n.call(l,d[p])&&(c[d[p]]=l[d[p]])}}return c},Ur}var zr,rl;function jr(){if(rl)return zr;rl=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return zr=e,zr}var Yr,al;function sl(){return al||(al=1,Yr=Function.call.bind(Object.prototype.hasOwnProperty)),Yr}var qr,il;function Mf(){if(il)return qr;il=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=jr(),n={},o=sl();e=function(s){var i="Warning: "+s;typeof console<"u"&&console.error(i);try{throw new Error(i)}catch{}}}function a(s,i,l,c,d){if(process.env.NODE_ENV!=="production"){for(var m in s)if(o(s,m)){var u;try{if(typeof s[m]!="function"){var p=Error((c||"React class")+": "+l+" type `"+m+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[m]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}u=s[m](i,m,c,l,null,t)}catch(g){u=g}if(u&&!(u instanceof Error)&&e((c||"React class")+": type specification of "+l+" `"+m+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof u+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),u instanceof Error&&!(u.message in n)){n[u.message]=!0;var f=d?d():"";e("Failed "+l+" type: "+u.message+(f??""))}}}}return a.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(n={})},qr=a,qr}var Jr,ll;function Lf(){if(ll)return Jr;ll=1;var e=Gr(),t=kf(),n=jr(),o=sl(),a=Mf(),s=function(){};process.env.NODE_ENV!=="production"&&(s=function(l){var c="Warning: "+l;typeof console<"u"&&console.error(c);try{throw new Error(c)}catch{}});function i(){return null}return Jr=function(l,c){var d=typeof Symbol=="function"&&Symbol.iterator,m="@@iterator";function u(C){var L=C&&(d&&C[d]||C[m]);if(typeof L=="function")return L}var p="<<anonymous>>",f={array:v("array"),bigint:v("bigint"),bool:v("boolean"),func:v("function"),number:v("number"),object:v("object"),string:v("string"),symbol:v("symbol"),any:h(),arrayOf:x,element:D(),elementType:w(),instanceOf:k,node:O(),objectOf:F,oneOf:R,oneOfType:_,shape:Z,exact:K};function g(C,L){return C===L?C!==0||1/C===1/L:C!==C&&L!==L}function b(C,L){this.message=C,this.data=L&&typeof L=="object"?L:{},this.stack=""}b.prototype=Error.prototype;function y(C){if(process.env.NODE_ENV!=="production")var L={},q=0;function Q(oe,U,X,J,G,ee,z){if(J=J||p,ee=ee||X,z!==n){if(c){var H=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw H.name="Invariant Violation",H}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var re=J+":"+X;!L[re]&&q<3&&(s("You are manually calling a React.PropTypes validation function for the `"+ee+"` prop on `"+J+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),L[re]=!0,q++)}}return U[X]==null?oe?U[X]===null?new b("The "+G+" `"+ee+"` is marked as required "+("in `"+J+"`, but its value is `null`.")):new b("The "+G+" `"+ee+"` is marked as required in "+("`"+J+"`, but its value is `undefined`.")):null:C(U,X,J,G,ee)}var ne=Q.bind(null,!1);return ne.isRequired=Q.bind(null,!0),ne}function v(C){function L(q,Q,ne,oe,U,X){var J=q[Q],G=B(J);if(G!==C){var ee=M(J);return new b("Invalid "+oe+" `"+U+"` of type "+("`"+ee+"` supplied to `"+ne+"`, expected ")+("`"+C+"`."),{expectedType:C})}return null}return y(L)}function h(){return y(i)}function x(C){function L(q,Q,ne,oe,U){if(typeof C!="function")return new b("Property `"+U+"` of component `"+ne+"` has invalid PropType notation inside arrayOf.");var X=q[Q];if(!Array.isArray(X)){var J=B(X);return new b("Invalid "+oe+" `"+U+"` of type "+("`"+J+"` supplied to `"+ne+"`, expected an array."))}for(var G=0;G<X.length;G++){var ee=C(X,G,ne,oe,U+"["+G+"]",n);if(ee instanceof Error)return ee}return null}return y(L)}function D(){function C(L,q,Q,ne,oe){var U=L[q];if(!l(U)){var X=B(U);return new b("Invalid "+ne+" `"+oe+"` of type "+("`"+X+"` supplied to `"+Q+"`, expected a single ReactElement."))}return null}return y(C)}function w(){function C(L,q,Q,ne,oe){var U=L[q];if(!e.isValidElementType(U)){var X=B(U);return new b("Invalid "+ne+" `"+oe+"` of type "+("`"+X+"` supplied to `"+Q+"`, expected a single ReactElement type."))}return null}return y(C)}function k(C){function L(q,Q,ne,oe,U){if(!(q[Q]instanceof C)){var X=C.name||p,J=N(q[Q]);return new b("Invalid "+oe+" `"+U+"` of type "+("`"+J+"` supplied to `"+ne+"`, expected ")+("instance of `"+X+"`."))}return null}return y(L)}function R(C){if(!Array.isArray(C))return process.env.NODE_ENV!=="production"&&(arguments.length>1?s("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):s("Invalid argument supplied to oneOf, expected an array.")),i;function L(q,Q,ne,oe,U){for(var X=q[Q],J=0;J<C.length;J++)if(g(X,C[J]))return null;var G=JSON.stringify(C,function(z,H){var re=M(H);return re==="symbol"?String(H):H});return new b("Invalid "+oe+" `"+U+"` of value `"+String(X)+"` "+("supplied to `"+ne+"`, expected one of "+G+"."))}return y(L)}function F(C){function L(q,Q,ne,oe,U){if(typeof C!="function")return new b("Property `"+U+"` of component `"+ne+"` has invalid PropType notation inside objectOf.");var X=q[Q],J=B(X);if(J!=="object")return new b("Invalid "+oe+" `"+U+"` of type "+("`"+J+"` supplied to `"+ne+"`, expected an object."));for(var G in X)if(o(X,G)){var ee=C(X,G,ne,oe,U+"."+G,n);if(ee instanceof Error)return ee}return null}return y(L)}function _(C){if(!Array.isArray(C))return process.env.NODE_ENV!=="production"&&s("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var L=0;L<C.length;L++){var q=C[L];if(typeof q!="function")return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+Y(q)+" at index "+L+"."),i}function Q(ne,oe,U,X,J){for(var G=[],ee=0;ee<C.length;ee++){var z=C[ee],H=z(ne,oe,U,X,J,n);if(H==null)return null;H.data&&o(H.data,"expectedType")&&G.push(H.data.expectedType)}var re=G.length>0?", expected one of type ["+G.join(", ")+"]":"";return new b("Invalid "+X+" `"+J+"` supplied to "+("`"+U+"`"+re+"."))}return y(Q)}function O(){function C(L,q,Q,ne,oe){return E(L[q])?null:new b("Invalid "+ne+" `"+oe+"` supplied to "+("`"+Q+"`, expected a ReactNode."))}return y(C)}function W(C,L,q,Q,ne){return new b((C||"React class")+": "+L+" type `"+q+"."+Q+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+ne+"`.")}function Z(C){function L(q,Q,ne,oe,U){var X=q[Q],J=B(X);if(J!=="object")return new b("Invalid "+oe+" `"+U+"` of type `"+J+"` "+("supplied to `"+ne+"`, expected `object`."));for(var G in C){var ee=C[G];if(typeof ee!="function")return W(ne,oe,U,G,M(ee));var z=ee(X,G,ne,oe,U+"."+G,n);if(z)return z}return null}return y(L)}function K(C){function L(q,Q,ne,oe,U){var X=q[Q],J=B(X);if(J!=="object")return new b("Invalid "+oe+" `"+U+"` of type `"+J+"` "+("supplied to `"+ne+"`, expected `object`."));var G=t({},q[Q],C);for(var ee in G){var z=C[ee];if(o(C,ee)&&typeof z!="function")return W(ne,oe,U,ee,M(z));if(!z)return new b("Invalid "+oe+" `"+U+"` key `"+ee+"` supplied to `"+ne+"`.\nBad object: "+JSON.stringify(q[Q],null," ")+`
353
- Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."+ee,n);if(H)return H}return null}return y(L)}function E(C){switch(typeof C){case"number":case"string":case"undefined":return!0;case"boolean":return!C;case"object":if(Array.isArray(C))return C.every(E);if(C===null||l(C))return!0;var L=u(C);if(L){var q=L.call(C),Q;if(L!==C.entries){for(;!(Q=q.next()).done;)if(!E(Q.value))return!1}else for(;!(Q=q.next()).done;){var ne=Q.value;if(ne&&!E(ne[1]))return!1}}else return!1;return!0;default:return!1}}function V(C,L){return C==="symbol"?!0:L?L["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&L instanceof Symbol:!1}function B(C){var L=typeof C;return Array.isArray(C)?"array":C instanceof RegExp?"object":V(L,C)?"symbol":L}function M(C){if(typeof C>"u"||C===null)return""+C;var L=B(C);if(L==="object"){if(C instanceof Date)return"date";if(C instanceof RegExp)return"regexp"}return L}function Y(C){var L=M(C);switch(L){case"array":case"object":return"an "+L;case"boolean":case"date":case"regexp":return"a "+L;default:return L}}function N(C){return!C.constructor||!C.constructor.name?p:C.constructor.name}return f.checkPropTypes=a,f.resetWarningCache=a.resetWarningCache,f.PropTypes=f,f},Jr}var Xr,cl;function _f(){if(cl)return Xr;cl=1;var e=jr();function t(){}function n(){}return n.resetWarningCache=t,Xr=function(){function o(i,l,c,d,m,u){if(u!==e){var p=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw p.name="Invariant Violation",p}}o.isRequired=o;function a(){return o}var s={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:a,element:o,elementType:o,instanceOf:a,node:o,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:n,resetWarningCache:t};return s.PropTypes=s,s},Xr}var dl;function Pf(){if(dl)return xo.exports;if(dl=1,process.env.NODE_ENV!=="production"){var e=Gr(),t=!0;xo.exports=Lf()(e.isElement,t)}else xo.exports=_f()();return xo.exports}var Bf=Pf();const vn=Mr(Bf);var Zr=T.createContext(null);process.env.NODE_ENV!=="production"&&(Zr.displayName="ReactRedux");function Of(e){e()}var pl=Of,Rf=function(t){return pl=t},Ff=function(){return pl};function Af(){var e=Ff(),t=null,n=null;return{clear:function(){t=null,n=null},notify:function(){e(function(){for(var a=t;a;)a.callback(),a=a.next})},get:function(){for(var a=[],s=t;s;)a.push(s),s=s.next;return a},subscribe:function(a){var s=!0,i=n={callback:a,next:null,prev:n};return i.prev?i.prev.next=i:t=i,function(){!s||t===null||(s=!1,i.next?i.next.prev=i.prev:n=i.prev,i.prev?i.prev.next=i.next:t=i.next)}}}}var ul={notify:function(){},get:function(){return[]}};function ml(e,t){var n,o=ul;function a(u){return c(),o.subscribe(u)}function s(){o.notify()}function i(){m.onStateChange&&m.onStateChange()}function l(){return!!n}function c(){n||(n=t?t.addNestedSub(i):e.subscribe(i),o=Af())}function d(){n&&(n(),n=void 0,o.clear(),o=ul)}var m={addNestedSub:a,notifyNestedSubs:s,handleChangeWrapper:i,isSubscribed:l,trySubscribe:c,tryUnsubscribe:d,getListeners:function(){return o}};return m}var fl=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?T.useLayoutEffect:T.useEffect;function Sl(e){var t=e.store,n=e.context,o=e.children,a=T.useMemo(function(){var l=ml(t);return{store:t,subscription:l}},[t]),s=T.useMemo(function(){return t.getState()},[t]);fl(function(){var l=a.subscription;return l.onStateChange=l.notifyNestedSubs,l.trySubscribe(),s!==t.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[a,s]);var i=n||Zr;return T.createElement(i.Provider,{value:a},o)}process.env.NODE_ENV!=="production"&&(Sl.propTypes={store:vn.shape({subscribe:vn.func.isRequired,dispatch:vn.func.isRequired,getState:vn.func.isRequired}),context:vn.object,children:vn.any});function Mo(e,t){if(e==null)return{};var n={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.indexOf(o)!==-1)continue;n[o]=e[o]}return n}var Qr,gl;function $f(){if(gl)return Qr;gl=1;var e=Gr(),t={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},n={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[e.ForwardRef]=o,s[e.Memo]=a;function i(g){return e.isMemo(g)?a:s[g.$$typeof]||t}var l=Object.defineProperty,c=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,m=Object.getOwnPropertyDescriptor,u=Object.getPrototypeOf,p=Object.prototype;function f(g,b,y){if(typeof b!="string"){if(p){var v=u(b);v&&v!==p&&f(g,v,y)}var h=c(b);d&&(h=h.concat(d(b)));for(var x=i(g),D=i(b),w=0;w<h.length;++w){var k=h[w];if(!n[k]&&!(y&&y[k])&&!(D&&D[k])&&!(x&&x[k])){var R=m(b,k);try{l(g,k,R)}catch{}}}}return g}return Qr=f,Qr}var Vf=$f();const hl=Mr(Vf);var Lo={exports:{}},Te={};var bl;function Kf(){if(bl)return Te;bl=1;var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,c=60113,d=60120,m=60115,u=60116,p=60121,f=60122,g=60117,b=60129,y=60131;if(typeof Symbol=="function"&&Symbol.for){var v=Symbol.for;e=v("react.element"),t=v("react.portal"),n=v("react.fragment"),o=v("react.strict_mode"),a=v("react.profiler"),s=v("react.provider"),i=v("react.context"),l=v("react.forward_ref"),c=v("react.suspense"),d=v("react.suspense_list"),m=v("react.memo"),u=v("react.lazy"),p=v("react.block"),f=v("react.server.block"),g=v("react.fundamental"),b=v("react.debug_trace_mode"),y=v("react.legacy_hidden")}function h(K){if(typeof K=="object"&&K!==null){var E=K.$$typeof;switch(E){case e:switch(K=K.type,K){case n:case a:case o:case c:case d:return K;default:switch(K=K&&K.$$typeof,K){case i:case l:case u:case m:case s:return K;default:return E}}case t:return E}}}var x=s,D=e,w=l,k=n,R=u,F=m,_=t,O=a,W=o,Z=c;return Te.ContextConsumer=i,Te.ContextProvider=x,Te.Element=D,Te.ForwardRef=w,Te.Fragment=k,Te.Lazy=R,Te.Memo=F,Te.Portal=_,Te.Profiler=O,Te.StrictMode=W,Te.Suspense=Z,Te.isAsyncMode=function(){return!1},Te.isConcurrentMode=function(){return!1},Te.isContextConsumer=function(K){return h(K)===i},Te.isContextProvider=function(K){return h(K)===s},Te.isElement=function(K){return typeof K=="object"&&K!==null&&K.$$typeof===e},Te.isForwardRef=function(K){return h(K)===l},Te.isFragment=function(K){return h(K)===n},Te.isLazy=function(K){return h(K)===u},Te.isMemo=function(K){return h(K)===m},Te.isPortal=function(K){return h(K)===t},Te.isProfiler=function(K){return h(K)===a},Te.isStrictMode=function(K){return h(K)===o},Te.isSuspense=function(K){return h(K)===c},Te.isValidElementType=function(K){return typeof K=="string"||typeof K=="function"||K===n||K===a||K===b||K===o||K===c||K===d||K===y||typeof K=="object"&&K!==null&&(K.$$typeof===u||K.$$typeof===m||K.$$typeof===s||K.$$typeof===i||K.$$typeof===l||K.$$typeof===g||K.$$typeof===p||K[0]===f)},Te.typeOf=h,Te}var Ee={};var vl;function Hf(){return vl||(vl=1,process.env.NODE_ENV!=="production"&&(function(){var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,c=60113,d=60120,m=60115,u=60116,p=60121,f=60122,g=60117,b=60129,y=60131;if(typeof Symbol=="function"&&Symbol.for){var v=Symbol.for;e=v("react.element"),t=v("react.portal"),n=v("react.fragment"),o=v("react.strict_mode"),a=v("react.profiler"),s=v("react.provider"),i=v("react.context"),l=v("react.forward_ref"),c=v("react.suspense"),d=v("react.suspense_list"),m=v("react.memo"),u=v("react.lazy"),p=v("react.block"),f=v("react.server.block"),g=v("react.fundamental"),v("react.scope"),v("react.opaque.id"),b=v("react.debug_trace_mode"),v("react.offscreen"),y=v("react.legacy_hidden")}var h=!1;function x(z){return!!(typeof z=="string"||typeof z=="function"||z===n||z===a||z===b||z===o||z===c||z===d||z===y||h||typeof z=="object"&&z!==null&&(z.$$typeof===u||z.$$typeof===m||z.$$typeof===s||z.$$typeof===i||z.$$typeof===l||z.$$typeof===g||z.$$typeof===p||z[0]===f))}function D(z){if(typeof z=="object"&&z!==null){var H=z.$$typeof;switch(H){case e:var re=z.type;switch(re){case n:case a:case o:case c:case d:return re;default:var te=re&&re.$$typeof;switch(te){case i:case l:case u:case m:case s:return te;default:return H}}case t:return H}}}var w=i,k=s,R=e,F=l,_=n,O=u,W=m,Z=t,K=a,E=o,V=c,B=!1,M=!1;function Y(z){return B||(B=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function N(z){return M||(M=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function C(z){return D(z)===i}function L(z){return D(z)===s}function q(z){return typeof z=="object"&&z!==null&&z.$$typeof===e}function Q(z){return D(z)===l}function ne(z){return D(z)===n}function oe(z){return D(z)===u}function U(z){return D(z)===m}function X(z){return D(z)===t}function J(z){return D(z)===a}function G(z){return D(z)===o}function ee(z){return D(z)===c}Ee.ContextConsumer=w,Ee.ContextProvider=k,Ee.Element=R,Ee.ForwardRef=F,Ee.Fragment=_,Ee.Lazy=O,Ee.Memo=W,Ee.Portal=Z,Ee.Profiler=K,Ee.StrictMode=E,Ee.Suspense=V,Ee.isAsyncMode=Y,Ee.isConcurrentMode=N,Ee.isContextConsumer=C,Ee.isContextProvider=L,Ee.isElement=q,Ee.isForwardRef=Q,Ee.isFragment=ne,Ee.isLazy=oe,Ee.isMemo=U,Ee.isPortal=X,Ee.isProfiler=J,Ee.isStrictMode=G,Ee.isSuspense=ee,Ee.isValidElementType=x,Ee.typeOf=D})()),Ee}var yl;function Wf(){return yl||(yl=1,process.env.NODE_ENV==="production"?Lo.exports=Kf():Lo.exports=Hf()),Lo.exports}var Tl=Wf(),Gf=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],Uf=["reactReduxForwardedRef"],zf=[],jf=[null,null],Yf=function(t){try{return JSON.stringify(t)}catch{return String(t)}};function qf(e,t){var n=e[1];return[t.payload,n+1]}function El(e,t,n){fl(function(){return e.apply(void 0,t)},n)}function Jf(e,t,n,o,a,s,i){e.current=o,t.current=a,n.current=!1,s.current&&(s.current=null,i())}function Xf(e,t,n,o,a,s,i,l,c,d){if(e){var m=!1,u=null,p=function(){if(!m){var b=t.getState(),y,v;try{y=o(b,a.current)}catch(h){v=h,u=h}v||(u=null),y===s.current?i.current||c():(s.current=y,l.current=y,i.current=!0,d({type:"STORE_UPDATED",payload:{error:v}}))}};n.onStateChange=p,n.trySubscribe(),p();var f=function(){if(m=!0,n.tryUnsubscribe(),n.onStateChange=null,u)throw u};return f}}var Zf=function(){return[null,0]};function Qf(e,t){t===void 0&&(t={});var n=t,o=n.getDisplayName,a=o===void 0?function(k){return"ConnectAdvanced("+k+")"}:o,s=n.methodName,i=s===void 0?"connectAdvanced":s,l=n.renderCountProp,c=l===void 0?void 0:l,d=n.shouldHandleStateChanges,m=d===void 0?!0:d,u=n.storeKey,p=u===void 0?"store":u,f=n.withRef,g=f===void 0?!1:f,b=n.forwardRef,y=b===void 0?!1:b,v=n.context,h=v===void 0?Zr:v,x=Mo(n,Gf);if(process.env.NODE_ENV!=="production"){if(c!==void 0)throw new Error("renderCountProp is removed. render counting is built into the latest React Dev Tools profiling extension");if(g)throw new Error("withRef is removed. To access the wrapped instance, use a ref on the connected component");var D="To use a custom Redux store for specific components, create a custom React context with React.createContext(), and pass the context object to React Redux's Provider and specific components like: <Provider context={MyContext}><ConnectedComponent context={MyContext} /></Provider>. You may also pass a {context : MyContext} option to connect";if(p!=="store")throw new Error("storeKey has been removed and does not do anything. "+D)}var w=h;return function(R){if(process.env.NODE_ENV!=="production"&&!Tl.isValidElementType(R))throw new Error("You must pass a component to the function returned by "+(i+". Instead received "+Yf(R)));var F=R.displayName||R.name||"Component",_=a(F),O=pe({},x,{getDisplayName:a,methodName:i,renderCountProp:c,shouldHandleStateChanges:m,storeKey:p,displayName:_,wrappedComponentName:F,WrappedComponent:R}),W=x.pure;function Z(M){return e(M.dispatch,O)}var K=W?T.useMemo:function(M){return M()};function E(M){var Y=T.useMemo(function(){var Ke=M.reactReduxForwardedRef,ft=Mo(M,Uf);return[M.context,Ke,ft]},[M]),N=Y[0],C=Y[1],L=Y[2],q=T.useMemo(function(){return N&&N.Consumer&&Tl.isContextConsumer(T.createElement(N.Consumer,null))?N:w},[N,w]),Q=T.useContext(q),ne=!!M.store&&!!M.store.getState&&!!M.store.dispatch,oe=!!Q&&!!Q.store;if(process.env.NODE_ENV!=="production"&&!ne&&!oe)throw new Error('Could not find "store" in the context of '+('"'+_+'". Either wrap the root component in a <Provider>, ')+"or pass a custom React context provider to <Provider> and the corresponding "+("React context consumer to "+_+" in connect options."));var U=ne?M.store:Q.store,X=T.useMemo(function(){return Z(U)},[U]),J=T.useMemo(function(){if(!m)return jf;var Ke=ml(U,ne?null:Q.subscription),ft=Ke.notifyNestedSubs.bind(Ke);return[Ke,ft]},[U,ne,Q]),G=J[0],ee=J[1],z=T.useMemo(function(){return ne?Q:pe({},Q,{subscription:G})},[ne,Q,G]),H=T.useReducer(qf,zf,Zf),re=H[0],te=re[0],le=H[1];if(te&&te.error)throw te.error;var Ie=T.useRef(),Pe=T.useRef(L),Xe=T.useRef(),nt=T.useRef(!1),mt=K(function(){return Xe.current&&L===Pe.current?Xe.current:X(U.getState(),L)},[U,te,L]);El(Jf,[Pe,Ie,nt,L,mt,Xe,ee]),El(Xf,[m,U,G,X,Pe,Ie,nt,Xe,ee,le],[U,G,X]);var Me=T.useMemo(function(){return T.createElement(R,pe({},mt,{ref:C}))},[C,R,mt]),ot=T.useMemo(function(){return m?T.createElement(q.Provider,{value:z},Me):Me},[q,Me,z]);return ot}var V=W?T.memo(E):E;if(V.WrappedComponent=R,V.displayName=E.displayName=_,y){var B=T.forwardRef(function(Y,N){return T.createElement(V,pe({},Y,{reactReduxForwardedRef:N}))});return B.displayName=_,B.WrappedComponent=R,hl(B,R)}return hl(V,R)}}function wl(e,t){return e===t?e!==0||t!==0||1/e===1/t:e!==e&&t!==t}function ea(e,t){if(wl(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),o=Object.keys(t);if(n.length!==o.length)return!1;for(var a=0;a<n.length;a++)if(!Object.prototype.hasOwnProperty.call(t,n[a])||!wl(e[n[a]],t[n[a]]))return!1;return!0}function eS(e,t){var n={},o=function(i){var l=e[i];typeof l=="function"&&(n[i]=function(){return t(l.apply(void 0,arguments))})};for(var a in e)o(a);return n}function tS(e){if(typeof e!="object"||e===null)return!1;var t=Object.getPrototypeOf(e);if(t===null)return!0;for(var n=t;Object.getPrototypeOf(n)!==null;)n=Object.getPrototypeOf(n);return t===n}function Cl(e){typeof console<"u"&&typeof console.error=="function"&&console.error(e);try{throw new Error(e)}catch{}}function Dl(e,t,n){tS(e)||Cl(n+"() in "+t+" must return a plain object. Instead received "+e+".")}function ta(e){return function(n,o){var a=e(n,o);function s(){return a}return s.dependsOnOwnProps=!1,s}}function Nl(e){return e.dependsOnOwnProps!==null&&e.dependsOnOwnProps!==void 0?!!e.dependsOnOwnProps:e.length!==1}function Il(e,t){return function(o,a){var s=a.displayName,i=function(c,d){return i.dependsOnOwnProps?i.mapToProps(c,d):i.mapToProps(c)};return i.dependsOnOwnProps=!0,i.mapToProps=function(c,d){i.mapToProps=e,i.dependsOnOwnProps=Nl(e);var m=i(c,d);return typeof m=="function"&&(i.mapToProps=m,i.dependsOnOwnProps=Nl(m),m=i(c,d)),process.env.NODE_ENV!=="production"&&Dl(m,s,t),m},i}}function nS(e){return typeof e=="function"?Il(e,"mapDispatchToProps"):void 0}function oS(e){return e?void 0:ta(function(t){return{dispatch:t}})}function rS(e){return e&&typeof e=="object"?ta(function(t){return eS(e,t)}):void 0}const aS=[nS,oS,rS];function sS(e){return typeof e=="function"?Il(e,"mapStateToProps"):void 0}function iS(e){return e?void 0:ta(function(){return{}})}const lS=[sS,iS];function cS(e,t,n){return pe({},n,e,t)}function dS(e){return function(n,o){var a=o.displayName,s=o.pure,i=o.areMergedPropsEqual,l=!1,c;return function(m,u,p){var f=e(m,u,p);return l?(!s||!i(f,c))&&(c=f):(l=!0,c=f,process.env.NODE_ENV!=="production"&&Dl(c,a,"mergeProps")),c}}}function pS(e){return typeof e=="function"?dS(e):void 0}function uS(e){return e?void 0:function(){return cS}}const mS=[pS,uS];function na(e,t,n){if(e)(t==="mapStateToProps"||t==="mapDispatchToProps")&&(Object.prototype.hasOwnProperty.call(e,"dependsOnOwnProps")||Cl("The selector for "+t+" of "+n+" did not specify a value for dependsOnOwnProps."));else throw new Error("Unexpected value for "+t+" in "+n+".")}function fS(e,t,n,o){na(e,"mapStateToProps",o),na(t,"mapDispatchToProps",o),na(n,"mergeProps",o)}var SS=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function gS(e,t,n,o){return function(s,i){return n(e(s,i),t(o,i),i)}}function hS(e,t,n,o,a){var s=a.areStatesEqual,i=a.areOwnPropsEqual,l=a.areStatePropsEqual,c=!1,d,m,u,p,f;function g(x,D){return d=x,m=D,u=e(d,m),p=t(o,m),f=n(u,p,m),c=!0,f}function b(){return u=e(d,m),t.dependsOnOwnProps&&(p=t(o,m)),f=n(u,p,m),f}function y(){return e.dependsOnOwnProps&&(u=e(d,m)),t.dependsOnOwnProps&&(p=t(o,m)),f=n(u,p,m),f}function v(){var x=e(d,m),D=!l(x,u);return u=x,D&&(f=n(u,p,m)),f}function h(x,D){var w=!i(D,m),k=!s(x,d,D,m);return d=x,m=D,w&&k?b():w?y():k?v():f}return function(D,w){return c?h(D,w):g(D,w)}}function bS(e,t){var n=t.initMapStateToProps,o=t.initMapDispatchToProps,a=t.initMergeProps,s=Mo(t,SS),i=n(e,s),l=o(e,s),c=a(e,s);process.env.NODE_ENV!=="production"&&fS(i,l,c,s.displayName);var d=s.pure?hS:gS;return d(i,l,c,e,s)}var vS=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function oa(e,t,n){for(var o=t.length-1;o>=0;o--){var a=t[o](e);if(a)return a}return function(s,i){throw new Error("Invalid value of type "+typeof e+" for "+n+" argument when connecting component "+i.wrappedComponentName+".")}}function yS(e,t){return e===t}function TS(e){var t=e===void 0?{}:e,n=t.connectHOC,o=n===void 0?Qf:n,a=t.mapStateToPropsFactories,s=a===void 0?lS:a,i=t.mapDispatchToPropsFactories,l=i===void 0?aS:i,c=t.mergePropsFactories,d=c===void 0?mS:c,m=t.selectorFactory,u=m===void 0?bS:m;return function(f,g,b,y){y===void 0&&(y={});var v=y,h=v.pure,x=h===void 0?!0:h,D=v.areStatesEqual,w=D===void 0?yS:D,k=v.areOwnPropsEqual,R=k===void 0?ea:k,F=v.areStatePropsEqual,_=F===void 0?ea:F,O=v.areMergedPropsEqual,W=O===void 0?ea:O,Z=Mo(v,vS),K=oa(f,s,"mapStateToProps"),E=oa(g,l,"mapDispatchToProps"),V=oa(b,d,"mergeProps");return o(u,pe({methodName:"connect",getDisplayName:function(M){return"Connect("+M+")"},shouldHandleStateChanges:!!f,initMapStateToProps:K,initMapDispatchToProps:E,initMergeProps:V,pure:x,areStatesEqual:w,areOwnPropsEqual:R,areStatePropsEqual:_,areMergedPropsEqual:W},Z))}}const xl=TS();Rf(Ln.unstable_batchedUpdates);function ES(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function kl(e,t){var n=T.useState(function(){return{inputs:t,result:e()}})[0],o=T.useRef(!0),a=T.useRef(n),s=o.current||!!(t&&a.current.inputs&&ES(t,a.current.inputs)),i=s?a.current:{inputs:t,result:e()};return T.useEffect(function(){o.current=!1,a.current=i},[i]),i.result}function wS(e,t){return kl(function(){return e},t)}var ge=kl,de=wS,CS=process.env.NODE_ENV==="production",ra="Invariant failed";function Ml(e,t){if(CS)throw new Error(ra);var n=typeof t=="function"?t():t,o=n?"".concat(ra,": ").concat(n):ra;throw new Error(o)}var St=function(t){var n=t.top,o=t.right,a=t.bottom,s=t.left,i=o-s,l=a-n,c={top:n,right:o,bottom:a,left:s,width:i,height:l,x:s,y:n,center:{x:(o+s)/2,y:(a+n)/2}};return c},aa=function(t,n){return{top:t.top-n.top,left:t.left-n.left,bottom:t.bottom+n.bottom,right:t.right+n.right}},Ll=function(t,n){return{top:t.top+n.top,left:t.left+n.left,bottom:t.bottom-n.bottom,right:t.right-n.right}},DS=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},sa={top:0,right:0,bottom:0,left:0},ia=function(t){var n=t.borderBox,o=t.margin,a=o===void 0?sa:o,s=t.border,i=s===void 0?sa:s,l=t.padding,c=l===void 0?sa:l,d=St(aa(n,a)),m=St(Ll(n,i)),u=St(Ll(m,c));return{marginBox:d,borderBox:St(n),paddingBox:m,contentBox:u,margin:a,border:i,padding:c}},st=function(t){var n=t.slice(0,-2),o=t.slice(-2);if(o!=="px")return 0;var a=Number(n);return isNaN(a)&&(process.env.NODE_ENV!=="production"?Ml(!1,"Could not parse value [raw: "+t+", without suffix: "+n+"]"):Ml()),a},NS=function(){return{x:window.pageXOffset,y:window.pageYOffset}},_o=function(t,n){var o=t.borderBox,a=t.border,s=t.margin,i=t.padding,l=DS(o,n);return ia({borderBox:l,border:a,margin:s,padding:i})},Po=function(t,n){return n===void 0&&(n=NS()),_o(t,n)},_l=function(t,n){var o={top:st(n.marginTop),right:st(n.marginRight),bottom:st(n.marginBottom),left:st(n.marginLeft)},a={top:st(n.paddingTop),right:st(n.paddingRight),bottom:st(n.paddingBottom),left:st(n.paddingLeft)},s={top:st(n.borderTopWidth),right:st(n.borderRightWidth),bottom:st(n.borderBottomWidth),left:st(n.borderLeftWidth)};return ia({borderBox:t,margin:o,padding:a,border:s})},Pl=function(t){var n=t.getBoundingClientRect(),o=window.getComputedStyle(t);return _l(n,o)},Bl=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function IS(e,t){return!!(e===t||Bl(e)&&Bl(t))}function xS(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!IS(e[n],t[n]))return!1;return!0}function Oe(e,t){t===void 0&&(t=xS);var n,o=[],a,s=!1;function i(){for(var l=[],c=0;c<arguments.length;c++)l[c]=arguments[c];return s&&n===this&&t(l,o)||(a=e.apply(this,l),s=!0,n=this,o=l),a}return i}var Hn=function(t){var n=[],o=null,a=function(){for(var i=arguments.length,l=new Array(i),c=0;c<i;c++)l[c]=arguments[c];n=l,!o&&(o=requestAnimationFrame(function(){o=null,t.apply(void 0,n)}))};return a.cancel=function(){o&&(cancelAnimationFrame(o),o=null)},a},kS=process.env.NODE_ENV==="production",MS=/[ \t]{2,}/g,LS=/^[ \t]*/gm,Ol=function(t){return t.replace(MS," ").replace(LS,"").trim()},_S=function(t){return Ol(`
352
+ `}}}};function Wr(e,t){return Wr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Wr(e,t)}function Gi(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Wr(e,t)}function pe(){return pe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},pe.apply(null,arguments)}function Kn(e){"@babel/helpers - typeof";return Kn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Kn(e)}function bf(e,t){if(Kn(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var o=n.call(e,t);if(Kn(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function vf(e){var t=bf(e,"string");return Kn(t)=="symbol"?t:t+""}function yf(e,t,n){return(t=vf(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ui(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,o)}return n}function zi(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Ui(Object(n),!0).forEach(function(o){yf(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ui(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function Je(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var ji=(function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"})(),Yi=function(){return Math.random().toString(36).substring(7).split("").join(".")},qi={INIT:"@@redux/INIT"+Yi(),REPLACE:"@@redux/REPLACE"+Yi()};function Tf(e){if(typeof e!="object"||e===null)return!1;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function Ef(e){if(e===void 0)return"undefined";if(e===null)return"null";var t=typeof e;switch(t){case"boolean":case"string":case"number":case"symbol":case"function":return t}if(Array.isArray(e))return"array";if(Df(e))return"date";if(Cf(e))return"error";var n=wf(e);switch(n){case"Symbol":case"Promise":case"WeakMap":case"WeakSet":case"Map":case"Set":return n}return t.slice(8,-1).toLowerCase().replace(/\s/g,"")}function wf(e){return typeof e.constructor=="function"?e.constructor.name:null}function Cf(e){return e instanceof Error||typeof e.message=="string"&&e.constructor&&typeof e.constructor.stackTraceLimit=="number"}function Df(e){return e instanceof Date?!0:typeof e.toDateString=="function"&&typeof e.getDate=="function"&&typeof e.setDate=="function"}function Xt(e){var t=typeof e;return process.env.NODE_ENV!=="production"&&(t=Ef(e)),t}function Ji(e,t,n){var o;if(typeof t=="function"&&typeof n=="function"||typeof n=="function"&&typeof arguments[3]=="function")throw new Error(process.env.NODE_ENV==="production"?Je(0):"It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");if(typeof t=="function"&&typeof n>"u"&&(n=t,t=void 0),typeof n<"u"){if(typeof n!="function")throw new Error(process.env.NODE_ENV==="production"?Je(1):"Expected the enhancer to be a function. Instead, received: '"+Xt(n)+"'");return n(Ji)(e,t)}if(typeof e!="function")throw new Error(process.env.NODE_ENV==="production"?Je(2):"Expected the root reducer to be a function. Instead, received: '"+Xt(e)+"'");var a=e,s=t,i=[],l=i,c=!1;function d(){l===i&&(l=i.slice())}function m(){if(c)throw new Error(process.env.NODE_ENV==="production"?Je(3):"You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return s}function u(b){if(typeof b!="function")throw new Error(process.env.NODE_ENV==="production"?Je(4):"Expected the listener to be a function. Instead, received: '"+Xt(b)+"'");if(c)throw new Error(process.env.NODE_ENV==="production"?Je(5):"You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");var y=!0;return d(),l.push(b),function(){if(y){if(c)throw new Error(process.env.NODE_ENV==="production"?Je(6):"You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");y=!1,d();var h=l.indexOf(b);l.splice(h,1),i=null}}}function p(b){if(!Tf(b))throw new Error(process.env.NODE_ENV==="production"?Je(7):"Actions must be plain objects. Instead, the actual type was: '"+Xt(b)+"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");if(typeof b.type>"u")throw new Error(process.env.NODE_ENV==="production"?Je(8):'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');if(c)throw new Error(process.env.NODE_ENV==="production"?Je(9):"Reducers may not dispatch actions.");try{c=!0,s=a(s,b)}finally{c=!1}for(var y=i=l,v=0;v<y.length;v++){var h=y[v];h()}return b}function f(b){if(typeof b!="function")throw new Error(process.env.NODE_ENV==="production"?Je(10):"Expected the nextReducer to be a function. Instead, received: '"+Xt(b));a=b,p({type:qi.REPLACE})}function g(){var b,y=u;return b={subscribe:function(h){if(typeof h!="object"||h===null)throw new Error(process.env.NODE_ENV==="production"?Je(11):"Expected the observer to be an object. Instead, received: '"+Xt(h)+"'");function x(){h.next&&h.next(m())}x();var C=y(x);return{unsubscribe:C}}},b[ji]=function(){return this},b}return p({type:qi.INIT}),o={dispatch:p,subscribe:u,getState:m,replaceReducer:f},o[ji]=g,o}function Xi(e,t){return function(){return t(e.apply(this,arguments))}}function Zi(e,t){if(typeof e=="function")return Xi(e,t);if(typeof e!="object"||e===null)throw new Error(process.env.NODE_ENV==="production"?Je(16):"bindActionCreators expected an object or a function, but instead received: '"+Xt(e)+`'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?`);var n={};for(var o in e){var a=e[o];typeof a=="function"&&(n[o]=Xi(a,t))}return n}function Qi(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.length===0?function(o){return o}:t.length===1?t[0]:t.reduce(function(o,a){return function(){return o(a.apply(void 0,arguments))}})}function Nf(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(o){return function(){var a=o.apply(void 0,arguments),s=function(){throw new Error(process.env.NODE_ENV==="production"?Je(15):"Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.")},i={getState:a.getState,dispatch:function(){return s.apply(void 0,arguments)}},l=t.map(function(c){return c(i)});return s=Qi.apply(void 0,l)(a.dispatch),zi(zi({},a),{},{dispatch:s})}}}var xo={exports:{}},ko={exports:{}},be={};var el;function If(){if(el)return be;el=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,m=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,b=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,h=e?Symbol.for("react.scope"):60119;function x(w){if(typeof w=="object"&&w!==null){var M=w.$$typeof;switch(M){case t:switch(w=w.type,w){case c:case d:case o:case s:case a:case u:return w;default:switch(w=w&&w.$$typeof,w){case l:case m:case g:case f:case i:return w;default:return M}}case n:return M}}}function C(w){return x(w)===d}return be.AsyncMode=c,be.ConcurrentMode=d,be.ContextConsumer=l,be.ContextProvider=i,be.Element=t,be.ForwardRef=m,be.Fragment=o,be.Lazy=g,be.Memo=f,be.Portal=n,be.Profiler=s,be.StrictMode=a,be.Suspense=u,be.isAsyncMode=function(w){return C(w)||x(w)===c},be.isConcurrentMode=C,be.isContextConsumer=function(w){return x(w)===l},be.isContextProvider=function(w){return x(w)===i},be.isElement=function(w){return typeof w=="object"&&w!==null&&w.$$typeof===t},be.isForwardRef=function(w){return x(w)===m},be.isFragment=function(w){return x(w)===o},be.isLazy=function(w){return x(w)===g},be.isMemo=function(w){return x(w)===f},be.isPortal=function(w){return x(w)===n},be.isProfiler=function(w){return x(w)===s},be.isStrictMode=function(w){return x(w)===a},be.isSuspense=function(w){return x(w)===u},be.isValidElementType=function(w){return typeof w=="string"||typeof w=="function"||w===o||w===d||w===s||w===a||w===u||w===p||typeof w=="object"&&w!==null&&(w.$$typeof===g||w.$$typeof===f||w.$$typeof===i||w.$$typeof===l||w.$$typeof===m||w.$$typeof===y||w.$$typeof===v||w.$$typeof===h||w.$$typeof===b)},be.typeOf=x,be}var ve={};var tl;function xf(){return tl||(tl=1,process.env.NODE_ENV!=="production"&&(function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,m=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,b=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,h=e?Symbol.for("react.scope"):60119;function x(H){return typeof H=="string"||typeof H=="function"||H===o||H===d||H===s||H===a||H===u||H===p||typeof H=="object"&&H!==null&&(H.$$typeof===g||H.$$typeof===f||H.$$typeof===i||H.$$typeof===l||H.$$typeof===m||H.$$typeof===y||H.$$typeof===v||H.$$typeof===h||H.$$typeof===b)}function C(H){if(typeof H=="object"&&H!==null){var re=H.$$typeof;switch(re){case t:var te=H.type;switch(te){case c:case d:case o:case s:case a:case u:return te;default:var le=te&&te.$$typeof;switch(le){case l:case m:case g:case f:case i:return le;default:return re}}case n:return re}}}var w=c,M=d,P=l,O=i,_=t,F=m,W=o,Z=g,K=f,E=n,V=s,R=a,k=u,Y=!1;function N(H){return Y||(Y=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),D(H)||C(H)===c}function D(H){return C(H)===d}function L(H){return C(H)===l}function q(H){return C(H)===i}function Q(H){return typeof H=="object"&&H!==null&&H.$$typeof===t}function ne(H){return C(H)===m}function oe(H){return C(H)===o}function U(H){return C(H)===g}function X(H){return C(H)===f}function J(H){return C(H)===n}function G(H){return C(H)===s}function ee(H){return C(H)===a}function z(H){return C(H)===u}ve.AsyncMode=w,ve.ConcurrentMode=M,ve.ContextConsumer=P,ve.ContextProvider=O,ve.Element=_,ve.ForwardRef=F,ve.Fragment=W,ve.Lazy=Z,ve.Memo=K,ve.Portal=E,ve.Profiler=V,ve.StrictMode=R,ve.Suspense=k,ve.isAsyncMode=N,ve.isConcurrentMode=D,ve.isContextConsumer=L,ve.isContextProvider=q,ve.isElement=Q,ve.isForwardRef=ne,ve.isFragment=oe,ve.isLazy=U,ve.isMemo=X,ve.isPortal=J,ve.isProfiler=G,ve.isStrictMode=ee,ve.isSuspense=z,ve.isValidElementType=x,ve.typeOf=C})()),ve}var nl;function Gr(){return nl||(nl=1,process.env.NODE_ENV==="production"?ko.exports=If():ko.exports=xf()),ko.exports}var Ur,ol;function kf(){if(ol)return Ur;ol=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(s){if(s==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(s)}function a(){try{if(!Object.assign)return!1;var s=new String("abc");if(s[5]="de",Object.getOwnPropertyNames(s)[0]==="5")return!1;for(var i={},l=0;l<10;l++)i["_"+String.fromCharCode(l)]=l;var c=Object.getOwnPropertyNames(i).map(function(m){return i[m]});if(c.join("")!=="0123456789")return!1;var d={};return"abcdefghijklmnopqrst".split("").forEach(function(m){d[m]=m}),Object.keys(Object.assign({},d)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return Ur=a()?Object.assign:function(s,i){for(var l,c=o(s),d,m=1;m<arguments.length;m++){l=Object(arguments[m]);for(var u in l)t.call(l,u)&&(c[u]=l[u]);if(e){d=e(l);for(var p=0;p<d.length;p++)n.call(l,d[p])&&(c[d[p]]=l[d[p]])}}return c},Ur}var zr,rl;function jr(){if(rl)return zr;rl=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return zr=e,zr}var Yr,al;function sl(){return al||(al=1,Yr=Function.call.bind(Object.prototype.hasOwnProperty)),Yr}var qr,il;function Mf(){if(il)return qr;il=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=jr(),n={},o=sl();e=function(s){var i="Warning: "+s;typeof console<"u"&&console.error(i);try{throw new Error(i)}catch{}}}function a(s,i,l,c,d){if(process.env.NODE_ENV!=="production"){for(var m in s)if(o(s,m)){var u;try{if(typeof s[m]!="function"){var p=Error((c||"React class")+": "+l+" type `"+m+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[m]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}u=s[m](i,m,c,l,null,t)}catch(g){u=g}if(u&&!(u instanceof Error)&&e((c||"React class")+": type specification of "+l+" `"+m+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof u+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),u instanceof Error&&!(u.message in n)){n[u.message]=!0;var f=d?d():"";e("Failed "+l+" type: "+u.message+(f??""))}}}}return a.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(n={})},qr=a,qr}var Jr,ll;function Lf(){if(ll)return Jr;ll=1;var e=Gr(),t=kf(),n=jr(),o=sl(),a=Mf(),s=function(){};process.env.NODE_ENV!=="production"&&(s=function(l){var c="Warning: "+l;typeof console<"u"&&console.error(c);try{throw new Error(c)}catch{}});function i(){return null}return Jr=function(l,c){var d=typeof Symbol=="function"&&Symbol.iterator,m="@@iterator";function u(D){var L=D&&(d&&D[d]||D[m]);if(typeof L=="function")return L}var p="<<anonymous>>",f={array:v("array"),bigint:v("bigint"),bool:v("boolean"),func:v("function"),number:v("number"),object:v("object"),string:v("string"),symbol:v("symbol"),any:h(),arrayOf:x,element:C(),elementType:w(),instanceOf:M,node:F(),objectOf:O,oneOf:P,oneOfType:_,shape:Z,exact:K};function g(D,L){return D===L?D!==0||1/D===1/L:D!==D&&L!==L}function b(D,L){this.message=D,this.data=L&&typeof L=="object"?L:{},this.stack=""}b.prototype=Error.prototype;function y(D){if(process.env.NODE_ENV!=="production")var L={},q=0;function Q(oe,U,X,J,G,ee,z){if(J=J||p,ee=ee||X,z!==n){if(c){var H=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw H.name="Invariant Violation",H}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var re=J+":"+X;!L[re]&&q<3&&(s("You are manually calling a React.PropTypes validation function for the `"+ee+"` prop on `"+J+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),L[re]=!0,q++)}}return U[X]==null?oe?U[X]===null?new b("The "+G+" `"+ee+"` is marked as required "+("in `"+J+"`, but its value is `null`.")):new b("The "+G+" `"+ee+"` is marked as required in "+("`"+J+"`, but its value is `undefined`.")):null:D(U,X,J,G,ee)}var ne=Q.bind(null,!1);return ne.isRequired=Q.bind(null,!0),ne}function v(D){function L(q,Q,ne,oe,U,X){var J=q[Q],G=R(J);if(G!==D){var ee=k(J);return new b("Invalid "+oe+" `"+U+"` of type "+("`"+ee+"` supplied to `"+ne+"`, expected ")+("`"+D+"`."),{expectedType:D})}return null}return y(L)}function h(){return y(i)}function x(D){function L(q,Q,ne,oe,U){if(typeof D!="function")return new b("Property `"+U+"` of component `"+ne+"` has invalid PropType notation inside arrayOf.");var X=q[Q];if(!Array.isArray(X)){var J=R(X);return new b("Invalid "+oe+" `"+U+"` of type "+("`"+J+"` supplied to `"+ne+"`, expected an array."))}for(var G=0;G<X.length;G++){var ee=D(X,G,ne,oe,U+"["+G+"]",n);if(ee instanceof Error)return ee}return null}return y(L)}function C(){function D(L,q,Q,ne,oe){var U=L[q];if(!l(U)){var X=R(U);return new b("Invalid "+ne+" `"+oe+"` of type "+("`"+X+"` supplied to `"+Q+"`, expected a single ReactElement."))}return null}return y(D)}function w(){function D(L,q,Q,ne,oe){var U=L[q];if(!e.isValidElementType(U)){var X=R(U);return new b("Invalid "+ne+" `"+oe+"` of type "+("`"+X+"` supplied to `"+Q+"`, expected a single ReactElement type."))}return null}return y(D)}function M(D){function L(q,Q,ne,oe,U){if(!(q[Q]instanceof D)){var X=D.name||p,J=N(q[Q]);return new b("Invalid "+oe+" `"+U+"` of type "+("`"+J+"` supplied to `"+ne+"`, expected ")+("instance of `"+X+"`."))}return null}return y(L)}function P(D){if(!Array.isArray(D))return process.env.NODE_ENV!=="production"&&(arguments.length>1?s("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):s("Invalid argument supplied to oneOf, expected an array.")),i;function L(q,Q,ne,oe,U){for(var X=q[Q],J=0;J<D.length;J++)if(g(X,D[J]))return null;var G=JSON.stringify(D,function(z,H){var re=k(H);return re==="symbol"?String(H):H});return new b("Invalid "+oe+" `"+U+"` of value `"+String(X)+"` "+("supplied to `"+ne+"`, expected one of "+G+"."))}return y(L)}function O(D){function L(q,Q,ne,oe,U){if(typeof D!="function")return new b("Property `"+U+"` of component `"+ne+"` has invalid PropType notation inside objectOf.");var X=q[Q],J=R(X);if(J!=="object")return new b("Invalid "+oe+" `"+U+"` of type "+("`"+J+"` supplied to `"+ne+"`, expected an object."));for(var G in X)if(o(X,G)){var ee=D(X,G,ne,oe,U+"."+G,n);if(ee instanceof Error)return ee}return null}return y(L)}function _(D){if(!Array.isArray(D))return process.env.NODE_ENV!=="production"&&s("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var L=0;L<D.length;L++){var q=D[L];if(typeof q!="function")return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+Y(q)+" at index "+L+"."),i}function Q(ne,oe,U,X,J){for(var G=[],ee=0;ee<D.length;ee++){var z=D[ee],H=z(ne,oe,U,X,J,n);if(H==null)return null;H.data&&o(H.data,"expectedType")&&G.push(H.data.expectedType)}var re=G.length>0?", expected one of type ["+G.join(", ")+"]":"";return new b("Invalid "+X+" `"+J+"` supplied to "+("`"+U+"`"+re+"."))}return y(Q)}function F(){function D(L,q,Q,ne,oe){return E(L[q])?null:new b("Invalid "+ne+" `"+oe+"` supplied to "+("`"+Q+"`, expected a ReactNode."))}return y(D)}function W(D,L,q,Q,ne){return new b((D||"React class")+": "+L+" type `"+q+"."+Q+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+ne+"`.")}function Z(D){function L(q,Q,ne,oe,U){var X=q[Q],J=R(X);if(J!=="object")return new b("Invalid "+oe+" `"+U+"` of type `"+J+"` "+("supplied to `"+ne+"`, expected `object`."));for(var G in D){var ee=D[G];if(typeof ee!="function")return W(ne,oe,U,G,k(ee));var z=ee(X,G,ne,oe,U+"."+G,n);if(z)return z}return null}return y(L)}function K(D){function L(q,Q,ne,oe,U){var X=q[Q],J=R(X);if(J!=="object")return new b("Invalid "+oe+" `"+U+"` of type `"+J+"` "+("supplied to `"+ne+"`, expected `object`."));var G=t({},q[Q],D);for(var ee in G){var z=D[ee];if(o(D,ee)&&typeof z!="function")return W(ne,oe,U,ee,k(z));if(!z)return new b("Invalid "+oe+" `"+U+"` key `"+ee+"` supplied to `"+ne+"`.\nBad object: "+JSON.stringify(q[Q],null," ")+`
353
+ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var H=z(X,ee,ne,oe,U+"."+ee,n);if(H)return H}return null}return y(L)}function E(D){switch(typeof D){case"number":case"string":case"undefined":return!0;case"boolean":return!D;case"object":if(Array.isArray(D))return D.every(E);if(D===null||l(D))return!0;var L=u(D);if(L){var q=L.call(D),Q;if(L!==D.entries){for(;!(Q=q.next()).done;)if(!E(Q.value))return!1}else for(;!(Q=q.next()).done;){var ne=Q.value;if(ne&&!E(ne[1]))return!1}}else return!1;return!0;default:return!1}}function V(D,L){return D==="symbol"?!0:L?L["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&L instanceof Symbol:!1}function R(D){var L=typeof D;return Array.isArray(D)?"array":D instanceof RegExp?"object":V(L,D)?"symbol":L}function k(D){if(typeof D>"u"||D===null)return""+D;var L=R(D);if(L==="object"){if(D instanceof Date)return"date";if(D instanceof RegExp)return"regexp"}return L}function Y(D){var L=k(D);switch(L){case"array":case"object":return"an "+L;case"boolean":case"date":case"regexp":return"a "+L;default:return L}}function N(D){return!D.constructor||!D.constructor.name?p:D.constructor.name}return f.checkPropTypes=a,f.resetWarningCache=a.resetWarningCache,f.PropTypes=f,f},Jr}var Xr,cl;function _f(){if(cl)return Xr;cl=1;var e=jr();function t(){}function n(){}return n.resetWarningCache=t,Xr=function(){function o(i,l,c,d,m,u){if(u!==e){var p=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw p.name="Invariant Violation",p}}o.isRequired=o;function a(){return o}var s={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:a,element:o,elementType:o,instanceOf:a,node:o,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:n,resetWarningCache:t};return s.PropTypes=s,s},Xr}var dl;function Pf(){if(dl)return xo.exports;if(dl=1,process.env.NODE_ENV!=="production"){var e=Gr(),t=!0;xo.exports=Lf()(e.isElement,t)}else xo.exports=_f()();return xo.exports}var Bf=Pf();const vn=Mr(Bf);var Zr=T.createContext(null);process.env.NODE_ENV!=="production"&&(Zr.displayName="ReactRedux");function Of(e){e()}var pl=Of,Rf=function(t){return pl=t},Ff=function(){return pl};function Af(){var e=Ff(),t=null,n=null;return{clear:function(){t=null,n=null},notify:function(){e(function(){for(var a=t;a;)a.callback(),a=a.next})},get:function(){for(var a=[],s=t;s;)a.push(s),s=s.next;return a},subscribe:function(a){var s=!0,i=n={callback:a,next:null,prev:n};return i.prev?i.prev.next=i:t=i,function(){!s||t===null||(s=!1,i.next?i.next.prev=i.prev:n=i.prev,i.prev?i.prev.next=i.next:t=i.next)}}}}var ul={notify:function(){},get:function(){return[]}};function ml(e,t){var n,o=ul;function a(u){return c(),o.subscribe(u)}function s(){o.notify()}function i(){m.onStateChange&&m.onStateChange()}function l(){return!!n}function c(){n||(n=t?t.addNestedSub(i):e.subscribe(i),o=Af())}function d(){n&&(n(),n=void 0,o.clear(),o=ul)}var m={addNestedSub:a,notifyNestedSubs:s,handleChangeWrapper:i,isSubscribed:l,trySubscribe:c,tryUnsubscribe:d,getListeners:function(){return o}};return m}var fl=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?T.useLayoutEffect:T.useEffect;function Sl(e){var t=e.store,n=e.context,o=e.children,a=T.useMemo(function(){var l=ml(t);return{store:t,subscription:l}},[t]),s=T.useMemo(function(){return t.getState()},[t]);fl(function(){var l=a.subscription;return l.onStateChange=l.notifyNestedSubs,l.trySubscribe(),s!==t.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[a,s]);var i=n||Zr;return T.createElement(i.Provider,{value:a},o)}process.env.NODE_ENV!=="production"&&(Sl.propTypes={store:vn.shape({subscribe:vn.func.isRequired,dispatch:vn.func.isRequired,getState:vn.func.isRequired}),context:vn.object,children:vn.any});function Mo(e,t){if(e==null)return{};var n={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.indexOf(o)!==-1)continue;n[o]=e[o]}return n}var Qr,gl;function $f(){if(gl)return Qr;gl=1;var e=Gr(),t={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},n={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[e.ForwardRef]=o,s[e.Memo]=a;function i(g){return e.isMemo(g)?a:s[g.$$typeof]||t}var l=Object.defineProperty,c=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,m=Object.getOwnPropertyDescriptor,u=Object.getPrototypeOf,p=Object.prototype;function f(g,b,y){if(typeof b!="string"){if(p){var v=u(b);v&&v!==p&&f(g,v,y)}var h=c(b);d&&(h=h.concat(d(b)));for(var x=i(g),C=i(b),w=0;w<h.length;++w){var M=h[w];if(!n[M]&&!(y&&y[M])&&!(C&&C[M])&&!(x&&x[M])){var P=m(b,M);try{l(g,M,P)}catch{}}}}return g}return Qr=f,Qr}var Vf=$f();const hl=Mr(Vf);var Lo={exports:{}},Te={};var bl;function Kf(){if(bl)return Te;bl=1;var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,c=60113,d=60120,m=60115,u=60116,p=60121,f=60122,g=60117,b=60129,y=60131;if(typeof Symbol=="function"&&Symbol.for){var v=Symbol.for;e=v("react.element"),t=v("react.portal"),n=v("react.fragment"),o=v("react.strict_mode"),a=v("react.profiler"),s=v("react.provider"),i=v("react.context"),l=v("react.forward_ref"),c=v("react.suspense"),d=v("react.suspense_list"),m=v("react.memo"),u=v("react.lazy"),p=v("react.block"),f=v("react.server.block"),g=v("react.fundamental"),b=v("react.debug_trace_mode"),y=v("react.legacy_hidden")}function h(K){if(typeof K=="object"&&K!==null){var E=K.$$typeof;switch(E){case e:switch(K=K.type,K){case n:case a:case o:case c:case d:return K;default:switch(K=K&&K.$$typeof,K){case i:case l:case u:case m:case s:return K;default:return E}}case t:return E}}}var x=s,C=e,w=l,M=n,P=u,O=m,_=t,F=a,W=o,Z=c;return Te.ContextConsumer=i,Te.ContextProvider=x,Te.Element=C,Te.ForwardRef=w,Te.Fragment=M,Te.Lazy=P,Te.Memo=O,Te.Portal=_,Te.Profiler=F,Te.StrictMode=W,Te.Suspense=Z,Te.isAsyncMode=function(){return!1},Te.isConcurrentMode=function(){return!1},Te.isContextConsumer=function(K){return h(K)===i},Te.isContextProvider=function(K){return h(K)===s},Te.isElement=function(K){return typeof K=="object"&&K!==null&&K.$$typeof===e},Te.isForwardRef=function(K){return h(K)===l},Te.isFragment=function(K){return h(K)===n},Te.isLazy=function(K){return h(K)===u},Te.isMemo=function(K){return h(K)===m},Te.isPortal=function(K){return h(K)===t},Te.isProfiler=function(K){return h(K)===a},Te.isStrictMode=function(K){return h(K)===o},Te.isSuspense=function(K){return h(K)===c},Te.isValidElementType=function(K){return typeof K=="string"||typeof K=="function"||K===n||K===a||K===b||K===o||K===c||K===d||K===y||typeof K=="object"&&K!==null&&(K.$$typeof===u||K.$$typeof===m||K.$$typeof===s||K.$$typeof===i||K.$$typeof===l||K.$$typeof===g||K.$$typeof===p||K[0]===f)},Te.typeOf=h,Te}var Ee={};var vl;function Hf(){return vl||(vl=1,process.env.NODE_ENV!=="production"&&(function(){var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,c=60113,d=60120,m=60115,u=60116,p=60121,f=60122,g=60117,b=60129,y=60131;if(typeof Symbol=="function"&&Symbol.for){var v=Symbol.for;e=v("react.element"),t=v("react.portal"),n=v("react.fragment"),o=v("react.strict_mode"),a=v("react.profiler"),s=v("react.provider"),i=v("react.context"),l=v("react.forward_ref"),c=v("react.suspense"),d=v("react.suspense_list"),m=v("react.memo"),u=v("react.lazy"),p=v("react.block"),f=v("react.server.block"),g=v("react.fundamental"),v("react.scope"),v("react.opaque.id"),b=v("react.debug_trace_mode"),v("react.offscreen"),y=v("react.legacy_hidden")}var h=!1;function x(z){return!!(typeof z=="string"||typeof z=="function"||z===n||z===a||z===b||z===o||z===c||z===d||z===y||h||typeof z=="object"&&z!==null&&(z.$$typeof===u||z.$$typeof===m||z.$$typeof===s||z.$$typeof===i||z.$$typeof===l||z.$$typeof===g||z.$$typeof===p||z[0]===f))}function C(z){if(typeof z=="object"&&z!==null){var H=z.$$typeof;switch(H){case e:var re=z.type;switch(re){case n:case a:case o:case c:case d:return re;default:var te=re&&re.$$typeof;switch(te){case i:case l:case u:case m:case s:return te;default:return H}}case t:return H}}}var w=i,M=s,P=e,O=l,_=n,F=u,W=m,Z=t,K=a,E=o,V=c,R=!1,k=!1;function Y(z){return R||(R=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function N(z){return k||(k=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function D(z){return C(z)===i}function L(z){return C(z)===s}function q(z){return typeof z=="object"&&z!==null&&z.$$typeof===e}function Q(z){return C(z)===l}function ne(z){return C(z)===n}function oe(z){return C(z)===u}function U(z){return C(z)===m}function X(z){return C(z)===t}function J(z){return C(z)===a}function G(z){return C(z)===o}function ee(z){return C(z)===c}Ee.ContextConsumer=w,Ee.ContextProvider=M,Ee.Element=P,Ee.ForwardRef=O,Ee.Fragment=_,Ee.Lazy=F,Ee.Memo=W,Ee.Portal=Z,Ee.Profiler=K,Ee.StrictMode=E,Ee.Suspense=V,Ee.isAsyncMode=Y,Ee.isConcurrentMode=N,Ee.isContextConsumer=D,Ee.isContextProvider=L,Ee.isElement=q,Ee.isForwardRef=Q,Ee.isFragment=ne,Ee.isLazy=oe,Ee.isMemo=U,Ee.isPortal=X,Ee.isProfiler=J,Ee.isStrictMode=G,Ee.isSuspense=ee,Ee.isValidElementType=x,Ee.typeOf=C})()),Ee}var yl;function Wf(){return yl||(yl=1,process.env.NODE_ENV==="production"?Lo.exports=Kf():Lo.exports=Hf()),Lo.exports}var Tl=Wf(),Gf=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],Uf=["reactReduxForwardedRef"],zf=[],jf=[null,null],Yf=function(t){try{return JSON.stringify(t)}catch{return String(t)}};function qf(e,t){var n=e[1];return[t.payload,n+1]}function El(e,t,n){fl(function(){return e.apply(void 0,t)},n)}function Jf(e,t,n,o,a,s,i){e.current=o,t.current=a,n.current=!1,s.current&&(s.current=null,i())}function Xf(e,t,n,o,a,s,i,l,c,d){if(e){var m=!1,u=null,p=function(){if(!m){var b=t.getState(),y,v;try{y=o(b,a.current)}catch(h){v=h,u=h}v||(u=null),y===s.current?i.current||c():(s.current=y,l.current=y,i.current=!0,d({type:"STORE_UPDATED",payload:{error:v}}))}};n.onStateChange=p,n.trySubscribe(),p();var f=function(){if(m=!0,n.tryUnsubscribe(),n.onStateChange=null,u)throw u};return f}}var Zf=function(){return[null,0]};function Qf(e,t){t===void 0&&(t={});var n=t,o=n.getDisplayName,a=o===void 0?function(M){return"ConnectAdvanced("+M+")"}:o,s=n.methodName,i=s===void 0?"connectAdvanced":s,l=n.renderCountProp,c=l===void 0?void 0:l,d=n.shouldHandleStateChanges,m=d===void 0?!0:d,u=n.storeKey,p=u===void 0?"store":u,f=n.withRef,g=f===void 0?!1:f,b=n.forwardRef,y=b===void 0?!1:b,v=n.context,h=v===void 0?Zr:v,x=Mo(n,Gf);if(process.env.NODE_ENV!=="production"){if(c!==void 0)throw new Error("renderCountProp is removed. render counting is built into the latest React Dev Tools profiling extension");if(g)throw new Error("withRef is removed. To access the wrapped instance, use a ref on the connected component");var C="To use a custom Redux store for specific components, create a custom React context with React.createContext(), and pass the context object to React Redux's Provider and specific components like: <Provider context={MyContext}><ConnectedComponent context={MyContext} /></Provider>. You may also pass a {context : MyContext} option to connect";if(p!=="store")throw new Error("storeKey has been removed and does not do anything. "+C)}var w=h;return function(P){if(process.env.NODE_ENV!=="production"&&!Tl.isValidElementType(P))throw new Error("You must pass a component to the function returned by "+(i+". Instead received "+Yf(P)));var O=P.displayName||P.name||"Component",_=a(O),F=pe({},x,{getDisplayName:a,methodName:i,renderCountProp:c,shouldHandleStateChanges:m,storeKey:p,displayName:_,wrappedComponentName:O,WrappedComponent:P}),W=x.pure;function Z(k){return e(k.dispatch,F)}var K=W?T.useMemo:function(k){return k()};function E(k){var Y=T.useMemo(function(){var Ke=k.reactReduxForwardedRef,ft=Mo(k,Uf);return[k.context,Ke,ft]},[k]),N=Y[0],D=Y[1],L=Y[2],q=T.useMemo(function(){return N&&N.Consumer&&Tl.isContextConsumer(T.createElement(N.Consumer,null))?N:w},[N,w]),Q=T.useContext(q),ne=!!k.store&&!!k.store.getState&&!!k.store.dispatch,oe=!!Q&&!!Q.store;if(process.env.NODE_ENV!=="production"&&!ne&&!oe)throw new Error('Could not find "store" in the context of '+('"'+_+'". Either wrap the root component in a <Provider>, ')+"or pass a custom React context provider to <Provider> and the corresponding "+("React context consumer to "+_+" in connect options."));var U=ne?k.store:Q.store,X=T.useMemo(function(){return Z(U)},[U]),J=T.useMemo(function(){if(!m)return jf;var Ke=ml(U,ne?null:Q.subscription),ft=Ke.notifyNestedSubs.bind(Ke);return[Ke,ft]},[U,ne,Q]),G=J[0],ee=J[1],z=T.useMemo(function(){return ne?Q:pe({},Q,{subscription:G})},[ne,Q,G]),H=T.useReducer(qf,zf,Zf),re=H[0],te=re[0],le=H[1];if(te&&te.error)throw te.error;var Ie=T.useRef(),Pe=T.useRef(L),Xe=T.useRef(),nt=T.useRef(!1),mt=K(function(){return Xe.current&&L===Pe.current?Xe.current:X(U.getState(),L)},[U,te,L]);El(Jf,[Pe,Ie,nt,L,mt,Xe,ee]),El(Xf,[m,U,G,X,Pe,Ie,nt,Xe,ee,le],[U,G,X]);var Me=T.useMemo(function(){return T.createElement(P,pe({},mt,{ref:D}))},[D,P,mt]),ot=T.useMemo(function(){return m?T.createElement(q.Provider,{value:z},Me):Me},[q,Me,z]);return ot}var V=W?T.memo(E):E;if(V.WrappedComponent=P,V.displayName=E.displayName=_,y){var R=T.forwardRef(function(Y,N){return T.createElement(V,pe({},Y,{reactReduxForwardedRef:N}))});return R.displayName=_,R.WrappedComponent=P,hl(R,P)}return hl(V,P)}}function wl(e,t){return e===t?e!==0||t!==0||1/e===1/t:e!==e&&t!==t}function ea(e,t){if(wl(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),o=Object.keys(t);if(n.length!==o.length)return!1;for(var a=0;a<n.length;a++)if(!Object.prototype.hasOwnProperty.call(t,n[a])||!wl(e[n[a]],t[n[a]]))return!1;return!0}function eS(e,t){var n={},o=function(i){var l=e[i];typeof l=="function"&&(n[i]=function(){return t(l.apply(void 0,arguments))})};for(var a in e)o(a);return n}function tS(e){if(typeof e!="object"||e===null)return!1;var t=Object.getPrototypeOf(e);if(t===null)return!0;for(var n=t;Object.getPrototypeOf(n)!==null;)n=Object.getPrototypeOf(n);return t===n}function Cl(e){typeof console<"u"&&typeof console.error=="function"&&console.error(e);try{throw new Error(e)}catch{}}function Dl(e,t,n){tS(e)||Cl(n+"() in "+t+" must return a plain object. Instead received "+e+".")}function ta(e){return function(n,o){var a=e(n,o);function s(){return a}return s.dependsOnOwnProps=!1,s}}function Nl(e){return e.dependsOnOwnProps!==null&&e.dependsOnOwnProps!==void 0?!!e.dependsOnOwnProps:e.length!==1}function Il(e,t){return function(o,a){var s=a.displayName,i=function(c,d){return i.dependsOnOwnProps?i.mapToProps(c,d):i.mapToProps(c)};return i.dependsOnOwnProps=!0,i.mapToProps=function(c,d){i.mapToProps=e,i.dependsOnOwnProps=Nl(e);var m=i(c,d);return typeof m=="function"&&(i.mapToProps=m,i.dependsOnOwnProps=Nl(m),m=i(c,d)),process.env.NODE_ENV!=="production"&&Dl(m,s,t),m},i}}function nS(e){return typeof e=="function"?Il(e,"mapDispatchToProps"):void 0}function oS(e){return e?void 0:ta(function(t){return{dispatch:t}})}function rS(e){return e&&typeof e=="object"?ta(function(t){return eS(e,t)}):void 0}const aS=[nS,oS,rS];function sS(e){return typeof e=="function"?Il(e,"mapStateToProps"):void 0}function iS(e){return e?void 0:ta(function(){return{}})}const lS=[sS,iS];function cS(e,t,n){return pe({},n,e,t)}function dS(e){return function(n,o){var a=o.displayName,s=o.pure,i=o.areMergedPropsEqual,l=!1,c;return function(m,u,p){var f=e(m,u,p);return l?(!s||!i(f,c))&&(c=f):(l=!0,c=f,process.env.NODE_ENV!=="production"&&Dl(c,a,"mergeProps")),c}}}function pS(e){return typeof e=="function"?dS(e):void 0}function uS(e){return e?void 0:function(){return cS}}const mS=[pS,uS];function na(e,t,n){if(e)(t==="mapStateToProps"||t==="mapDispatchToProps")&&(Object.prototype.hasOwnProperty.call(e,"dependsOnOwnProps")||Cl("The selector for "+t+" of "+n+" did not specify a value for dependsOnOwnProps."));else throw new Error("Unexpected value for "+t+" in "+n+".")}function fS(e,t,n,o){na(e,"mapStateToProps",o),na(t,"mapDispatchToProps",o),na(n,"mergeProps",o)}var SS=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function gS(e,t,n,o){return function(s,i){return n(e(s,i),t(o,i),i)}}function hS(e,t,n,o,a){var s=a.areStatesEqual,i=a.areOwnPropsEqual,l=a.areStatePropsEqual,c=!1,d,m,u,p,f;function g(x,C){return d=x,m=C,u=e(d,m),p=t(o,m),f=n(u,p,m),c=!0,f}function b(){return u=e(d,m),t.dependsOnOwnProps&&(p=t(o,m)),f=n(u,p,m),f}function y(){return e.dependsOnOwnProps&&(u=e(d,m)),t.dependsOnOwnProps&&(p=t(o,m)),f=n(u,p,m),f}function v(){var x=e(d,m),C=!l(x,u);return u=x,C&&(f=n(u,p,m)),f}function h(x,C){var w=!i(C,m),M=!s(x,d,C,m);return d=x,m=C,w&&M?b():w?y():M?v():f}return function(C,w){return c?h(C,w):g(C,w)}}function bS(e,t){var n=t.initMapStateToProps,o=t.initMapDispatchToProps,a=t.initMergeProps,s=Mo(t,SS),i=n(e,s),l=o(e,s),c=a(e,s);process.env.NODE_ENV!=="production"&&fS(i,l,c,s.displayName);var d=s.pure?hS:gS;return d(i,l,c,e,s)}var vS=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function oa(e,t,n){for(var o=t.length-1;o>=0;o--){var a=t[o](e);if(a)return a}return function(s,i){throw new Error("Invalid value of type "+typeof e+" for "+n+" argument when connecting component "+i.wrappedComponentName+".")}}function yS(e,t){return e===t}function TS(e){var t=e===void 0?{}:e,n=t.connectHOC,o=n===void 0?Qf:n,a=t.mapStateToPropsFactories,s=a===void 0?lS:a,i=t.mapDispatchToPropsFactories,l=i===void 0?aS:i,c=t.mergePropsFactories,d=c===void 0?mS:c,m=t.selectorFactory,u=m===void 0?bS:m;return function(f,g,b,y){y===void 0&&(y={});var v=y,h=v.pure,x=h===void 0?!0:h,C=v.areStatesEqual,w=C===void 0?yS:C,M=v.areOwnPropsEqual,P=M===void 0?ea:M,O=v.areStatePropsEqual,_=O===void 0?ea:O,F=v.areMergedPropsEqual,W=F===void 0?ea:F,Z=Mo(v,vS),K=oa(f,s,"mapStateToProps"),E=oa(g,l,"mapDispatchToProps"),V=oa(b,d,"mergeProps");return o(u,pe({methodName:"connect",getDisplayName:function(k){return"Connect("+k+")"},shouldHandleStateChanges:!!f,initMapStateToProps:K,initMapDispatchToProps:E,initMergeProps:V,pure:x,areStatesEqual:w,areOwnPropsEqual:P,areStatePropsEqual:_,areMergedPropsEqual:W},Z))}}const xl=TS();Rf(Ln.unstable_batchedUpdates);function ES(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function kl(e,t){var n=T.useState(function(){return{inputs:t,result:e()}})[0],o=T.useRef(!0),a=T.useRef(n),s=o.current||!!(t&&a.current.inputs&&ES(t,a.current.inputs)),i=s?a.current:{inputs:t,result:e()};return T.useEffect(function(){o.current=!1,a.current=i},[i]),i.result}function wS(e,t){return kl(function(){return e},t)}var ge=kl,de=wS,CS=process.env.NODE_ENV==="production",ra="Invariant failed";function Ml(e,t){if(CS)throw new Error(ra);var n=typeof t=="function"?t():t,o=n?"".concat(ra,": ").concat(n):ra;throw new Error(o)}var St=function(t){var n=t.top,o=t.right,a=t.bottom,s=t.left,i=o-s,l=a-n,c={top:n,right:o,bottom:a,left:s,width:i,height:l,x:s,y:n,center:{x:(o+s)/2,y:(a+n)/2}};return c},aa=function(t,n){return{top:t.top-n.top,left:t.left-n.left,bottom:t.bottom+n.bottom,right:t.right+n.right}},Ll=function(t,n){return{top:t.top+n.top,left:t.left+n.left,bottom:t.bottom-n.bottom,right:t.right-n.right}},DS=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},sa={top:0,right:0,bottom:0,left:0},ia=function(t){var n=t.borderBox,o=t.margin,a=o===void 0?sa:o,s=t.border,i=s===void 0?sa:s,l=t.padding,c=l===void 0?sa:l,d=St(aa(n,a)),m=St(Ll(n,i)),u=St(Ll(m,c));return{marginBox:d,borderBox:St(n),paddingBox:m,contentBox:u,margin:a,border:i,padding:c}},st=function(t){var n=t.slice(0,-2),o=t.slice(-2);if(o!=="px")return 0;var a=Number(n);return isNaN(a)&&(process.env.NODE_ENV!=="production"?Ml(!1,"Could not parse value [raw: "+t+", without suffix: "+n+"]"):Ml()),a},NS=function(){return{x:window.pageXOffset,y:window.pageYOffset}},_o=function(t,n){var o=t.borderBox,a=t.border,s=t.margin,i=t.padding,l=DS(o,n);return ia({borderBox:l,border:a,margin:s,padding:i})},Po=function(t,n){return n===void 0&&(n=NS()),_o(t,n)},_l=function(t,n){var o={top:st(n.marginTop),right:st(n.marginRight),bottom:st(n.marginBottom),left:st(n.marginLeft)},a={top:st(n.paddingTop),right:st(n.paddingRight),bottom:st(n.paddingBottom),left:st(n.paddingLeft)},s={top:st(n.borderTopWidth),right:st(n.borderRightWidth),bottom:st(n.borderBottomWidth),left:st(n.borderLeftWidth)};return ia({borderBox:t,margin:o,padding:a,border:s})},Pl=function(t){var n=t.getBoundingClientRect(),o=window.getComputedStyle(t);return _l(n,o)},Bl=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function IS(e,t){return!!(e===t||Bl(e)&&Bl(t))}function xS(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!IS(e[n],t[n]))return!1;return!0}function Oe(e,t){t===void 0&&(t=xS);var n,o=[],a,s=!1;function i(){for(var l=[],c=0;c<arguments.length;c++)l[c]=arguments[c];return s&&n===this&&t(l,o)||(a=e.apply(this,l),s=!0,n=this,o=l),a}return i}var Hn=function(t){var n=[],o=null,a=function(){for(var i=arguments.length,l=new Array(i),c=0;c<i;c++)l[c]=arguments[c];n=l,!o&&(o=requestAnimationFrame(function(){o=null,t.apply(void 0,n)}))};return a.cancel=function(){o&&(cancelAnimationFrame(o),o=null)},a},kS=process.env.NODE_ENV==="production",MS=/[ \t]{2,}/g,LS=/^[ \t]*/gm,Ol=function(t){return t.replace(MS," ").replace(LS,"").trim()},_S=function(t){return Ol(`
354
354
  %creact-beautiful-dnd
355
355
 
356
356
  %c`+Ol(t)+`
357
357
 
358
358
  %c👷‍ This is a development only message. It will be removed in production builds.
359
- `)},PS=function(t){return[_S(t),"color: #00C584; font-size: 1.2em; font-weight: bold;","line-height: 1.5","color: #723874;"]},BS="__react-beautiful-dnd-disable-dev-warnings";function Rl(e,t){var n;kS||typeof window<"u"&&window[BS]||(n=console)[e].apply(n,PS(t))}var Ce=Rl.bind(null,"warn"),la=Rl.bind(null,"error");function Ft(){}function OS(e,t){return pe({},e,{},t)}function it(e,t,n){var o=t.map(function(a){var s=OS(n,a.options);return e.addEventListener(a.eventName,a.fn,s),function(){e.removeEventListener(a.eventName,a.fn,s)}});return function(){o.forEach(function(s){s()})}}var RS=process.env.NODE_ENV==="production",Fl="Invariant failed";function Wn(e){this.message=e}Wn.prototype.toString=function(){return this.message};function P(e,t){throw RS?new Wn(Fl):new Wn(Fl+": "+(t||""))}var FS=(function(e){Gi(t,e);function t(){for(var o,a=arguments.length,s=new Array(a),i=0;i<a;i++)s[i]=arguments[i];return o=e.call.apply(e,[this].concat(s))||this,o.callbacks=null,o.unbind=Ft,o.onWindowError=function(l){var c=o.getCallbacks();c.isDragging()&&(c.tryAbort(),process.env.NODE_ENV!=="production"&&Ce(`
359
+ `)},PS=function(t){return[_S(t),"color: #00C584; font-size: 1.2em; font-weight: bold;","line-height: 1.5","color: #723874;"]},BS="__react-beautiful-dnd-disable-dev-warnings";function Rl(e,t){var n;kS||typeof window<"u"&&window[BS]||(n=console)[e].apply(n,PS(t))}var Ce=Rl.bind(null,"warn"),la=Rl.bind(null,"error");function Ft(){}function OS(e,t){return pe({},e,{},t)}function it(e,t,n){var o=t.map(function(a){var s=OS(n,a.options);return e.addEventListener(a.eventName,a.fn,s),function(){e.removeEventListener(a.eventName,a.fn,s)}});return function(){o.forEach(function(s){s()})}}var RS=process.env.NODE_ENV==="production",Fl="Invariant failed";function Wn(e){this.message=e}Wn.prototype.toString=function(){return this.message};function B(e,t){throw RS?new Wn(Fl):new Wn(Fl+": "+(t||""))}var FS=(function(e){Gi(t,e);function t(){for(var o,a=arguments.length,s=new Array(a),i=0;i<a;i++)s[i]=arguments[i];return o=e.call.apply(e,[this].concat(s))||this,o.callbacks=null,o.unbind=Ft,o.onWindowError=function(l){var c=o.getCallbacks();c.isDragging()&&(c.tryAbort(),process.env.NODE_ENV!=="production"&&Ce(`
360
360
  An error was caught by our window 'error' event listener while a drag was occurring.
361
361
  The active drag has been aborted.
362
362
  `));var d=l.error;d instanceof Wn&&(l.preventDefault(),process.env.NODE_ENV!=="production"&&la(d.message))},o.getCallbacks=function(){if(!o.callbacks)throw new Error("Unable to find AppCallbacks in <ErrorBoundary/>");return o.callbacks},o.setCallbacks=function(l){o.callbacks=l},o}var n=t.prototype;return n.componentDidMount=function(){this.unbind=it(window,[{eventName:"error",fn:this.onWindowError}])},n.componentDidCatch=function(a){if(a instanceof Wn){process.env.NODE_ENV!=="production"&&la(a.message),this.setState({});return}throw a},n.componentWillUnmount=function(){this.unbind()},n.render=function(){return this.props.children(this.setCallbacks)},t})(T.Component),AS=`
@@ -395,27 +395,27 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
395
395
  `:`
396
396
  The item has been dropped while not over a drop area.
397
397
  `+Vl(t.source)+`
398
- `},Oo={dragHandleUsageInstructions:AS,onDragStart:$S,onDragUpdate:VS,onDragEnd:KS},Re={x:0,y:0},Ve=function(t,n){return{x:t.x+n.x,y:t.y+n.y}},Qe=function(t,n){return{x:t.x-n.x,y:t.y-n.y}},At=function(t,n){return t.x===n.x&&t.y===n.y},yn=function(t){return{x:t.x!==0?-t.x:0,y:t.y!==0?-t.y:0}},Zt=function(t,n,o){var a;return o===void 0&&(o=0),a={},a[t]=n,a[t==="x"?"y":"x"]=o,a},Gn=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},Kl=function(t,n){return Math.min.apply(Math,n.map(function(o){return Gn(t,o)}))},Hl=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},HS=(function(e,t){var n=St({top:Math.max(t.top,e.top),right:Math.min(t.right,e.right),bottom:Math.min(t.bottom,e.bottom),left:Math.max(t.left,e.left)});return n.width<=0||n.height<=0?null:n}),Un=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},Wl=function(t){return[{x:t.left,y:t.top},{x:t.right,y:t.top},{x:t.left,y:t.bottom},{x:t.right,y:t.bottom}]},WS={top:0,right:0,bottom:0,left:0},GS=function(t,n){return n?Un(t,n.scroll.diff.displacement):t},US=function(t,n,o){if(o&&o.increasedBy){var a;return pe({},t,(a={},a[n.end]=t[n.end]+o.increasedBy[n.line],a))}return t},zS=function(t,n){return n&&n.shouldClipSubject?HS(n.pageMarginBox,t):St(t)},Tn=(function(e){var t=e.page,n=e.withPlaceholder,o=e.axis,a=e.frame,s=GS(t.marginBox,a),i=US(s,o,n),l=zS(i,a);return{page:t,withPlaceholder:n,active:l}}),ca=(function(e,t){e.frame||(process.env.NODE_ENV,P());var n=e.frame,o=Qe(t,n.scroll.initial),a=yn(o),s=pe({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:o,displacement:a},max:n.scroll.max}}),i=Tn({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:s}),l=pe({},e,{frame:s,subject:i});return l});function jS(e){return Number.isInteger?Number.isInteger(e):typeof e=="number"&&isFinite(e)&&Math.floor(e)===e}function Ro(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function da(e,t){if(e.findIndex)return e.findIndex(t);for(var n=0;n<e.length;n++)if(t(e[n]))return n;return-1}function $t(e,t){if(e.find)return e.find(t);var n=da(e,t);if(n!==-1)return e[n]}function Gl(e){return Array.prototype.slice.call(e)}var Ul=Oe(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),zl=Oe(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Fo=Oe(function(e){return Ro(e)}),YS=Oe(function(e){return Ro(e)}),Qt=Oe(function(e,t){var n=YS(t).filter(function(o){return e===o.descriptor.droppableId}).sort(function(o,a){return o.descriptor.index-a.descriptor.index});return n});function pa(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function Ao(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var $o=Oe(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),qS=(function(e){var t=e.isMovingForward,n=e.draggable,o=e.destination,a=e.insideDestination,s=e.previousImpact;if(!o.isCombineEnabled)return null;var i=pa(s);if(!i)return null;function l(b){var y={type:"COMBINE",combine:{draggableId:b,droppableId:o.descriptor.id}};return pe({},s,{at:y})}var c=s.displaced.all,d=c.length?c[0]:null;if(t)return d?l(d):null;var m=$o(n,a);if(!d){if(!m.length)return null;var u=m[m.length-1];return l(u.descriptor.id)}var p=da(m,function(b){return b.descriptor.id===d});p===-1&&(process.env.NODE_ENV!=="production"?P(!1,"Could not find displaced item in set"):P());var f=p-1;if(f<0)return null;var g=m[f];return l(g.descriptor.id)}),En=(function(e,t){return e.descriptor.droppableId===t.descriptor.id}),jl={point:Re,value:0},zn={invisible:{},visible:{},all:[]},JS={displaced:zn,displacedBy:jl,at:null},lt=(function(e,t){return function(n){return e<=n&&n<=t}}),Yl=(function(e){var t=lt(e.top,e.bottom),n=lt(e.left,e.right);return function(o){var a=t(o.top)&&t(o.bottom)&&n(o.left)&&n(o.right);if(a)return!0;var s=t(o.top)||t(o.bottom),i=n(o.left)||n(o.right),l=s&&i;if(l)return!0;var c=o.top<e.top&&o.bottom>e.bottom,d=o.left<e.left&&o.right>e.right,m=c&&d;if(m)return!0;var u=c&&i||d&&s;return u}}),XS=(function(e){var t=lt(e.top,e.bottom),n=lt(e.left,e.right);return function(o){var a=t(o.top)&&t(o.bottom)&&n(o.left)&&n(o.right);return a}}),ua={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},ql={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},ZS=(function(e){return function(t){var n=lt(t.top,t.bottom),o=lt(t.left,t.right);return function(a){return e===ua?n(a.top)&&n(a.bottom):o(a.left)&&o(a.right)}}}),QS=function(t,n){var o=n.frame?n.frame.scroll.diff.displacement:Re;return Un(t,o)},eg=function(t,n,o){return n.subject.active?o(n.subject.active)(t):!1},tg=function(t,n,o){return o(n)(t)},ma=function(t){var n=t.target,o=t.destination,a=t.viewport,s=t.withDroppableDisplacement,i=t.isVisibleThroughFrameFn,l=s?QS(n,o):n;return eg(l,o,i)&&tg(l,a,i)},ng=function(t){return ma(pe({},t,{isVisibleThroughFrameFn:Yl}))},Jl=function(t){return ma(pe({},t,{isVisibleThroughFrameFn:XS}))},og=function(t){return ma(pe({},t,{isVisibleThroughFrameFn:ZS(t.destination.axis)}))},rg=function(t,n,o){if(typeof o=="boolean")return o;if(!n)return!0;var a=n.invisible,s=n.visible;if(a[t])return!1;var i=s[t];return i?i.shouldAnimate:!0};function ag(e,t){var n=e.page.marginBox,o={top:t.point.y,right:0,bottom:0,left:t.point.x};return St(aa(n,o))}function jn(e){var t=e.afterDragging,n=e.destination,o=e.displacedBy,a=e.viewport,s=e.forceShouldAnimate,i=e.last;return t.reduce(function(c,d){var m=ag(d,o),u=d.descriptor.id;c.all.push(u);var p=ng({target:m,destination:n,viewport:a,withDroppableDisplacement:!0});if(!p)return c.invisible[d.descriptor.id]=!0,c;var f=rg(u,i,s),g={draggableId:u,shouldAnimate:f};return c.visible[u]=g,c},{all:[],visible:{},invisible:{}})}function sg(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function Xl(e){var t=e.insideDestination,n=e.inHomeList,o=e.displacedBy,a=e.destination,s=sg(t,{inHomeList:n});return{displaced:zn,displacedBy:o,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:s}}}}function Vo(e){var t=e.draggable,n=e.insideDestination,o=e.destination,a=e.viewport,s=e.displacedBy,i=e.last,l=e.index,c=e.forceShouldAnimate,d=En(t,o);if(l==null)return Xl({insideDestination:n,inHomeList:d,displacedBy:s,destination:o});var m=$t(n,function(b){return b.descriptor.index===l});if(!m)return Xl({insideDestination:n,inHomeList:d,displacedBy:s,destination:o});var u=$o(t,n),p=n.indexOf(m),f=u.slice(p),g=jn({afterDragging:f,destination:o,displacedBy:s,last:i,viewport:a.frame,forceShouldAnimate:c});return{displaced:g,displacedBy:s,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:l}}}}function Vt(e,t){return!!t.effected[e]}var ig=(function(e){var t=e.isMovingForward,n=e.destination,o=e.draggables,a=e.combine,s=e.afterCritical;if(!n.isCombineEnabled)return null;var i=a.draggableId,l=o[i],c=l.descriptor.index,d=Vt(i,s);return d?t?c:c-1:t?c+1:c}),lg=(function(e){var t=e.isMovingForward,n=e.isInHomeList,o=e.insideDestination,a=e.location;if(!o.length)return null;var s=a.index,i=t?s+1:s-1,l=o[0].descriptor.index,c=o[o.length-1].descriptor.index,d=n?c:c+1;return i<l||i>d?null:i}),cg=(function(e){var t=e.isMovingForward,n=e.isInHomeList,o=e.draggable,a=e.draggables,s=e.destination,i=e.insideDestination,l=e.previousImpact,c=e.viewport,d=e.afterCritical,m=l.at;if(m||(process.env.NODE_ENV!=="production"?P(!1,"Cannot move in direction without previous impact location"):P()),m.type==="REORDER"){var u=lg({isMovingForward:t,isInHomeList:n,location:m.destination,insideDestination:i});return u==null?null:Vo({draggable:o,insideDestination:i,destination:s,viewport:c,last:l.displaced,displacedBy:l.displacedBy,index:u})}var p=ig({isMovingForward:t,destination:s,displaced:l.displaced,draggables:a,combine:m.combine,afterCritical:d});return p==null?null:Vo({draggable:o,insideDestination:i,destination:s,viewport:c,last:l.displaced,displacedBy:l.displacedBy,index:p})}),dg=(function(e){var t=e.displaced,n=e.afterCritical,o=e.combineWith,a=e.displacedBy,s=!!(t.visible[o]||t.invisible[o]);return Vt(o,n)?s?Re:yn(a.point):s?a.point:Re}),pg=(function(e){var t=e.afterCritical,n=e.impact,o=e.draggables,a=Ao(n);a||(process.env.NODE_ENV,P());var s=a.draggableId,i=o[s].page.borderBox.center,l=dg({displaced:n.displaced,afterCritical:t,combineWith:s,displacedBy:n.displacedBy});return Ve(i,l)}),Zl=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},ug=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},fa=function(t,n,o){return n[t.crossAxisStart]+o.margin[t.crossAxisStart]+o.borderBox[t.crossAxisSize]/2},Ql=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Zt(n.line,o.marginBox[n.end]+Zl(n,a),fa(n,o.marginBox,a))},ec=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Zt(n.line,o.marginBox[n.start]-ug(n,a),fa(n,o.marginBox,a))},mg=function(t){var n=t.axis,o=t.moveInto,a=t.isMoving;return Zt(n.line,o.contentBox[n.start]+Zl(n,a),fa(n,o.contentBox,a))},fg=(function(e){var t=e.impact,n=e.draggable,o=e.draggables,a=e.droppable,s=e.afterCritical,i=Qt(a.descriptor.id,o),l=n.page,c=a.axis;if(!i.length)return mg({axis:c,moveInto:a.page,isMoving:l});var d=t.displaced,m=t.displacedBy,u=d.all[0];if(u){var p=o[u];if(Vt(u,s))return ec({axis:c,moveRelativeTo:p.page,isMoving:l});var f=_o(p.page,m.point);return ec({axis:c,moveRelativeTo:f,isMoving:l})}var g=i[i.length-1];if(g.descriptor.id===n.descriptor.id)return l.borderBox.center;if(Vt(g.descriptor.id,s)){var b=_o(g.page,yn(s.displacedBy.point));return Ql({axis:c,moveRelativeTo:b,isMoving:l})}return Ql({axis:c,moveRelativeTo:g.page,isMoving:l})}),Sa=(function(e,t){var n=e.frame;return n?Ve(t,n.scroll.diff.displacement):t}),Sg=function(t){var n=t.impact,o=t.draggable,a=t.droppable,s=t.draggables,i=t.afterCritical,l=o.page.borderBox.center,c=n.at;return!a||!c?l:c.type==="REORDER"?fg({impact:n,draggable:o,draggables:s,droppable:a,afterCritical:i}):pg({impact:n,draggables:s,afterCritical:i})},Ko=(function(e){var t=Sg(e),n=e.droppable,o=n?Sa(n,t):t;return o}),tc=(function(e,t){var n=Qe(t,e.scroll.initial),o=yn(n),a=St({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),s={frame:a,scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:n,displacement:o}}};return s});function nc(e,t){return e.map(function(n){return t[n]})}function gg(e,t){for(var n=0;n<t.length;n++){var o=t[n].visible[e];if(o)return o}return null}var hg=(function(e){var t=e.impact,n=e.viewport,o=e.destination,a=e.draggables,s=e.maxScrollChange,i=tc(n,Ve(n.scroll.current,s)),l=o.frame?ca(o,Ve(o.frame.scroll.current,s)):o,c=t.displaced,d=jn({afterDragging:nc(c.all,a),destination:o,displacedBy:t.displacedBy,viewport:i.frame,last:c,forceShouldAnimate:!1}),m=jn({afterDragging:nc(c.all,a),destination:l,displacedBy:t.displacedBy,viewport:n.frame,last:c,forceShouldAnimate:!1}),u={},p={},f=[c,d,m];c.all.forEach(function(b){var y=gg(b,f);if(y){p[b]=y;return}u[b]=!0});var g=pe({},t,{displaced:{all:c.all,invisible:u,visible:p}});return g}),bg=(function(e,t){return Ve(e.scroll.diff.displacement,t)}),ga=(function(e){var t=e.pageBorderBoxCenter,n=e.draggable,o=e.viewport,a=bg(o,t),s=Qe(a,n.page.borderBox.center);return Ve(n.client.borderBox.center,s)}),oc=(function(e){var t=e.draggable,n=e.destination,o=e.newPageBorderBoxCenter,a=e.viewport,s=e.withDroppableDisplacement,i=e.onlyOnMainAxis,l=i===void 0?!1:i,c=Qe(o,t.page.borderBox.center),d=Un(t.page.borderBox,c),m={target:d,destination:n,withDroppableDisplacement:s,viewport:a};return l?og(m):Jl(m)}),vg=(function(e){var t=e.isMovingForward,n=e.draggable,o=e.destination,a=e.draggables,s=e.previousImpact,i=e.viewport,l=e.previousPageBorderBoxCenter,c=e.previousClientSelection,d=e.afterCritical;if(!o.isEnabled)return null;var m=Qt(o.descriptor.id,a),u=En(n,o),p=qS({isMovingForward:t,draggable:n,destination:o,insideDestination:m,previousImpact:s})||cg({isMovingForward:t,isInHomeList:u,draggable:n,draggables:a,destination:o,insideDestination:m,previousImpact:s,viewport:i,afterCritical:d});if(!p)return null;var f=Ko({impact:p,draggable:n,droppable:o,draggables:a,afterCritical:d}),g=oc({draggable:n,destination:o,newPageBorderBoxCenter:f,viewport:i.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(g){var b=ga({pageBorderBoxCenter:f,draggable:n,viewport:i});return{clientSelection:b,impact:p,scrollJumpRequest:null}}var y=Qe(f,l),v=hg({impact:p,viewport:i,destination:o,draggables:a,maxScrollChange:y});return{clientSelection:c,impact:v,scrollJumpRequest:y}}),Ue=function(t){var n=t.subject.active;return n||(process.env.NODE_ENV!=="production"?P(!1,"Cannot get clipped area from droppable"):P()),n},yg=(function(e){var t=e.isMovingForward,n=e.pageBorderBoxCenter,o=e.source,a=e.droppables,s=e.viewport,i=o.subject.active;if(!i)return null;var l=o.axis,c=lt(i[l.start],i[l.end]),d=Fo(a).filter(function(u){return u!==o}).filter(function(u){return u.isEnabled}).filter(function(u){return!!u.subject.active}).filter(function(u){return Yl(s.frame)(Ue(u))}).filter(function(u){var p=Ue(u);return t?i[l.crossAxisEnd]<p[l.crossAxisEnd]:p[l.crossAxisStart]<i[l.crossAxisStart]}).filter(function(u){var p=Ue(u),f=lt(p[l.start],p[l.end]);return c(p[l.start])||c(p[l.end])||f(i[l.start])||f(i[l.end])}).sort(function(u,p){var f=Ue(u)[l.crossAxisStart],g=Ue(p)[l.crossAxisStart];return t?f-g:g-f}).filter(function(u,p,f){return Ue(u)[l.crossAxisStart]===Ue(f[0])[l.crossAxisStart]});if(!d.length)return null;if(d.length===1)return d[0];var m=d.filter(function(u){var p=lt(Ue(u)[l.start],Ue(u)[l.end]);return p(n[l.line])});return m.length===1?m[0]:m.length>1?m.sort(function(u,p){return Ue(u)[l.start]-Ue(p)[l.start]})[0]:d.sort(function(u,p){var f=Kl(n,Wl(Ue(u))),g=Kl(n,Wl(Ue(p)));return f!==g?f-g:Ue(u)[l.start]-Ue(p)[l.start]})[0]}),rc=function(t,n){var o=t.page.borderBox.center;return Vt(t.descriptor.id,n)?Qe(o,n.displacedBy.point):o},Tg=function(t,n){var o=t.page.borderBox;return Vt(t.descriptor.id,n)?Un(o,yn(n.displacedBy.point)):o},Eg=(function(e){var t=e.pageBorderBoxCenter,n=e.viewport,o=e.destination,a=e.insideDestination,s=e.afterCritical,i=a.filter(function(l){return Jl({target:Tg(l,s),destination:o,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(l,c){var d=Gn(t,Sa(o,rc(l,s))),m=Gn(t,Sa(o,rc(c,s)));return d<m?-1:m<d?1:l.descriptor.index-c.descriptor.index});return i[0]||null}),Yn=Oe(function(t,n){var o=n[t.line];return{value:o,point:Zt(t.line,o)}}),wg=function(t,n,o){var a=t.axis;if(t.descriptor.mode==="virtual")return Zt(a.line,n[a.line]);var s=t.subject.page.contentBox[a.size],i=Qt(t.descriptor.id,o),l=i.reduce(function(m,u){return m+u.client.marginBox[a.size]},0),c=l+n[a.line],d=c-s;return d<=0?null:Zt(a.line,d)},ac=function(t,n){return pe({},t,{scroll:pe({},t.scroll,{max:n})})},sc=function(t,n,o){var a=t.frame;En(n,t)&&(process.env.NODE_ENV!=="production"?P(!1,"Should not add placeholder space to home list"):P()),t.subject.withPlaceholder&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot add placeholder size to a subject when it already has one"):P());var s=Yn(t.axis,n.displaceBy).point,i=wg(t,s,o),l={placeholderSize:s,increasedBy:i,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!a){var c=Tn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:t.frame});return pe({},t,{subject:c})}var d=i?Ve(a.scroll.max,i):a.scroll.max,m=ac(a,d),u=Tn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:m});return pe({},t,{subject:u,frame:m})},Cg=function(t){var n=t.subject.withPlaceholder;n||(process.env.NODE_ENV!=="production"?P(!1,"Cannot remove placeholder form subject when there was none"):P());var o=t.frame;if(!o){var a=Tn({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return pe({},t,{subject:a})}var s=n.oldFrameMaxScroll;s||(process.env.NODE_ENV!=="production"?P(!1,"Expected droppable with frame to have old max frame scroll when removing placeholder"):P());var i=ac(o,s),l=Tn({page:t.subject.page,axis:t.axis,frame:i,withPlaceholder:null});return pe({},t,{subject:l,frame:i})},Dg=(function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,o=e.insideDestination,a=e.draggable,s=e.draggables,i=e.destination,l=e.viewport,c=e.afterCritical;if(!n){if(o.length)return null;var d={displaced:zn,displacedBy:jl,at:{type:"REORDER",destination:{droppableId:i.descriptor.id,index:0}}},m=Ko({impact:d,draggable:a,droppable:i,draggables:s,afterCritical:c}),u=En(a,i)?i:sc(i,a,s),p=oc({draggable:a,destination:u,newPageBorderBoxCenter:m,viewport:l.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});return p?d:null}var f=t[i.axis.line]<=n.page.borderBox.center[i.axis.line],g=(function(){var y=n.descriptor.index;return n.descriptor.id===a.descriptor.id||f?y:y+1})(),b=Yn(i.axis,a.displaceBy);return Vo({draggable:a,insideDestination:o,destination:i,viewport:l,displacedBy:b,last:zn,index:g})}),Ng=(function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,o=e.draggable,a=e.isOver,s=e.draggables,i=e.droppables,l=e.viewport,c=e.afterCritical,d=yg({isMovingForward:t,pageBorderBoxCenter:n,source:a,droppables:i,viewport:l});if(!d)return null;var m=Qt(d.descriptor.id,s),u=Eg({pageBorderBoxCenter:n,viewport:l,destination:d,insideDestination:m,afterCritical:c}),p=Dg({previousPageBorderBoxCenter:n,destination:d,draggable:o,draggables:s,moveRelativeTo:u,insideDestination:m,viewport:l,afterCritical:c});if(!p)return null;var f=Ko({impact:p,draggable:o,droppable:d,draggables:s,afterCritical:c}),g=ga({pageBorderBoxCenter:f,draggable:o,viewport:l});return{clientSelection:g,impact:p,scrollJumpRequest:null}}),et=(function(e){var t=e.at;return t?t.type==="REORDER"?t.destination.droppableId:t.combine.droppableId:null}),Ig=function(t,n){var o=et(t);return o?n[o]:null},xg=(function(e){var t=e.state,n=e.type,o=Ig(t.impact,t.dimensions.droppables),a=!!o,s=t.dimensions.droppables[t.critical.droppable.id],i=o||s,l=i.axis.direction,c=l==="vertical"&&(n==="MOVE_UP"||n==="MOVE_DOWN")||l==="horizontal"&&(n==="MOVE_LEFT"||n==="MOVE_RIGHT");if(c&&!a)return null;var d=n==="MOVE_DOWN"||n==="MOVE_RIGHT",m=t.dimensions.draggables[t.critical.draggable.id],u=t.current.page.borderBoxCenter,p=t.dimensions,f=p.draggables,g=p.droppables;return c?vg({isMovingForward:d,previousPageBorderBoxCenter:u,draggable:m,destination:i,draggables:f,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):Ng({isMovingForward:d,previousPageBorderBoxCenter:u,draggable:m,isOver:i,draggables:f,droppables:g,viewport:t.viewport,afterCritical:t.afterCritical})});function en(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function ic(e){var t=lt(e.top,e.bottom),n=lt(e.left,e.right);return function(a){return t(a.y)&&n(a.x)}}function kg(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function Mg(e){var t=e.pageBorderBox,n=e.draggable,o=e.candidates,a=n.page.borderBox.center,s=o.map(function(i){var l=i.axis,c=Zt(i.axis.line,t.center[l.line],i.page.borderBox.center[l.crossAxisLine]);return{id:i.descriptor.id,distance:Gn(a,c)}}).sort(function(i,l){return l.distance-i.distance});return s[0]?s[0].id:null}function Lg(e){var t=e.pageBorderBox,n=e.draggable,o=e.droppables,a=Fo(o).filter(function(s){if(!s.isEnabled)return!1;var i=s.subject.active;if(!i||!kg(t,i))return!1;if(ic(i)(t.center))return!0;var l=s.axis,c=i.center[l.crossAxisLine],d=t[l.crossAxisStart],m=t[l.crossAxisEnd],u=lt(i[l.crossAxisStart],i[l.crossAxisEnd]),p=u(d),f=u(m);return!p&&!f?!0:p?d<c:m>c});return a.length?a.length===1?a[0].descriptor.id:Mg({pageBorderBox:t,draggable:n,candidates:a}):null}var lc=function(t,n){return St(Un(t,n))},_g=(function(e,t){var n=e.frame;return n?lc(t,n.scroll.diff.value):t});function cc(e){var t=e.displaced,n=e.id;return!!(t.visible[n]||t.invisible[n])}function Pg(e){var t=e.draggable,n=e.closest,o=e.inHomeList;return n?o&&n.descriptor.index>t.descriptor.index?n.descriptor.index-1:n.descriptor.index:null}var Bg=(function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,o=e.destination,a=e.insideDestination,s=e.last,i=e.viewport,l=e.afterCritical,c=o.axis,d=Yn(o.axis,n.displaceBy),m=d.value,u=t[c.start],p=t[c.end],f=$o(n,a),g=$t(f,function(y){var v=y.descriptor.id,h=y.page.borderBox.center[c.line],x=Vt(v,l),D=cc({displaced:s,id:v});return x?D?p<=h:u<h-m:D?p<=h+m:u<h}),b=Pg({draggable:n,closest:g,inHomeList:En(n,o)});return Vo({draggable:n,insideDestination:a,destination:o,viewport:i,last:s,displacedBy:d,index:b})}),Og=4,Rg=(function(e){var t=e.draggable,n=e.pageBorderBoxWithDroppableScroll,o=e.previousImpact,a=e.destination,s=e.insideDestination,i=e.afterCritical;if(!a.isCombineEnabled)return null;var l=a.axis,c=Yn(a.axis,t.displaceBy),d=c.value,m=n[l.start],u=n[l.end],p=$o(t,s),f=$t(p,function(b){var y=b.descriptor.id,v=b.page.borderBox,h=v[l.size],x=h/Og,D=Vt(y,i),w=cc({displaced:o.displaced,id:y});return D?w?u>v[l.start]+x&&u<v[l.end]-x:m>v[l.start]-d+x&&m<v[l.end]-d-x:w?u>v[l.start]+d+x&&u<v[l.end]+d-x:m>v[l.start]+x&&m<v[l.end]-x});if(!f)return null;var g={displacedBy:c,displaced:o.displaced,at:{type:"COMBINE",combine:{draggableId:f.descriptor.id,droppableId:a.descriptor.id}}};return g}),dc=(function(e){var t=e.pageOffset,n=e.draggable,o=e.draggables,a=e.droppables,s=e.previousImpact,i=e.viewport,l=e.afterCritical,c=lc(n.page.borderBox,t),d=Lg({pageBorderBox:c,draggable:n,droppables:a});if(!d)return JS;var m=a[d],u=Qt(m.descriptor.id,o),p=_g(m,c);return Rg({pageBorderBoxWithDroppableScroll:p,draggable:n,previousImpact:s,destination:m,insideDestination:u,afterCritical:l})||Bg({pageBorderBoxWithDroppableScroll:p,draggable:n,destination:m,insideDestination:u,last:s.displaced,viewport:i,afterCritical:l})}),ha=(function(e,t){var n;return pe({},e,(n={},n[t.descriptor.id]=t,n))}),Fg=function(t){var n=t.previousImpact,o=t.impact,a=t.droppables,s=et(n),i=et(o);if(!s||s===i)return a;var l=a[s];if(!l.subject.withPlaceholder)return a;var c=Cg(l);return ha(a,c)},Ag=(function(e){var t=e.draggable,n=e.draggables,o=e.droppables,a=e.previousImpact,s=e.impact,i=Fg({previousImpact:a,impact:s,droppables:o}),l=et(s);if(!l)return i;var c=o[l];if(En(t,c)||c.subject.withPlaceholder)return i;var d=sc(c,t,n);return ha(i,d)}),qn=(function(e){var t=e.state,n=e.clientSelection,o=e.dimensions,a=e.viewport,s=e.impact,i=e.scrollJumpRequest,l=a||t.viewport,c=o||t.dimensions,d=n||t.current.client.selection,m=Qe(d,t.initial.client.selection),u={offset:m,selection:d,borderBoxCenter:Ve(t.initial.client.borderBoxCenter,m)},p={selection:Ve(u.selection,l.scroll.current),borderBoxCenter:Ve(u.borderBoxCenter,l.scroll.current),offset:Ve(u.offset,l.scroll.diff.value)},f={client:u,page:p};if(t.phase==="COLLECTING")return pe({phase:"COLLECTING"},t,{dimensions:c,viewport:l,current:f});var g=c.draggables[t.critical.draggable.id],b=s||dc({pageOffset:p.offset,draggable:g,draggables:c.draggables,droppables:c.droppables,previousImpact:t.impact,viewport:l,afterCritical:t.afterCritical}),y=Ag({draggable:g,impact:b,previousImpact:t.impact,draggables:c.draggables,droppables:c.droppables}),v=pe({},t,{current:f,dimensions:{draggables:c.draggables,droppables:y},impact:b,viewport:l,scrollJumpRequest:i||null,forceShouldAnimate:i?!1:null});return v});function $g(e,t){return e.map(function(n){return t[n]})}var pc=(function(e){var t=e.impact,n=e.viewport,o=e.draggables,a=e.destination,s=e.forceShouldAnimate,i=t.displaced,l=$g(i.all,o),c=jn({afterDragging:l,destination:a,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:s,last:i});return pe({},t,{displaced:c})}),uc=(function(e){var t=e.impact,n=e.draggable,o=e.droppable,a=e.draggables,s=e.viewport,i=e.afterCritical,l=Ko({impact:t,draggable:n,draggables:a,droppable:o,afterCritical:i});return ga({pageBorderBoxCenter:l,draggable:n,viewport:s})}),mc=(function(e){var t=e.state,n=e.dimensions,o=e.viewport;t.movementMode!=="SNAP"&&(process.env.NODE_ENV,P());var a=t.impact,s=o||t.viewport,i=n||t.dimensions,l=i.draggables,c=i.droppables,d=l[t.critical.draggable.id],m=et(a);m||(process.env.NODE_ENV!=="production"?P(!1,"Must be over a destination in SNAP movement mode"):P());var u=c[m],p=pc({impact:a,viewport:s,destination:u,draggables:l}),f=uc({impact:p,draggable:d,droppable:u,draggables:l,viewport:s,afterCritical:t.afterCritical});return qn({impact:p,clientSelection:f,state:t,dimensions:i,viewport:s})}),Vg=(function(e){return{index:e.index,droppableId:e.droppableId}}),fc=(function(e){var t=e.draggable,n=e.home,o=e.draggables,a=e.viewport,s=Yn(n.axis,t.displaceBy),i=Qt(n.descriptor.id,o),l=i.indexOf(t);l===-1&&(process.env.NODE_ENV!=="production"?P(!1,"Expected draggable to be inside home list"):P());var c=i.slice(l+1),d=c.reduce(function(f,g){return f[g.descriptor.id]=!0,f},{}),m={inVirtualList:n.descriptor.mode==="virtual",displacedBy:s,effected:d},u=jn({afterDragging:c,destination:n,displacedBy:s,last:null,viewport:a.frame,forceShouldAnimate:!1}),p={displaced:u,displacedBy:s,at:{type:"REORDER",destination:Vg(t.descriptor)}};return{impact:p,afterCritical:m}}),Kg=(function(e,t){return{draggables:e.draggables,droppables:ha(e.droppables,t)}}),Jn=function(t){process.env.NODE_ENV},Xn=function(t){process.env.NODE_ENV},Hg=(function(e){var t=e.draggable,n=e.offset,o=e.initialWindowScroll,a=_o(t.client,n),s=Po(a,o),i=pe({},t,{placeholder:pe({},t.placeholder,{client:a}),client:a,page:s});return i}),Wg=(function(e){var t=e.frame;return t||(process.env.NODE_ENV!=="production"?P(!1,"Expected Droppable to have a frame"):P()),t}),Gg=(function(e){var t=e.additions,n=e.updatedDroppables,o=e.viewport,a=o.scroll.diff.value;return t.map(function(s){var i=s.descriptor.droppableId,l=n[i],c=Wg(l),d=c.scroll.diff.value,m=Ve(a,d),u=Hg({draggable:s,offset:m,initialWindowScroll:o.scroll.initial});return u})}),Ug=(function(e){var t=e.state,n=e.published;Jn();var o=n.modified.map(function(x){var D=t.dimensions.droppables[x.droppableId],w=ca(D,x.scroll);return w}),a=pe({},t.dimensions.droppables,{},Ul(o)),s=zl(Gg({additions:n.additions,updatedDroppables:a,viewport:t.viewport})),i=pe({},t.dimensions.draggables,{},s);n.removals.forEach(function(x){delete i[x]});var l={droppables:a,draggables:i},c=et(t.impact),d=c?l.droppables[c]:null,m=l.draggables[t.critical.draggable.id],u=l.droppables[t.critical.droppable.id],p=fc({draggable:m,home:u,draggables:i,viewport:t.viewport}),f=p.impact,g=p.afterCritical,b=d&&d.isCombineEnabled?t.impact:f,y=dc({pageOffset:t.current.page.offset,draggable:l.draggables[t.critical.draggable.id],draggables:l.draggables,droppables:l.droppables,previousImpact:b,viewport:t.viewport,afterCritical:g});Xn();var v=pe({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:y,onLiftImpact:f,dimensions:l,afterCritical:g,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return v;var h=pe({phase:"DROP_PENDING"},v,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return h}),ba=function(t){return t.movementMode==="SNAP"},va=function(t,n,o){var a=Kg(t.dimensions,n);return!ba(t)||o?qn({state:t,dimensions:a}):mc({state:t,dimensions:a})};function ya(e){return e.isDragging&&e.movementMode==="SNAP"?pe({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var Sc={phase:"IDLE",completed:null,shouldFlush:!1},zg=(function(e,t){if(e===void 0&&(e=Sc),t.type==="FLUSH")return pe({},Sc,{shouldFlush:!0});if(t.type==="INITIAL_PUBLISH"){e.phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?P(!1,"INITIAL_PUBLISH must come after a IDLE phase"):P());var n=t.payload,o=n.critical,a=n.clientSelection,s=n.viewport,i=n.dimensions,l=n.movementMode,c=i.draggables[o.draggable.id],d=i.droppables[o.droppable.id],m={selection:a,borderBoxCenter:c.client.borderBox.center,offset:Re},u={client:m,page:{selection:Ve(m.selection,s.scroll.initial),borderBoxCenter:Ve(m.selection,s.scroll.initial),offset:Ve(m.selection,s.scroll.diff.value)}},p=Fo(i.droppables).every(function(z){return!z.isFixedOnPage}),f=fc({draggable:c,home:d,draggables:i.draggables,viewport:s}),g=f.impact,b=f.afterCritical,y={phase:"DRAGGING",isDragging:!0,critical:o,movementMode:l,dimensions:i,initial:u,current:u,isWindowScrollAllowed:p,impact:g,afterCritical:b,onLiftImpact:g,viewport:s,scrollJumpRequest:null,forceShouldAnimate:null};return y}if(t.type==="COLLECTION_STARTING"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?P(!1,"Collection cannot start from phase "+e.phase):P());var v=pe({phase:"COLLECTING"},e,{phase:"COLLECTING"});return v}if(t.type==="PUBLISH_WHILE_DRAGGING")return e.phase==="COLLECTING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?P(!1,"Unexpected "+t.type+" received in phase "+e.phase):P()),Ug({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;en(e)||(process.env.NODE_ENV!=="production"?P(!1,t.type+" not permitted in phase "+e.phase):P());var h=t.payload.client;return At(h,e.current.client.selection)?e:qn({state:e,clientSelection:h,impact:ba(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return ya(e);en(e)||(process.env.NODE_ENV!=="production"?P(!1,t.type+" not permitted in phase "+e.phase):P());var x=t.payload,D=x.id,w=x.newScroll,k=e.dimensions.droppables[D];if(!k)return e;var R=ca(k,w);return va(e,R,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;en(e)||(process.env.NODE_ENV!=="production"?P(!1,"Attempting to move in an unsupported phase "+e.phase):P());var F=t.payload,_=F.id,O=F.isEnabled,W=e.dimensions.droppables[_];W||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find Droppable[id: "+_+"] to toggle its enabled state"):P()),W.isEnabled===O&&(process.env.NODE_ENV!=="production"?P(!1,"Trying to set droppable isEnabled to "+String(O)+`
399
- but it is already `+String(W.isEnabled)):P());var Z=pe({},W,{isEnabled:O});return va(e,Z,!0)}if(t.type==="UPDATE_DROPPABLE_IS_COMBINE_ENABLED"){if(e.phase==="DROP_PENDING")return e;en(e)||(process.env.NODE_ENV!=="production"?P(!1,"Attempting to move in an unsupported phase "+e.phase):P());var K=t.payload,E=K.id,V=K.isCombineEnabled,B=e.dimensions.droppables[E];B||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find Droppable[id: "+E+"] to toggle its isCombineEnabled state"):P()),B.isCombineEnabled===V&&(process.env.NODE_ENV!=="production"?P(!1,"Trying to set droppable isCombineEnabled to "+String(V)+`
400
- but it is already `+String(B.isCombineEnabled)):P());var M=pe({},B,{isCombineEnabled:V});return va(e,M,!0)}if(t.type==="MOVE_BY_WINDOW_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="DROP_ANIMATING")return e;en(e)||(process.env.NODE_ENV!=="production"?P(!1,"Cannot move by window in phase "+e.phase):P()),e.isWindowScrollAllowed||(process.env.NODE_ENV!=="production"?P(!1,"Window scrolling is currently not supported for fixed lists"):P());var Y=t.payload.newScroll;if(At(e.viewport.scroll.current,Y))return ya(e);var N=tc(e.viewport,Y);return ba(e)?mc({state:e,viewport:N}):qn({state:e,viewport:N})}if(t.type==="UPDATE_VIEWPORT_MAX_SCROLL"){if(!en(e))return e;var C=t.payload.maxScroll;if(At(C,e.viewport.scroll.max))return e;var L=pe({},e.viewport,{scroll:pe({},e.viewport.scroll,{max:C})});return pe({phase:"DRAGGING"},e,{viewport:L})}if(t.type==="MOVE_UP"||t.type==="MOVE_DOWN"||t.type==="MOVE_LEFT"||t.type==="MOVE_RIGHT"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?P(!1,t.type+" received while not in DRAGGING phase"):P());var q=xg({state:e,type:t.type});return q?qn({state:e,impact:q.impact,clientSelection:q.clientSelection,scrollJumpRequest:q.scrollJumpRequest}):e}if(t.type==="DROP_PENDING"){var Q=t.payload.reason;e.phase!=="COLLECTING"&&(process.env.NODE_ENV!=="production"?P(!1,"Can only move into the DROP_PENDING phase from the COLLECTING phase"):P());var ne=pe({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:Q});return ne}if(t.type==="DROP_ANIMATE"){var oe=t.payload,U=oe.completed,X=oe.dropDuration,J=oe.newHomeClientOffset;e.phase==="DRAGGING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?P(!1,"Cannot animate drop from phase "+e.phase):P());var G={phase:"DROP_ANIMATING",completed:U,dropDuration:X,newHomeClientOffset:J,dimensions:e.dimensions};return G}if(t.type==="DROP_COMPLETE"){var ee=t.payload.completed;return{phase:"IDLE",completed:ee,shouldFlush:!1}}return e}),jg=function(t){return{type:"BEFORE_INITIAL_CAPTURE",payload:t}},Yg=function(t){return{type:"LIFT",payload:t}},qg=function(t){return{type:"INITIAL_PUBLISH",payload:t}},Jg=function(t){return{type:"PUBLISH_WHILE_DRAGGING",payload:t}},Xg=function(){return{type:"COLLECTION_STARTING",payload:null}},Zg=function(t){return{type:"UPDATE_DROPPABLE_SCROLL",payload:t}},Qg=function(t){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:t}},eh=function(t){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:t}},gc=function(t){return{type:"MOVE",payload:t}},th=function(t){return{type:"MOVE_BY_WINDOW_SCROLL",payload:t}},nh=function(t){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:t}},oh=function(){return{type:"MOVE_UP",payload:null}},rh=function(){return{type:"MOVE_DOWN",payload:null}},ah=function(){return{type:"MOVE_RIGHT",payload:null}},sh=function(){return{type:"MOVE_LEFT",payload:null}},Ta=function(){return{type:"FLUSH",payload:null}},ih=function(t){return{type:"DROP_ANIMATE",payload:t}},Ea=function(t){return{type:"DROP_COMPLETE",payload:t}},hc=function(t){return{type:"DROP",payload:t}},lh=function(t){return{type:"DROP_PENDING",payload:t}},bc=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}};function ch(e){if(!(e.length<=1)){for(var t=e.map(function(l){return l.descriptor.index}),n={},o=1;o<t.length;o++){var a=t[o],s=t[o-1];a!==s+1&&(n[a]=!0)}if(Object.keys(n).length){var i=t.map(function(l){var c=!!n[l];return c?"[🔥"+l+"]":""+l}).join(", ");process.env.NODE_ENV!=="production"&&Ce(`
398
+ `},Oo={dragHandleUsageInstructions:AS,onDragStart:$S,onDragUpdate:VS,onDragEnd:KS},Re={x:0,y:0},Ve=function(t,n){return{x:t.x+n.x,y:t.y+n.y}},Qe=function(t,n){return{x:t.x-n.x,y:t.y-n.y}},At=function(t,n){return t.x===n.x&&t.y===n.y},yn=function(t){return{x:t.x!==0?-t.x:0,y:t.y!==0?-t.y:0}},Zt=function(t,n,o){var a;return o===void 0&&(o=0),a={},a[t]=n,a[t==="x"?"y":"x"]=o,a},Gn=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},Kl=function(t,n){return Math.min.apply(Math,n.map(function(o){return Gn(t,o)}))},Hl=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},HS=(function(e,t){var n=St({top:Math.max(t.top,e.top),right:Math.min(t.right,e.right),bottom:Math.min(t.bottom,e.bottom),left:Math.max(t.left,e.left)});return n.width<=0||n.height<=0?null:n}),Un=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},Wl=function(t){return[{x:t.left,y:t.top},{x:t.right,y:t.top},{x:t.left,y:t.bottom},{x:t.right,y:t.bottom}]},WS={top:0,right:0,bottom:0,left:0},GS=function(t,n){return n?Un(t,n.scroll.diff.displacement):t},US=function(t,n,o){if(o&&o.increasedBy){var a;return pe({},t,(a={},a[n.end]=t[n.end]+o.increasedBy[n.line],a))}return t},zS=function(t,n){return n&&n.shouldClipSubject?HS(n.pageMarginBox,t):St(t)},Tn=(function(e){var t=e.page,n=e.withPlaceholder,o=e.axis,a=e.frame,s=GS(t.marginBox,a),i=US(s,o,n),l=zS(i,a);return{page:t,withPlaceholder:n,active:l}}),ca=(function(e,t){e.frame||(process.env.NODE_ENV,B());var n=e.frame,o=Qe(t,n.scroll.initial),a=yn(o),s=pe({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:o,displacement:a},max:n.scroll.max}}),i=Tn({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:s}),l=pe({},e,{frame:s,subject:i});return l});function jS(e){return Number.isInteger?Number.isInteger(e):typeof e=="number"&&isFinite(e)&&Math.floor(e)===e}function Ro(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function da(e,t){if(e.findIndex)return e.findIndex(t);for(var n=0;n<e.length;n++)if(t(e[n]))return n;return-1}function $t(e,t){if(e.find)return e.find(t);var n=da(e,t);if(n!==-1)return e[n]}function Gl(e){return Array.prototype.slice.call(e)}var Ul=Oe(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),zl=Oe(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Fo=Oe(function(e){return Ro(e)}),YS=Oe(function(e){return Ro(e)}),Qt=Oe(function(e,t){var n=YS(t).filter(function(o){return e===o.descriptor.droppableId}).sort(function(o,a){return o.descriptor.index-a.descriptor.index});return n});function pa(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function Ao(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var $o=Oe(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),qS=(function(e){var t=e.isMovingForward,n=e.draggable,o=e.destination,a=e.insideDestination,s=e.previousImpact;if(!o.isCombineEnabled)return null;var i=pa(s);if(!i)return null;function l(b){var y={type:"COMBINE",combine:{draggableId:b,droppableId:o.descriptor.id}};return pe({},s,{at:y})}var c=s.displaced.all,d=c.length?c[0]:null;if(t)return d?l(d):null;var m=$o(n,a);if(!d){if(!m.length)return null;var u=m[m.length-1];return l(u.descriptor.id)}var p=da(m,function(b){return b.descriptor.id===d});p===-1&&(process.env.NODE_ENV!=="production"?B(!1,"Could not find displaced item in set"):B());var f=p-1;if(f<0)return null;var g=m[f];return l(g.descriptor.id)}),En=(function(e,t){return e.descriptor.droppableId===t.descriptor.id}),jl={point:Re,value:0},zn={invisible:{},visible:{},all:[]},JS={displaced:zn,displacedBy:jl,at:null},lt=(function(e,t){return function(n){return e<=n&&n<=t}}),Yl=(function(e){var t=lt(e.top,e.bottom),n=lt(e.left,e.right);return function(o){var a=t(o.top)&&t(o.bottom)&&n(o.left)&&n(o.right);if(a)return!0;var s=t(o.top)||t(o.bottom),i=n(o.left)||n(o.right),l=s&&i;if(l)return!0;var c=o.top<e.top&&o.bottom>e.bottom,d=o.left<e.left&&o.right>e.right,m=c&&d;if(m)return!0;var u=c&&i||d&&s;return u}}),XS=(function(e){var t=lt(e.top,e.bottom),n=lt(e.left,e.right);return function(o){var a=t(o.top)&&t(o.bottom)&&n(o.left)&&n(o.right);return a}}),ua={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},ql={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},ZS=(function(e){return function(t){var n=lt(t.top,t.bottom),o=lt(t.left,t.right);return function(a){return e===ua?n(a.top)&&n(a.bottom):o(a.left)&&o(a.right)}}}),QS=function(t,n){var o=n.frame?n.frame.scroll.diff.displacement:Re;return Un(t,o)},eg=function(t,n,o){return n.subject.active?o(n.subject.active)(t):!1},tg=function(t,n,o){return o(n)(t)},ma=function(t){var n=t.target,o=t.destination,a=t.viewport,s=t.withDroppableDisplacement,i=t.isVisibleThroughFrameFn,l=s?QS(n,o):n;return eg(l,o,i)&&tg(l,a,i)},ng=function(t){return ma(pe({},t,{isVisibleThroughFrameFn:Yl}))},Jl=function(t){return ma(pe({},t,{isVisibleThroughFrameFn:XS}))},og=function(t){return ma(pe({},t,{isVisibleThroughFrameFn:ZS(t.destination.axis)}))},rg=function(t,n,o){if(typeof o=="boolean")return o;if(!n)return!0;var a=n.invisible,s=n.visible;if(a[t])return!1;var i=s[t];return i?i.shouldAnimate:!0};function ag(e,t){var n=e.page.marginBox,o={top:t.point.y,right:0,bottom:0,left:t.point.x};return St(aa(n,o))}function jn(e){var t=e.afterDragging,n=e.destination,o=e.displacedBy,a=e.viewport,s=e.forceShouldAnimate,i=e.last;return t.reduce(function(c,d){var m=ag(d,o),u=d.descriptor.id;c.all.push(u);var p=ng({target:m,destination:n,viewport:a,withDroppableDisplacement:!0});if(!p)return c.invisible[d.descriptor.id]=!0,c;var f=rg(u,i,s),g={draggableId:u,shouldAnimate:f};return c.visible[u]=g,c},{all:[],visible:{},invisible:{}})}function sg(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function Xl(e){var t=e.insideDestination,n=e.inHomeList,o=e.displacedBy,a=e.destination,s=sg(t,{inHomeList:n});return{displaced:zn,displacedBy:o,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:s}}}}function Vo(e){var t=e.draggable,n=e.insideDestination,o=e.destination,a=e.viewport,s=e.displacedBy,i=e.last,l=e.index,c=e.forceShouldAnimate,d=En(t,o);if(l==null)return Xl({insideDestination:n,inHomeList:d,displacedBy:s,destination:o});var m=$t(n,function(b){return b.descriptor.index===l});if(!m)return Xl({insideDestination:n,inHomeList:d,displacedBy:s,destination:o});var u=$o(t,n),p=n.indexOf(m),f=u.slice(p),g=jn({afterDragging:f,destination:o,displacedBy:s,last:i,viewport:a.frame,forceShouldAnimate:c});return{displaced:g,displacedBy:s,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:l}}}}function Vt(e,t){return!!t.effected[e]}var ig=(function(e){var t=e.isMovingForward,n=e.destination,o=e.draggables,a=e.combine,s=e.afterCritical;if(!n.isCombineEnabled)return null;var i=a.draggableId,l=o[i],c=l.descriptor.index,d=Vt(i,s);return d?t?c:c-1:t?c+1:c}),lg=(function(e){var t=e.isMovingForward,n=e.isInHomeList,o=e.insideDestination,a=e.location;if(!o.length)return null;var s=a.index,i=t?s+1:s-1,l=o[0].descriptor.index,c=o[o.length-1].descriptor.index,d=n?c:c+1;return i<l||i>d?null:i}),cg=(function(e){var t=e.isMovingForward,n=e.isInHomeList,o=e.draggable,a=e.draggables,s=e.destination,i=e.insideDestination,l=e.previousImpact,c=e.viewport,d=e.afterCritical,m=l.at;if(m||(process.env.NODE_ENV!=="production"?B(!1,"Cannot move in direction without previous impact location"):B()),m.type==="REORDER"){var u=lg({isMovingForward:t,isInHomeList:n,location:m.destination,insideDestination:i});return u==null?null:Vo({draggable:o,insideDestination:i,destination:s,viewport:c,last:l.displaced,displacedBy:l.displacedBy,index:u})}var p=ig({isMovingForward:t,destination:s,displaced:l.displaced,draggables:a,combine:m.combine,afterCritical:d});return p==null?null:Vo({draggable:o,insideDestination:i,destination:s,viewport:c,last:l.displaced,displacedBy:l.displacedBy,index:p})}),dg=(function(e){var t=e.displaced,n=e.afterCritical,o=e.combineWith,a=e.displacedBy,s=!!(t.visible[o]||t.invisible[o]);return Vt(o,n)?s?Re:yn(a.point):s?a.point:Re}),pg=(function(e){var t=e.afterCritical,n=e.impact,o=e.draggables,a=Ao(n);a||(process.env.NODE_ENV,B());var s=a.draggableId,i=o[s].page.borderBox.center,l=dg({displaced:n.displaced,afterCritical:t,combineWith:s,displacedBy:n.displacedBy});return Ve(i,l)}),Zl=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},ug=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},fa=function(t,n,o){return n[t.crossAxisStart]+o.margin[t.crossAxisStart]+o.borderBox[t.crossAxisSize]/2},Ql=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Zt(n.line,o.marginBox[n.end]+Zl(n,a),fa(n,o.marginBox,a))},ec=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Zt(n.line,o.marginBox[n.start]-ug(n,a),fa(n,o.marginBox,a))},mg=function(t){var n=t.axis,o=t.moveInto,a=t.isMoving;return Zt(n.line,o.contentBox[n.start]+Zl(n,a),fa(n,o.contentBox,a))},fg=(function(e){var t=e.impact,n=e.draggable,o=e.draggables,a=e.droppable,s=e.afterCritical,i=Qt(a.descriptor.id,o),l=n.page,c=a.axis;if(!i.length)return mg({axis:c,moveInto:a.page,isMoving:l});var d=t.displaced,m=t.displacedBy,u=d.all[0];if(u){var p=o[u];if(Vt(u,s))return ec({axis:c,moveRelativeTo:p.page,isMoving:l});var f=_o(p.page,m.point);return ec({axis:c,moveRelativeTo:f,isMoving:l})}var g=i[i.length-1];if(g.descriptor.id===n.descriptor.id)return l.borderBox.center;if(Vt(g.descriptor.id,s)){var b=_o(g.page,yn(s.displacedBy.point));return Ql({axis:c,moveRelativeTo:b,isMoving:l})}return Ql({axis:c,moveRelativeTo:g.page,isMoving:l})}),Sa=(function(e,t){var n=e.frame;return n?Ve(t,n.scroll.diff.displacement):t}),Sg=function(t){var n=t.impact,o=t.draggable,a=t.droppable,s=t.draggables,i=t.afterCritical,l=o.page.borderBox.center,c=n.at;return!a||!c?l:c.type==="REORDER"?fg({impact:n,draggable:o,draggables:s,droppable:a,afterCritical:i}):pg({impact:n,draggables:s,afterCritical:i})},Ko=(function(e){var t=Sg(e),n=e.droppable,o=n?Sa(n,t):t;return o}),tc=(function(e,t){var n=Qe(t,e.scroll.initial),o=yn(n),a=St({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),s={frame:a,scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:n,displacement:o}}};return s});function nc(e,t){return e.map(function(n){return t[n]})}function gg(e,t){for(var n=0;n<t.length;n++){var o=t[n].visible[e];if(o)return o}return null}var hg=(function(e){var t=e.impact,n=e.viewport,o=e.destination,a=e.draggables,s=e.maxScrollChange,i=tc(n,Ve(n.scroll.current,s)),l=o.frame?ca(o,Ve(o.frame.scroll.current,s)):o,c=t.displaced,d=jn({afterDragging:nc(c.all,a),destination:o,displacedBy:t.displacedBy,viewport:i.frame,last:c,forceShouldAnimate:!1}),m=jn({afterDragging:nc(c.all,a),destination:l,displacedBy:t.displacedBy,viewport:n.frame,last:c,forceShouldAnimate:!1}),u={},p={},f=[c,d,m];c.all.forEach(function(b){var y=gg(b,f);if(y){p[b]=y;return}u[b]=!0});var g=pe({},t,{displaced:{all:c.all,invisible:u,visible:p}});return g}),bg=(function(e,t){return Ve(e.scroll.diff.displacement,t)}),ga=(function(e){var t=e.pageBorderBoxCenter,n=e.draggable,o=e.viewport,a=bg(o,t),s=Qe(a,n.page.borderBox.center);return Ve(n.client.borderBox.center,s)}),oc=(function(e){var t=e.draggable,n=e.destination,o=e.newPageBorderBoxCenter,a=e.viewport,s=e.withDroppableDisplacement,i=e.onlyOnMainAxis,l=i===void 0?!1:i,c=Qe(o,t.page.borderBox.center),d=Un(t.page.borderBox,c),m={target:d,destination:n,withDroppableDisplacement:s,viewport:a};return l?og(m):Jl(m)}),vg=(function(e){var t=e.isMovingForward,n=e.draggable,o=e.destination,a=e.draggables,s=e.previousImpact,i=e.viewport,l=e.previousPageBorderBoxCenter,c=e.previousClientSelection,d=e.afterCritical;if(!o.isEnabled)return null;var m=Qt(o.descriptor.id,a),u=En(n,o),p=qS({isMovingForward:t,draggable:n,destination:o,insideDestination:m,previousImpact:s})||cg({isMovingForward:t,isInHomeList:u,draggable:n,draggables:a,destination:o,insideDestination:m,previousImpact:s,viewport:i,afterCritical:d});if(!p)return null;var f=Ko({impact:p,draggable:n,droppable:o,draggables:a,afterCritical:d}),g=oc({draggable:n,destination:o,newPageBorderBoxCenter:f,viewport:i.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(g){var b=ga({pageBorderBoxCenter:f,draggable:n,viewport:i});return{clientSelection:b,impact:p,scrollJumpRequest:null}}var y=Qe(f,l),v=hg({impact:p,viewport:i,destination:o,draggables:a,maxScrollChange:y});return{clientSelection:c,impact:v,scrollJumpRequest:y}}),Ue=function(t){var n=t.subject.active;return n||(process.env.NODE_ENV!=="production"?B(!1,"Cannot get clipped area from droppable"):B()),n},yg=(function(e){var t=e.isMovingForward,n=e.pageBorderBoxCenter,o=e.source,a=e.droppables,s=e.viewport,i=o.subject.active;if(!i)return null;var l=o.axis,c=lt(i[l.start],i[l.end]),d=Fo(a).filter(function(u){return u!==o}).filter(function(u){return u.isEnabled}).filter(function(u){return!!u.subject.active}).filter(function(u){return Yl(s.frame)(Ue(u))}).filter(function(u){var p=Ue(u);return t?i[l.crossAxisEnd]<p[l.crossAxisEnd]:p[l.crossAxisStart]<i[l.crossAxisStart]}).filter(function(u){var p=Ue(u),f=lt(p[l.start],p[l.end]);return c(p[l.start])||c(p[l.end])||f(i[l.start])||f(i[l.end])}).sort(function(u,p){var f=Ue(u)[l.crossAxisStart],g=Ue(p)[l.crossAxisStart];return t?f-g:g-f}).filter(function(u,p,f){return Ue(u)[l.crossAxisStart]===Ue(f[0])[l.crossAxisStart]});if(!d.length)return null;if(d.length===1)return d[0];var m=d.filter(function(u){var p=lt(Ue(u)[l.start],Ue(u)[l.end]);return p(n[l.line])});return m.length===1?m[0]:m.length>1?m.sort(function(u,p){return Ue(u)[l.start]-Ue(p)[l.start]})[0]:d.sort(function(u,p){var f=Kl(n,Wl(Ue(u))),g=Kl(n,Wl(Ue(p)));return f!==g?f-g:Ue(u)[l.start]-Ue(p)[l.start]})[0]}),rc=function(t,n){var o=t.page.borderBox.center;return Vt(t.descriptor.id,n)?Qe(o,n.displacedBy.point):o},Tg=function(t,n){var o=t.page.borderBox;return Vt(t.descriptor.id,n)?Un(o,yn(n.displacedBy.point)):o},Eg=(function(e){var t=e.pageBorderBoxCenter,n=e.viewport,o=e.destination,a=e.insideDestination,s=e.afterCritical,i=a.filter(function(l){return Jl({target:Tg(l,s),destination:o,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(l,c){var d=Gn(t,Sa(o,rc(l,s))),m=Gn(t,Sa(o,rc(c,s)));return d<m?-1:m<d?1:l.descriptor.index-c.descriptor.index});return i[0]||null}),Yn=Oe(function(t,n){var o=n[t.line];return{value:o,point:Zt(t.line,o)}}),wg=function(t,n,o){var a=t.axis;if(t.descriptor.mode==="virtual")return Zt(a.line,n[a.line]);var s=t.subject.page.contentBox[a.size],i=Qt(t.descriptor.id,o),l=i.reduce(function(m,u){return m+u.client.marginBox[a.size]},0),c=l+n[a.line],d=c-s;return d<=0?null:Zt(a.line,d)},ac=function(t,n){return pe({},t,{scroll:pe({},t.scroll,{max:n})})},sc=function(t,n,o){var a=t.frame;En(n,t)&&(process.env.NODE_ENV!=="production"?B(!1,"Should not add placeholder space to home list"):B()),t.subject.withPlaceholder&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot add placeholder size to a subject when it already has one"):B());var s=Yn(t.axis,n.displaceBy).point,i=wg(t,s,o),l={placeholderSize:s,increasedBy:i,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!a){var c=Tn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:t.frame});return pe({},t,{subject:c})}var d=i?Ve(a.scroll.max,i):a.scroll.max,m=ac(a,d),u=Tn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:m});return pe({},t,{subject:u,frame:m})},Cg=function(t){var n=t.subject.withPlaceholder;n||(process.env.NODE_ENV!=="production"?B(!1,"Cannot remove placeholder form subject when there was none"):B());var o=t.frame;if(!o){var a=Tn({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return pe({},t,{subject:a})}var s=n.oldFrameMaxScroll;s||(process.env.NODE_ENV!=="production"?B(!1,"Expected droppable with frame to have old max frame scroll when removing placeholder"):B());var i=ac(o,s),l=Tn({page:t.subject.page,axis:t.axis,frame:i,withPlaceholder:null});return pe({},t,{subject:l,frame:i})},Dg=(function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,o=e.insideDestination,a=e.draggable,s=e.draggables,i=e.destination,l=e.viewport,c=e.afterCritical;if(!n){if(o.length)return null;var d={displaced:zn,displacedBy:jl,at:{type:"REORDER",destination:{droppableId:i.descriptor.id,index:0}}},m=Ko({impact:d,draggable:a,droppable:i,draggables:s,afterCritical:c}),u=En(a,i)?i:sc(i,a,s),p=oc({draggable:a,destination:u,newPageBorderBoxCenter:m,viewport:l.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});return p?d:null}var f=t[i.axis.line]<=n.page.borderBox.center[i.axis.line],g=(function(){var y=n.descriptor.index;return n.descriptor.id===a.descriptor.id||f?y:y+1})(),b=Yn(i.axis,a.displaceBy);return Vo({draggable:a,insideDestination:o,destination:i,viewport:l,displacedBy:b,last:zn,index:g})}),Ng=(function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,o=e.draggable,a=e.isOver,s=e.draggables,i=e.droppables,l=e.viewport,c=e.afterCritical,d=yg({isMovingForward:t,pageBorderBoxCenter:n,source:a,droppables:i,viewport:l});if(!d)return null;var m=Qt(d.descriptor.id,s),u=Eg({pageBorderBoxCenter:n,viewport:l,destination:d,insideDestination:m,afterCritical:c}),p=Dg({previousPageBorderBoxCenter:n,destination:d,draggable:o,draggables:s,moveRelativeTo:u,insideDestination:m,viewport:l,afterCritical:c});if(!p)return null;var f=Ko({impact:p,draggable:o,droppable:d,draggables:s,afterCritical:c}),g=ga({pageBorderBoxCenter:f,draggable:o,viewport:l});return{clientSelection:g,impact:p,scrollJumpRequest:null}}),et=(function(e){var t=e.at;return t?t.type==="REORDER"?t.destination.droppableId:t.combine.droppableId:null}),Ig=function(t,n){var o=et(t);return o?n[o]:null},xg=(function(e){var t=e.state,n=e.type,o=Ig(t.impact,t.dimensions.droppables),a=!!o,s=t.dimensions.droppables[t.critical.droppable.id],i=o||s,l=i.axis.direction,c=l==="vertical"&&(n==="MOVE_UP"||n==="MOVE_DOWN")||l==="horizontal"&&(n==="MOVE_LEFT"||n==="MOVE_RIGHT");if(c&&!a)return null;var d=n==="MOVE_DOWN"||n==="MOVE_RIGHT",m=t.dimensions.draggables[t.critical.draggable.id],u=t.current.page.borderBoxCenter,p=t.dimensions,f=p.draggables,g=p.droppables;return c?vg({isMovingForward:d,previousPageBorderBoxCenter:u,draggable:m,destination:i,draggables:f,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):Ng({isMovingForward:d,previousPageBorderBoxCenter:u,draggable:m,isOver:i,draggables:f,droppables:g,viewport:t.viewport,afterCritical:t.afterCritical})});function en(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function ic(e){var t=lt(e.top,e.bottom),n=lt(e.left,e.right);return function(a){return t(a.y)&&n(a.x)}}function kg(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function Mg(e){var t=e.pageBorderBox,n=e.draggable,o=e.candidates,a=n.page.borderBox.center,s=o.map(function(i){var l=i.axis,c=Zt(i.axis.line,t.center[l.line],i.page.borderBox.center[l.crossAxisLine]);return{id:i.descriptor.id,distance:Gn(a,c)}}).sort(function(i,l){return l.distance-i.distance});return s[0]?s[0].id:null}function Lg(e){var t=e.pageBorderBox,n=e.draggable,o=e.droppables,a=Fo(o).filter(function(s){if(!s.isEnabled)return!1;var i=s.subject.active;if(!i||!kg(t,i))return!1;if(ic(i)(t.center))return!0;var l=s.axis,c=i.center[l.crossAxisLine],d=t[l.crossAxisStart],m=t[l.crossAxisEnd],u=lt(i[l.crossAxisStart],i[l.crossAxisEnd]),p=u(d),f=u(m);return!p&&!f?!0:p?d<c:m>c});return a.length?a.length===1?a[0].descriptor.id:Mg({pageBorderBox:t,draggable:n,candidates:a}):null}var lc=function(t,n){return St(Un(t,n))},_g=(function(e,t){var n=e.frame;return n?lc(t,n.scroll.diff.value):t});function cc(e){var t=e.displaced,n=e.id;return!!(t.visible[n]||t.invisible[n])}function Pg(e){var t=e.draggable,n=e.closest,o=e.inHomeList;return n?o&&n.descriptor.index>t.descriptor.index?n.descriptor.index-1:n.descriptor.index:null}var Bg=(function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,o=e.destination,a=e.insideDestination,s=e.last,i=e.viewport,l=e.afterCritical,c=o.axis,d=Yn(o.axis,n.displaceBy),m=d.value,u=t[c.start],p=t[c.end],f=$o(n,a),g=$t(f,function(y){var v=y.descriptor.id,h=y.page.borderBox.center[c.line],x=Vt(v,l),C=cc({displaced:s,id:v});return x?C?p<=h:u<h-m:C?p<=h+m:u<h}),b=Pg({draggable:n,closest:g,inHomeList:En(n,o)});return Vo({draggable:n,insideDestination:a,destination:o,viewport:i,last:s,displacedBy:d,index:b})}),Og=4,Rg=(function(e){var t=e.draggable,n=e.pageBorderBoxWithDroppableScroll,o=e.previousImpact,a=e.destination,s=e.insideDestination,i=e.afterCritical;if(!a.isCombineEnabled)return null;var l=a.axis,c=Yn(a.axis,t.displaceBy),d=c.value,m=n[l.start],u=n[l.end],p=$o(t,s),f=$t(p,function(b){var y=b.descriptor.id,v=b.page.borderBox,h=v[l.size],x=h/Og,C=Vt(y,i),w=cc({displaced:o.displaced,id:y});return C?w?u>v[l.start]+x&&u<v[l.end]-x:m>v[l.start]-d+x&&m<v[l.end]-d-x:w?u>v[l.start]+d+x&&u<v[l.end]+d-x:m>v[l.start]+x&&m<v[l.end]-x});if(!f)return null;var g={displacedBy:c,displaced:o.displaced,at:{type:"COMBINE",combine:{draggableId:f.descriptor.id,droppableId:a.descriptor.id}}};return g}),dc=(function(e){var t=e.pageOffset,n=e.draggable,o=e.draggables,a=e.droppables,s=e.previousImpact,i=e.viewport,l=e.afterCritical,c=lc(n.page.borderBox,t),d=Lg({pageBorderBox:c,draggable:n,droppables:a});if(!d)return JS;var m=a[d],u=Qt(m.descriptor.id,o),p=_g(m,c);return Rg({pageBorderBoxWithDroppableScroll:p,draggable:n,previousImpact:s,destination:m,insideDestination:u,afterCritical:l})||Bg({pageBorderBoxWithDroppableScroll:p,draggable:n,destination:m,insideDestination:u,last:s.displaced,viewport:i,afterCritical:l})}),ha=(function(e,t){var n;return pe({},e,(n={},n[t.descriptor.id]=t,n))}),Fg=function(t){var n=t.previousImpact,o=t.impact,a=t.droppables,s=et(n),i=et(o);if(!s||s===i)return a;var l=a[s];if(!l.subject.withPlaceholder)return a;var c=Cg(l);return ha(a,c)},Ag=(function(e){var t=e.draggable,n=e.draggables,o=e.droppables,a=e.previousImpact,s=e.impact,i=Fg({previousImpact:a,impact:s,droppables:o}),l=et(s);if(!l)return i;var c=o[l];if(En(t,c)||c.subject.withPlaceholder)return i;var d=sc(c,t,n);return ha(i,d)}),qn=(function(e){var t=e.state,n=e.clientSelection,o=e.dimensions,a=e.viewport,s=e.impact,i=e.scrollJumpRequest,l=a||t.viewport,c=o||t.dimensions,d=n||t.current.client.selection,m=Qe(d,t.initial.client.selection),u={offset:m,selection:d,borderBoxCenter:Ve(t.initial.client.borderBoxCenter,m)},p={selection:Ve(u.selection,l.scroll.current),borderBoxCenter:Ve(u.borderBoxCenter,l.scroll.current),offset:Ve(u.offset,l.scroll.diff.value)},f={client:u,page:p};if(t.phase==="COLLECTING")return pe({phase:"COLLECTING"},t,{dimensions:c,viewport:l,current:f});var g=c.draggables[t.critical.draggable.id],b=s||dc({pageOffset:p.offset,draggable:g,draggables:c.draggables,droppables:c.droppables,previousImpact:t.impact,viewport:l,afterCritical:t.afterCritical}),y=Ag({draggable:g,impact:b,previousImpact:t.impact,draggables:c.draggables,droppables:c.droppables}),v=pe({},t,{current:f,dimensions:{draggables:c.draggables,droppables:y},impact:b,viewport:l,scrollJumpRequest:i||null,forceShouldAnimate:i?!1:null});return v});function $g(e,t){return e.map(function(n){return t[n]})}var pc=(function(e){var t=e.impact,n=e.viewport,o=e.draggables,a=e.destination,s=e.forceShouldAnimate,i=t.displaced,l=$g(i.all,o),c=jn({afterDragging:l,destination:a,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:s,last:i});return pe({},t,{displaced:c})}),uc=(function(e){var t=e.impact,n=e.draggable,o=e.droppable,a=e.draggables,s=e.viewport,i=e.afterCritical,l=Ko({impact:t,draggable:n,draggables:a,droppable:o,afterCritical:i});return ga({pageBorderBoxCenter:l,draggable:n,viewport:s})}),mc=(function(e){var t=e.state,n=e.dimensions,o=e.viewport;t.movementMode!=="SNAP"&&(process.env.NODE_ENV,B());var a=t.impact,s=o||t.viewport,i=n||t.dimensions,l=i.draggables,c=i.droppables,d=l[t.critical.draggable.id],m=et(a);m||(process.env.NODE_ENV!=="production"?B(!1,"Must be over a destination in SNAP movement mode"):B());var u=c[m],p=pc({impact:a,viewport:s,destination:u,draggables:l}),f=uc({impact:p,draggable:d,droppable:u,draggables:l,viewport:s,afterCritical:t.afterCritical});return qn({impact:p,clientSelection:f,state:t,dimensions:i,viewport:s})}),Vg=(function(e){return{index:e.index,droppableId:e.droppableId}}),fc=(function(e){var t=e.draggable,n=e.home,o=e.draggables,a=e.viewport,s=Yn(n.axis,t.displaceBy),i=Qt(n.descriptor.id,o),l=i.indexOf(t);l===-1&&(process.env.NODE_ENV!=="production"?B(!1,"Expected draggable to be inside home list"):B());var c=i.slice(l+1),d=c.reduce(function(f,g){return f[g.descriptor.id]=!0,f},{}),m={inVirtualList:n.descriptor.mode==="virtual",displacedBy:s,effected:d},u=jn({afterDragging:c,destination:n,displacedBy:s,last:null,viewport:a.frame,forceShouldAnimate:!1}),p={displaced:u,displacedBy:s,at:{type:"REORDER",destination:Vg(t.descriptor)}};return{impact:p,afterCritical:m}}),Kg=(function(e,t){return{draggables:e.draggables,droppables:ha(e.droppables,t)}}),Jn=function(t){process.env.NODE_ENV},Xn=function(t){process.env.NODE_ENV},Hg=(function(e){var t=e.draggable,n=e.offset,o=e.initialWindowScroll,a=_o(t.client,n),s=Po(a,o),i=pe({},t,{placeholder:pe({},t.placeholder,{client:a}),client:a,page:s});return i}),Wg=(function(e){var t=e.frame;return t||(process.env.NODE_ENV!=="production"?B(!1,"Expected Droppable to have a frame"):B()),t}),Gg=(function(e){var t=e.additions,n=e.updatedDroppables,o=e.viewport,a=o.scroll.diff.value;return t.map(function(s){var i=s.descriptor.droppableId,l=n[i],c=Wg(l),d=c.scroll.diff.value,m=Ve(a,d),u=Hg({draggable:s,offset:m,initialWindowScroll:o.scroll.initial});return u})}),Ug=(function(e){var t=e.state,n=e.published;Jn();var o=n.modified.map(function(x){var C=t.dimensions.droppables[x.droppableId],w=ca(C,x.scroll);return w}),a=pe({},t.dimensions.droppables,{},Ul(o)),s=zl(Gg({additions:n.additions,updatedDroppables:a,viewport:t.viewport})),i=pe({},t.dimensions.draggables,{},s);n.removals.forEach(function(x){delete i[x]});var l={droppables:a,draggables:i},c=et(t.impact),d=c?l.droppables[c]:null,m=l.draggables[t.critical.draggable.id],u=l.droppables[t.critical.droppable.id],p=fc({draggable:m,home:u,draggables:i,viewport:t.viewport}),f=p.impact,g=p.afterCritical,b=d&&d.isCombineEnabled?t.impact:f,y=dc({pageOffset:t.current.page.offset,draggable:l.draggables[t.critical.draggable.id],draggables:l.draggables,droppables:l.droppables,previousImpact:b,viewport:t.viewport,afterCritical:g});Xn();var v=pe({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:y,onLiftImpact:f,dimensions:l,afterCritical:g,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return v;var h=pe({phase:"DROP_PENDING"},v,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return h}),ba=function(t){return t.movementMode==="SNAP"},va=function(t,n,o){var a=Kg(t.dimensions,n);return!ba(t)||o?qn({state:t,dimensions:a}):mc({state:t,dimensions:a})};function ya(e){return e.isDragging&&e.movementMode==="SNAP"?pe({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var Sc={phase:"IDLE",completed:null,shouldFlush:!1},zg=(function(e,t){if(e===void 0&&(e=Sc),t.type==="FLUSH")return pe({},Sc,{shouldFlush:!0});if(t.type==="INITIAL_PUBLISH"){e.phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?B(!1,"INITIAL_PUBLISH must come after a IDLE phase"):B());var n=t.payload,o=n.critical,a=n.clientSelection,s=n.viewport,i=n.dimensions,l=n.movementMode,c=i.draggables[o.draggable.id],d=i.droppables[o.droppable.id],m={selection:a,borderBoxCenter:c.client.borderBox.center,offset:Re},u={client:m,page:{selection:Ve(m.selection,s.scroll.initial),borderBoxCenter:Ve(m.selection,s.scroll.initial),offset:Ve(m.selection,s.scroll.diff.value)}},p=Fo(i.droppables).every(function(z){return!z.isFixedOnPage}),f=fc({draggable:c,home:d,draggables:i.draggables,viewport:s}),g=f.impact,b=f.afterCritical,y={phase:"DRAGGING",isDragging:!0,critical:o,movementMode:l,dimensions:i,initial:u,current:u,isWindowScrollAllowed:p,impact:g,afterCritical:b,onLiftImpact:g,viewport:s,scrollJumpRequest:null,forceShouldAnimate:null};return y}if(t.type==="COLLECTION_STARTING"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?B(!1,"Collection cannot start from phase "+e.phase):B());var v=pe({phase:"COLLECTING"},e,{phase:"COLLECTING"});return v}if(t.type==="PUBLISH_WHILE_DRAGGING")return e.phase==="COLLECTING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?B(!1,"Unexpected "+t.type+" received in phase "+e.phase):B()),Ug({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;en(e)||(process.env.NODE_ENV!=="production"?B(!1,t.type+" not permitted in phase "+e.phase):B());var h=t.payload.client;return At(h,e.current.client.selection)?e:qn({state:e,clientSelection:h,impact:ba(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return ya(e);en(e)||(process.env.NODE_ENV!=="production"?B(!1,t.type+" not permitted in phase "+e.phase):B());var x=t.payload,C=x.id,w=x.newScroll,M=e.dimensions.droppables[C];if(!M)return e;var P=ca(M,w);return va(e,P,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;en(e)||(process.env.NODE_ENV!=="production"?B(!1,"Attempting to move in an unsupported phase "+e.phase):B());var O=t.payload,_=O.id,F=O.isEnabled,W=e.dimensions.droppables[_];W||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find Droppable[id: "+_+"] to toggle its enabled state"):B()),W.isEnabled===F&&(process.env.NODE_ENV!=="production"?B(!1,"Trying to set droppable isEnabled to "+String(F)+`
399
+ but it is already `+String(W.isEnabled)):B());var Z=pe({},W,{isEnabled:F});return va(e,Z,!0)}if(t.type==="UPDATE_DROPPABLE_IS_COMBINE_ENABLED"){if(e.phase==="DROP_PENDING")return e;en(e)||(process.env.NODE_ENV!=="production"?B(!1,"Attempting to move in an unsupported phase "+e.phase):B());var K=t.payload,E=K.id,V=K.isCombineEnabled,R=e.dimensions.droppables[E];R||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find Droppable[id: "+E+"] to toggle its isCombineEnabled state"):B()),R.isCombineEnabled===V&&(process.env.NODE_ENV!=="production"?B(!1,"Trying to set droppable isCombineEnabled to "+String(V)+`
400
+ but it is already `+String(R.isCombineEnabled)):B());var k=pe({},R,{isCombineEnabled:V});return va(e,k,!0)}if(t.type==="MOVE_BY_WINDOW_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="DROP_ANIMATING")return e;en(e)||(process.env.NODE_ENV!=="production"?B(!1,"Cannot move by window in phase "+e.phase):B()),e.isWindowScrollAllowed||(process.env.NODE_ENV!=="production"?B(!1,"Window scrolling is currently not supported for fixed lists"):B());var Y=t.payload.newScroll;if(At(e.viewport.scroll.current,Y))return ya(e);var N=tc(e.viewport,Y);return ba(e)?mc({state:e,viewport:N}):qn({state:e,viewport:N})}if(t.type==="UPDATE_VIEWPORT_MAX_SCROLL"){if(!en(e))return e;var D=t.payload.maxScroll;if(At(D,e.viewport.scroll.max))return e;var L=pe({},e.viewport,{scroll:pe({},e.viewport.scroll,{max:D})});return pe({phase:"DRAGGING"},e,{viewport:L})}if(t.type==="MOVE_UP"||t.type==="MOVE_DOWN"||t.type==="MOVE_LEFT"||t.type==="MOVE_RIGHT"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?B(!1,t.type+" received while not in DRAGGING phase"):B());var q=xg({state:e,type:t.type});return q?qn({state:e,impact:q.impact,clientSelection:q.clientSelection,scrollJumpRequest:q.scrollJumpRequest}):e}if(t.type==="DROP_PENDING"){var Q=t.payload.reason;e.phase!=="COLLECTING"&&(process.env.NODE_ENV!=="production"?B(!1,"Can only move into the DROP_PENDING phase from the COLLECTING phase"):B());var ne=pe({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:Q});return ne}if(t.type==="DROP_ANIMATE"){var oe=t.payload,U=oe.completed,X=oe.dropDuration,J=oe.newHomeClientOffset;e.phase==="DRAGGING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?B(!1,"Cannot animate drop from phase "+e.phase):B());var G={phase:"DROP_ANIMATING",completed:U,dropDuration:X,newHomeClientOffset:J,dimensions:e.dimensions};return G}if(t.type==="DROP_COMPLETE"){var ee=t.payload.completed;return{phase:"IDLE",completed:ee,shouldFlush:!1}}return e}),jg=function(t){return{type:"BEFORE_INITIAL_CAPTURE",payload:t}},Yg=function(t){return{type:"LIFT",payload:t}},qg=function(t){return{type:"INITIAL_PUBLISH",payload:t}},Jg=function(t){return{type:"PUBLISH_WHILE_DRAGGING",payload:t}},Xg=function(){return{type:"COLLECTION_STARTING",payload:null}},Zg=function(t){return{type:"UPDATE_DROPPABLE_SCROLL",payload:t}},Qg=function(t){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:t}},eh=function(t){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:t}},gc=function(t){return{type:"MOVE",payload:t}},th=function(t){return{type:"MOVE_BY_WINDOW_SCROLL",payload:t}},nh=function(t){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:t}},oh=function(){return{type:"MOVE_UP",payload:null}},rh=function(){return{type:"MOVE_DOWN",payload:null}},ah=function(){return{type:"MOVE_RIGHT",payload:null}},sh=function(){return{type:"MOVE_LEFT",payload:null}},Ta=function(){return{type:"FLUSH",payload:null}},ih=function(t){return{type:"DROP_ANIMATE",payload:t}},Ea=function(t){return{type:"DROP_COMPLETE",payload:t}},hc=function(t){return{type:"DROP",payload:t}},lh=function(t){return{type:"DROP_PENDING",payload:t}},bc=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}};function ch(e){if(!(e.length<=1)){for(var t=e.map(function(l){return l.descriptor.index}),n={},o=1;o<t.length;o++){var a=t[o],s=t[o-1];a!==s+1&&(n[a]=!0)}if(Object.keys(n).length){var i=t.map(function(l){var c=!!n[l];return c?"[🔥"+l+"]":""+l}).join(", ");process.env.NODE_ENV!=="production"&&Ce(`
401
401
  Detected non-consecutive <Draggable /> indexes.
402
402
 
403
403
  (This can cause unexpected bugs)
404
404
 
405
405
  `+i+`
406
- `)}}}function dh(e,t){if(process.env.NODE_ENV!=="production"){var n=Qt(e.droppable.id,t.draggables);ch(n)}}var ph=(function(e){return function(t){var n=t.getState,o=t.dispatch;return function(a){return function(s){if(s.type!=="LIFT"){a(s);return}var i=s.payload,l=i.id,c=i.clientSelection,d=i.movementMode,m=n();m.phase==="DROP_ANIMATING"&&o(Ea({completed:m.completed})),n().phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?P(!1,"Unexpected phase to start a drag"):P()),o(Ta()),o(jg({draggableId:l,movementMode:d}));var u={shouldPublishImmediately:d==="SNAP"},p={draggableId:l,scrollOptions:u},f=e.startPublishing(p),g=f.critical,b=f.dimensions,y=f.viewport;dh(g,b),o(qg({critical:g,dimensions:b,clientSelection:c,movementMode:d,viewport:y}))}}}}),uh=(function(e){return function(){return function(t){return function(n){n.type==="INITIAL_PUBLISH"&&e.dragging(),n.type==="DROP_ANIMATE"&&e.dropping(n.payload.completed.result.reason),(n.type==="FLUSH"||n.type==="DROP_COMPLETE")&&e.resting(),t(n)}}}}),wa={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},Zn={opacity:{drop:0,combining:.7},scale:{drop:.75}},Ca={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},tn=Ca.outOfTheWay+"s "+wa.outOfTheWay,Qn={fluid:"opacity "+tn,snap:"transform "+tn+", opacity "+tn,drop:function(t){var n=t+"s "+wa.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+tn,placeholder:"height "+tn+", width "+tn+", margin "+tn},vc=function(t){return At(t,Re)?null:"translate("+t.x+"px, "+t.y+"px)"},Da={moveTo:vc,drop:function(t,n){var o=vc(t);return o?n?o+" scale("+Zn.scale.drop+")":o:null}},Na=Ca.minDropTime,yc=Ca.maxDropTime,mh=yc-Na,Tc=1500,fh=.6,Sh=(function(e){var t=e.current,n=e.destination,o=e.reason,a=Gn(t,n);if(a<=0)return Na;if(a>=Tc)return yc;var s=a/Tc,i=Na+mh*s,l=o==="CANCEL"?i*fh:i;return Number(l.toFixed(2))}),gh=(function(e){var t=e.impact,n=e.draggable,o=e.dimensions,a=e.viewport,s=e.afterCritical,i=o.draggables,l=o.droppables,c=et(t),d=c?l[c]:null,m=l[n.descriptor.droppableId],u=uc({impact:t,draggable:n,draggables:i,afterCritical:s,droppable:d||m,viewport:a}),p=Qe(u,n.client.borderBox.center);return p}),hh=(function(e){var t=e.draggables,n=e.reason,o=e.lastImpact,a=e.home,s=e.viewport,i=e.onLiftImpact;if(!o.at||n!=="DROP"){var l=pc({draggables:t,impact:i,destination:a,viewport:s,forceShouldAnimate:!0});return{impact:l,didDropInsideDroppable:!1}}if(o.at.type==="REORDER")return{impact:o,didDropInsideDroppable:!0};var c=pe({},o,{displaced:zn});return{impact:c,didDropInsideDroppable:!0}}),bh=(function(e){var t=e.getState,n=e.dispatch;return function(o){return function(a){if(a.type!=="DROP"){o(a);return}var s=t(),i=a.payload.reason;if(s.phase==="COLLECTING"){n(lh({reason:i}));return}if(s.phase!=="IDLE"){var l=s.phase==="DROP_PENDING"&&s.isWaiting;l&&(process.env.NODE_ENV!=="production"?P(!1,"A DROP action occurred while DROP_PENDING and still waiting"):P()),s.phase==="DRAGGING"||s.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?P(!1,"Cannot drop in phase: "+s.phase):P());var c=s.critical,d=s.dimensions,m=d.draggables[s.critical.draggable.id],u=hh({reason:i,lastImpact:s.impact,afterCritical:s.afterCritical,onLiftImpact:s.onLiftImpact,home:s.dimensions.droppables[s.critical.droppable.id],viewport:s.viewport,draggables:s.dimensions.draggables}),p=u.impact,f=u.didDropInsideDroppable,g=f?pa(p):null,b=f?Ao(p):null,y={index:c.draggable.index,droppableId:c.droppable.id},v={draggableId:m.descriptor.id,type:m.descriptor.type,source:y,reason:i,mode:s.movementMode,destination:g,combine:b},h=gh({impact:p,draggable:m,dimensions:d,viewport:s.viewport,afterCritical:s.afterCritical}),x={critical:s.critical,afterCritical:s.afterCritical,result:v,impact:p},D=!At(s.current.client.offset,h)||!!v.combine;if(!D){n(Ea({completed:x}));return}var w=Sh({current:s.current.client.offset,destination:h,reason:i}),k={newHomeClientOffset:h,dropDuration:w,completed:x};n(ih(k))}}}}),Ec=(function(){return{x:window.pageXOffset,y:window.pageYOffset}});function vh(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(n){n.target!==window&&n.target!==window.document||e()}}}function yh(e){var t=e.onWindowScroll;function n(){t(Ec())}var o=Hn(n),a=vh(o),s=Ft;function i(){return s!==Ft}function l(){i()&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot start scroll listener when already active"):P()),s=it(window,[a])}function c(){i()||(process.env.NODE_ENV!=="production"?P(!1,"Cannot stop scroll listener when not active"):P()),o.cancel(),s(),s=Ft}return{start:l,stop:c,isActive:i}}var Th=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Eh=(function(e){var t=yh({onWindowScroll:function(o){e.dispatch(th({newScroll:o}))}});return function(n){return function(o){!t.isActive()&&o.type==="INITIAL_PUBLISH"&&t.start(),t.isActive()&&Th(o)&&t.stop(),n(o)}}}),wh=(function(e){var t=!1,n=!1,o=setTimeout(function(){n=!0}),a=function(i){if(t){process.env.NODE_ENV!=="production"&&Ce("Announcement already made. Not making a second announcement");return}if(n){process.env.NODE_ENV!=="production"&&Ce(`
406
+ `)}}}function dh(e,t){if(process.env.NODE_ENV!=="production"){var n=Qt(e.droppable.id,t.draggables);ch(n)}}var ph=(function(e){return function(t){var n=t.getState,o=t.dispatch;return function(a){return function(s){if(s.type!=="LIFT"){a(s);return}var i=s.payload,l=i.id,c=i.clientSelection,d=i.movementMode,m=n();m.phase==="DROP_ANIMATING"&&o(Ea({completed:m.completed})),n().phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?B(!1,"Unexpected phase to start a drag"):B()),o(Ta()),o(jg({draggableId:l,movementMode:d}));var u={shouldPublishImmediately:d==="SNAP"},p={draggableId:l,scrollOptions:u},f=e.startPublishing(p),g=f.critical,b=f.dimensions,y=f.viewport;dh(g,b),o(qg({critical:g,dimensions:b,clientSelection:c,movementMode:d,viewport:y}))}}}}),uh=(function(e){return function(){return function(t){return function(n){n.type==="INITIAL_PUBLISH"&&e.dragging(),n.type==="DROP_ANIMATE"&&e.dropping(n.payload.completed.result.reason),(n.type==="FLUSH"||n.type==="DROP_COMPLETE")&&e.resting(),t(n)}}}}),wa={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},Zn={opacity:{drop:0,combining:.7},scale:{drop:.75}},Ca={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},tn=Ca.outOfTheWay+"s "+wa.outOfTheWay,Qn={fluid:"opacity "+tn,snap:"transform "+tn+", opacity "+tn,drop:function(t){var n=t+"s "+wa.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+tn,placeholder:"height "+tn+", width "+tn+", margin "+tn},vc=function(t){return At(t,Re)?null:"translate("+t.x+"px, "+t.y+"px)"},Da={moveTo:vc,drop:function(t,n){var o=vc(t);return o?n?o+" scale("+Zn.scale.drop+")":o:null}},Na=Ca.minDropTime,yc=Ca.maxDropTime,mh=yc-Na,Tc=1500,fh=.6,Sh=(function(e){var t=e.current,n=e.destination,o=e.reason,a=Gn(t,n);if(a<=0)return Na;if(a>=Tc)return yc;var s=a/Tc,i=Na+mh*s,l=o==="CANCEL"?i*fh:i;return Number(l.toFixed(2))}),gh=(function(e){var t=e.impact,n=e.draggable,o=e.dimensions,a=e.viewport,s=e.afterCritical,i=o.draggables,l=o.droppables,c=et(t),d=c?l[c]:null,m=l[n.descriptor.droppableId],u=uc({impact:t,draggable:n,draggables:i,afterCritical:s,droppable:d||m,viewport:a}),p=Qe(u,n.client.borderBox.center);return p}),hh=(function(e){var t=e.draggables,n=e.reason,o=e.lastImpact,a=e.home,s=e.viewport,i=e.onLiftImpact;if(!o.at||n!=="DROP"){var l=pc({draggables:t,impact:i,destination:a,viewport:s,forceShouldAnimate:!0});return{impact:l,didDropInsideDroppable:!1}}if(o.at.type==="REORDER")return{impact:o,didDropInsideDroppable:!0};var c=pe({},o,{displaced:zn});return{impact:c,didDropInsideDroppable:!0}}),bh=(function(e){var t=e.getState,n=e.dispatch;return function(o){return function(a){if(a.type!=="DROP"){o(a);return}var s=t(),i=a.payload.reason;if(s.phase==="COLLECTING"){n(lh({reason:i}));return}if(s.phase!=="IDLE"){var l=s.phase==="DROP_PENDING"&&s.isWaiting;l&&(process.env.NODE_ENV!=="production"?B(!1,"A DROP action occurred while DROP_PENDING and still waiting"):B()),s.phase==="DRAGGING"||s.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?B(!1,"Cannot drop in phase: "+s.phase):B());var c=s.critical,d=s.dimensions,m=d.draggables[s.critical.draggable.id],u=hh({reason:i,lastImpact:s.impact,afterCritical:s.afterCritical,onLiftImpact:s.onLiftImpact,home:s.dimensions.droppables[s.critical.droppable.id],viewport:s.viewport,draggables:s.dimensions.draggables}),p=u.impact,f=u.didDropInsideDroppable,g=f?pa(p):null,b=f?Ao(p):null,y={index:c.draggable.index,droppableId:c.droppable.id},v={draggableId:m.descriptor.id,type:m.descriptor.type,source:y,reason:i,mode:s.movementMode,destination:g,combine:b},h=gh({impact:p,draggable:m,dimensions:d,viewport:s.viewport,afterCritical:s.afterCritical}),x={critical:s.critical,afterCritical:s.afterCritical,result:v,impact:p},C=!At(s.current.client.offset,h)||!!v.combine;if(!C){n(Ea({completed:x}));return}var w=Sh({current:s.current.client.offset,destination:h,reason:i}),M={newHomeClientOffset:h,dropDuration:w,completed:x};n(ih(M))}}}}),Ec=(function(){return{x:window.pageXOffset,y:window.pageYOffset}});function vh(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(n){n.target!==window&&n.target!==window.document||e()}}}function yh(e){var t=e.onWindowScroll;function n(){t(Ec())}var o=Hn(n),a=vh(o),s=Ft;function i(){return s!==Ft}function l(){i()&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot start scroll listener when already active"):B()),s=it(window,[a])}function c(){i()||(process.env.NODE_ENV!=="production"?B(!1,"Cannot stop scroll listener when not active"):B()),o.cancel(),s(),s=Ft}return{start:l,stop:c,isActive:i}}var Th=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Eh=(function(e){var t=yh({onWindowScroll:function(o){e.dispatch(th({newScroll:o}))}});return function(n){return function(o){!t.isActive()&&o.type==="INITIAL_PUBLISH"&&t.start(),t.isActive()&&Th(o)&&t.stop(),n(o)}}}),wh=(function(e){var t=!1,n=!1,o=setTimeout(function(){n=!0}),a=function(i){if(t){process.env.NODE_ENV!=="production"&&Ce("Announcement already made. Not making a second announcement");return}if(n){process.env.NODE_ENV!=="production"&&Ce(`
407
407
  Announcements cannot be made asynchronously.
408
408
  Default message has already been announced.
409
- `);return}t=!0,e(i),clearTimeout(o)};return a.wasCalled=function(){return t},a}),Ch=(function(){var e=[],t=function(s){var i=da(e,function(d){return d.timerId===s});i===-1&&(process.env.NODE_ENV!=="production"?P(!1,"Could not find timer"):P());var l=e.splice(i,1),c=l[0];c.callback()},n=function(s){var i=setTimeout(function(){return t(i)}),l={timerId:i,callback:s};e.push(l)},o=function(){if(e.length){var s=[].concat(e);e.length=0,s.forEach(function(i){clearTimeout(i.timerId),i.callback()})}};return{add:n,flush:o}}),Dh=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},Nh=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},Ih=function(t,n){if(t===n)return!0;var o=t.draggable.id===n.draggable.id&&t.draggable.droppableId===n.draggable.droppableId&&t.draggable.type===n.draggable.type&&t.draggable.index===n.draggable.index,a=t.droppable.id===n.droppable.id&&t.droppable.type===n.droppable.type;return o&&a},eo=function(t,n){Jn(),n(),Xn()},Ho=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},Ia=function(t,n,o,a){if(!t){o(a(n));return}var s=wh(o),i={announce:s};t(n,i),s.wasCalled()||o(a(n))},xh=(function(e,t){var n=Ch(),o=null,a=function(p,f){o&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot fire onBeforeCapture as a drag start has already been published"):P()),eo("onBeforeCapture",function(){var g=e().onBeforeCapture;if(g){var b={draggableId:p,mode:f};g(b)}})},s=function(p,f){o&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):P()),eo("onBeforeDragStart",function(){var g=e().onBeforeDragStart;g&&g(Ho(p,f))})},i=function(p,f){o&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):P());var g=Ho(p,f);o={mode:f,lastCritical:p,lastLocation:g.source,lastCombine:null},n.add(function(){eo("onDragStart",function(){return Ia(e().onDragStart,g,t,Oo.onDragStart)})})},l=function(p,f){var g=pa(f),b=Ao(f);o||(process.env.NODE_ENV!=="production"?P(!1,"Cannot fire onDragMove when onDragStart has not been called"):P());var y=!Ih(p,o.lastCritical);y&&(o.lastCritical=p);var v=!Dh(o.lastLocation,g);v&&(o.lastLocation=g);var h=!Nh(o.lastCombine,b);if(h&&(o.lastCombine=b),!(!y&&!v&&!h)){var x=pe({},Ho(p,o.mode),{combine:b,destination:g});n.add(function(){eo("onDragUpdate",function(){return Ia(e().onDragUpdate,x,t,Oo.onDragUpdate)})})}},c=function(){o||(process.env.NODE_ENV!=="production"?P(!1,"Can only flush responders while dragging"):P()),n.flush()},d=function(p){o||(process.env.NODE_ENV!=="production"?P(!1,"Cannot fire onDragEnd when there is no matching onDragStart"):P()),o=null,eo("onDragEnd",function(){return Ia(e().onDragEnd,p,t,Oo.onDragEnd)})},m=function(){if(o){var p=pe({},Ho(o.lastCritical,o.mode),{combine:null,destination:null,reason:"CANCEL"});d(p)}};return{beforeCapture:a,beforeStart:s,start:i,update:l,flush:c,drop:d,abort:m}}),kh=(function(e,t){var n=xh(e,t);return function(o){return function(a){return function(s){if(s.type==="BEFORE_INITIAL_CAPTURE"){n.beforeCapture(s.payload.draggableId,s.payload.movementMode);return}if(s.type==="INITIAL_PUBLISH"){var i=s.payload.critical;n.beforeStart(i,s.payload.movementMode),a(s),n.start(i,s.payload.movementMode);return}if(s.type==="DROP_COMPLETE"){var l=s.payload.completed.result;n.flush(),a(s),n.drop(l);return}if(a(s),s.type==="FLUSH"){n.abort();return}var c=o.getState();c.phase==="DRAGGING"&&n.update(c.critical,c.impact)}}}}),Mh=(function(e){return function(t){return function(n){if(n.type!=="DROP_ANIMATION_FINISHED"){t(n);return}var o=e.getState();o.phase!=="DROP_ANIMATING"&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot finish a drop animating when no drop is occurring"):P()),e.dispatch(Ea({completed:o.completed}))}}}),Lh=(function(e){var t=null,n=null;function o(){n&&(cancelAnimationFrame(n),n=null),t&&(t(),t=null)}return function(a){return function(s){if((s.type==="FLUSH"||s.type==="DROP_COMPLETE"||s.type==="DROP_ANIMATION_FINISHED")&&o(),a(s),s.type==="DROP_ANIMATE"){var i={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){var c=e.getState();c.phase==="DROP_ANIMATING"&&e.dispatch(bc())}};n=requestAnimationFrame(function(){n=null,t=it(window,[i])})}}}}),_h=(function(e){return function(){return function(t){return function(n){(n.type==="DROP_COMPLETE"||n.type==="FLUSH"||n.type==="DROP_ANIMATE")&&e.stopPublishing(),t(n)}}}}),Ph=(function(e){var t=!1;return function(){return function(n){return function(o){if(o.type==="INITIAL_PUBLISH"){t=!0,e.tryRecordFocus(o.payload.critical.draggable.id),n(o),e.tryRestoreFocusRecorded();return}if(n(o),!!t){if(o.type==="FLUSH"){t=!1,e.tryRestoreFocusRecorded();return}if(o.type==="DROP_COMPLETE"){t=!1;var a=o.payload.completed.result;a.combine&&e.tryShiftRecord(a.draggableId,a.combine.draggableId),e.tryRestoreFocusRecorded()}}}}}}),Bh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Oh=(function(e){return function(t){return function(n){return function(o){if(Bh(o)){e.stop(),n(o);return}if(o.type==="INITIAL_PUBLISH"){n(o);var a=t.getState();a.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?P(!1,"Expected phase to be DRAGGING after INITIAL_PUBLISH"):P()),e.start(a);return}n(o),e.scroll(t.getState())}}}}),Rh=(function(e){return function(t){return function(n){if(t(n),n.type==="PUBLISH_WHILE_DRAGGING"){var o=e.getState();o.phase==="DROP_PENDING"&&(o.isWaiting||e.dispatch(hc({reason:o.reason})))}}}}),Fh=process.env.NODE_ENV!=="production"&&typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({name:"react-beautiful-dnd"}):Qi,Ah=(function(e){var t=e.dimensionMarshal,n=e.focusMarshal,o=e.styleMarshal,a=e.getResponders,s=e.announce,i=e.autoScroller;return Ji(zg,Fh(Nf(uh(o),_h(t),ph(t),bh,Mh,Lh,Rh,Oh(i),Eh,Ph(n),kh(a,s))))}),xa=function(){return{additions:{},removals:{},modified:{}}};function $h(e){var t=e.registry,n=e.callbacks,o=xa(),a=null,s=function(){a||(n.collectionStarting(),a=requestAnimationFrame(function(){a=null,Jn();var m=o,u=m.additions,p=m.removals,f=m.modified,g=Object.keys(u).map(function(v){return t.draggable.getById(v).getDimension(Re)}).sort(function(v,h){return v.descriptor.index-h.descriptor.index}),b=Object.keys(f).map(function(v){var h=t.droppable.getById(v),x=h.callbacks.getScrollWhileDragging();return{droppableId:v,scroll:x}}),y={additions:g,removals:Object.keys(p),modified:b};o=xa(),Xn(),n.publish(y)}))},i=function(m){var u=m.descriptor.id;o.additions[u]=m,o.modified[m.descriptor.droppableId]=!0,o.removals[u]&&delete o.removals[u],s()},l=function(m){var u=m.descriptor;o.removals[u.id]=!0,o.modified[u.droppableId]=!0,o.additions[u.id]&&delete o.additions[u.id],s()},c=function(){a&&(cancelAnimationFrame(a),a=null,o=xa())};return{add:i,remove:l,stop:c}}var wc=(function(e){var t=e.scrollHeight,n=e.scrollWidth,o=e.height,a=e.width,s=Qe({x:n,y:t},{x:a,y:o}),i={x:Math.max(0,s.x),y:Math.max(0,s.y)};return i}),Cc=(function(){var e=document.documentElement;return e||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find document.documentElement"):P()),e}),Dc=(function(){var e=Cc(),t=wc({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t}),Vh=(function(){var e=Ec(),t=Dc(),n=e.y,o=e.x,a=Cc(),s=a.clientWidth,i=a.clientHeight,l=o+s,c=n+i,d=St({top:n,left:o,right:l,bottom:c}),m={frame:d,scroll:{initial:e,current:e,max:t,diff:{value:Re,displacement:Re}}};return m}),Kh=(function(e){var t=e.critical,n=e.scrollOptions,o=e.registry;Jn();var a=Vh(),s=a.scroll.current,i=t.droppable,l=o.droppable.getAllByType(i.type).map(function(u){return u.callbacks.getDimensionAndWatchScroll(s,n)}),c=o.draggable.getAllByType(t.draggable.type).map(function(u){return u.getDimension(s)}),d={draggables:zl(c),droppables:Ul(l)};Xn();var m={dimensions:d,critical:t,viewport:a};return m});function Nc(e,t,n){if(n.descriptor.id===t.id||n.descriptor.type!==t.type)return!1;var o=e.droppable.getById(n.descriptor.droppableId);return o.descriptor.mode!=="virtual"?(process.env.NODE_ENV!=="production"&&Ce(`
409
+ `);return}t=!0,e(i),clearTimeout(o)};return a.wasCalled=function(){return t},a}),Ch=(function(){var e=[],t=function(s){var i=da(e,function(d){return d.timerId===s});i===-1&&(process.env.NODE_ENV!=="production"?B(!1,"Could not find timer"):B());var l=e.splice(i,1),c=l[0];c.callback()},n=function(s){var i=setTimeout(function(){return t(i)}),l={timerId:i,callback:s};e.push(l)},o=function(){if(e.length){var s=[].concat(e);e.length=0,s.forEach(function(i){clearTimeout(i.timerId),i.callback()})}};return{add:n,flush:o}}),Dh=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},Nh=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},Ih=function(t,n){if(t===n)return!0;var o=t.draggable.id===n.draggable.id&&t.draggable.droppableId===n.draggable.droppableId&&t.draggable.type===n.draggable.type&&t.draggable.index===n.draggable.index,a=t.droppable.id===n.droppable.id&&t.droppable.type===n.droppable.type;return o&&a},eo=function(t,n){Jn(),n(),Xn()},Ho=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},Ia=function(t,n,o,a){if(!t){o(a(n));return}var s=wh(o),i={announce:s};t(n,i),s.wasCalled()||o(a(n))},xh=(function(e,t){var n=Ch(),o=null,a=function(p,f){o&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot fire onBeforeCapture as a drag start has already been published"):B()),eo("onBeforeCapture",function(){var g=e().onBeforeCapture;if(g){var b={draggableId:p,mode:f};g(b)}})},s=function(p,f){o&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):B()),eo("onBeforeDragStart",function(){var g=e().onBeforeDragStart;g&&g(Ho(p,f))})},i=function(p,f){o&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):B());var g=Ho(p,f);o={mode:f,lastCritical:p,lastLocation:g.source,lastCombine:null},n.add(function(){eo("onDragStart",function(){return Ia(e().onDragStart,g,t,Oo.onDragStart)})})},l=function(p,f){var g=pa(f),b=Ao(f);o||(process.env.NODE_ENV!=="production"?B(!1,"Cannot fire onDragMove when onDragStart has not been called"):B());var y=!Ih(p,o.lastCritical);y&&(o.lastCritical=p);var v=!Dh(o.lastLocation,g);v&&(o.lastLocation=g);var h=!Nh(o.lastCombine,b);if(h&&(o.lastCombine=b),!(!y&&!v&&!h)){var x=pe({},Ho(p,o.mode),{combine:b,destination:g});n.add(function(){eo("onDragUpdate",function(){return Ia(e().onDragUpdate,x,t,Oo.onDragUpdate)})})}},c=function(){o||(process.env.NODE_ENV!=="production"?B(!1,"Can only flush responders while dragging"):B()),n.flush()},d=function(p){o||(process.env.NODE_ENV!=="production"?B(!1,"Cannot fire onDragEnd when there is no matching onDragStart"):B()),o=null,eo("onDragEnd",function(){return Ia(e().onDragEnd,p,t,Oo.onDragEnd)})},m=function(){if(o){var p=pe({},Ho(o.lastCritical,o.mode),{combine:null,destination:null,reason:"CANCEL"});d(p)}};return{beforeCapture:a,beforeStart:s,start:i,update:l,flush:c,drop:d,abort:m}}),kh=(function(e,t){var n=xh(e,t);return function(o){return function(a){return function(s){if(s.type==="BEFORE_INITIAL_CAPTURE"){n.beforeCapture(s.payload.draggableId,s.payload.movementMode);return}if(s.type==="INITIAL_PUBLISH"){var i=s.payload.critical;n.beforeStart(i,s.payload.movementMode),a(s),n.start(i,s.payload.movementMode);return}if(s.type==="DROP_COMPLETE"){var l=s.payload.completed.result;n.flush(),a(s),n.drop(l);return}if(a(s),s.type==="FLUSH"){n.abort();return}var c=o.getState();c.phase==="DRAGGING"&&n.update(c.critical,c.impact)}}}}),Mh=(function(e){return function(t){return function(n){if(n.type!=="DROP_ANIMATION_FINISHED"){t(n);return}var o=e.getState();o.phase!=="DROP_ANIMATING"&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot finish a drop animating when no drop is occurring"):B()),e.dispatch(Ea({completed:o.completed}))}}}),Lh=(function(e){var t=null,n=null;function o(){n&&(cancelAnimationFrame(n),n=null),t&&(t(),t=null)}return function(a){return function(s){if((s.type==="FLUSH"||s.type==="DROP_COMPLETE"||s.type==="DROP_ANIMATION_FINISHED")&&o(),a(s),s.type==="DROP_ANIMATE"){var i={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){var c=e.getState();c.phase==="DROP_ANIMATING"&&e.dispatch(bc())}};n=requestAnimationFrame(function(){n=null,t=it(window,[i])})}}}}),_h=(function(e){return function(){return function(t){return function(n){(n.type==="DROP_COMPLETE"||n.type==="FLUSH"||n.type==="DROP_ANIMATE")&&e.stopPublishing(),t(n)}}}}),Ph=(function(e){var t=!1;return function(){return function(n){return function(o){if(o.type==="INITIAL_PUBLISH"){t=!0,e.tryRecordFocus(o.payload.critical.draggable.id),n(o),e.tryRestoreFocusRecorded();return}if(n(o),!!t){if(o.type==="FLUSH"){t=!1,e.tryRestoreFocusRecorded();return}if(o.type==="DROP_COMPLETE"){t=!1;var a=o.payload.completed.result;a.combine&&e.tryShiftRecord(a.draggableId,a.combine.draggableId),e.tryRestoreFocusRecorded()}}}}}}),Bh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Oh=(function(e){return function(t){return function(n){return function(o){if(Bh(o)){e.stop(),n(o);return}if(o.type==="INITIAL_PUBLISH"){n(o);var a=t.getState();a.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?B(!1,"Expected phase to be DRAGGING after INITIAL_PUBLISH"):B()),e.start(a);return}n(o),e.scroll(t.getState())}}}}),Rh=(function(e){return function(t){return function(n){if(t(n),n.type==="PUBLISH_WHILE_DRAGGING"){var o=e.getState();o.phase==="DROP_PENDING"&&(o.isWaiting||e.dispatch(hc({reason:o.reason})))}}}}),Fh=process.env.NODE_ENV!=="production"&&typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({name:"react-beautiful-dnd"}):Qi,Ah=(function(e){var t=e.dimensionMarshal,n=e.focusMarshal,o=e.styleMarshal,a=e.getResponders,s=e.announce,i=e.autoScroller;return Ji(zg,Fh(Nf(uh(o),_h(t),ph(t),bh,Mh,Lh,Rh,Oh(i),Eh,Ph(n),kh(a,s))))}),xa=function(){return{additions:{},removals:{},modified:{}}};function $h(e){var t=e.registry,n=e.callbacks,o=xa(),a=null,s=function(){a||(n.collectionStarting(),a=requestAnimationFrame(function(){a=null,Jn();var m=o,u=m.additions,p=m.removals,f=m.modified,g=Object.keys(u).map(function(v){return t.draggable.getById(v).getDimension(Re)}).sort(function(v,h){return v.descriptor.index-h.descriptor.index}),b=Object.keys(f).map(function(v){var h=t.droppable.getById(v),x=h.callbacks.getScrollWhileDragging();return{droppableId:v,scroll:x}}),y={additions:g,removals:Object.keys(p),modified:b};o=xa(),Xn(),n.publish(y)}))},i=function(m){var u=m.descriptor.id;o.additions[u]=m,o.modified[m.descriptor.droppableId]=!0,o.removals[u]&&delete o.removals[u],s()},l=function(m){var u=m.descriptor;o.removals[u.id]=!0,o.modified[u.droppableId]=!0,o.additions[u.id]&&delete o.additions[u.id],s()},c=function(){a&&(cancelAnimationFrame(a),a=null,o=xa())};return{add:i,remove:l,stop:c}}var wc=(function(e){var t=e.scrollHeight,n=e.scrollWidth,o=e.height,a=e.width,s=Qe({x:n,y:t},{x:a,y:o}),i={x:Math.max(0,s.x),y:Math.max(0,s.y)};return i}),Cc=(function(){var e=document.documentElement;return e||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find document.documentElement"):B()),e}),Dc=(function(){var e=Cc(),t=wc({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t}),Vh=(function(){var e=Ec(),t=Dc(),n=e.y,o=e.x,a=Cc(),s=a.clientWidth,i=a.clientHeight,l=o+s,c=n+i,d=St({top:n,left:o,right:l,bottom:c}),m={frame:d,scroll:{initial:e,current:e,max:t,diff:{value:Re,displacement:Re}}};return m}),Kh=(function(e){var t=e.critical,n=e.scrollOptions,o=e.registry;Jn();var a=Vh(),s=a.scroll.current,i=t.droppable,l=o.droppable.getAllByType(i.type).map(function(u){return u.callbacks.getDimensionAndWatchScroll(s,n)}),c=o.draggable.getAllByType(t.draggable.type).map(function(u){return u.getDimension(s)}),d={draggables:zl(c),droppables:Ul(l)};Xn();var m={dimensions:d,critical:t,viewport:a};return m});function Nc(e,t,n){if(n.descriptor.id===t.id||n.descriptor.type!==t.type)return!1;var o=e.droppable.getById(n.descriptor.droppableId);return o.descriptor.mode!=="virtual"?(process.env.NODE_ENV!=="production"&&Ce(`
410
410
  You are attempting to add or remove a Draggable [id: `+n.descriptor.id+`]
411
411
  while a drag is occurring. This is only supported for virtual lists.
412
412
 
413
413
  See https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/patterns/virtual-lists.md
414
- `),!1):!0}var Hh=(function(e,t){var n=null,o=$h({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),a=function(f,g){e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?P(!1,"Cannot update is enabled flag of Droppable "+f+" as it is not registered"):P()),n&&t.updateDroppableIsEnabled({id:f,isEnabled:g})},s=function(f,g){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?P(!1,"Cannot update isCombineEnabled flag of Droppable "+f+" as it is not registered"):P()),t.updateDroppableIsCombineEnabled({id:f,isCombineEnabled:g}))},i=function(f,g){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?P(!1,"Cannot update the scroll on Droppable "+f+" as it is not registered"):P()),t.updateDroppableScroll({id:f,newScroll:g}))},l=function(f,g){n&&e.droppable.getById(f).callbacks.scroll(g)},c=function(){if(n){o.stop();var f=n.critical.droppable;e.droppable.getAllByType(f.type).forEach(function(g){return g.callbacks.dragStopped()}),n.unsubscribe(),n=null}},d=function(f){n||(process.env.NODE_ENV!=="production"?P(!1,"Should only be subscribed when a collection is occurring"):P());var g=n.critical.draggable;f.type==="ADDITION"&&Nc(e,g,f.value)&&o.add(f.value),f.type==="REMOVAL"&&Nc(e,g,f.value)&&o.remove(f.value)},m=function(f){n&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot start capturing critical dimensions as there is already a collection"):P());var g=e.draggable.getById(f.draggableId),b=e.droppable.getById(g.descriptor.droppableId),y={draggable:g.descriptor,droppable:b.descriptor},v=e.subscribe(d);return n={critical:y,unsubscribe:v},Kh({critical:y,registry:e,scrollOptions:f.scrollOptions})},u={updateDroppableIsEnabled:a,updateDroppableIsCombineEnabled:s,scrollDroppable:l,updateDroppableScroll:i,startPublishing:m,stopPublishing:c};return u}),Ic=(function(e,t){return e.phase==="IDLE"?!0:e.phase!=="DROP_ANIMATING"||e.completed.result.draggableId===t?!1:e.completed.result.reason==="DROP"}),Wh=(function(e){window.scrollBy(e.x,e.y)}),Gh=Oe(function(e){return Fo(e).filter(function(t){return!(!t.isEnabled||!t.frame)})}),Uh=function(t,n){var o=$t(Gh(n),function(a){return a.frame||(process.env.NODE_ENV!=="production"?P(!1,"Invalid result"):P()),ic(a.frame.pageMarginBox)(t)});return o},zh=(function(e){var t=e.center,n=e.destination,o=e.droppables;if(n){var a=o[n];return a.frame?a:null}var s=Uh(t,o);return s}),Kt={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:function(t){return Math.pow(t,2)},durationDampening:{stopDampeningAt:1200,accelerateAt:360}},jh=(function(e,t){var n=e[t.size]*Kt.startFromPercentage,o=e[t.size]*Kt.maxScrollAtPercentage,a={startScrollingFrom:n,maxScrollValueAt:o};return a}),xc=(function(e){var t=e.startOfRange,n=e.endOfRange,o=e.current,a=n-t;if(a===0)return process.env.NODE_ENV!=="production"&&Ce(`
414
+ `),!1):!0}var Hh=(function(e,t){var n=null,o=$h({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),a=function(f,g){e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?B(!1,"Cannot update is enabled flag of Droppable "+f+" as it is not registered"):B()),n&&t.updateDroppableIsEnabled({id:f,isEnabled:g})},s=function(f,g){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?B(!1,"Cannot update isCombineEnabled flag of Droppable "+f+" as it is not registered"):B()),t.updateDroppableIsCombineEnabled({id:f,isCombineEnabled:g}))},i=function(f,g){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?B(!1,"Cannot update the scroll on Droppable "+f+" as it is not registered"):B()),t.updateDroppableScroll({id:f,newScroll:g}))},l=function(f,g){n&&e.droppable.getById(f).callbacks.scroll(g)},c=function(){if(n){o.stop();var f=n.critical.droppable;e.droppable.getAllByType(f.type).forEach(function(g){return g.callbacks.dragStopped()}),n.unsubscribe(),n=null}},d=function(f){n||(process.env.NODE_ENV!=="production"?B(!1,"Should only be subscribed when a collection is occurring"):B());var g=n.critical.draggable;f.type==="ADDITION"&&Nc(e,g,f.value)&&o.add(f.value),f.type==="REMOVAL"&&Nc(e,g,f.value)&&o.remove(f.value)},m=function(f){n&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot start capturing critical dimensions as there is already a collection"):B());var g=e.draggable.getById(f.draggableId),b=e.droppable.getById(g.descriptor.droppableId),y={draggable:g.descriptor,droppable:b.descriptor},v=e.subscribe(d);return n={critical:y,unsubscribe:v},Kh({critical:y,registry:e,scrollOptions:f.scrollOptions})},u={updateDroppableIsEnabled:a,updateDroppableIsCombineEnabled:s,scrollDroppable:l,updateDroppableScroll:i,startPublishing:m,stopPublishing:c};return u}),Ic=(function(e,t){return e.phase==="IDLE"?!0:e.phase!=="DROP_ANIMATING"||e.completed.result.draggableId===t?!1:e.completed.result.reason==="DROP"}),Wh=(function(e){window.scrollBy(e.x,e.y)}),Gh=Oe(function(e){return Fo(e).filter(function(t){return!(!t.isEnabled||!t.frame)})}),Uh=function(t,n){var o=$t(Gh(n),function(a){return a.frame||(process.env.NODE_ENV!=="production"?B(!1,"Invalid result"):B()),ic(a.frame.pageMarginBox)(t)});return o},zh=(function(e){var t=e.center,n=e.destination,o=e.droppables;if(n){var a=o[n];return a.frame?a:null}var s=Uh(t,o);return s}),Kt={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:function(t){return Math.pow(t,2)},durationDampening:{stopDampeningAt:1200,accelerateAt:360}},jh=(function(e,t){var n=e[t.size]*Kt.startFromPercentage,o=e[t.size]*Kt.maxScrollAtPercentage,a={startScrollingFrom:n,maxScrollValueAt:o};return a}),xc=(function(e){var t=e.startOfRange,n=e.endOfRange,o=e.current,a=n-t;if(a===0)return process.env.NODE_ENV!=="production"&&Ce(`
415
415
  Detected distance range of 0 in the fluid auto scroller
416
416
  This is unexpected and would cause a divide by 0 issue.
417
417
  Not allowing an auto scroll
418
- `),0;var s=o-t,i=s/a;return i}),ka=1,Yh=(function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return Kt.maxPixelScroll;if(e===t.startScrollingFrom)return ka;var n=xc({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),o=1-n,a=Kt.maxPixelScroll*Kt.ease(o);return Math.ceil(a)}),kc=Kt.durationDampening.accelerateAt,Mc=Kt.durationDampening.stopDampeningAt,qh=(function(e,t){var n=t,o=Mc,a=Date.now(),s=a-n;if(s>=Mc)return e;if(s<kc)return ka;var i=xc({startOfRange:kc,endOfRange:o,current:s}),l=e*Kt.ease(i);return Math.ceil(l)}),Lc=(function(e){var t=e.distanceToEdge,n=e.thresholds,o=e.dragStartTime,a=e.shouldUseTimeDampening,s=Yh(t,n);return s===0?0:a?Math.max(qh(s,o),ka):s}),_c=(function(e){var t=e.container,n=e.distanceToEdges,o=e.dragStartTime,a=e.axis,s=e.shouldUseTimeDampening,i=jh(t,a),l=n[a.end]<n[a.start];return l?Lc({distanceToEdge:n[a.end],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s}):-1*Lc({distanceToEdge:n[a.start],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s})}),Jh=(function(e){var t=e.container,n=e.subject,o=e.proposedScroll,a=n.height>t.height,s=n.width>t.width;return!s&&!a?o:s&&a?null:{x:s?0:o.x,y:a?0:o.y}}),Xh=Hl(function(e){return e===0?0:e}),Pc=(function(e){var t=e.dragStartTime,n=e.container,o=e.subject,a=e.center,s=e.shouldUseTimeDampening,i={top:a.y-n.top,right:n.right-a.x,bottom:n.bottom-a.y,left:a.x-n.left},l=_c({container:n,distanceToEdges:i,dragStartTime:t,axis:ua,shouldUseTimeDampening:s}),c=_c({container:n,distanceToEdges:i,dragStartTime:t,axis:ql,shouldUseTimeDampening:s}),d=Xh({x:c,y:l});if(At(d,Re))return null;var m=Jh({container:n,subject:o,proposedScroll:d});return m?At(m,Re)?null:m:null}),Zh=Hl(function(e){return e===0?0:e>0?1:-1}),Ma=(function(){var e=function(n,o){return n<0?n:n>o?n-o:0};return function(t){var n=t.current,o=t.max,a=t.change,s=Ve(n,a),i={x:e(s.x,o.x),y:e(s.y,o.y)};return At(i,Re)?null:i}})(),Bc=function(t){var n=t.max,o=t.current,a=t.change,s={x:Math.max(o.x,n.x),y:Math.max(o.y,n.y)},i=Zh(a),l=Ma({max:s,current:o,change:i});return!l||i.x!==0&&l.x===0||i.y!==0&&l.y===0},La=function(t,n){return Bc({current:t.scroll.current,max:t.scroll.max,change:n})},Qh=function(t,n){if(!La(t,n))return null;var o=t.scroll.max,a=t.scroll.current;return Ma({current:a,max:o,change:n})},_a=function(t,n){var o=t.frame;return o?Bc({current:o.scroll.current,max:o.scroll.max,change:n}):!1},eb=function(t,n){var o=t.frame;return!o||!_a(t,n)?null:Ma({current:o.scroll.current,max:o.scroll.max,change:n})},tb=(function(e){var t=e.viewport,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=Pc({dragStartTime:a,container:t.frame,subject:n,center:o,shouldUseTimeDampening:s});return i&&La(t,i)?i:null}),nb=(function(e){var t=e.droppable,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=t.frame;if(!i)return null;var l=Pc({dragStartTime:a,container:i.pageMarginBox,subject:n,center:o,shouldUseTimeDampening:s});return l&&_a(t,l)?l:null}),Oc=(function(e){var t=e.state,n=e.dragStartTime,o=e.shouldUseTimeDampening,a=e.scrollWindow,s=e.scrollDroppable,i=t.current.page.borderBoxCenter,l=t.dimensions.draggables[t.critical.draggable.id],c=l.page.marginBox;if(t.isWindowScrollAllowed){var d=t.viewport,m=tb({dragStartTime:n,viewport:d,subject:c,center:i,shouldUseTimeDampening:o});if(m){a(m);return}}var u=zh({center:i,destination:et(t.impact),droppables:t.dimensions.droppables});if(u){var p=nb({dragStartTime:n,droppable:u,subject:c,center:i,shouldUseTimeDampening:o});p&&s(u.descriptor.id,p)}}),ob=(function(e){var t=e.scrollWindow,n=e.scrollDroppable,o=Hn(t),a=Hn(n),s=null,i=function(m){s||(process.env.NODE_ENV!=="production"?P(!1,"Cannot fluid scroll if not dragging"):P());var u=s,p=u.shouldUseTimeDampening,f=u.dragStartTime;Oc({state:m,scrollWindow:o,scrollDroppable:a,dragStartTime:f,shouldUseTimeDampening:p})},l=function(m){Jn(),s&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot start auto scrolling when already started"):P());var u=Date.now(),p=!1,f=function(){p=!0};Oc({state:m,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:f,scrollDroppable:f}),s={dragStartTime:u,shouldUseTimeDampening:p},Xn(),p&&i(m)},c=function(){s&&(o.cancel(),a.cancel(),s=null)};return{start:l,stop:c,scroll:i}}),rb=(function(e){var t=e.move,n=e.scrollDroppable,o=e.scrollWindow,a=function(d,m){var u=Ve(d.current.client.selection,m);t({client:u})},s=function(d,m){if(!_a(d,m))return m;var u=eb(d,m);if(!u)return n(d.descriptor.id,m),null;var p=Qe(m,u);n(d.descriptor.id,p);var f=Qe(m,p);return f},i=function(d,m,u){if(!d||!La(m,u))return u;var p=Qh(m,u);if(!p)return o(u),null;var f=Qe(u,p);o(f);var g=Qe(u,f);return g},l=function(d){var m=d.scrollJumpRequest;if(m){var u=et(d.impact);u||(process.env.NODE_ENV!=="production"?P(!1,"Cannot perform a jump scroll when there is no destination"):P());var p=s(d.dimensions.droppables[u],m);if(p){var f=d.viewport,g=i(d.isWindowScrollAllowed,f,p);g&&a(d,g)}}};return l}),ab=(function(e){var t=e.scrollDroppable,n=e.scrollWindow,o=e.move,a=ob({scrollWindow:n,scrollDroppable:t}),s=rb({move:o,scrollWindow:n,scrollDroppable:t}),i=function(d){if(d.phase==="DRAGGING"){if(d.movementMode==="FLUID"){a.scroll(d);return}d.scrollJumpRequest&&s(d)}},l={scroll:i,start:a.start,stop:a.stop};return l}),wn="data-rbd",Cn=(function(){var e=wn+"-drag-handle";return{base:e,draggableId:e+"-draggable-id",contextId:e+"-context-id"}})(),Pa=(function(){var e=wn+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}})(),sb=(function(){var e=wn+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}})(),Rc={contextId:wn+"-scroll-container-context-id"},ib=function(t){return function(n){return"["+n+'="'+t+'"]'}},to=function(t,n){return t.map(function(o){var a=o.styles[n];return a?o.selector+" { "+a+" }":""}).join(" ")},lb="pointer-events: none;",cb=(function(e){var t=ib(e),n=(function(){var l=`
418
+ `),0;var s=o-t,i=s/a;return i}),ka=1,Yh=(function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return Kt.maxPixelScroll;if(e===t.startScrollingFrom)return ka;var n=xc({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),o=1-n,a=Kt.maxPixelScroll*Kt.ease(o);return Math.ceil(a)}),kc=Kt.durationDampening.accelerateAt,Mc=Kt.durationDampening.stopDampeningAt,qh=(function(e,t){var n=t,o=Mc,a=Date.now(),s=a-n;if(s>=Mc)return e;if(s<kc)return ka;var i=xc({startOfRange:kc,endOfRange:o,current:s}),l=e*Kt.ease(i);return Math.ceil(l)}),Lc=(function(e){var t=e.distanceToEdge,n=e.thresholds,o=e.dragStartTime,a=e.shouldUseTimeDampening,s=Yh(t,n);return s===0?0:a?Math.max(qh(s,o),ka):s}),_c=(function(e){var t=e.container,n=e.distanceToEdges,o=e.dragStartTime,a=e.axis,s=e.shouldUseTimeDampening,i=jh(t,a),l=n[a.end]<n[a.start];return l?Lc({distanceToEdge:n[a.end],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s}):-1*Lc({distanceToEdge:n[a.start],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s})}),Jh=(function(e){var t=e.container,n=e.subject,o=e.proposedScroll,a=n.height>t.height,s=n.width>t.width;return!s&&!a?o:s&&a?null:{x:s?0:o.x,y:a?0:o.y}}),Xh=Hl(function(e){return e===0?0:e}),Pc=(function(e){var t=e.dragStartTime,n=e.container,o=e.subject,a=e.center,s=e.shouldUseTimeDampening,i={top:a.y-n.top,right:n.right-a.x,bottom:n.bottom-a.y,left:a.x-n.left},l=_c({container:n,distanceToEdges:i,dragStartTime:t,axis:ua,shouldUseTimeDampening:s}),c=_c({container:n,distanceToEdges:i,dragStartTime:t,axis:ql,shouldUseTimeDampening:s}),d=Xh({x:c,y:l});if(At(d,Re))return null;var m=Jh({container:n,subject:o,proposedScroll:d});return m?At(m,Re)?null:m:null}),Zh=Hl(function(e){return e===0?0:e>0?1:-1}),Ma=(function(){var e=function(n,o){return n<0?n:n>o?n-o:0};return function(t){var n=t.current,o=t.max,a=t.change,s=Ve(n,a),i={x:e(s.x,o.x),y:e(s.y,o.y)};return At(i,Re)?null:i}})(),Bc=function(t){var n=t.max,o=t.current,a=t.change,s={x:Math.max(o.x,n.x),y:Math.max(o.y,n.y)},i=Zh(a),l=Ma({max:s,current:o,change:i});return!l||i.x!==0&&l.x===0||i.y!==0&&l.y===0},La=function(t,n){return Bc({current:t.scroll.current,max:t.scroll.max,change:n})},Qh=function(t,n){if(!La(t,n))return null;var o=t.scroll.max,a=t.scroll.current;return Ma({current:a,max:o,change:n})},_a=function(t,n){var o=t.frame;return o?Bc({current:o.scroll.current,max:o.scroll.max,change:n}):!1},eb=function(t,n){var o=t.frame;return!o||!_a(t,n)?null:Ma({current:o.scroll.current,max:o.scroll.max,change:n})},tb=(function(e){var t=e.viewport,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=Pc({dragStartTime:a,container:t.frame,subject:n,center:o,shouldUseTimeDampening:s});return i&&La(t,i)?i:null}),nb=(function(e){var t=e.droppable,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=t.frame;if(!i)return null;var l=Pc({dragStartTime:a,container:i.pageMarginBox,subject:n,center:o,shouldUseTimeDampening:s});return l&&_a(t,l)?l:null}),Oc=(function(e){var t=e.state,n=e.dragStartTime,o=e.shouldUseTimeDampening,a=e.scrollWindow,s=e.scrollDroppable,i=t.current.page.borderBoxCenter,l=t.dimensions.draggables[t.critical.draggable.id],c=l.page.marginBox;if(t.isWindowScrollAllowed){var d=t.viewport,m=tb({dragStartTime:n,viewport:d,subject:c,center:i,shouldUseTimeDampening:o});if(m){a(m);return}}var u=zh({center:i,destination:et(t.impact),droppables:t.dimensions.droppables});if(u){var p=nb({dragStartTime:n,droppable:u,subject:c,center:i,shouldUseTimeDampening:o});p&&s(u.descriptor.id,p)}}),ob=(function(e){var t=e.scrollWindow,n=e.scrollDroppable,o=Hn(t),a=Hn(n),s=null,i=function(m){s||(process.env.NODE_ENV!=="production"?B(!1,"Cannot fluid scroll if not dragging"):B());var u=s,p=u.shouldUseTimeDampening,f=u.dragStartTime;Oc({state:m,scrollWindow:o,scrollDroppable:a,dragStartTime:f,shouldUseTimeDampening:p})},l=function(m){Jn(),s&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot start auto scrolling when already started"):B());var u=Date.now(),p=!1,f=function(){p=!0};Oc({state:m,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:f,scrollDroppable:f}),s={dragStartTime:u,shouldUseTimeDampening:p},Xn(),p&&i(m)},c=function(){s&&(o.cancel(),a.cancel(),s=null)};return{start:l,stop:c,scroll:i}}),rb=(function(e){var t=e.move,n=e.scrollDroppable,o=e.scrollWindow,a=function(d,m){var u=Ve(d.current.client.selection,m);t({client:u})},s=function(d,m){if(!_a(d,m))return m;var u=eb(d,m);if(!u)return n(d.descriptor.id,m),null;var p=Qe(m,u);n(d.descriptor.id,p);var f=Qe(m,p);return f},i=function(d,m,u){if(!d||!La(m,u))return u;var p=Qh(m,u);if(!p)return o(u),null;var f=Qe(u,p);o(f);var g=Qe(u,f);return g},l=function(d){var m=d.scrollJumpRequest;if(m){var u=et(d.impact);u||(process.env.NODE_ENV!=="production"?B(!1,"Cannot perform a jump scroll when there is no destination"):B());var p=s(d.dimensions.droppables[u],m);if(p){var f=d.viewport,g=i(d.isWindowScrollAllowed,f,p);g&&a(d,g)}}};return l}),ab=(function(e){var t=e.scrollDroppable,n=e.scrollWindow,o=e.move,a=ob({scrollWindow:n,scrollDroppable:t}),s=rb({move:o,scrollWindow:n,scrollDroppable:t}),i=function(d){if(d.phase==="DRAGGING"){if(d.movementMode==="FLUID"){a.scroll(d);return}d.scrollJumpRequest&&s(d)}},l={scroll:i,start:a.start,stop:a.stop};return l}),wn="data-rbd",Cn=(function(){var e=wn+"-drag-handle";return{base:e,draggableId:e+"-draggable-id",contextId:e+"-context-id"}})(),Pa=(function(){var e=wn+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}})(),sb=(function(){var e=wn+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}})(),Rc={contextId:wn+"-scroll-container-context-id"},ib=function(t){return function(n){return"["+n+'="'+t+'"]'}},to=function(t,n){return t.map(function(o){var a=o.styles[n];return a?o.selector+" { "+a+" }":""}).join(" ")},lb="pointer-events: none;",cb=(function(e){var t=ib(e),n=(function(){var l=`
419
419
  cursor: -webkit-grab;
420
420
  cursor: grab;
421
421
  `;return{selector:t(Cn.contextId),styles:{always:`
@@ -432,7 +432,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
432
432
  -moz-user-select: none;
433
433
  -ms-user-select: none;
434
434
  overflow-anchor: none;
435
- `}},i=[o,n,a,s];return{always:to(i,"always"),resting:to(i,"resting"),dragging:to(i,"dragging"),dropAnimating:to(i,"dropAnimating"),userCancel:to(i,"userCancel")}}),tt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?T.useLayoutEffect:T.useEffect,Ba=function(){var t=document.querySelector("head");return t||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find the head to append a style to"):P()),t},Fc=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function db(e,t){var n=ge(function(){return cb(e)},[e]),o=T.useRef(null),a=T.useRef(null),s=de(Oe(function(u){var p=a.current;p||(process.env.NODE_ENV!=="production"?P(!1,"Cannot set dynamic style element if it is not set"):P()),p.textContent=u}),[]),i=de(function(u){var p=o.current;p||(process.env.NODE_ENV!=="production"?P(!1,"Cannot set dynamic style element if it is not set"):P()),p.textContent=u},[]);tt(function(){!o.current&&!a.current||(process.env.NODE_ENV!=="production"?P(!1,"style elements already mounted"):P());var u=Fc(t),p=Fc(t);return o.current=u,a.current=p,u.setAttribute(wn+"-always",e),p.setAttribute(wn+"-dynamic",e),Ba().appendChild(u),Ba().appendChild(p),i(n.always),s(n.resting),function(){var f=function(b){var y=b.current;y||(process.env.NODE_ENV!=="production"?P(!1,"Cannot unmount ref as it is not set"):P()),Ba().removeChild(y),b.current=null};f(o),f(a)}},[t,i,s,n.always,n.resting,e]);var l=de(function(){return s(n.dragging)},[s,n.dragging]),c=de(function(u){if(u==="DROP"){s(n.dropAnimating);return}s(n.userCancel)},[s,n.dropAnimating,n.userCancel]),d=de(function(){a.current&&s(n.resting)},[s,n.resting]),m=ge(function(){return{dragging:l,dropping:c,resting:d}},[l,c,d]);return m}var Ac=(function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window});function no(e){return e instanceof Ac(e).HTMLElement}function $c(e,t){var n="["+Cn.contextId+'="'+e+'"]',o=Gl(document.querySelectorAll(n));if(!o.length)return process.env.NODE_ENV!=="production"&&Ce('Unable to find any drag handles in the context "'+e+'"'),null;var a=$t(o,function(s){return s.getAttribute(Cn.draggableId)===t});return a?no(a)?a:(process.env.NODE_ENV!=="production"&&Ce("drag handle needs to be a HTMLElement"),null):(process.env.NODE_ENV!=="production"&&Ce('Unable to find drag handle with id "'+t+'" as no handle with a matching id was found'),null)}function pb(e){var t=T.useRef({}),n=T.useRef(null),o=T.useRef(null),a=T.useRef(!1),s=de(function(p,f){var g={id:p,focus:f};return t.current[p]=g,function(){var y=t.current,v=y[p];v!==g&&delete y[p]}},[]),i=de(function(p){var f=$c(e,p);f&&f!==document.activeElement&&f.focus()},[e]),l=de(function(p,f){n.current===p&&(n.current=f)},[]),c=de(function(){o.current||a.current&&(o.current=requestAnimationFrame(function(){o.current=null;var p=n.current;p&&i(p)}))},[i]),d=de(function(p){n.current=null;var f=document.activeElement;f&&f.getAttribute(Cn.draggableId)===p&&(n.current=p)},[]);tt(function(){return a.current=!0,function(){a.current=!1;var p=o.current;p&&cancelAnimationFrame(p)}},[]);var m=ge(function(){return{register:s,tryRecordFocus:d,tryRestoreFocusRecorded:c,tryShiftRecord:l}},[s,d,c,l]);return m}function ub(){var e={draggables:{},droppables:{}},t=[];function n(u){return t.push(u),function(){var f=t.indexOf(u);f!==-1&&t.splice(f,1)}}function o(u){t.length&&t.forEach(function(p){return p(u)})}function a(u){return e.draggables[u]||null}function s(u){var p=a(u);return p||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find draggable entry with id ["+u+"]"):P()),p}var i={register:function(p){e.draggables[p.descriptor.id]=p,o({type:"ADDITION",value:p})},update:function(p,f){var g=e.draggables[f.descriptor.id];g&&g.uniqueId===p.uniqueId&&(delete e.draggables[f.descriptor.id],e.draggables[p.descriptor.id]=p)},unregister:function(p){var f=p.descriptor.id,g=a(f);g&&p.uniqueId===g.uniqueId&&(delete e.draggables[f],o({type:"REMOVAL",value:p}))},getById:s,findById:a,exists:function(p){return!!a(p)},getAllByType:function(p){return Ro(e.draggables).filter(function(f){return f.descriptor.type===p})}};function l(u){return e.droppables[u]||null}function c(u){var p=l(u);return p||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find droppable entry with id ["+u+"]"):P()),p}var d={register:function(p){e.droppables[p.descriptor.id]=p},unregister:function(p){var f=l(p.descriptor.id);f&&p.uniqueId===f.uniqueId&&delete e.droppables[p.descriptor.id]},getById:c,findById:l,exists:function(p){return!!l(p)},getAllByType:function(p){return Ro(e.droppables).filter(function(f){return f.descriptor.type===p})}};function m(){e.draggables={},e.droppables={},t.length=0}return{draggable:i,droppable:d,subscribe:n,clean:m}}function mb(){var e=ge(ub,[]);return T.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Oa=T.createContext(null),oo=(function(){var e=document.body;return e||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find document.body"):P()),e}),fb={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},Sb=function(t){return"rbd-announcement-"+t};function gb(e){var t=ge(function(){return Sb(e)},[e]),n=T.useRef(null);T.useEffect(function(){var s=document.createElement("div");return n.current=s,s.id=t,s.setAttribute("aria-live","assertive"),s.setAttribute("aria-atomic","true"),pe(s.style,fb),oo().appendChild(s),function(){setTimeout(function(){var c=oo();c.contains(s)&&c.removeChild(s),s===n.current&&(n.current=null)})}},[t]);var o=de(function(a){var s=n.current;if(s){s.textContent=a;return}process.env.NODE_ENV!=="production"&&Ce(`
435
+ `}},i=[o,n,a,s];return{always:to(i,"always"),resting:to(i,"resting"),dragging:to(i,"dragging"),dropAnimating:to(i,"dropAnimating"),userCancel:to(i,"userCancel")}}),tt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?T.useLayoutEffect:T.useEffect,Ba=function(){var t=document.querySelector("head");return t||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find the head to append a style to"):B()),t},Fc=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function db(e,t){var n=ge(function(){return cb(e)},[e]),o=T.useRef(null),a=T.useRef(null),s=de(Oe(function(u){var p=a.current;p||(process.env.NODE_ENV!=="production"?B(!1,"Cannot set dynamic style element if it is not set"):B()),p.textContent=u}),[]),i=de(function(u){var p=o.current;p||(process.env.NODE_ENV!=="production"?B(!1,"Cannot set dynamic style element if it is not set"):B()),p.textContent=u},[]);tt(function(){!o.current&&!a.current||(process.env.NODE_ENV!=="production"?B(!1,"style elements already mounted"):B());var u=Fc(t),p=Fc(t);return o.current=u,a.current=p,u.setAttribute(wn+"-always",e),p.setAttribute(wn+"-dynamic",e),Ba().appendChild(u),Ba().appendChild(p),i(n.always),s(n.resting),function(){var f=function(b){var y=b.current;y||(process.env.NODE_ENV!=="production"?B(!1,"Cannot unmount ref as it is not set"):B()),Ba().removeChild(y),b.current=null};f(o),f(a)}},[t,i,s,n.always,n.resting,e]);var l=de(function(){return s(n.dragging)},[s,n.dragging]),c=de(function(u){if(u==="DROP"){s(n.dropAnimating);return}s(n.userCancel)},[s,n.dropAnimating,n.userCancel]),d=de(function(){a.current&&s(n.resting)},[s,n.resting]),m=ge(function(){return{dragging:l,dropping:c,resting:d}},[l,c,d]);return m}var Ac=(function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window});function no(e){return e instanceof Ac(e).HTMLElement}function $c(e,t){var n="["+Cn.contextId+'="'+e+'"]',o=Gl(document.querySelectorAll(n));if(!o.length)return process.env.NODE_ENV!=="production"&&Ce('Unable to find any drag handles in the context "'+e+'"'),null;var a=$t(o,function(s){return s.getAttribute(Cn.draggableId)===t});return a?no(a)?a:(process.env.NODE_ENV!=="production"&&Ce("drag handle needs to be a HTMLElement"),null):(process.env.NODE_ENV!=="production"&&Ce('Unable to find drag handle with id "'+t+'" as no handle with a matching id was found'),null)}function pb(e){var t=T.useRef({}),n=T.useRef(null),o=T.useRef(null),a=T.useRef(!1),s=de(function(p,f){var g={id:p,focus:f};return t.current[p]=g,function(){var y=t.current,v=y[p];v!==g&&delete y[p]}},[]),i=de(function(p){var f=$c(e,p);f&&f!==document.activeElement&&f.focus()},[e]),l=de(function(p,f){n.current===p&&(n.current=f)},[]),c=de(function(){o.current||a.current&&(o.current=requestAnimationFrame(function(){o.current=null;var p=n.current;p&&i(p)}))},[i]),d=de(function(p){n.current=null;var f=document.activeElement;f&&f.getAttribute(Cn.draggableId)===p&&(n.current=p)},[]);tt(function(){return a.current=!0,function(){a.current=!1;var p=o.current;p&&cancelAnimationFrame(p)}},[]);var m=ge(function(){return{register:s,tryRecordFocus:d,tryRestoreFocusRecorded:c,tryShiftRecord:l}},[s,d,c,l]);return m}function ub(){var e={draggables:{},droppables:{}},t=[];function n(u){return t.push(u),function(){var f=t.indexOf(u);f!==-1&&t.splice(f,1)}}function o(u){t.length&&t.forEach(function(p){return p(u)})}function a(u){return e.draggables[u]||null}function s(u){var p=a(u);return p||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find draggable entry with id ["+u+"]"):B()),p}var i={register:function(p){e.draggables[p.descriptor.id]=p,o({type:"ADDITION",value:p})},update:function(p,f){var g=e.draggables[f.descriptor.id];g&&g.uniqueId===p.uniqueId&&(delete e.draggables[f.descriptor.id],e.draggables[p.descriptor.id]=p)},unregister:function(p){var f=p.descriptor.id,g=a(f);g&&p.uniqueId===g.uniqueId&&(delete e.draggables[f],o({type:"REMOVAL",value:p}))},getById:s,findById:a,exists:function(p){return!!a(p)},getAllByType:function(p){return Ro(e.draggables).filter(function(f){return f.descriptor.type===p})}};function l(u){return e.droppables[u]||null}function c(u){var p=l(u);return p||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find droppable entry with id ["+u+"]"):B()),p}var d={register:function(p){e.droppables[p.descriptor.id]=p},unregister:function(p){var f=l(p.descriptor.id);f&&p.uniqueId===f.uniqueId&&delete e.droppables[p.descriptor.id]},getById:c,findById:l,exists:function(p){return!!l(p)},getAllByType:function(p){return Ro(e.droppables).filter(function(f){return f.descriptor.type===p})}};function m(){e.draggables={},e.droppables={},t.length=0}return{draggable:i,droppable:d,subscribe:n,clean:m}}function mb(){var e=ge(ub,[]);return T.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Oa=T.createContext(null),oo=(function(){var e=document.body;return e||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find document.body"):B()),e}),fb={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},Sb=function(t){return"rbd-announcement-"+t};function gb(e){var t=ge(function(){return Sb(e)},[e]),n=T.useRef(null);T.useEffect(function(){var s=document.createElement("div");return n.current=s,s.id=t,s.setAttribute("aria-live","assertive"),s.setAttribute("aria-atomic","true"),pe(s.style,fb),oo().appendChild(s),function(){setTimeout(function(){var c=oo();c.contains(s)&&c.removeChild(s),s===n.current&&(n.current=null)})}},[t]);var o=de(function(a){var s=n.current;if(s){s.textContent=a;return}process.env.NODE_ENV!=="production"&&Ce(`
436
436
  A screen reader message was trying to be announced but it was unable to do so.
437
437
  This can occur if you unmount your <DragDropContext /> in your onDragEnd.
438
438
  Consider calling provided.announce() before the unmount so that the instruction will
@@ -441,7 +441,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
441
441
  Message not passed to screen reader:
442
442
 
443
443
  "`+a+`"
444
- `)},[]);return o}var Vc=0,hb={separator:"::"};function bb(){Vc=0}function Ra(e,t){return t===void 0&&(t=hb),ge(function(){return""+e+t.separator+Vc++},[t.separator,e])}function vb(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function yb(e){var t=e.contextId,n=e.text,o=Ra("hidden-text",{separator:"-"}),a=ge(function(){return vb({contextId:t,uniqueId:o})},[o,t]);return T.useEffect(function(){var i=document.createElement("div");return i.id=a,i.textContent=n,i.style.display="none",oo().appendChild(i),function(){var c=oo();c.contains(i)&&c.removeChild(i)}},[a,n]),a}var Wo=T.createContext(null),Tb={react:"^16.8.5 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.5 || ^17.0.0 || ^18.0.0"},Eb=/(\d+)\.(\d+)\.(\d+)/,Kc=function(t){var n=Eb.exec(t);n==null&&(process.env.NODE_ENV!=="production"?P(!1,"Unable to parse React version "+t):P());var o=Number(n[1]),a=Number(n[2]),s=Number(n[3]);return{major:o,minor:a,patch:s,raw:t}},wb=function(t,n){return n.major>t.major?!0:n.major<t.major?!1:n.minor>t.minor?!0:n.minor<t.minor?!1:n.patch>=t.patch},Cb=(function(e,t){var n=Kc(e),o=Kc(t);wb(n,o)||process.env.NODE_ENV!=="production"&&Ce(`
444
+ `)},[]);return o}var Vc=0,hb={separator:"::"};function bb(){Vc=0}function Ra(e,t){return t===void 0&&(t=hb),ge(function(){return""+e+t.separator+Vc++},[t.separator,e])}function vb(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function yb(e){var t=e.contextId,n=e.text,o=Ra("hidden-text",{separator:"-"}),a=ge(function(){return vb({contextId:t,uniqueId:o})},[o,t]);return T.useEffect(function(){var i=document.createElement("div");return i.id=a,i.textContent=n,i.style.display="none",oo().appendChild(i),function(){var c=oo();c.contains(i)&&c.removeChild(i)}},[a,n]),a}var Wo=T.createContext(null),Tb={react:"^16.8.5 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.5 || ^17.0.0 || ^18.0.0"},Eb=/(\d+)\.(\d+)\.(\d+)/,Kc=function(t){var n=Eb.exec(t);n==null&&(process.env.NODE_ENV!=="production"?B(!1,"Unable to parse React version "+t):B());var o=Number(n[1]),a=Number(n[2]),s=Number(n[3]);return{major:o,minor:a,patch:s,raw:t}},wb=function(t,n){return n.major>t.major?!0:n.major<t.major?!1:n.minor>t.minor?!0:n.minor<t.minor?!1:n.patch>=t.patch},Cb=(function(e,t){var n=Kc(e),o=Kc(t);wb(n,o)||process.env.NODE_ENV!=="production"&&Ce(`
445
445
  React version: [`+o.raw+`]
446
446
  does not satisfy expected peer dependency version: [`+n.raw+`]
447
447
 
@@ -468,7 +468,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
468
468
  A setup problem was encountered.
469
469
 
470
470
  > `+n.message+`
471
- `)}},t)})}function Nb(){ro(function(){Cb(Tb.react,T.version),Db(document)},[])}function $a(e){var t=T.useRef(e);return T.useEffect(function(){t.current=e}),t}function Ib(){var e=null;function t(){return!!e}function n(i){return i===e}function o(i){e&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot claim lock as it is already claimed"):P());var l={abandon:i};return e=l,l}function a(){e||(process.env.NODE_ENV!=="production"?P(!1,"Cannot release lock when there is no lock"):P()),e=null}function s(){e&&(e.abandon(),a())}return{isClaimed:t,isActive:n,claim:o,release:a,tryAbandon:s}}var xb=9,kb=13,Va=27,Hc=32,Mb=33,Lb=34,_b=35,Pb=36,Bb=37,Ob=38,Rb=39,Fb=40,Go,Ab=(Go={},Go[kb]=!0,Go[xb]=!0,Go),Wc=(function(e){Ab[e.keyCode]&&e.preventDefault()}),Uo=(function(){var e="visibilitychange";if(typeof document>"u")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],n=$t(t,function(o){return"on"+o in document});return n||e})(),Gc=0,Uc=5;function $b(e,t){return Math.abs(t.x-e.x)>=Uc||Math.abs(t.y-e.y)>=Uc}var zc={type:"IDLE"};function Vb(e){var t=e.cancel,n=e.completed,o=e.getPhase,a=e.setPhase;return[{eventName:"mousemove",fn:function(i){var l=i.button,c=i.clientX,d=i.clientY;if(l===Gc){var m={x:c,y:d},u=o();if(u.type==="DRAGGING"){i.preventDefault(),u.actions.move(m);return}u.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot be IDLE"):P());var p=u.point;if($b(p,m)){i.preventDefault();var f=u.actions.fluidLift(m);a({type:"DRAGGING",actions:f})}}}},{eventName:"mouseup",fn:function(i){var l=o();if(l.type!=="DRAGGING"){t();return}i.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"mousedown",fn:function(i){o().type==="DRAGGING"&&i.preventDefault(),t()}},{eventName:"keydown",fn:function(i){var l=o();if(l.type==="PENDING"){t();return}if(i.keyCode===Va){i.preventDefault(),t();return}Wc(i)}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){o().type==="PENDING"&&t()}},{eventName:"webkitmouseforcedown",fn:function(i){var l=o();if(l.type==="IDLE"&&(process.env.NODE_ENV!=="production"?P(!1,"Unexpected phase"):P()),l.actions.shouldRespectForcePress()){t();return}i.preventDefault()}},{eventName:Uo,fn:t}]}function jc(e){var t=T.useRef(zc),n=T.useRef(Ft),o=ge(function(){return{eventName:"mousedown",fn:function(u){if(!u.defaultPrevented&&u.button===Gc&&!(u.ctrlKey||u.metaKey||u.shiftKey||u.altKey)){var p=e.findClosestDraggableId(u);if(p){var f=e.tryGetLock(p,i,{sourceEvent:u});if(f){u.preventDefault();var g={x:u.clientX,y:u.clientY};n.current(),d(f,g)}}}}}},[e]),a=ge(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(u){if(!u.defaultPrevented){var p=e.findClosestDraggableId(u);if(p){var f=e.findOptionsForDraggable(p);f&&(f.shouldRespectForcePress||e.canGetLock(p)&&u.preventDefault())}}}}},[e]),s=de(function(){var u={passive:!1,capture:!0};n.current=it(window,[a,o],u)},[a,o]),i=de(function(){var m=t.current;m.type!=="IDLE"&&(t.current=zc,n.current(),s())},[s]),l=de(function(){var m=t.current;i(),m.type==="DRAGGING"&&m.actions.cancel({shouldBlockNextClick:!0}),m.type==="PENDING"&&m.actions.abort()},[i]),c=de(function(){var u={capture:!0,passive:!1},p=Vb({cancel:l,completed:i,getPhase:function(){return t.current},setPhase:function(g){t.current=g}});n.current=it(window,p,u)},[l,i]),d=de(function(u,p){t.current.type!=="IDLE"&&(process.env.NODE_ENV!=="production"?P(!1,"Expected to move from IDLE to PENDING drag"):P()),t.current={type:"PENDING",point:p,actions:u},c()},[c]);tt(function(){return s(),function(){n.current()}},[s])}var Dn;function Kb(){}var Hb=(Dn={},Dn[Lb]=!0,Dn[Mb]=!0,Dn[Pb]=!0,Dn[_b]=!0,Dn);function Wb(e,t){function n(){t(),e.cancel()}function o(){t(),e.drop()}return[{eventName:"keydown",fn:function(s){if(s.keyCode===Va){s.preventDefault(),n();return}if(s.keyCode===Hc){s.preventDefault(),o();return}if(s.keyCode===Fb){s.preventDefault(),e.moveDown();return}if(s.keyCode===Ob){s.preventDefault(),e.moveUp();return}if(s.keyCode===Rb){s.preventDefault(),e.moveRight();return}if(s.keyCode===Bb){s.preventDefault(),e.moveLeft();return}if(Hb[s.keyCode]){s.preventDefault();return}Wc(s)}},{eventName:"mousedown",fn:n},{eventName:"mouseup",fn:n},{eventName:"click",fn:n},{eventName:"touchstart",fn:n},{eventName:"resize",fn:n},{eventName:"wheel",fn:n,options:{passive:!0}},{eventName:Uo,fn:n}]}function Yc(e){var t=T.useRef(Kb),n=ge(function(){return{eventName:"keydown",fn:function(s){if(s.defaultPrevented||s.keyCode!==Hc)return;var i=e.findClosestDraggableId(s);if(!i)return;var l=e.tryGetLock(i,m,{sourceEvent:s});if(!l)return;s.preventDefault();var c=!0,d=l.snapLift();t.current();function m(){c||(process.env.NODE_ENV!=="production"?P(!1,"Cannot stop capturing a keyboard drag when not capturing"):P()),c=!1,t.current(),o()}t.current=it(window,Wb(d,m),{capture:!0,passive:!1})}}},[e]),o=de(function(){var s={passive:!1,capture:!0};t.current=it(window,[n],s)},[n]);tt(function(){return o(),function(){t.current()}},[o])}var Ka={type:"IDLE"},Gb=120,Ub=.15;function zb(e){var t=e.cancel,n=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(a){a.preventDefault()}},{eventName:"keydown",fn:function(a){if(n().type!=="DRAGGING"){t();return}a.keyCode===Va&&a.preventDefault(),t()}},{eventName:Uo,fn:t}]}function jb(e){var t=e.cancel,n=e.completed,o=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(s){var i=o();if(i.type!=="DRAGGING"){t();return}i.hasMoved=!0;var l=s.touches[0],c=l.clientX,d=l.clientY,m={x:c,y:d};s.preventDefault(),i.actions.move(m)}},{eventName:"touchend",fn:function(s){var i=o();if(i.type!=="DRAGGING"){t();return}s.preventDefault(),i.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"touchcancel",fn:function(s){if(o().type!=="DRAGGING"){t();return}s.preventDefault(),t()}},{eventName:"touchforcechange",fn:function(s){var i=o();i.type==="IDLE"&&(process.env.NODE_ENV,P());var l=s.touches[0];if(l){var c=l.force>=Ub;if(c){var d=i.actions.shouldRespectForcePress();if(i.type==="PENDING"){d&&t();return}if(d){if(i.hasMoved){s.preventDefault();return}t();return}s.preventDefault()}}}},{eventName:Uo,fn:t}]}function qc(e){var t=T.useRef(Ka),n=T.useRef(Ft),o=de(function(){return t.current},[]),a=de(function(f){t.current=f},[]),s=ge(function(){return{eventName:"touchstart",fn:function(f){if(!f.defaultPrevented){var g=e.findClosestDraggableId(f);if(g){var b=e.tryGetLock(g,l,{sourceEvent:f});if(b){var y=f.touches[0],v=y.clientX,h=y.clientY,x={x:v,y:h};n.current(),u(b,x)}}}}}},[e]),i=de(function(){var f={capture:!0,passive:!1};n.current=it(window,[s],f)},[s]),l=de(function(){var p=t.current;p.type!=="IDLE"&&(p.type==="PENDING"&&clearTimeout(p.longPressTimerId),a(Ka),n.current(),i())},[i,a]),c=de(function(){var p=t.current;l(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[l]),d=de(function(){var f={capture:!0,passive:!1},g={cancel:c,completed:l,getPhase:o},b=it(window,jb(g),f),y=it(window,zb(g),f);n.current=function(){b(),y()}},[c,o,l]),m=de(function(){var f=o();f.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot start dragging from phase "+f.type):P());var g=f.actions.fluidLift(f.point);a({type:"DRAGGING",actions:g,hasMoved:!1})},[o,a]),u=de(function(f,g){o().type!=="IDLE"&&(process.env.NODE_ENV!=="production"?P(!1,"Expected to move from IDLE to PENDING drag"):P());var b=setTimeout(m,Gb);a({type:"PENDING",point:g,actions:f,longPressTimerId:b}),d()},[d,o,a,m]);tt(function(){return i(),function(){n.current();var g=o();g.type==="PENDING"&&(clearTimeout(g.longPressTimerId),a(Ka))}},[o,i,a]),tt(function(){var f=it(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}function Yb(e){Aa(function(){var t=$a(e);ro(function(){t.current.length!==e.length&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot change the amount of sensor hooks after mounting"):P(!1))})})}var qb={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function Jc(e,t){if(t==null)return!1;var n=!!qb[t.tagName.toLowerCase()];if(n)return!0;var o=t.getAttribute("contenteditable");return o==="true"||o===""?!0:t===e?!1:Jc(e,t.parentElement)}function Jb(e,t){var n=t.target;return no(n)?Jc(e,n):!1}var Xb=(function(e){return St(e.getBoundingClientRect()).center});function Zb(e){return e instanceof Ac(e).Element}var Qb=(function(){var e="matches";if(typeof document>"u")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],n=$t(t,function(o){return o in Element.prototype});return n||e})();function Xc(e,t){return e==null?null:e[Qb](t)?e:Xc(e.parentElement,t)}function ev(e,t){return e.closest?e.closest(t):Xc(e,t)}function tv(e){return"["+Cn.contextId+'="'+e+'"]'}function nv(e,t){var n=t.target;if(!Zb(n))return process.env.NODE_ENV!=="production"&&Ce("event.target must be a Element"),null;var o=tv(e),a=ev(n,o);return a?no(a)?a:(process.env.NODE_ENV!=="production"&&Ce("drag handle must be a HTMLElement"),null):null}function ov(e,t){var n=nv(e,t);return n?n.getAttribute(Cn.draggableId):null}function rv(e,t){var n="["+Pa.contextId+'="'+e+'"]',o=Gl(document.querySelectorAll(n)),a=$t(o,function(s){return s.getAttribute(Pa.id)===t});return a?no(a)?a:(process.env.NODE_ENV!=="production"&&Ce("Draggable element is not a HTMLElement"),null):null}function av(e){e.preventDefault()}function zo(e){var t=e.expected,n=e.phase,o=e.isLockActive,a=e.shouldWarn;return o()?t!==n?(a&&process.env.NODE_ENV!=="production"&&Ce(`
471
+ `)}},t)})}function Nb(){ro(function(){Cb(Tb.react,T.version),Db(document)},[])}function $a(e){var t=T.useRef(e);return T.useEffect(function(){t.current=e}),t}function Ib(){var e=null;function t(){return!!e}function n(i){return i===e}function o(i){e&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot claim lock as it is already claimed"):B());var l={abandon:i};return e=l,l}function a(){e||(process.env.NODE_ENV!=="production"?B(!1,"Cannot release lock when there is no lock"):B()),e=null}function s(){e&&(e.abandon(),a())}return{isClaimed:t,isActive:n,claim:o,release:a,tryAbandon:s}}var xb=9,kb=13,Va=27,Hc=32,Mb=33,Lb=34,_b=35,Pb=36,Bb=37,Ob=38,Rb=39,Fb=40,Go,Ab=(Go={},Go[kb]=!0,Go[xb]=!0,Go),Wc=(function(e){Ab[e.keyCode]&&e.preventDefault()}),Uo=(function(){var e="visibilitychange";if(typeof document>"u")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],n=$t(t,function(o){return"on"+o in document});return n||e})(),Gc=0,Uc=5;function $b(e,t){return Math.abs(t.x-e.x)>=Uc||Math.abs(t.y-e.y)>=Uc}var zc={type:"IDLE"};function Vb(e){var t=e.cancel,n=e.completed,o=e.getPhase,a=e.setPhase;return[{eventName:"mousemove",fn:function(i){var l=i.button,c=i.clientX,d=i.clientY;if(l===Gc){var m={x:c,y:d},u=o();if(u.type==="DRAGGING"){i.preventDefault(),u.actions.move(m);return}u.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot be IDLE"):B());var p=u.point;if($b(p,m)){i.preventDefault();var f=u.actions.fluidLift(m);a({type:"DRAGGING",actions:f})}}}},{eventName:"mouseup",fn:function(i){var l=o();if(l.type!=="DRAGGING"){t();return}i.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"mousedown",fn:function(i){o().type==="DRAGGING"&&i.preventDefault(),t()}},{eventName:"keydown",fn:function(i){var l=o();if(l.type==="PENDING"){t();return}if(i.keyCode===Va){i.preventDefault(),t();return}Wc(i)}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){o().type==="PENDING"&&t()}},{eventName:"webkitmouseforcedown",fn:function(i){var l=o();if(l.type==="IDLE"&&(process.env.NODE_ENV!=="production"?B(!1,"Unexpected phase"):B()),l.actions.shouldRespectForcePress()){t();return}i.preventDefault()}},{eventName:Uo,fn:t}]}function jc(e){var t=T.useRef(zc),n=T.useRef(Ft),o=ge(function(){return{eventName:"mousedown",fn:function(u){if(!u.defaultPrevented&&u.button===Gc&&!(u.ctrlKey||u.metaKey||u.shiftKey||u.altKey)){var p=e.findClosestDraggableId(u);if(p){var f=e.tryGetLock(p,i,{sourceEvent:u});if(f){u.preventDefault();var g={x:u.clientX,y:u.clientY};n.current(),d(f,g)}}}}}},[e]),a=ge(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(u){if(!u.defaultPrevented){var p=e.findClosestDraggableId(u);if(p){var f=e.findOptionsForDraggable(p);f&&(f.shouldRespectForcePress||e.canGetLock(p)&&u.preventDefault())}}}}},[e]),s=de(function(){var u={passive:!1,capture:!0};n.current=it(window,[a,o],u)},[a,o]),i=de(function(){var m=t.current;m.type!=="IDLE"&&(t.current=zc,n.current(),s())},[s]),l=de(function(){var m=t.current;i(),m.type==="DRAGGING"&&m.actions.cancel({shouldBlockNextClick:!0}),m.type==="PENDING"&&m.actions.abort()},[i]),c=de(function(){var u={capture:!0,passive:!1},p=Vb({cancel:l,completed:i,getPhase:function(){return t.current},setPhase:function(g){t.current=g}});n.current=it(window,p,u)},[l,i]),d=de(function(u,p){t.current.type!=="IDLE"&&(process.env.NODE_ENV!=="production"?B(!1,"Expected to move from IDLE to PENDING drag"):B()),t.current={type:"PENDING",point:p,actions:u},c()},[c]);tt(function(){return s(),function(){n.current()}},[s])}var Dn;function Kb(){}var Hb=(Dn={},Dn[Lb]=!0,Dn[Mb]=!0,Dn[Pb]=!0,Dn[_b]=!0,Dn);function Wb(e,t){function n(){t(),e.cancel()}function o(){t(),e.drop()}return[{eventName:"keydown",fn:function(s){if(s.keyCode===Va){s.preventDefault(),n();return}if(s.keyCode===Hc){s.preventDefault(),o();return}if(s.keyCode===Fb){s.preventDefault(),e.moveDown();return}if(s.keyCode===Ob){s.preventDefault(),e.moveUp();return}if(s.keyCode===Rb){s.preventDefault(),e.moveRight();return}if(s.keyCode===Bb){s.preventDefault(),e.moveLeft();return}if(Hb[s.keyCode]){s.preventDefault();return}Wc(s)}},{eventName:"mousedown",fn:n},{eventName:"mouseup",fn:n},{eventName:"click",fn:n},{eventName:"touchstart",fn:n},{eventName:"resize",fn:n},{eventName:"wheel",fn:n,options:{passive:!0}},{eventName:Uo,fn:n}]}function Yc(e){var t=T.useRef(Kb),n=ge(function(){return{eventName:"keydown",fn:function(s){if(s.defaultPrevented||s.keyCode!==Hc)return;var i=e.findClosestDraggableId(s);if(!i)return;var l=e.tryGetLock(i,m,{sourceEvent:s});if(!l)return;s.preventDefault();var c=!0,d=l.snapLift();t.current();function m(){c||(process.env.NODE_ENV!=="production"?B(!1,"Cannot stop capturing a keyboard drag when not capturing"):B()),c=!1,t.current(),o()}t.current=it(window,Wb(d,m),{capture:!0,passive:!1})}}},[e]),o=de(function(){var s={passive:!1,capture:!0};t.current=it(window,[n],s)},[n]);tt(function(){return o(),function(){t.current()}},[o])}var Ka={type:"IDLE"},Gb=120,Ub=.15;function zb(e){var t=e.cancel,n=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(a){a.preventDefault()}},{eventName:"keydown",fn:function(a){if(n().type!=="DRAGGING"){t();return}a.keyCode===Va&&a.preventDefault(),t()}},{eventName:Uo,fn:t}]}function jb(e){var t=e.cancel,n=e.completed,o=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(s){var i=o();if(i.type!=="DRAGGING"){t();return}i.hasMoved=!0;var l=s.touches[0],c=l.clientX,d=l.clientY,m={x:c,y:d};s.preventDefault(),i.actions.move(m)}},{eventName:"touchend",fn:function(s){var i=o();if(i.type!=="DRAGGING"){t();return}s.preventDefault(),i.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"touchcancel",fn:function(s){if(o().type!=="DRAGGING"){t();return}s.preventDefault(),t()}},{eventName:"touchforcechange",fn:function(s){var i=o();i.type==="IDLE"&&(process.env.NODE_ENV,B());var l=s.touches[0];if(l){var c=l.force>=Ub;if(c){var d=i.actions.shouldRespectForcePress();if(i.type==="PENDING"){d&&t();return}if(d){if(i.hasMoved){s.preventDefault();return}t();return}s.preventDefault()}}}},{eventName:Uo,fn:t}]}function qc(e){var t=T.useRef(Ka),n=T.useRef(Ft),o=de(function(){return t.current},[]),a=de(function(f){t.current=f},[]),s=ge(function(){return{eventName:"touchstart",fn:function(f){if(!f.defaultPrevented){var g=e.findClosestDraggableId(f);if(g){var b=e.tryGetLock(g,l,{sourceEvent:f});if(b){var y=f.touches[0],v=y.clientX,h=y.clientY,x={x:v,y:h};n.current(),u(b,x)}}}}}},[e]),i=de(function(){var f={capture:!0,passive:!1};n.current=it(window,[s],f)},[s]),l=de(function(){var p=t.current;p.type!=="IDLE"&&(p.type==="PENDING"&&clearTimeout(p.longPressTimerId),a(Ka),n.current(),i())},[i,a]),c=de(function(){var p=t.current;l(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[l]),d=de(function(){var f={capture:!0,passive:!1},g={cancel:c,completed:l,getPhase:o},b=it(window,jb(g),f),y=it(window,zb(g),f);n.current=function(){b(),y()}},[c,o,l]),m=de(function(){var f=o();f.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot start dragging from phase "+f.type):B());var g=f.actions.fluidLift(f.point);a({type:"DRAGGING",actions:g,hasMoved:!1})},[o,a]),u=de(function(f,g){o().type!=="IDLE"&&(process.env.NODE_ENV!=="production"?B(!1,"Expected to move from IDLE to PENDING drag"):B());var b=setTimeout(m,Gb);a({type:"PENDING",point:g,actions:f,longPressTimerId:b}),d()},[d,o,a,m]);tt(function(){return i(),function(){n.current();var g=o();g.type==="PENDING"&&(clearTimeout(g.longPressTimerId),a(Ka))}},[o,i,a]),tt(function(){var f=it(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}function Yb(e){Aa(function(){var t=$a(e);ro(function(){t.current.length!==e.length&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot change the amount of sensor hooks after mounting"):B(!1))})})}var qb={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function Jc(e,t){if(t==null)return!1;var n=!!qb[t.tagName.toLowerCase()];if(n)return!0;var o=t.getAttribute("contenteditable");return o==="true"||o===""?!0:t===e?!1:Jc(e,t.parentElement)}function Jb(e,t){var n=t.target;return no(n)?Jc(e,n):!1}var Xb=(function(e){return St(e.getBoundingClientRect()).center});function Zb(e){return e instanceof Ac(e).Element}var Qb=(function(){var e="matches";if(typeof document>"u")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],n=$t(t,function(o){return o in Element.prototype});return n||e})();function Xc(e,t){return e==null?null:e[Qb](t)?e:Xc(e.parentElement,t)}function ev(e,t){return e.closest?e.closest(t):Xc(e,t)}function tv(e){return"["+Cn.contextId+'="'+e+'"]'}function nv(e,t){var n=t.target;if(!Zb(n))return process.env.NODE_ENV!=="production"&&Ce("event.target must be a Element"),null;var o=tv(e),a=ev(n,o);return a?no(a)?a:(process.env.NODE_ENV!=="production"&&Ce("drag handle must be a HTMLElement"),null):null}function ov(e,t){var n=nv(e,t);return n?n.getAttribute(Cn.draggableId):null}function rv(e,t){var n="["+Pa.contextId+'="'+e+'"]',o=Gl(document.querySelectorAll(n)),a=$t(o,function(s){return s.getAttribute(Pa.id)===t});return a?no(a)?a:(process.env.NODE_ENV!=="production"&&Ce("Draggable element is not a HTMLElement"),null):null}function av(e){e.preventDefault()}function zo(e){var t=e.expected,n=e.phase,o=e.isLockActive,a=e.shouldWarn;return o()?t!==n?(a&&process.env.NODE_ENV!=="production"&&Ce(`
472
472
  Cannot perform action.
473
473
  The actions you used belong to an outdated phase
474
474
 
@@ -486,7 +486,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
486
486
 
487
487
  - Throw away your action handlers when forceStop() is called
488
488
  - Check actions.isActive() if you really need to
489
- `),!1)}function Zc(e){var t=e.lockAPI,n=e.store,o=e.registry,a=e.draggableId;if(t.isClaimed())return!1;var s=o.draggable.findById(a);return s?!(!s.options.isEnabled||!Ic(n.getState(),a)):(process.env.NODE_ENV!=="production"&&Ce("Unable to find draggable with id: "+a),!1)}function sv(e){var t=e.lockAPI,n=e.contextId,o=e.store,a=e.registry,s=e.draggableId,i=e.forceSensorStop,l=e.sourceEvent,c=Zc({lockAPI:t,store:o,registry:a,draggableId:s});if(!c)return null;var d=a.draggable.getById(s),m=rv(n,d.descriptor.id);if(!m)return process.env.NODE_ENV!=="production"&&Ce("Unable to find draggable element with id: "+s),null;if(l&&!d.options.canDragInteractiveElements&&Jb(m,l))return null;var u=t.claim(i||Ft),p="PRE_DRAG";function f(){return d.options.shouldRespectForcePress}function g(){return t.isActive(u)}function b(k,R){zo({expected:k,phase:p,isLockActive:g,shouldWarn:!0})&&o.dispatch(R())}var y=b.bind(null,"DRAGGING");function v(k){function R(){t.release(),p="COMPLETED"}p!=="PRE_DRAG"&&(R(),p!=="PRE_DRAG"&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot lift in phase "+p):P())),o.dispatch(Yg(k.liftActionArgs)),p="DRAGGING";function F(_,O){if(O===void 0&&(O={shouldBlockNextClick:!1}),k.cleanup(),O.shouldBlockNextClick){var W=it(window,[{eventName:"click",fn:av,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(W)}R(),o.dispatch(hc({reason:_}))}return pe({isActive:function(){return zo({expected:"DRAGGING",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(O){return F("DROP",O)},cancel:function(O){return F("CANCEL",O)}},k.actions)}function h(k){var R=Hn(function(_){y(function(){return gc({client:_})})}),F=v({liftActionArgs:{id:s,clientSelection:k,movementMode:"FLUID"},cleanup:function(){return R.cancel()},actions:{move:R}});return pe({},F,{move:R})}function x(){var k={moveUp:function(){return y(oh)},moveRight:function(){return y(ah)},moveDown:function(){return y(rh)},moveLeft:function(){return y(sh)}};return v({liftActionArgs:{id:s,clientSelection:Xb(m),movementMode:"SNAP"},cleanup:Ft,actions:k})}function D(){var k=zo({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!0});k&&t.release()}var w={isActive:function(){return zo({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:h,snapLift:x,abort:D};return w}var iv=[jc,Yc,qc];function lv(e){var t=e.contextId,n=e.store,o=e.registry,a=e.customSensors,s=e.enableDefaultSensors,i=[].concat(s?iv:[],a||[]),l=T.useState(function(){return Ib()})[0],c=de(function(h,x){h.isDragging&&!x.isDragging&&l.tryAbandon()},[l]);tt(function(){var h=n.getState(),x=n.subscribe(function(){var D=n.getState();c(h,D),h=D});return x},[l,n,c]),tt(function(){return l.tryAbandon},[l.tryAbandon]);var d=de(function(v){return Zc({lockAPI:l,registry:o,store:n,draggableId:v})},[l,o,n]),m=de(function(v,h,x){return sv({lockAPI:l,registry:o,contextId:t,store:n,draggableId:v,forceSensorStop:h,sourceEvent:x&&x.sourceEvent?x.sourceEvent:null})},[t,l,o,n]),u=de(function(v){return ov(t,v)},[t]),p=de(function(v){var h=o.draggable.findById(v);return h?h.options:null},[o.draggable]),f=de(function(){l.isClaimed()&&(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch(Ta()))},[l,n]),g=de(l.isClaimed,[l]),b=ge(function(){return{canGetLock:d,tryGetLock:m,findClosestDraggableId:u,findOptionsForDraggable:p,tryReleaseLock:f,isLockClaimed:g}},[d,m,u,p,f,g]);Yb(i);for(var y=0;y<i.length;y++)i[y](b)}var cv=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function ao(e){return e.current||(process.env.NODE_ENV!=="production"?P(!1,"Could not find store from lazy ref"):P()),e.current}function dv(e){var t=e.contextId,n=e.setCallbacks,o=e.sensors,a=e.nonce,s=e.dragHandleUsageInstructions,i=T.useRef(null);Nb();var l=$a(e),c=de(function(){return cv(l.current)},[l]),d=gb(t),m=yb({contextId:t,text:s}),u=db(t,a),p=de(function(_){ao(i).dispatch(_)},[]),f=ge(function(){return Zi({publishWhileDragging:Jg,updateDroppableScroll:Zg,updateDroppableIsEnabled:Qg,updateDroppableIsCombineEnabled:eh,collectionStarting:Xg},p)},[p]),g=mb(),b=ge(function(){return Hh(g,f)},[g,f]),y=ge(function(){return ab(pe({scrollWindow:Wh,scrollDroppable:b.scrollDroppable},Zi({move:gc},p)))},[b.scrollDroppable,p]),v=pb(t),h=ge(function(){return Ah({announce:d,autoScroller:y,dimensionMarshal:b,focusMarshal:v,getResponders:c,styleMarshal:u})},[d,y,b,v,c,u]);process.env.NODE_ENV!=="production"&&i.current&&i.current!==h&&process.env.NODE_ENV!=="production"&&Ce("unexpected store change"),i.current=h;var x=de(function(){var _=ao(i),O=_.getState();O.phase!=="IDLE"&&_.dispatch(Ta())},[]),D=de(function(){var _=ao(i).getState();return _.isDragging||_.phase==="DROP_ANIMATING"},[]),w=ge(function(){return{isDragging:D,tryAbort:x}},[D,x]);n(w);var k=de(function(_){return Ic(ao(i).getState(),_)},[]),R=de(function(){return en(ao(i).getState())},[]),F=ge(function(){return{marshal:b,focus:v,contextId:t,canLift:k,isMovementAllowed:R,dragHandleUsageInstructionsId:m,registry:g}},[t,b,m,v,k,R,g]);return lv({contextId:t,store:h,registry:g,customSensors:o,enableDefaultSensors:e.enableDefaultSensors!==!1}),T.useEffect(function(){return x},[x]),T.createElement(Wo.Provider,{value:F},T.createElement(Sl,{context:Oa,store:h},e.children))}var Qc=0;function pv(){Qc=0}function uv(){return ge(function(){return""+Qc++},[])}function mv(){pv(),bb()}function ed(e){var t=uv(),n=e.dragHandleUsageInstructions||Oo.dragHandleUsageInstructions;return T.createElement(FS,null,function(o){return T.createElement(dv,{nonce:e.nonce,contextId:t,setCallbacks:o,dragHandleUsageInstructions:n,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd},e.children)})}var Ha=function(t){return function(n){return t===n}},fv=Ha("scroll"),Sv=Ha("auto"),gv=Ha("visible"),td=function(t,n){return n(t.overflowX)||n(t.overflowY)},hv=function(t,n){return n(t.overflowX)&&n(t.overflowY)},nd=function(t){var n=window.getComputedStyle(t),o={overflowX:n.overflowX,overflowY:n.overflowY};return td(o,fv)||td(o,Sv)},bv=function(){if(process.env.NODE_ENV==="production")return!1;var t=oo(),n=document.documentElement;if(n||(process.env.NODE_ENV,P()),!nd(t))return!1;var o=window.getComputedStyle(n),a={overflowX:o.overflowX,overflowY:o.overflowY};return hv(a,gv)||process.env.NODE_ENV!=="production"&&Ce(`
489
+ `),!1)}function Zc(e){var t=e.lockAPI,n=e.store,o=e.registry,a=e.draggableId;if(t.isClaimed())return!1;var s=o.draggable.findById(a);return s?!(!s.options.isEnabled||!Ic(n.getState(),a)):(process.env.NODE_ENV!=="production"&&Ce("Unable to find draggable with id: "+a),!1)}function sv(e){var t=e.lockAPI,n=e.contextId,o=e.store,a=e.registry,s=e.draggableId,i=e.forceSensorStop,l=e.sourceEvent,c=Zc({lockAPI:t,store:o,registry:a,draggableId:s});if(!c)return null;var d=a.draggable.getById(s),m=rv(n,d.descriptor.id);if(!m)return process.env.NODE_ENV!=="production"&&Ce("Unable to find draggable element with id: "+s),null;if(l&&!d.options.canDragInteractiveElements&&Jb(m,l))return null;var u=t.claim(i||Ft),p="PRE_DRAG";function f(){return d.options.shouldRespectForcePress}function g(){return t.isActive(u)}function b(M,P){zo({expected:M,phase:p,isLockActive:g,shouldWarn:!0})&&o.dispatch(P())}var y=b.bind(null,"DRAGGING");function v(M){function P(){t.release(),p="COMPLETED"}p!=="PRE_DRAG"&&(P(),p!=="PRE_DRAG"&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot lift in phase "+p):B())),o.dispatch(Yg(M.liftActionArgs)),p="DRAGGING";function O(_,F){if(F===void 0&&(F={shouldBlockNextClick:!1}),M.cleanup(),F.shouldBlockNextClick){var W=it(window,[{eventName:"click",fn:av,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(W)}P(),o.dispatch(hc({reason:_}))}return pe({isActive:function(){return zo({expected:"DRAGGING",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(F){return O("DROP",F)},cancel:function(F){return O("CANCEL",F)}},M.actions)}function h(M){var P=Hn(function(_){y(function(){return gc({client:_})})}),O=v({liftActionArgs:{id:s,clientSelection:M,movementMode:"FLUID"},cleanup:function(){return P.cancel()},actions:{move:P}});return pe({},O,{move:P})}function x(){var M={moveUp:function(){return y(oh)},moveRight:function(){return y(ah)},moveDown:function(){return y(rh)},moveLeft:function(){return y(sh)}};return v({liftActionArgs:{id:s,clientSelection:Xb(m),movementMode:"SNAP"},cleanup:Ft,actions:M})}function C(){var M=zo({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!0});M&&t.release()}var w={isActive:function(){return zo({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:h,snapLift:x,abort:C};return w}var iv=[jc,Yc,qc];function lv(e){var t=e.contextId,n=e.store,o=e.registry,a=e.customSensors,s=e.enableDefaultSensors,i=[].concat(s?iv:[],a||[]),l=T.useState(function(){return Ib()})[0],c=de(function(h,x){h.isDragging&&!x.isDragging&&l.tryAbandon()},[l]);tt(function(){var h=n.getState(),x=n.subscribe(function(){var C=n.getState();c(h,C),h=C});return x},[l,n,c]),tt(function(){return l.tryAbandon},[l.tryAbandon]);var d=de(function(v){return Zc({lockAPI:l,registry:o,store:n,draggableId:v})},[l,o,n]),m=de(function(v,h,x){return sv({lockAPI:l,registry:o,contextId:t,store:n,draggableId:v,forceSensorStop:h,sourceEvent:x&&x.sourceEvent?x.sourceEvent:null})},[t,l,o,n]),u=de(function(v){return ov(t,v)},[t]),p=de(function(v){var h=o.draggable.findById(v);return h?h.options:null},[o.draggable]),f=de(function(){l.isClaimed()&&(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch(Ta()))},[l,n]),g=de(l.isClaimed,[l]),b=ge(function(){return{canGetLock:d,tryGetLock:m,findClosestDraggableId:u,findOptionsForDraggable:p,tryReleaseLock:f,isLockClaimed:g}},[d,m,u,p,f,g]);Yb(i);for(var y=0;y<i.length;y++)i[y](b)}var cv=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function ao(e){return e.current||(process.env.NODE_ENV!=="production"?B(!1,"Could not find store from lazy ref"):B()),e.current}function dv(e){var t=e.contextId,n=e.setCallbacks,o=e.sensors,a=e.nonce,s=e.dragHandleUsageInstructions,i=T.useRef(null);Nb();var l=$a(e),c=de(function(){return cv(l.current)},[l]),d=gb(t),m=yb({contextId:t,text:s}),u=db(t,a),p=de(function(_){ao(i).dispatch(_)},[]),f=ge(function(){return Zi({publishWhileDragging:Jg,updateDroppableScroll:Zg,updateDroppableIsEnabled:Qg,updateDroppableIsCombineEnabled:eh,collectionStarting:Xg},p)},[p]),g=mb(),b=ge(function(){return Hh(g,f)},[g,f]),y=ge(function(){return ab(pe({scrollWindow:Wh,scrollDroppable:b.scrollDroppable},Zi({move:gc},p)))},[b.scrollDroppable,p]),v=pb(t),h=ge(function(){return Ah({announce:d,autoScroller:y,dimensionMarshal:b,focusMarshal:v,getResponders:c,styleMarshal:u})},[d,y,b,v,c,u]);process.env.NODE_ENV!=="production"&&i.current&&i.current!==h&&process.env.NODE_ENV!=="production"&&Ce("unexpected store change"),i.current=h;var x=de(function(){var _=ao(i),F=_.getState();F.phase!=="IDLE"&&_.dispatch(Ta())},[]),C=de(function(){var _=ao(i).getState();return _.isDragging||_.phase==="DROP_ANIMATING"},[]),w=ge(function(){return{isDragging:C,tryAbort:x}},[C,x]);n(w);var M=de(function(_){return Ic(ao(i).getState(),_)},[]),P=de(function(){return en(ao(i).getState())},[]),O=ge(function(){return{marshal:b,focus:v,contextId:t,canLift:M,isMovementAllowed:P,dragHandleUsageInstructionsId:m,registry:g}},[t,b,m,v,M,P,g]);return lv({contextId:t,store:h,registry:g,customSensors:o,enableDefaultSensors:e.enableDefaultSensors!==!1}),T.useEffect(function(){return x},[x]),T.createElement(Wo.Provider,{value:O},T.createElement(Sl,{context:Oa,store:h},e.children))}var Qc=0;function pv(){Qc=0}function uv(){return ge(function(){return""+Qc++},[])}function mv(){pv(),bb()}function ed(e){var t=uv(),n=e.dragHandleUsageInstructions||Oo.dragHandleUsageInstructions;return T.createElement(FS,null,function(o){return T.createElement(dv,{nonce:e.nonce,contextId:t,setCallbacks:o,dragHandleUsageInstructions:n,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd},e.children)})}var Ha=function(t){return function(n){return t===n}},fv=Ha("scroll"),Sv=Ha("auto"),gv=Ha("visible"),td=function(t,n){return n(t.overflowX)||n(t.overflowY)},hv=function(t,n){return n(t.overflowX)&&n(t.overflowY)},nd=function(t){var n=window.getComputedStyle(t),o={overflowX:n.overflowX,overflowY:n.overflowY};return td(o,fv)||td(o,Sv)},bv=function(){if(process.env.NODE_ENV==="production")return!1;var t=oo(),n=document.documentElement;if(n||(process.env.NODE_ENV,B()),!nd(t))return!1;var o=window.getComputedStyle(n),a={overflowX:o.overflowX,overflowY:o.overflowY};return hv(a,gv)||process.env.NODE_ENV!=="production"&&Ce(`
490
490
  We have detected that your <body> element might be a scroll container.
491
491
  We have found no reliable way of detecting whether the <body> element is a scroll container.
492
492
  Under most circumstances a <body> scroll bar will be on the <html> element (document.documentElement)
@@ -501,19 +501,19 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
501
501
  Nested scroll containers are currently not supported.
502
502
 
503
503
  We hope to support nested scroll containers soon: https://github.com/atlassian/react-beautiful-dnd/issues/131
504
- `)}}),Wa=(function(e){return{x:e.scrollLeft,y:e.scrollTop}}),yv=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},Tv=(function(e){var t=od(e),n=yv(e);return{closestScrollable:t,isFixedOnPage:n}}),Ev=(function(e){var t=e.descriptor,n=e.isEnabled,o=e.isCombineEnabled,a=e.isFixedOnPage,s=e.direction,i=e.client,l=e.page,c=e.closest,d=(function(){if(!c)return null;var f=c.scrollSize,g=c.client,b=wc({scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,height:g.paddingBox.height,width:g.paddingBox.width});return{pageMarginBox:c.page.marginBox,frameClient:g,scrollSize:f,shouldClipSubject:c.shouldClipSubject,scroll:{initial:c.scroll,current:c.scroll,max:b,diff:{value:Re,displacement:Re}}}})(),m=s==="vertical"?ua:ql,u=Tn({page:l,withPlaceholder:null,axis:m,frame:d}),p={descriptor:t,isCombineEnabled:o,isFixedOnPage:a,axis:m,isEnabled:n,client:i,page:l,frame:d,subject:u};return p}),wv=function(t,n){var o=Pl(t);if(!n||t!==n)return o;var a=o.paddingBox.top-n.scrollTop,s=o.paddingBox.left-n.scrollLeft,i=a+n.scrollHeight,l=s+n.scrollWidth,c={top:a,right:l,bottom:i,left:s},d=aa(c,o.border),m=ia({borderBox:d,margin:o.margin,border:o.border,padding:o.padding});return m},Cv=(function(e){var t=e.ref,n=e.descriptor,o=e.env,a=e.windowScroll,s=e.direction,i=e.isDropDisabled,l=e.isCombineEnabled,c=e.shouldClipSubject,d=o.closestScrollable,m=wv(t,d),u=Po(m,a),p=(function(){if(!d)return null;var g=Pl(d),b={scrollHeight:d.scrollHeight,scrollWidth:d.scrollWidth};return{client:g,page:Po(g,a),scroll:Wa(d),scrollSize:b,shouldClipSubject:c}})(),f=Ev({descriptor:n,isEnabled:!i,isCombineEnabled:l,isFixedOnPage:o.isFixedOnPage,direction:s,client:m,page:u,closest:p});return f}),Dv={passive:!1},Nv={passive:!0},rd=(function(e){return e.shouldPublishImmediately?Dv:Nv});function jo(e){var t=T.useContext(e);return t||(process.env.NODE_ENV!=="production"?P(!1,"Could not find required context"):P()),t}var Yo=function(t){return t&&t.env.closestScrollable||null};function Iv(e){var t=T.useRef(null),n=jo(Wo),o=Ra("droppable"),a=n.registry,s=n.marshal,i=$a(e),l=ge(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),c=T.useRef(l),d=ge(function(){return Oe(function(D,w){t.current||(process.env.NODE_ENV!=="production"?P(!1,"Can only update scroll when dragging"):P());var k={x:D,y:w};s.updateDroppableScroll(l.id,k)})},[l.id,s]),m=de(function(){var D=t.current;return!D||!D.env.closestScrollable?Re:Wa(D.env.closestScrollable)},[]),u=de(function(){var D=m();d(D.x,D.y)},[m,d]),p=ge(function(){return Hn(u)},[u]),f=de(function(){var D=t.current,w=Yo(D);D&&w||(process.env.NODE_ENV!=="production"?P(!1,"Could not find scroll options while scrolling"):P());var k=D.scrollOptions;if(k.shouldPublishImmediately){u();return}p()},[p,u]),g=de(function(D,w){t.current&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot collect a droppable while a drag is occurring"):P());var k=i.current,R=k.getDroppableRef();R||(process.env.NODE_ENV!=="production"?P(!1,"Cannot collect without a droppable ref"):P());var F=Tv(R),_={ref:R,descriptor:l,env:F,scrollOptions:w};t.current=_;var O=Cv({ref:R,descriptor:l,env:F,windowScroll:D,direction:k.direction,isDropDisabled:k.isDropDisabled,isCombineEnabled:k.isCombineEnabled,shouldClipSubject:!k.ignoreContainerClipping}),W=F.closestScrollable;return W&&(W.setAttribute(Rc.contextId,n.contextId),W.addEventListener("scroll",f,rd(_.scrollOptions)),process.env.NODE_ENV!=="production"&&vv(W)),O},[n.contextId,l,f,i]),b=de(function(){var D=t.current,w=Yo(D);return D&&w||(process.env.NODE_ENV!=="production"?P(!1,"Can only recollect Droppable client for Droppables that have a scroll container"):P()),Wa(w)},[]),y=de(function(){var D=t.current;D||(process.env.NODE_ENV!=="production"?P(!1,"Cannot stop drag when no active drag"):P());var w=Yo(D);t.current=null,w&&(p.cancel(),w.removeAttribute(Rc.contextId),w.removeEventListener("scroll",f,rd(D.scrollOptions)))},[f,p]),v=de(function(D){var w=t.current;w||(process.env.NODE_ENV!=="production"?P(!1,"Cannot scroll when there is no drag"):P());var k=Yo(w);k||(process.env.NODE_ENV!=="production"?P(!1,"Cannot scroll a droppable with no closest scrollable"):P()),k.scrollTop+=D.y,k.scrollLeft+=D.x},[]),h=ge(function(){return{getDimensionAndWatchScroll:g,getScrollWhileDragging:b,dragStopped:y,scroll:v}},[y,g,b,v]),x=ge(function(){return{uniqueId:o,descriptor:l,callbacks:h}},[h,l,o]);tt(function(){return c.current=x.descriptor,a.droppable.register(x),function(){t.current&&(process.env.NODE_ENV!=="production"&&Ce("Unsupported: changing the droppableId or type of a Droppable during a drag"),y()),a.droppable.unregister(x)}},[h,l,y,x,s,a.droppable]),tt(function(){t.current&&s.updateDroppableIsEnabled(c.current.id,!e.isDropDisabled)},[e.isDropDisabled,s]),tt(function(){t.current&&s.updateDroppableIsCombineEnabled(c.current.id,e.isCombineEnabled)},[e.isCombineEnabled,s])}function Ga(){}var ad={width:0,height:0,margin:WS},xv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate;return n||a==="close"?ad:{height:o.client.borderBox.height,width:o.client.borderBox.width,margin:o.client.margin}},kv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate,s=xv({isAnimatingOpenOnMount:n,placeholder:o,animate:a});return{display:o.display,boxSizing:"border-box",width:s.width,height:s.height,marginTop:s.margin.top,marginRight:s.margin.right,marginBottom:s.margin.bottom,marginLeft:s.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:a!=="none"?Qn.placeholder:null}};function Mv(e){var t=T.useRef(null),n=de(function(){t.current&&(clearTimeout(t.current),t.current=null)},[]),o=e.animate,a=e.onTransitionEnd,s=e.onClose,i=e.contextId,l=T.useState(e.animate==="open"),c=l[0],d=l[1];T.useEffect(function(){return c?o!=="open"?(n(),d(!1),Ga):t.current?Ga:(t.current=setTimeout(function(){t.current=null,d(!1)}),n):Ga},[o,c,n]);var m=de(function(p){p.propertyName==="height"&&(a(),o==="close"&&s())},[o,s,a]),u=kv({isAnimatingOpenOnMount:c,animate:e.animate,placeholder:e.placeholder});return T.createElement(e.placeholder.tagName,{style:u,"data-rbd-placeholder-context-id":i,onTransitionEnd:m,ref:e.innerRef})}var Lv=T.memo(Mv),Ua=T.createContext(null);function sd(e){e&&no(e)||(process.env.NODE_ENV!=="production"?P(!1,`
504
+ `)}}),Wa=(function(e){return{x:e.scrollLeft,y:e.scrollTop}}),yv=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},Tv=(function(e){var t=od(e),n=yv(e);return{closestScrollable:t,isFixedOnPage:n}}),Ev=(function(e){var t=e.descriptor,n=e.isEnabled,o=e.isCombineEnabled,a=e.isFixedOnPage,s=e.direction,i=e.client,l=e.page,c=e.closest,d=(function(){if(!c)return null;var f=c.scrollSize,g=c.client,b=wc({scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,height:g.paddingBox.height,width:g.paddingBox.width});return{pageMarginBox:c.page.marginBox,frameClient:g,scrollSize:f,shouldClipSubject:c.shouldClipSubject,scroll:{initial:c.scroll,current:c.scroll,max:b,diff:{value:Re,displacement:Re}}}})(),m=s==="vertical"?ua:ql,u=Tn({page:l,withPlaceholder:null,axis:m,frame:d}),p={descriptor:t,isCombineEnabled:o,isFixedOnPage:a,axis:m,isEnabled:n,client:i,page:l,frame:d,subject:u};return p}),wv=function(t,n){var o=Pl(t);if(!n||t!==n)return o;var a=o.paddingBox.top-n.scrollTop,s=o.paddingBox.left-n.scrollLeft,i=a+n.scrollHeight,l=s+n.scrollWidth,c={top:a,right:l,bottom:i,left:s},d=aa(c,o.border),m=ia({borderBox:d,margin:o.margin,border:o.border,padding:o.padding});return m},Cv=(function(e){var t=e.ref,n=e.descriptor,o=e.env,a=e.windowScroll,s=e.direction,i=e.isDropDisabled,l=e.isCombineEnabled,c=e.shouldClipSubject,d=o.closestScrollable,m=wv(t,d),u=Po(m,a),p=(function(){if(!d)return null;var g=Pl(d),b={scrollHeight:d.scrollHeight,scrollWidth:d.scrollWidth};return{client:g,page:Po(g,a),scroll:Wa(d),scrollSize:b,shouldClipSubject:c}})(),f=Ev({descriptor:n,isEnabled:!i,isCombineEnabled:l,isFixedOnPage:o.isFixedOnPage,direction:s,client:m,page:u,closest:p});return f}),Dv={passive:!1},Nv={passive:!0},rd=(function(e){return e.shouldPublishImmediately?Dv:Nv});function jo(e){var t=T.useContext(e);return t||(process.env.NODE_ENV!=="production"?B(!1,"Could not find required context"):B()),t}var Yo=function(t){return t&&t.env.closestScrollable||null};function Iv(e){var t=T.useRef(null),n=jo(Wo),o=Ra("droppable"),a=n.registry,s=n.marshal,i=$a(e),l=ge(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),c=T.useRef(l),d=ge(function(){return Oe(function(C,w){t.current||(process.env.NODE_ENV!=="production"?B(!1,"Can only update scroll when dragging"):B());var M={x:C,y:w};s.updateDroppableScroll(l.id,M)})},[l.id,s]),m=de(function(){var C=t.current;return!C||!C.env.closestScrollable?Re:Wa(C.env.closestScrollable)},[]),u=de(function(){var C=m();d(C.x,C.y)},[m,d]),p=ge(function(){return Hn(u)},[u]),f=de(function(){var C=t.current,w=Yo(C);C&&w||(process.env.NODE_ENV!=="production"?B(!1,"Could not find scroll options while scrolling"):B());var M=C.scrollOptions;if(M.shouldPublishImmediately){u();return}p()},[p,u]),g=de(function(C,w){t.current&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot collect a droppable while a drag is occurring"):B());var M=i.current,P=M.getDroppableRef();P||(process.env.NODE_ENV!=="production"?B(!1,"Cannot collect without a droppable ref"):B());var O=Tv(P),_={ref:P,descriptor:l,env:O,scrollOptions:w};t.current=_;var F=Cv({ref:P,descriptor:l,env:O,windowScroll:C,direction:M.direction,isDropDisabled:M.isDropDisabled,isCombineEnabled:M.isCombineEnabled,shouldClipSubject:!M.ignoreContainerClipping}),W=O.closestScrollable;return W&&(W.setAttribute(Rc.contextId,n.contextId),W.addEventListener("scroll",f,rd(_.scrollOptions)),process.env.NODE_ENV!=="production"&&vv(W)),F},[n.contextId,l,f,i]),b=de(function(){var C=t.current,w=Yo(C);return C&&w||(process.env.NODE_ENV!=="production"?B(!1,"Can only recollect Droppable client for Droppables that have a scroll container"):B()),Wa(w)},[]),y=de(function(){var C=t.current;C||(process.env.NODE_ENV!=="production"?B(!1,"Cannot stop drag when no active drag"):B());var w=Yo(C);t.current=null,w&&(p.cancel(),w.removeAttribute(Rc.contextId),w.removeEventListener("scroll",f,rd(C.scrollOptions)))},[f,p]),v=de(function(C){var w=t.current;w||(process.env.NODE_ENV!=="production"?B(!1,"Cannot scroll when there is no drag"):B());var M=Yo(w);M||(process.env.NODE_ENV!=="production"?B(!1,"Cannot scroll a droppable with no closest scrollable"):B()),M.scrollTop+=C.y,M.scrollLeft+=C.x},[]),h=ge(function(){return{getDimensionAndWatchScroll:g,getScrollWhileDragging:b,dragStopped:y,scroll:v}},[y,g,b,v]),x=ge(function(){return{uniqueId:o,descriptor:l,callbacks:h}},[h,l,o]);tt(function(){return c.current=x.descriptor,a.droppable.register(x),function(){t.current&&(process.env.NODE_ENV!=="production"&&Ce("Unsupported: changing the droppableId or type of a Droppable during a drag"),y()),a.droppable.unregister(x)}},[h,l,y,x,s,a.droppable]),tt(function(){t.current&&s.updateDroppableIsEnabled(c.current.id,!e.isDropDisabled)},[e.isDropDisabled,s]),tt(function(){t.current&&s.updateDroppableIsCombineEnabled(c.current.id,e.isCombineEnabled)},[e.isCombineEnabled,s])}function Ga(){}var ad={width:0,height:0,margin:WS},xv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate;return n||a==="close"?ad:{height:o.client.borderBox.height,width:o.client.borderBox.width,margin:o.client.margin}},kv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate,s=xv({isAnimatingOpenOnMount:n,placeholder:o,animate:a});return{display:o.display,boxSizing:"border-box",width:s.width,height:s.height,marginTop:s.margin.top,marginRight:s.margin.right,marginBottom:s.margin.bottom,marginLeft:s.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:a!=="none"?Qn.placeholder:null}};function Mv(e){var t=T.useRef(null),n=de(function(){t.current&&(clearTimeout(t.current),t.current=null)},[]),o=e.animate,a=e.onTransitionEnd,s=e.onClose,i=e.contextId,l=T.useState(e.animate==="open"),c=l[0],d=l[1];T.useEffect(function(){return c?o!=="open"?(n(),d(!1),Ga):t.current?Ga:(t.current=setTimeout(function(){t.current=null,d(!1)}),n):Ga},[o,c,n]);var m=de(function(p){p.propertyName==="height"&&(a(),o==="close"&&s())},[o,s,a]),u=kv({isAnimatingOpenOnMount:c,animate:e.animate,placeholder:e.placeholder});return T.createElement(e.placeholder.tagName,{style:u,"data-rbd-placeholder-context-id":i,onTransitionEnd:m,ref:e.innerRef})}var Lv=T.memo(Mv),Ua=T.createContext(null);function sd(e){e&&no(e)||(process.env.NODE_ENV!=="production"?B(!1,`
505
505
  provided.innerRef has not been provided with a HTMLElement.
506
506
 
507
507
  You can find a guide on using the innerRef callback functions at:
508
508
  https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md
509
- `):P())}function za(e){return typeof e=="boolean"}function ja(e,t){t.forEach(function(n){return n(e)})}var _v=[function(t){var n=t.props;n.droppableId||(process.env.NODE_ENV!=="production"?P(!1,"A Droppable requires a droppableId prop"):P()),typeof n.droppableId!="string"&&(process.env.NODE_ENV!=="production"?P(!1,"A Droppable requires a [string] droppableId. Provided: ["+typeof n.droppableId+"]"):P())},function(t){var n=t.props;za(n.isDropDisabled)||(process.env.NODE_ENV!=="production"?P(!1,"isDropDisabled must be a boolean"):P()),za(n.isCombineEnabled)||(process.env.NODE_ENV!=="production"?P(!1,"isCombineEnabled must be a boolean"):P()),za(n.ignoreContainerClipping)||(process.env.NODE_ENV!=="production"?P(!1,"ignoreContainerClipping must be a boolean"):P())},function(t){var n=t.getDroppableRef;sd(n())}],Pv=[function(t){var n=t.props,o=t.getPlaceholderRef;if(n.placeholder){var a=o();a||process.env.NODE_ENV!=="production"&&Ce(`
509
+ `):B())}function za(e){return typeof e=="boolean"}function ja(e,t){t.forEach(function(n){return n(e)})}var _v=[function(t){var n=t.props;n.droppableId||(process.env.NODE_ENV!=="production"?B(!1,"A Droppable requires a droppableId prop"):B()),typeof n.droppableId!="string"&&(process.env.NODE_ENV!=="production"?B(!1,"A Droppable requires a [string] droppableId. Provided: ["+typeof n.droppableId+"]"):B())},function(t){var n=t.props;za(n.isDropDisabled)||(process.env.NODE_ENV!=="production"?B(!1,"isDropDisabled must be a boolean"):B()),za(n.isCombineEnabled)||(process.env.NODE_ENV!=="production"?B(!1,"isCombineEnabled must be a boolean"):B()),za(n.ignoreContainerClipping)||(process.env.NODE_ENV!=="production"?B(!1,"ignoreContainerClipping must be a boolean"):B())},function(t){var n=t.getDroppableRef;sd(n())}],Pv=[function(t){var n=t.props,o=t.getPlaceholderRef;if(n.placeholder){var a=o();a||process.env.NODE_ENV!=="production"&&Ce(`
510
510
  Droppable setup issue [droppableId: "`+n.droppableId+`"]:
511
511
  DroppableProvided > placeholder could not be found.
512
512
 
513
513
  Please be sure to add the {provided.placeholder} React Node as a child of your Droppable.
514
514
  More information: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/api/droppable.md
515
- `)}}],Bv=[function(t){var n=t.props;n.renderClone||(process.env.NODE_ENV!=="production"?P(!1,"Must provide a clone render function (renderClone) for virtual lists"):P())},function(t){var n=t.getPlaceholderRef;n()&&(process.env.NODE_ENV!=="production"?P(!1,"Expected virtual list to not have a placeholder"):P())}];function Ov(e){ro(function(){ja(e,_v),e.props.mode==="standard"&&ja(e,Pv),e.props.mode==="virtual"&&ja(e,Bv)})}var Rv=(function(e){Gi(t,e);function t(){for(var o,a=arguments.length,s=new Array(a),i=0;i<a;i++)s[i]=arguments[i];return o=e.call.apply(e,[this].concat(s))||this,o.state={isVisible:!!o.props.on,data:o.props.on,animate:o.props.shouldAnimate&&o.props.on?"open":"none"},o.onClose=function(){o.state.animate==="close"&&o.setState({isVisible:!1})},o}t.getDerivedStateFromProps=function(a,s){return a.shouldAnimate?a.on?{isVisible:!0,data:a.on,animate:"open"}:s.isVisible?{isVisible:!0,data:s.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!a.on,data:a.on,animate:"none"}};var n=t.prototype;return n.render=function(){if(!this.state.isVisible)return null;var a={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(a)},t})(T.PureComponent),id={dragging:5e3,dropAnimating:4500},Fv=function(t,n){return n?Qn.drop(n.duration):t?Qn.snap:Qn.fluid},Av=function(t,n){return t?n?Zn.opacity.drop:Zn.opacity.combining:null},$v=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function Vv(e){var t=e.dimension,n=t.client,o=e.offset,a=e.combineWith,s=e.dropping,i=!!a,l=$v(e),c=!!s,d=c?Da.drop(o,i):Da.moveTo(o),m={position:"fixed",top:n.marginBox.top,left:n.marginBox.left,boxSizing:"border-box",width:n.borderBox.width,height:n.borderBox.height,transition:Fv(l,s),transform:d,opacity:Av(i,c),zIndex:c?id.dropAnimating:id.dragging,pointerEvents:"none"};return m}function Kv(e){return{transform:Da.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function Hv(e){return e.type==="DRAGGING"?Vv(e):Kv(e)}function Wv(e,t,n){n===void 0&&(n=Re);var o=window.getComputedStyle(t),a=t.getBoundingClientRect(),s=_l(a,o),i=Po(s,n),l={client:s,tagName:t.tagName.toLowerCase(),display:o.display},c={x:s.marginBox.width,y:s.marginBox.height},d={descriptor:e,placeholder:l,displaceBy:c,client:s,page:i};return d}function Gv(e){var t=Ra("draggable"),n=e.descriptor,o=e.registry,a=e.getDraggableRef,s=e.canDragInteractiveElements,i=e.shouldRespectForcePress,l=e.isEnabled,c=ge(function(){return{canDragInteractiveElements:s,shouldRespectForcePress:i,isEnabled:l}},[s,l,i]),d=de(function(f){var g=a();return g||(process.env.NODE_ENV!=="production"?P(!1,"Cannot get dimension when no ref is set"):P()),Wv(n,g,f)},[n,a]),m=ge(function(){return{uniqueId:t,descriptor:n,options:c,getDimension:d}},[n,d,c,t]),u=T.useRef(m),p=T.useRef(!0);tt(function(){return o.draggable.register(u.current),function(){return o.draggable.unregister(u.current)}},[o.draggable]),tt(function(){if(p.current){p.current=!1;return}var f=u.current;u.current=m,o.draggable.update(m,f)},[m,o.draggable])}function Uv(e,t,n){ro(function(){function o(s){return"Draggable[id: "+s+"]: "}var a=e.draggableId;a||(process.env.NODE_ENV!=="production"?P(!1,"Draggable requires a draggableId"):P(!1)),typeof a!="string"&&(process.env.NODE_ENV!=="production"?P(!1,`Draggable requires a [string] draggableId.
516
- Provided: [type: `+typeof a+"] (value: "+a+")"):P(!1)),jS(e.index)||(process.env.NODE_ENV!=="production"?P(!1,o(a)+" requires an integer index prop"):P(!1)),e.mapped.type!=="DRAGGING"&&(sd(n()),e.isEnabled&&($c(t,a)||(process.env.NODE_ENV!=="production"?P(!1,o(a)+" Unable to find drag handle"):P(!1))))})}function zv(e){Aa(function(){var t=T.useRef(e);ro(function(){e!==t.current&&(process.env.NODE_ENV!=="production"?P(!1,"Draggable isClone prop value changed during component life"):P(!1))},[e])})}function jv(e){e.preventDefault()}function Yv(e){var t=T.useRef(null),n=de(function(_){t.current=_},[]),o=de(function(){return t.current},[]),a=jo(Wo),s=a.contextId,i=a.dragHandleUsageInstructionsId,l=a.registry,c=jo(Ua),d=c.type,m=c.droppableId,u=ge(function(){return{id:e.draggableId,index:e.index,type:d,droppableId:m}},[e.draggableId,e.index,d,m]),p=e.children,f=e.draggableId,g=e.isEnabled,b=e.shouldRespectForcePress,y=e.canDragInteractiveElements,v=e.isClone,h=e.mapped,x=e.dropAnimationFinished;if(Uv(e,s,o),zv(v),!v){var D=ge(function(){return{descriptor:u,registry:l,getDraggableRef:o,canDragInteractiveElements:y,shouldRespectForcePress:b,isEnabled:g}},[u,l,o,y,b,g]);Gv(D)}var w=ge(function(){return g?{tabIndex:0,role:"button","aria-describedby":i,"data-rbd-drag-handle-draggable-id":f,"data-rbd-drag-handle-context-id":s,draggable:!1,onDragStart:jv}:null},[s,i,f,g]),k=de(function(_){h.type==="DRAGGING"&&h.dropping&&_.propertyName==="transform"&&x()},[x,h]),R=ge(function(){var _=Hv(h),O=h.type==="DRAGGING"&&h.dropping?k:null,W={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":s,"data-rbd-draggable-id":f,style:_,onTransitionEnd:O},dragHandleProps:w};return W},[s,w,f,h,k,n]),F=ge(function(){return{draggableId:u.id,type:u.type,source:{index:u.index,droppableId:u.droppableId}}},[u.droppableId,u.id,u.index,u.type]);return p(R,h.snapshot,F)}var ld=(function(e,t){return e===t}),cd=(function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null}),qv=function(t){return t.combine?t.combine.draggableId:null},Jv=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function Xv(){var e=Oe(function(a,s){return{x:a,y:s}}),t=Oe(function(a,s,i,l,c){return{isDragging:!0,isClone:s,isDropAnimating:!!c,dropAnimation:c,mode:a,draggingOver:i,combineWith:l,combineTargetFor:null}}),n=Oe(function(a,s,i,l,c,d,m){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:c,combineWith:d,mode:s,offset:a,dimension:i,forceShouldAnimate:m,snapshot:t(s,l,c,d,null)}}}),o=function(s,i){if(s.isDragging){if(s.critical.draggable.id!==i.draggableId)return null;var l=s.current.client.offset,c=s.dimensions.draggables[i.draggableId],d=et(s.impact),m=Jv(s.impact),u=s.forceShouldAnimate;return n(e(l.x,l.y),s.movementMode,c,i.isClone,d,m,u)}if(s.phase==="DROP_ANIMATING"){var p=s.completed;if(p.result.draggableId!==i.draggableId)return null;var f=i.isClone,g=s.dimensions.draggables[i.draggableId],b=p.result,y=b.mode,v=cd(b),h=qv(b),x=s.dropDuration,D={duration:x,curve:wa.drop,moveTo:s.newHomeClientOffset,opacity:h?Zn.opacity.drop:null,scale:h?Zn.scale.drop:null};return{mapped:{type:"DRAGGING",offset:s.newHomeClientOffset,dimension:g,dropping:D,draggingOver:v,combineWith:h,mode:y,forceShouldAnimate:null,snapshot:t(y,f,v,h,D)}}}return null};return o}function dd(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var Zv={mapped:{type:"SECONDARY",offset:Re,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:dd(null)}};function Qv(){var e=Oe(function(i,l){return{x:i,y:l}}),t=Oe(dd),n=Oe(function(i,l,c){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:i,combineTargetFor:l,shouldAnimateDisplacement:c,snapshot:t(l)}}}),o=function(l){return l?n(Re,l,!0):null},a=function(l,c,d,m){var u=d.displaced.visible[l],p=!!(m.inVirtualList&&m.effected[l]),f=Ao(d),g=f&&f.draggableId===l?c:null;if(!u){if(!p)return o(g);if(d.displaced.invisible[l])return null;var b=yn(m.displacedBy.point),y=e(b.x,b.y);return n(y,g,!0)}if(p)return o(g);var v=d.displacedBy.point,h=e(v.x,v.y);return n(h,g,u.shouldAnimate)},s=function(l,c){if(l.isDragging)return l.critical.draggable.id===c.draggableId?null:a(c.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var d=l.completed;return d.result.draggableId===c.draggableId?null:a(c.draggableId,d.result.draggableId,d.impact,d.afterCritical)}return null};return s}var ey=function(){var t=Xv(),n=Qv(),o=function(s,i){return t(s,i)||n(s,i)||Zv};return o},ty={dropAnimationFinished:bc},ny=xl(ey,ty,null,{context:Oa,pure:!0,areStatePropsEqual:ld})(Yv);function pd(e){var t=jo(Ua),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:T.createElement(ny,e)}function ud(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=!!e.disableInteractiveElementBlocking,o=!!e.shouldRespectForcePress;return T.createElement(pd,pe({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:o}))}function oy(e){var t=T.useContext(Wo);t||(process.env.NODE_ENV!=="production"?P(!1,"Could not find app context"):P());var n=t.contextId,o=t.isMovementAllowed,a=T.useRef(null),s=T.useRef(null),i=e.children,l=e.droppableId,c=e.type,d=e.mode,m=e.direction,u=e.ignoreContainerClipping,p=e.isDropDisabled,f=e.isCombineEnabled,g=e.snapshot,b=e.useClone,y=e.updateViewportMaxScroll,v=e.getContainerForClone,h=de(function(){return a.current},[]),x=de(function(Z){a.current=Z},[]),D=de(function(){return s.current},[]),w=de(function(Z){s.current=Z},[]);Ov({props:e,getDroppableRef:h,getPlaceholderRef:D});var k=de(function(){o()&&y({maxScroll:Dc()})},[o,y]);Iv({droppableId:l,type:c,mode:d,direction:m,isDropDisabled:p,isCombineEnabled:f,ignoreContainerClipping:u,getDroppableRef:h});var R=T.createElement(Rv,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(Z){var K=Z.onClose,E=Z.data,V=Z.animate;return T.createElement(Lv,{placeholder:E,onClose:K,innerRef:w,animate:V,contextId:n,onTransitionEnd:k})}),F=ge(function(){return{innerRef:x,placeholder:R,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,R,x]),_=b?b.dragging.draggableId:null,O=ge(function(){return{droppableId:l,type:c,isUsingCloneFor:_}},[l,_,c]);function W(){if(!b)return null;var Z=b.dragging,K=b.render,E=T.createElement(pd,{draggableId:Z.draggableId,index:Z.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(V,B){return K(V,B,Z)});return Ln.createPortal(E,v())}return T.createElement(Ua.Provider,{value:O},i(F,g),W())}var Ya=function(t,n){return t===n.droppable.type},md=function(t,n){return n.draggables[t.draggable.id]},ry=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=pe({},t,{shouldAnimatePlaceholder:!1}),o=Oe(function(i){return{draggableId:i.id,type:i.type,source:{index:i.index,droppableId:i.droppableId}}}),a=Oe(function(i,l,c,d,m,u){var p=m.descriptor.id,f=m.descriptor.droppableId===i;if(f){var g=u?{render:u,dragging:o(m.descriptor)}:null,b={isDraggingOver:c,draggingOverWith:c?p:null,draggingFromThisWith:p,isUsingPlaceholder:!0};return{placeholder:m.placeholder,shouldAnimatePlaceholder:!1,snapshot:b,useClone:g}}if(!l)return n;if(!d)return t;var y={isDraggingOver:c,draggingOverWith:p,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:m.placeholder,shouldAnimatePlaceholder:!0,snapshot:y,useClone:null}}),s=function(l,c){var d=c.droppableId,m=c.type,u=!c.isDropDisabled,p=c.renderClone;if(l.isDragging){var f=l.critical;if(!Ya(m,f))return n;var g=md(f,l.dimensions),b=et(l.impact)===d;return a(d,u,b,b,g,p)}if(l.phase==="DROP_ANIMATING"){var y=l.completed;if(!Ya(m,y.critical))return n;var v=md(y.critical,l.dimensions);return a(d,u,cd(y.result)===d,et(y.impact)===d,v,p)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var h=l.completed;if(!Ya(m,h.critical))return n;var x=et(h.impact)===d,D=!!(h.impact.at&&h.impact.at.type==="COMBINE"),w=h.critical.droppable.id===d;return x?D?t:n:w?t:n}return n};return s},ay={updateViewportMaxScroll:nh};function sy(){return document.body||(process.env.NODE_ENV!=="production"?P(!1,"document.body is not ready"):P()),document.body}var iy={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:sy},qa=xl(ry,ay,null,{context:Oa,pure:!0,areStatePropsEqual:ld})(oy);qa.defaultProps=iy;const ly={disabled:"boolean",href:"string",icon:"SpsIcon",kind:"ButtonKind",spinning:"boolean",spinningTitle:"string",type:"ButtonType"};function Ne(e){const{children:t,className:n,href:o,icon:a,kind:s=A.ButtonKind.DEFAULT,spinning:i,spinningTitle:l,type:c=A.ButtonType.BUTTON,unsafelyReplaceClassName:d,...m}=e;let{disabled:u}=e;i&&(u=!0);const{t:p}=Se.useWoodlandLanguage(),f=$(d||"sps-button",`sps-button--${s}`,u&&"sps-button--disabled",i&&"sps-button--spinning",n),g=a&&r.createElement("i",{className:$("sps-icon",`sps-icon-${a}`),"aria-hidden":"true"}),b=i&&r.createElement("div",{className:"sps-spinner"},l||p("button.spinningTitle"));return r.createElement("div",{className:f},o?r.createElement("a",{...m,href:o,className:"sps-button__clickable-element"},g,t,b):r.createElement("button",{...m,type:c,className:"sps-button__clickable-element",disabled:u},g,t,b))}Object.assign(Ne,{props:ly,displayName:"SpsButton"});const cy={content:"ReactNodeLike",icon:"SpsIcon",title:"string"};function fd(e){const{content:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,c=$(i||"sps-card__header",n);return r.createElement("div",{className:c,title:a,...l},r.createElement("div",{className:"sps-card__title"}," ",o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`})," ",a),r.createElement("div",{className:"sps-card__header-content"},t))}Object.assign(fd,{props:cy,displayName:"SpsCardHeader"});const dy={icon:"SpsIcon",kind:"TagKind"};function gt(e){const{children:t,className:n,icon:o,kind:a=A.TagKind.DEFAULT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,c=r.Children.toArray(t).filter(m=>typeof m=="string").join(""),d=$(i||"sps-tag",`sps-tag--${a}`,n);return r.createElement("span",{className:d,"data-testid":`${s}__tag`,title:c,...l},o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`,"data-testid":`${s}__icon`}),t)}Object.assign(gt,{props:dy,displayName:"SpsTag"});const py={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"};function Ja(e){const{activateTab:t,active:n,children:o,className:a,label:s,icon:i,id:l,index:c=0,tag:d,tagKind:m,tagIcon:u,"data-testid":p,unsafelyReplaceClassName:f,...g}=e,b=()=>{t&&t(this,c,o)},y=h=>{(h.key==="Enter"||h.key===" "||h.key==="Spacebar")&&(h.preventDefault(),h.stopPropagation(),t&&t(this,c,o))},v=$(f||"sps-nav__item","sps-nav__link",n&&"active",a);return r.createElement("a",{className:v,onClick:b,"data-toggle":"tab",id:l,role:"tab","aria-controls":l,...g,tabIndex:0,onKeyDown:y},i&&r.createElement("i",{className:`sps-icon sps-icon-${i}`}),r.createElement("span",null,s),d&&r.createElement(gt,{kind:m||A.TagKind.KEY,icon:u},d))}Object.assign(Ja,{props:py,displayName:"SpsCardTabbedPane"});function uy(e,t,n){const[o,a]=r.useState({index:0,content:null}),s=r.useCallback((i,l,c)=>{a({index:l,content:c})},[]);return r.useEffect(()=>{function i(d){for(const m of d){const u=m.props;a({...o,content:u.children});break}}function l(d,m){for(let u=0;u<=d.length;u+=1){const p=d[u];if(p&&p.props&&(p.props.id&&p.props.id===m||p.props.label&&p.props.label===m)){a({content:p.props.children,index:u});break}}}const c=r.Children.toArray(e);n&&t?l(c,t):n&&i(c)},[t,e]),[o,s]}const my={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"};function Xa(e){r.useEffect(()=>{console.log(["App developers: There's a new card component! Update for improved performance,","fewer bugs, and increased flexibility. Reach out to the design system help Slack","channel if you have any questions!"].join(" "))},[]);const{activeTab:t,children:n,className:o,footer:a,headerContent:s,headerIcon:i,headerTitle:l,"data-testid":c,unsafelyReplaceClassName:d,...m}=e,u=r.Children.toArray(n).some(b=>r.isValidElement(b)&&b.type===Ja),[p,f]=uy(n,t,u),g=$(d||"sps-card",o);return r.createElement("div",{...m,className:g,"data-testid":`${c}__card`},(l||s)&&r.createElement(fd,{title:l,content:qe(s),icon:i,"data-testid":`${c}__header`}),u===!0?r.createElement(r.Fragment,null,r.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${c}__tabs`},r.Children.map(n,(b,y)=>{if(r.isValidElement(b))return r.cloneElement(b,{active:y===p.index,index:y,activateTab:f,"data-testid":`${c}__tab`})})),r.createElement("div",{className:"sps-card__body","data-testid":`${c}__body--tab-active`},p.content)):r.createElement("div",{className:"sps-card__body","data-testid":`${c}__body`},n),a&&r.createElement("div",{className:"sps-card__footer","data-testid":`${c}__footer`},qe(a)))}Object.assign(Xa,{props:my,displayName:"SpsCard"});function Za(e,t){const[n,...o]=S.crumblePath(t);return o.length?e.members[n].get(o):e.members[n]}function fy(e=[],t={}){return{validators:[],...t,_type:"Array",members:[...e],errors:null,invalid:!1,isValid(){const n=this;return!n.invalid&&n.members.every(o=>o.isValid())},isRequired(){const n=this;return n.validators&&n.validators.includes(vo.required)},hasError(n){const o=this;return o.errors&&Object.prototype.hasOwnProperty.call(o.errors,n)},length:e.length,setInitValue(n){for(const[o,a]of this.members.entries())a.setInitValue(n[o]);return this},getValue(){return this.members.map(n=>n.getValue())},setValue(n=[]){for(const[o,a]of this.members.entries())a.setValue(n[o]);return this},update(){return this},isFocused(){return this.members.some(n=>n.isFocused())},focus(){const n=this;return n.members.length&&n.members[0].focus(),this},blur(){for(const n of this.members)n.blur();return this},isPristine(){return this.members.every(n=>n.isPristine())},markAsPristine(){for(const n of this.members)n.markAsPristine();return this},markAsDirty(){for(const n of this.members)n.markAsDirty();return this},reset(n){const o=this;o.members=[...e],o.length=e.length;for(const[a,s]of o.members.entries())n&&a<n.length?s.reset(n[a]):s.reset();return o.update(),this},get(n){return Za(this,n)},at(n){return this.members[n]},push(n){const o=this;return o.members.push(n),o.length=o.members.length,o.update(),this},insert(n,o){const a=this;return a.members.splice(n,0,o),a.length=a.members.length,a.update(),this},removeAt(n){const o=this;return o.members.splice(n,1),o.length=o.members.length,o.update(),this},setControl(n,o){const a=this;return a.members[n]=o,a.update(),this}}}function Sy(e,t={}){return{validators:[],id:We(),...t,_type:"Control",initValue:e,setInitValue(n){return this.value=n,this.initValue=n,this},value:e,getValue(){return this.value},setValue(n){return this.value=n,this.update(),this},errors:null,invalid:!1,isValid(){return!this.invalid},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},focused:!1,isFocused(){return this.focused},pristine:!0,isPristine(){return this.pristine},isRequired(){return this.validators&&this.validators.indexOf(vo.required)>-1},update(){return this},focus(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this},blur(){return this.focused=!1,this.update(),this.onBlur&&this.onBlur(),this},markAsPristine(){return this.pristine=!0,this.update(),this},markAsDirty(){return this.pristine=!1,this.update(),this},reset(n=this.initValue){return this.value=n,this.pristine=!0,this.update(),this}}}function gy(e={},t={}){return{validators:[],...t,_type:"Group",members:{...e},errors:null,invalid:!1,isValid(){return!this.invalid&&Object.keys(this.members).every(n=>this.members[n].isValid())},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},setInitValue(n={}){for(const o of Object.keys(this.members))this.members[o].setInitValue(n[o]);return this},getValue(){return Object.keys(this.members).reduce((n,o)=>Object.assign(n,{[o]:this.members[o].getValue()}),{})},setValue(n={}){for(const o of Object.keys(this.members))this.members[o].setValue(n[o]);return this},update(){return this},isFocused(){return Object.keys(this.members).some(n=>this.members[n].isFocused())},focus(){const n=Object.keys(this.members);return n.length&&this.members[n[0]].focus(),this},blur(){for(const n of Object.keys(this.members))this.members[n].blur();return this},isPristine(){return Object.keys(this.members).every(n=>this.members[n].isPristine())},markAsPristine(){for(const n of Object.keys(this.members))this.members[n].markAsPristine();return this},markAsDirty(){for(const n of Object.keys(this.members))this.members[n].markAsDirty();return this},reset(n){this.members={...e};for(const o of Object.keys(this.members))n&&Object.prototype.hasOwnProperty.call(n,o)?this.members[o].reset(n[o]):this.members[o].reset();return this.update(),this},get(n){return Za(this,n)},addControl(n,o){if(this.contains(n))throw new Error(`Form group already contains a control called "${n}".`);return this.members[n]=o,this.update(),this},removeControl(n){return delete this.members[n],this.update(),this},setControl(n,o){return this.members[n]=o,this.update(),this},contains(n){return Object.keys(this.members).includes(n)}}}function hy(e,t){t&&e.setInitValue(t);const[n,o]=T.useState(),[a,s]=T.useState([]),[i,l]=T.useReducer(c=>{for(const d of a)for(const m of S.traversePath(c,d))m.validators&&m.validators.length&&(m.errors=yo(m.getValue(),m.validators),m.invalid=!!m.errors&&!m.pristine);return o(void 0),s([]),{...c}},e);return S.forEachNestedObject(i,(c,d)=>{d._type&&(d.update=function(){return a.push(c),s(a),n||o(window.setTimeout(l,0)),this})}),i}function by(e,t=null){const[n,o]=T.useState(t),a=T.useRef(()=>null);return T.useEffect(()=>{const s=()=>n;if(e.validators){const i=e.validators.indexOf(a.current);i===-1?e.validators.push(s):e.validators[i]=s,e.update(),a.current=s}},[n]),[n,o]}const Sd={formMeta:"SpsFormSetMeta<any>",onSubmit:"React.FormEventHandler"},so=r.forwardRef((e,t)=>{const{children:n,onSubmit:o,formArray:a,formGroup:s,formMeta:i,...l}=e,c=s||a;function d(m){m.preventDefault(),c&&c.markAsDirty(),i&&(i.markAsDirty(),i.markAsBlurred(),i.markAsSubmitted()),o&&o(m)}return r.createElement("form",{ref:t,onSubmit:d,...l},n)});Object.assign(so,{props:Sd,displayName:"SpsForm"});const gd={},vy={ideal:{label:"Ideal",examples:{ideal:{react:S.code`
515
+ `)}}],Bv=[function(t){var n=t.props;n.renderClone||(process.env.NODE_ENV!=="production"?B(!1,"Must provide a clone render function (renderClone) for virtual lists"):B())},function(t){var n=t.getPlaceholderRef;n()&&(process.env.NODE_ENV!=="production"?B(!1,"Expected virtual list to not have a placeholder"):B())}];function Ov(e){ro(function(){ja(e,_v),e.props.mode==="standard"&&ja(e,Pv),e.props.mode==="virtual"&&ja(e,Bv)})}var Rv=(function(e){Gi(t,e);function t(){for(var o,a=arguments.length,s=new Array(a),i=0;i<a;i++)s[i]=arguments[i];return o=e.call.apply(e,[this].concat(s))||this,o.state={isVisible:!!o.props.on,data:o.props.on,animate:o.props.shouldAnimate&&o.props.on?"open":"none"},o.onClose=function(){o.state.animate==="close"&&o.setState({isVisible:!1})},o}t.getDerivedStateFromProps=function(a,s){return a.shouldAnimate?a.on?{isVisible:!0,data:a.on,animate:"open"}:s.isVisible?{isVisible:!0,data:s.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!a.on,data:a.on,animate:"none"}};var n=t.prototype;return n.render=function(){if(!this.state.isVisible)return null;var a={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(a)},t})(T.PureComponent),id={dragging:5e3,dropAnimating:4500},Fv=function(t,n){return n?Qn.drop(n.duration):t?Qn.snap:Qn.fluid},Av=function(t,n){return t?n?Zn.opacity.drop:Zn.opacity.combining:null},$v=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function Vv(e){var t=e.dimension,n=t.client,o=e.offset,a=e.combineWith,s=e.dropping,i=!!a,l=$v(e),c=!!s,d=c?Da.drop(o,i):Da.moveTo(o),m={position:"fixed",top:n.marginBox.top,left:n.marginBox.left,boxSizing:"border-box",width:n.borderBox.width,height:n.borderBox.height,transition:Fv(l,s),transform:d,opacity:Av(i,c),zIndex:c?id.dropAnimating:id.dragging,pointerEvents:"none"};return m}function Kv(e){return{transform:Da.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function Hv(e){return e.type==="DRAGGING"?Vv(e):Kv(e)}function Wv(e,t,n){n===void 0&&(n=Re);var o=window.getComputedStyle(t),a=t.getBoundingClientRect(),s=_l(a,o),i=Po(s,n),l={client:s,tagName:t.tagName.toLowerCase(),display:o.display},c={x:s.marginBox.width,y:s.marginBox.height},d={descriptor:e,placeholder:l,displaceBy:c,client:s,page:i};return d}function Gv(e){var t=Ra("draggable"),n=e.descriptor,o=e.registry,a=e.getDraggableRef,s=e.canDragInteractiveElements,i=e.shouldRespectForcePress,l=e.isEnabled,c=ge(function(){return{canDragInteractiveElements:s,shouldRespectForcePress:i,isEnabled:l}},[s,l,i]),d=de(function(f){var g=a();return g||(process.env.NODE_ENV!=="production"?B(!1,"Cannot get dimension when no ref is set"):B()),Wv(n,g,f)},[n,a]),m=ge(function(){return{uniqueId:t,descriptor:n,options:c,getDimension:d}},[n,d,c,t]),u=T.useRef(m),p=T.useRef(!0);tt(function(){return o.draggable.register(u.current),function(){return o.draggable.unregister(u.current)}},[o.draggable]),tt(function(){if(p.current){p.current=!1;return}var f=u.current;u.current=m,o.draggable.update(m,f)},[m,o.draggable])}function Uv(e,t,n){ro(function(){function o(s){return"Draggable[id: "+s+"]: "}var a=e.draggableId;a||(process.env.NODE_ENV!=="production"?B(!1,"Draggable requires a draggableId"):B(!1)),typeof a!="string"&&(process.env.NODE_ENV!=="production"?B(!1,`Draggable requires a [string] draggableId.
516
+ Provided: [type: `+typeof a+"] (value: "+a+")"):B(!1)),jS(e.index)||(process.env.NODE_ENV!=="production"?B(!1,o(a)+" requires an integer index prop"):B(!1)),e.mapped.type!=="DRAGGING"&&(sd(n()),e.isEnabled&&($c(t,a)||(process.env.NODE_ENV!=="production"?B(!1,o(a)+" Unable to find drag handle"):B(!1))))})}function zv(e){Aa(function(){var t=T.useRef(e);ro(function(){e!==t.current&&(process.env.NODE_ENV!=="production"?B(!1,"Draggable isClone prop value changed during component life"):B(!1))},[e])})}function jv(e){e.preventDefault()}function Yv(e){var t=T.useRef(null),n=de(function(_){t.current=_},[]),o=de(function(){return t.current},[]),a=jo(Wo),s=a.contextId,i=a.dragHandleUsageInstructionsId,l=a.registry,c=jo(Ua),d=c.type,m=c.droppableId,u=ge(function(){return{id:e.draggableId,index:e.index,type:d,droppableId:m}},[e.draggableId,e.index,d,m]),p=e.children,f=e.draggableId,g=e.isEnabled,b=e.shouldRespectForcePress,y=e.canDragInteractiveElements,v=e.isClone,h=e.mapped,x=e.dropAnimationFinished;if(Uv(e,s,o),zv(v),!v){var C=ge(function(){return{descriptor:u,registry:l,getDraggableRef:o,canDragInteractiveElements:y,shouldRespectForcePress:b,isEnabled:g}},[u,l,o,y,b,g]);Gv(C)}var w=ge(function(){return g?{tabIndex:0,role:"button","aria-describedby":i,"data-rbd-drag-handle-draggable-id":f,"data-rbd-drag-handle-context-id":s,draggable:!1,onDragStart:jv}:null},[s,i,f,g]),M=de(function(_){h.type==="DRAGGING"&&h.dropping&&_.propertyName==="transform"&&x()},[x,h]),P=ge(function(){var _=Hv(h),F=h.type==="DRAGGING"&&h.dropping?M:null,W={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":s,"data-rbd-draggable-id":f,style:_,onTransitionEnd:F},dragHandleProps:w};return W},[s,w,f,h,M,n]),O=ge(function(){return{draggableId:u.id,type:u.type,source:{index:u.index,droppableId:u.droppableId}}},[u.droppableId,u.id,u.index,u.type]);return p(P,h.snapshot,O)}var ld=(function(e,t){return e===t}),cd=(function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null}),qv=function(t){return t.combine?t.combine.draggableId:null},Jv=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function Xv(){var e=Oe(function(a,s){return{x:a,y:s}}),t=Oe(function(a,s,i,l,c){return{isDragging:!0,isClone:s,isDropAnimating:!!c,dropAnimation:c,mode:a,draggingOver:i,combineWith:l,combineTargetFor:null}}),n=Oe(function(a,s,i,l,c,d,m){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:c,combineWith:d,mode:s,offset:a,dimension:i,forceShouldAnimate:m,snapshot:t(s,l,c,d,null)}}}),o=function(s,i){if(s.isDragging){if(s.critical.draggable.id!==i.draggableId)return null;var l=s.current.client.offset,c=s.dimensions.draggables[i.draggableId],d=et(s.impact),m=Jv(s.impact),u=s.forceShouldAnimate;return n(e(l.x,l.y),s.movementMode,c,i.isClone,d,m,u)}if(s.phase==="DROP_ANIMATING"){var p=s.completed;if(p.result.draggableId!==i.draggableId)return null;var f=i.isClone,g=s.dimensions.draggables[i.draggableId],b=p.result,y=b.mode,v=cd(b),h=qv(b),x=s.dropDuration,C={duration:x,curve:wa.drop,moveTo:s.newHomeClientOffset,opacity:h?Zn.opacity.drop:null,scale:h?Zn.scale.drop:null};return{mapped:{type:"DRAGGING",offset:s.newHomeClientOffset,dimension:g,dropping:C,draggingOver:v,combineWith:h,mode:y,forceShouldAnimate:null,snapshot:t(y,f,v,h,C)}}}return null};return o}function dd(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var Zv={mapped:{type:"SECONDARY",offset:Re,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:dd(null)}};function Qv(){var e=Oe(function(i,l){return{x:i,y:l}}),t=Oe(dd),n=Oe(function(i,l,c){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:i,combineTargetFor:l,shouldAnimateDisplacement:c,snapshot:t(l)}}}),o=function(l){return l?n(Re,l,!0):null},a=function(l,c,d,m){var u=d.displaced.visible[l],p=!!(m.inVirtualList&&m.effected[l]),f=Ao(d),g=f&&f.draggableId===l?c:null;if(!u){if(!p)return o(g);if(d.displaced.invisible[l])return null;var b=yn(m.displacedBy.point),y=e(b.x,b.y);return n(y,g,!0)}if(p)return o(g);var v=d.displacedBy.point,h=e(v.x,v.y);return n(h,g,u.shouldAnimate)},s=function(l,c){if(l.isDragging)return l.critical.draggable.id===c.draggableId?null:a(c.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var d=l.completed;return d.result.draggableId===c.draggableId?null:a(c.draggableId,d.result.draggableId,d.impact,d.afterCritical)}return null};return s}var ey=function(){var t=Xv(),n=Qv(),o=function(s,i){return t(s,i)||n(s,i)||Zv};return o},ty={dropAnimationFinished:bc},ny=xl(ey,ty,null,{context:Oa,pure:!0,areStatePropsEqual:ld})(Yv);function pd(e){var t=jo(Ua),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:T.createElement(ny,e)}function ud(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=!!e.disableInteractiveElementBlocking,o=!!e.shouldRespectForcePress;return T.createElement(pd,pe({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:o}))}function oy(e){var t=T.useContext(Wo);t||(process.env.NODE_ENV!=="production"?B(!1,"Could not find app context"):B());var n=t.contextId,o=t.isMovementAllowed,a=T.useRef(null),s=T.useRef(null),i=e.children,l=e.droppableId,c=e.type,d=e.mode,m=e.direction,u=e.ignoreContainerClipping,p=e.isDropDisabled,f=e.isCombineEnabled,g=e.snapshot,b=e.useClone,y=e.updateViewportMaxScroll,v=e.getContainerForClone,h=de(function(){return a.current},[]),x=de(function(Z){a.current=Z},[]),C=de(function(){return s.current},[]),w=de(function(Z){s.current=Z},[]);Ov({props:e,getDroppableRef:h,getPlaceholderRef:C});var M=de(function(){o()&&y({maxScroll:Dc()})},[o,y]);Iv({droppableId:l,type:c,mode:d,direction:m,isDropDisabled:p,isCombineEnabled:f,ignoreContainerClipping:u,getDroppableRef:h});var P=T.createElement(Rv,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(Z){var K=Z.onClose,E=Z.data,V=Z.animate;return T.createElement(Lv,{placeholder:E,onClose:K,innerRef:w,animate:V,contextId:n,onTransitionEnd:M})}),O=ge(function(){return{innerRef:x,placeholder:P,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,P,x]),_=b?b.dragging.draggableId:null,F=ge(function(){return{droppableId:l,type:c,isUsingCloneFor:_}},[l,_,c]);function W(){if(!b)return null;var Z=b.dragging,K=b.render,E=T.createElement(pd,{draggableId:Z.draggableId,index:Z.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(V,R){return K(V,R,Z)});return Ln.createPortal(E,v())}return T.createElement(Ua.Provider,{value:F},i(O,g),W())}var Ya=function(t,n){return t===n.droppable.type},md=function(t,n){return n.draggables[t.draggable.id]},ry=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=pe({},t,{shouldAnimatePlaceholder:!1}),o=Oe(function(i){return{draggableId:i.id,type:i.type,source:{index:i.index,droppableId:i.droppableId}}}),a=Oe(function(i,l,c,d,m,u){var p=m.descriptor.id,f=m.descriptor.droppableId===i;if(f){var g=u?{render:u,dragging:o(m.descriptor)}:null,b={isDraggingOver:c,draggingOverWith:c?p:null,draggingFromThisWith:p,isUsingPlaceholder:!0};return{placeholder:m.placeholder,shouldAnimatePlaceholder:!1,snapshot:b,useClone:g}}if(!l)return n;if(!d)return t;var y={isDraggingOver:c,draggingOverWith:p,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:m.placeholder,shouldAnimatePlaceholder:!0,snapshot:y,useClone:null}}),s=function(l,c){var d=c.droppableId,m=c.type,u=!c.isDropDisabled,p=c.renderClone;if(l.isDragging){var f=l.critical;if(!Ya(m,f))return n;var g=md(f,l.dimensions),b=et(l.impact)===d;return a(d,u,b,b,g,p)}if(l.phase==="DROP_ANIMATING"){var y=l.completed;if(!Ya(m,y.critical))return n;var v=md(y.critical,l.dimensions);return a(d,u,cd(y.result)===d,et(y.impact)===d,v,p)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var h=l.completed;if(!Ya(m,h.critical))return n;var x=et(h.impact)===d,C=!!(h.impact.at&&h.impact.at.type==="COMBINE"),w=h.critical.droppable.id===d;return x?C?t:n:w?t:n}return n};return s},ay={updateViewportMaxScroll:nh};function sy(){return document.body||(process.env.NODE_ENV!=="production"?B(!1,"document.body is not ready"):B()),document.body}var iy={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:sy},qa=xl(ry,ay,null,{context:Oa,pure:!0,areStatePropsEqual:ld})(oy);qa.defaultProps=iy;const ly={disabled:"boolean",href:"string",icon:"SpsIcon",kind:"ButtonKind",spinning:"boolean",spinningTitle:"string",type:"ButtonType"};function Ne(e){const{children:t,className:n,href:o,icon:a,kind:s=A.ButtonKind.DEFAULT,spinning:i,spinningTitle:l,type:c=A.ButtonType.BUTTON,unsafelyReplaceClassName:d,...m}=e;let{disabled:u}=e;i&&(u=!0);const{t:p}=Se.useWoodlandLanguage(),f=$(d||"sps-button",`sps-button--${s}`,u&&"sps-button--disabled",i&&"sps-button--spinning",n),g=a&&r.createElement("i",{className:$("sps-icon",`sps-icon-${a}`),"aria-hidden":"true"}),b=i&&r.createElement("div",{className:"sps-spinner"},l||p("button.spinningTitle"));return r.createElement("div",{className:f},o?r.createElement("a",{...m,href:o,className:"sps-button__clickable-element"},g,t,b):r.createElement("button",{...m,type:c,className:"sps-button__clickable-element",disabled:u},g,t,b))}Object.assign(Ne,{props:ly,displayName:"SpsButton"});const cy={content:"ReactNodeLike",icon:"SpsIcon",title:"string"};function fd(e){const{content:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,c=$(i||"sps-card__header",n);return r.createElement("div",{className:c,title:a,...l},r.createElement("div",{className:"sps-card__title"}," ",o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`})," ",a),r.createElement("div",{className:"sps-card__header-content"},t))}Object.assign(fd,{props:cy,displayName:"SpsCardHeader"});const dy={icon:"SpsIcon",kind:"TagKind"};function gt(e){const{children:t,className:n,icon:o,kind:a=A.TagKind.DEFAULT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,c=r.Children.toArray(t).filter(m=>typeof m=="string").join(""),d=$(i||"sps-tag",`sps-tag--${a}`,n);return r.createElement("span",{className:d,"data-testid":`${s}__tag`,title:c,...l},o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`,"data-testid":`${s}__icon`}),t)}Object.assign(gt,{props:dy,displayName:"SpsTag"});const py={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"};function Ja(e){const{activateTab:t,active:n,children:o,className:a,label:s,icon:i,id:l,index:c=0,tag:d,tagKind:m,tagIcon:u,"data-testid":p,unsafelyReplaceClassName:f,...g}=e,b=()=>{t&&t(this,c,o)},y=h=>{(h.key==="Enter"||h.key===" "||h.key==="Spacebar")&&(h.preventDefault(),h.stopPropagation(),t&&t(this,c,o))},v=$(f||"sps-nav__item","sps-nav__link",n&&"active",a);return r.createElement("a",{className:v,onClick:b,"data-toggle":"tab",id:l,role:"tab","aria-controls":l,...g,tabIndex:0,onKeyDown:y},i&&r.createElement("i",{className:`sps-icon sps-icon-${i}`}),r.createElement("span",null,s),d&&r.createElement(gt,{kind:m||A.TagKind.KEY,icon:u},d))}Object.assign(Ja,{props:py,displayName:"SpsCardTabbedPane"});function uy(e,t,n){const[o,a]=r.useState({index:0,content:null}),s=r.useCallback((i,l,c)=>{a({index:l,content:c})},[]);return r.useEffect(()=>{function i(d){for(const m of d){const u=m.props;a({...o,content:u.children});break}}function l(d,m){for(let u=0;u<=d.length;u+=1){const p=d[u];if(p&&p.props&&(p.props.id&&p.props.id===m||p.props.label&&p.props.label===m)){a({content:p.props.children,index:u});break}}}const c=r.Children.toArray(e);n&&t?l(c,t):n&&i(c)},[t,e]),[o,s]}const my={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"};function Xa(e){r.useEffect(()=>{console.log(["App developers: There's a new card component! Update for improved performance,","fewer bugs, and increased flexibility. Reach out to the design system help Slack","channel if you have any questions!"].join(" "))},[]);const{activeTab:t,children:n,className:o,footer:a,headerContent:s,headerIcon:i,headerTitle:l,"data-testid":c,unsafelyReplaceClassName:d,...m}=e,u=r.Children.toArray(n).some(b=>r.isValidElement(b)&&b.type===Ja),[p,f]=uy(n,t,u),g=$(d||"sps-card",o);return r.createElement("div",{...m,className:g,"data-testid":`${c}__card`},(l||s)&&r.createElement(fd,{title:l,content:qe(s),icon:i,"data-testid":`${c}__header`}),u===!0?r.createElement(r.Fragment,null,r.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${c}__tabs`},r.Children.map(n,(b,y)=>{if(r.isValidElement(b))return r.cloneElement(b,{active:y===p.index,index:y,activateTab:f,"data-testid":`${c}__tab`})})),r.createElement("div",{className:"sps-card__body","data-testid":`${c}__body--tab-active`},p.content)):r.createElement("div",{className:"sps-card__body","data-testid":`${c}__body`},n),a&&r.createElement("div",{className:"sps-card__footer","data-testid":`${c}__footer`},qe(a)))}Object.assign(Xa,{props:my,displayName:"SpsCard"});function Za(e,t){const[n,...o]=S.crumblePath(t);return o.length?e.members[n].get(o):e.members[n]}function fy(e=[],t={}){return{validators:[],...t,_type:"Array",members:[...e],errors:null,invalid:!1,isValid(){const n=this;return!n.invalid&&n.members.every(o=>o.isValid())},isRequired(){const n=this;return n.validators&&n.validators.includes(vo.required)},hasError(n){const o=this;return o.errors&&Object.prototype.hasOwnProperty.call(o.errors,n)},length:e.length,setInitValue(n){for(const[o,a]of this.members.entries())a.setInitValue(n[o]);return this},getValue(){return this.members.map(n=>n.getValue())},setValue(n=[]){for(const[o,a]of this.members.entries())a.setValue(n[o]);return this},update(){return this},isFocused(){return this.members.some(n=>n.isFocused())},focus(){const n=this;return n.members.length&&n.members[0].focus(),this},blur(){for(const n of this.members)n.blur();return this},isPristine(){return this.members.every(n=>n.isPristine())},markAsPristine(){for(const n of this.members)n.markAsPristine();return this},markAsDirty(){for(const n of this.members)n.markAsDirty();return this},reset(n){const o=this;o.members=[...e],o.length=e.length;for(const[a,s]of o.members.entries())n&&a<n.length?s.reset(n[a]):s.reset();return o.update(),this},get(n){return Za(this,n)},at(n){return this.members[n]},push(n){const o=this;return o.members.push(n),o.length=o.members.length,o.update(),this},insert(n,o){const a=this;return a.members.splice(n,0,o),a.length=a.members.length,a.update(),this},removeAt(n){const o=this;return o.members.splice(n,1),o.length=o.members.length,o.update(),this},setControl(n,o){const a=this;return a.members[n]=o,a.update(),this}}}function Sy(e,t={}){return{validators:[],id:We(),...t,_type:"Control",initValue:e,setInitValue(n){return this.value=n,this.initValue=n,this},value:e,getValue(){return this.value},setValue(n){return this.value=n,this.update(),this},errors:null,invalid:!1,isValid(){return!this.invalid},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},focused:!1,isFocused(){return this.focused},pristine:!0,isPristine(){return this.pristine},isRequired(){return this.validators&&this.validators.indexOf(vo.required)>-1},update(){return this},focus(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this},blur(){return this.focused=!1,this.update(),this.onBlur&&this.onBlur(),this},markAsPristine(){return this.pristine=!0,this.update(),this},markAsDirty(){return this.pristine=!1,this.update(),this},reset(n=this.initValue){return this.value=n,this.pristine=!0,this.update(),this}}}function gy(e={},t={}){return{validators:[],...t,_type:"Group",members:{...e},errors:null,invalid:!1,isValid(){return!this.invalid&&Object.keys(this.members).every(n=>this.members[n].isValid())},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},setInitValue(n={}){for(const o of Object.keys(this.members))this.members[o].setInitValue(n[o]);return this},getValue(){return Object.keys(this.members).reduce((n,o)=>Object.assign(n,{[o]:this.members[o].getValue()}),{})},setValue(n={}){for(const o of Object.keys(this.members))this.members[o].setValue(n[o]);return this},update(){return this},isFocused(){return Object.keys(this.members).some(n=>this.members[n].isFocused())},focus(){const n=Object.keys(this.members);return n.length&&this.members[n[0]].focus(),this},blur(){for(const n of Object.keys(this.members))this.members[n].blur();return this},isPristine(){return Object.keys(this.members).every(n=>this.members[n].isPristine())},markAsPristine(){for(const n of Object.keys(this.members))this.members[n].markAsPristine();return this},markAsDirty(){for(const n of Object.keys(this.members))this.members[n].markAsDirty();return this},reset(n){this.members={...e};for(const o of Object.keys(this.members))n&&Object.prototype.hasOwnProperty.call(n,o)?this.members[o].reset(n[o]):this.members[o].reset();return this.update(),this},get(n){return Za(this,n)},addControl(n,o){if(this.contains(n))throw new Error(`Form group already contains a control called "${n}".`);return this.members[n]=o,this.update(),this},removeControl(n){return delete this.members[n],this.update(),this},setControl(n,o){return this.members[n]=o,this.update(),this},contains(n){return Object.keys(this.members).includes(n)}}}function hy(e,t){t&&e.setInitValue(t);const[n,o]=T.useState(),[a,s]=T.useState([]),[i,l]=T.useReducer(c=>{for(const d of a)for(const m of S.traversePath(c,d))m.validators&&m.validators.length&&(m.errors=yo(m.getValue(),m.validators),m.invalid=!!m.errors&&!m.pristine);return o(void 0),s([]),{...c}},e);return S.forEachNestedObject(i,(c,d)=>{d._type&&(d.update=function(){return a.push(c),s(a),n||o(window.setTimeout(l,0)),this})}),i}function by(e,t=null){const[n,o]=T.useState(t),a=T.useRef(()=>null);return T.useEffect(()=>{const s=()=>n;if(e.validators){const i=e.validators.indexOf(a.current);i===-1?e.validators.push(s):e.validators[i]=s,e.update(),a.current=s}},[n]),[n,o]}const Sd={formMeta:"SpsFormSetMeta<any>",onSubmit:"React.FormEventHandler"},so=r.forwardRef((e,t)=>{const{children:n,onSubmit:o,formArray:a,formGroup:s,formMeta:i,...l}=e,c=s||a;function d(m){m.preventDefault(),c&&c.markAsDirty(),i&&(i.markAsDirty(),i.markAsBlurred(),i.markAsSubmitted()),o&&o(m)}return r.createElement("form",{ref:t,onSubmit:d,...l},n)});Object.assign(so,{props:Sd,displayName:"SpsForm"});const gd={},vy={ideal:{label:"Ideal",examples:{ideal:{react:S.code`
517
517
  import {
518
518
  SpsForm,
519
519
  SpsLabel,
@@ -665,7 +665,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
665
665
  </>
666
666
  )
667
667
  }
668
- `}}}},yy={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"};function qo(e){const{index:t,key:n,columnId:o,name:a,value:s,onDelete:i,mandatory:l,ref:c,...d}=e,{t:m}=Se.useWoodlandLanguage();return r.createElement(ud,{key:o,draggableId:o||"",index:t||0,...d},u=>r.createElement("div",{ref:u.innerRef,...u.draggableProps,...u.dragHandleProps,className:"sps-content-row"},r.createElement("div",{className:"sps-content-row__col-group","data-col-value":s},r.createElement("div",{className:"sps-content-row__col sps-column-chooser__grab-col"},r.createElement("i",{className:"sps-column-chooser__drag-handle"})),r.createElement("div",{className:"sps-content-row__col--borderless"},r.createElement("div",{className:"sps-body-12"},a)),r.createElement("div",{className:"sps-content-row__col sps-column-chooser__delete-col"},!l&&r.createElement(Ne,{"aria-label":m("columnChooser.removeButton",{elementName:a,defaultValue:`Remove ${a}`}),kind:A.ButtonKind.ICON,icon:A.SpsIcon.X,onClick:()=>{i&&i(s||"")}})))))}Object.assign(qo,{props:yy,displayName:"SpsColumnChooserColumn"});const Ty={maxSelectedColumns:"number | null",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"};function Qa(e){const{unselectedColumns:t=[],selectedColumns:n=[],maxSelectedColumns:o=8,onApplyChanges:a,maxVisibleUnselectedColumns:s,updateInitialState:i,className:l,unsafelyReplaceClassName:c,...d}=e,[m,u]=Dt({isVisible:!1,unselectedColumns:[...t.map(F=>({...F,label:F.name,columnId:We()}))],selectedColumns:[...n.map(F=>({...F,columnId:We()}))],searchSelectedColumn:null,pendingUnselectedColumns:[...t.map(F=>({...F,label:F.name,columnId:We()}))],pendingSelectedColumns:[...n.map(F=>({...F,columnId:We()}))]}),{t:p}=Se.useWoodlandLanguage(),f={searchSelectedColumn:""},g=$(m.isVisible&&"sps-button--open",l),{formMeta:b,formValue:y,updateForm:v}=Mi(f);function h(F){if(F.target.value){const _=[...m.pendingSelectedColumns],O=[];m.pendingUnselectedColumns.forEach(W=>{F.target.value===W.name?(v(f),_.push({columnId:We(),name:W.name,value:W.value})):O.push(W)}),u({pendingSelectedColumns:_,pendingUnselectedColumns:O})}}function x(F){const _=[],O=[...m.pendingUnselectedColumns];m.pendingSelectedColumns.forEach(W=>{F===W.value?O.push({columnId:We(),name:W.name,value:W.value}):_.push(W)}),u({pendingSelectedColumns:_,pendingUnselectedColumns:O})}function D(F){if(!F.destination)return;const _=[...m.pendingSelectedColumns],[O]=_.splice(F.source.index,1);_.splice(F.destination.index,0,O),u({pendingSelectedColumns:_})}function w(){const F=m.pendingSelectedColumns.map(_=>{const O={..._};return O.columnId&&delete O.columnId,O});v(f),u({isVisible:!1,selectedColumns:[...m.pendingSelectedColumns],unselectedColumns:[...m.pendingUnselectedColumns]}),a&&a(F)}function k(){u({isVisible:!m.isVisible}),m.isVisible&&u({pendingSelectedColumns:[...m.selectedColumns],pendingUnselectedColumns:[...m.unselectedColumns]})}const R=r.useCallback(F=>{const _=new RegExp(F??"","i");return s?m.pendingUnselectedColumns.filter(O=>_.test(O.name)).map(O=>O.name).slice(0,s):m.pendingUnselectedColumns.map(O=>O.name)},[m.pendingUnselectedColumns,s]);return r.useEffect(()=>{i&&u({unselectedColumns:[...t.map(F=>({...F,label:F.name,columnId:We()}))],pendingUnselectedColumns:[...t.map(F=>({...F,label:F.name,columnId:We()}))]})},[t]),r.useEffect(()=>{i&&u({selectedColumns:[...n.map(F=>({...F,columnId:We()}))],pendingSelectedColumns:[...n.map(F=>({...F,columnId:We()}))]})},[n]),r.createElement("div",{className:"sps-column-chooser z-stratum-dropdown",...d},r.createElement(Ne,{className:g,"aria-label":`${m.isVisible?"Close":"Open"} Column Chooser`,kind:A.ButtonKind.ICON,icon:A.SpsIcon.TABLE,onClick:k,"data-testid":"button"}),m.isVisible&&r.createElement(Xa,{"data-testid":"open",footer:()=>r.createElement(Ne,{"aria-label":"Apply Changes",kind:A.ButtonKind.LINK,onClick:w},p("columnChooser.applyChanges",{defaultValue:"Apply Changes"}))},r.createElement("div",{className:"sps-column-chooser__search-container"},r.createElement(Nt,{suggestions:R,disabled:!!(o&&m.pendingSelectedColumns.length>=o),value:y.searchSelectedColumn?y.searchSelectedColumn:"",formMeta:b.fields.searchSelectedColumn,onChange:h,placeholder:p("columnChooser.findColumnsToAdd",{defaultValue:"Find Columns to Add"}),"data-testid":"autocomplete",disableOptionsMemoization:!0})),r.createElement("div",{className:"sps-column-chooser__selected-title"},p("columnChooser.selected",{defaultValue:"Selected"})),r.createElement(ed,{onDragEnd:D},r.createElement(qa,{droppableId:"column-chooser"},F=>r.createElement("div",{...F.droppableProps,ref:F.innerRef},m.pendingSelectedColumns.map((_,O)=>r.createElement(qo,{index:O,key:_.columnId,columnId:_.columnId,name:_.name,value:_.value,onDelete:x,mandatory:_.mandatory})),F.placeholder)))))}Object.assign(Qa,{props:Ty,displayName:"SpsColumnChooser"});const hd={basic:{label:"Basic",description:"Column chooser component",examples:{basic:{react:S.code`
668
+ `}}}},yy={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"};function qo(e){const{index:t,key:n,columnId:o,name:a,value:s,onDelete:i,mandatory:l,ref:c,...d}=e,{t:m}=Se.useWoodlandLanguage();return r.createElement(ud,{key:o,draggableId:o||"",index:t||0,...d},u=>r.createElement("div",{ref:u.innerRef,...u.draggableProps,...u.dragHandleProps,className:"sps-content-row"},r.createElement("div",{className:"sps-content-row__col-group","data-col-value":s},r.createElement("div",{className:"sps-content-row__col sps-column-chooser__grab-col"},r.createElement("i",{className:"sps-column-chooser__drag-handle"})),r.createElement("div",{className:"sps-content-row__col--borderless"},r.createElement("div",{className:"sps-body-12"},a)),r.createElement("div",{className:"sps-content-row__col sps-column-chooser__delete-col"},!l&&r.createElement(Ne,{"aria-label":m("columnChooser.removeButton",{elementName:a,defaultValue:`Remove ${a}`}),kind:A.ButtonKind.ICON,icon:A.SpsIcon.X,onClick:()=>{i&&i(s||"")}})))))}Object.assign(qo,{props:yy,displayName:"SpsColumnChooserColumn"});const Ty={maxSelectedColumns:"number | null",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"};function Qa(e){const{unselectedColumns:t=[],selectedColumns:n=[],maxSelectedColumns:o=8,onApplyChanges:a,maxVisibleUnselectedColumns:s,updateInitialState:i,className:l,unsafelyReplaceClassName:c,...d}=e,[m,u]=Dt({isVisible:!1,unselectedColumns:[...t.map(O=>({...O,label:O.name,columnId:We()}))],selectedColumns:[...n.map(O=>({...O,columnId:We()}))],searchSelectedColumn:null,pendingUnselectedColumns:[...t.map(O=>({...O,label:O.name,columnId:We()}))],pendingSelectedColumns:[...n.map(O=>({...O,columnId:We()}))]}),{t:p}=Se.useWoodlandLanguage(),f={searchSelectedColumn:""},g=$(m.isVisible&&"sps-button--open",l),{formMeta:b,formValue:y,updateForm:v}=Mi(f);function h(O){if(O.target.value){const _=[...m.pendingSelectedColumns],F=[];m.pendingUnselectedColumns.forEach(W=>{O.target.value===W.name?(v(f),_.push({columnId:We(),name:W.name,value:W.value})):F.push(W)}),u({pendingSelectedColumns:_,pendingUnselectedColumns:F})}}function x(O){const _=[],F=[...m.pendingUnselectedColumns];m.pendingSelectedColumns.forEach(W=>{O===W.value?F.push({columnId:We(),name:W.name,value:W.value}):_.push(W)}),u({pendingSelectedColumns:_,pendingUnselectedColumns:F})}function C(O){if(!O.destination)return;const _=[...m.pendingSelectedColumns],[F]=_.splice(O.source.index,1);_.splice(O.destination.index,0,F),u({pendingSelectedColumns:_})}function w(){const O=m.pendingSelectedColumns.map(_=>{const F={..._};return F.columnId&&delete F.columnId,F});v(f),u({isVisible:!1,selectedColumns:[...m.pendingSelectedColumns],unselectedColumns:[...m.pendingUnselectedColumns]}),a&&a(O)}function M(){u({isVisible:!m.isVisible}),m.isVisible&&u({pendingSelectedColumns:[...m.selectedColumns],pendingUnselectedColumns:[...m.unselectedColumns]})}const P=r.useCallback(O=>{const _=new RegExp(O??"","i");return s?m.pendingUnselectedColumns.filter(F=>_.test(F.name)).map(F=>F.name).slice(0,s):m.pendingUnselectedColumns.map(F=>F.name)},[m.pendingUnselectedColumns,s]);return r.useEffect(()=>{i&&u({unselectedColumns:[...t.map(O=>({...O,label:O.name,columnId:We()}))],pendingUnselectedColumns:[...t.map(O=>({...O,label:O.name,columnId:We()}))]})},[t]),r.useEffect(()=>{i&&u({selectedColumns:[...n.map(O=>({...O,columnId:We()}))],pendingSelectedColumns:[...n.map(O=>({...O,columnId:We()}))]})},[n]),r.createElement("div",{className:"sps-column-chooser z-stratum-dropdown",...d},r.createElement(Ne,{className:g,"aria-label":`${m.isVisible?"Close":"Open"} Column Chooser`,kind:A.ButtonKind.ICON,icon:A.SpsIcon.TABLE,onClick:M,"data-testid":"button"}),m.isVisible&&r.createElement(Xa,{"data-testid":"open",footer:()=>r.createElement(Ne,{"aria-label":"Apply Changes",kind:A.ButtonKind.LINK,onClick:w},p("columnChooser.applyChanges",{defaultValue:"Apply Changes"}))},r.createElement("div",{className:"sps-column-chooser__search-container"},r.createElement(Nt,{suggestions:P,disabled:!!(o&&m.pendingSelectedColumns.length>=o),value:y.searchSelectedColumn?y.searchSelectedColumn:"",formMeta:b.fields.searchSelectedColumn,onChange:h,placeholder:p("columnChooser.findColumnsToAdd",{defaultValue:"Find Columns to Add"}),"data-testid":"autocomplete",disableOptionsMemoization:!0})),r.createElement("div",{className:"sps-column-chooser__selected-title"},p("columnChooser.selected",{defaultValue:"Selected"})),r.createElement(ed,{onDragEnd:C},r.createElement(qa,{droppableId:"column-chooser"},O=>r.createElement("div",{...O.droppableProps,ref:O.innerRef},m.pendingSelectedColumns.map((_,F)=>r.createElement(qo,{index:F,key:_.columnId,columnId:_.columnId,name:_.name,value:_.value,onDelete:x,mandatory:_.mandatory})),O.placeholder)))))}Object.assign(Qa,{props:Ty,displayName:"SpsColumnChooser"});const hd={basic:{label:"Basic",description:"Column chooser component",examples:{basic:{react:S.code`
669
669
  import { SpsColumnChooser } from "@spscommerce/ds-react";
670
670
  function DemoComponent() {
671
671
  const unselectedCols = [
@@ -684,7 +684,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
684
684
  />
685
685
  );
686
686
  }
687
- `}}}},Ey={icon:{type:"SpsIcon",required:!0},size:"SpsIconSize"};function ht(e){const{className:t,"data-testid":n,icon:o,size:a=A.SpsIconSize.MEDIUM,unsafelyReplaceClassName:s,...i}=e,l=$(s||"sps-icon",`sps-icon-${o}`,`sps-icon--${a}`,e.onClick&&"interactive-icon",t);return r.createElement("i",{className:l,"aria-hidden":"true","data-testid":n,...i})}Object.assign(ht,{props:Ey,displayName:"SpsI"});const wy={borderless:"boolean",lean:"boolean",leaner:{type:"boolean",deprecated:!0},widthPx:"number",widthRem:"number"};function nn(e){const{borderless:t,children:n,className:o,lean:a,leaner:s,style:i,unsafelyReplaceClassName:l,widthPx:c,widthRem:d,...m}=e;r.useEffect(()=>{s&&console.log(["The 'leaner' prop on SpsContentRowCol is deprecated. The padding for Content","Rows has been updated so the old 'lean' padding is the default, and the","'leaner' padding is enabled with 'lean'. This column will be displayed as","a new 'lean' column, but you should change the prop you're passing as well."].join(" "))},[s]);const u=$(l||"sps-content-row__col",t&&"sps-content-row__col--borderless",(a||s)&&"sps-content-row__col--lean",o),p=c?c/16:d,f=p?{...i,width:`${p}rem`}:i;return r.createElement("div",{...m,className:u,style:f},n)}Object.assign(nn,{props:wy,displayName:"SpsContentRowCol"});const Cy={};function Jo(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=$(a||"sps-content-row__expansion",n);return r.createElement("div",{className:i,...s,"data-testid":`${o}__expansion`},t)}Object.assign(Jo,{props:Cy,displayName:"SpsContentRowExpansion"});const Dy={alternateLayout:"boolean",initiallyExpanded:"boolean",cardSpacing:"boolean",expanded:"boolean",onBeforeCollapsed:"() => boolean",onBeforeExpanded:"() => boolean",onSelectionChange:"ChangeEventHandler",onCollapsed:"() => void",onExpanded:"() => void",selectable:"boolean",selected:"boolean"};function es(e){const{alternateLayout:t=!1,children:n,className:o,expanded:a,onBeforeCollapsed:s,onBeforeExpanded:i,onSelectionChange:l,onCollapsed:c,onExpanded:d,initiallyExpanded:m=!1,cardSpacing:u=!1,selectable:p=!1,selected:f,"data-testid":g,unsafelyReplaceClassName:b,...y}=e,{t:v}=Se.useWoodlandLanguage(),[h,x]=r.useState(m),D=typeof a=="boolean"?a:h;function w(W){W.stopPropagation(),D&&(!s||s())?(x(!1),c&&c()):!D&&(!i||i())&&(x(!0),d&&d())}const k=()=>r.createElement(Jt,{checked:f,onChange:l}),R=()=>r.createElement("button",{type:"button",className:"sps-content-row__expand-btn",onClick:w,"aria-label":v(`contentRow.${D?"collapse":"expand"}`,{defaultValue:`${D?"Collapse":"Expand"}`})},r.createElement(ht,{icon:D?A.SpsIcon.MINUS_CIRCLE:A.SpsIcon.PLUS_CIRCLE})),F=$(b||"sps-content-row",D&&"sps-content-row--expanded",u&&"sps-content-row--card-spaced",f&&"sps-content-row--selected",t&&"sps-content-row--alternate-layout",o),[_,[O]]=at(n,[{type:nn},{type:Jo}]);return r.createElement("div",{className:F,"data-testid":g,...y},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${g}__children`},p&&!t&&r.createElement(nn,{widthPx:46},r.createElement(k,null)),O&&!t&&r.createElement(nn,{widthPx:44},r.createElement(R,null)),O&&p&&t&&r.createElement(nn,{widthPx:46},r.createElement("section",null,r.createElement(k,null)),r.createElement("section",null,r.createElement(R,null))),_),O)}Object.assign(es,{props:Dy,displayName:"SpsContentRow"});const bd={basic:{label:"Content rows",examples:{basic:{react:S.code`
687
+ `}}}},Ey={icon:{type:"SpsIcon",required:!0},size:"SpsIconSize"};function ht(e){const{className:t,"data-testid":n,icon:o,size:a=A.SpsIconSize.MEDIUM,unsafelyReplaceClassName:s,...i}=e,l=$(s||"sps-icon",`sps-icon-${o}`,`sps-icon--${a}`,e.onClick&&"interactive-icon",t);return r.createElement("i",{className:l,"aria-hidden":"true","data-testid":n,...i})}Object.assign(ht,{props:Ey,displayName:"SpsI"});const wy={borderless:"boolean",lean:"boolean",leaner:{type:"boolean",deprecated:!0},widthPx:"number",widthRem:"number"};function nn(e){const{borderless:t,children:n,className:o,lean:a,leaner:s,style:i,unsafelyReplaceClassName:l,widthPx:c,widthRem:d,...m}=e;r.useEffect(()=>{s&&console.log(["The 'leaner' prop on SpsContentRowCol is deprecated. The padding for Content","Rows has been updated so the old 'lean' padding is the default, and the","'leaner' padding is enabled with 'lean'. This column will be displayed as","a new 'lean' column, but you should change the prop you're passing as well."].join(" "))},[s]);const u=$(l||"sps-content-row__col",t&&"sps-content-row__col--borderless",(a||s)&&"sps-content-row__col--lean",o),p=c?c/16:d,f=p?{...i,width:`${p}rem`}:i;return r.createElement("div",{...m,className:u,style:f},n)}Object.assign(nn,{props:wy,displayName:"SpsContentRowCol"});const Cy={};function Jo(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=$(a||"sps-content-row__expansion",n);return r.createElement("div",{className:i,...s,"data-testid":`${o}__expansion`},t)}Object.assign(Jo,{props:Cy,displayName:"SpsContentRowExpansion"});const Dy={alternateLayout:"boolean",initiallyExpanded:"boolean",cardSpacing:"boolean",expanded:"boolean",onBeforeCollapsed:"() => boolean",onBeforeExpanded:"() => boolean",onSelectionChange:"ChangeEventHandler",onCollapsed:"() => void",onExpanded:"() => void",selectable:"boolean",selected:"boolean"};function es(e){const{alternateLayout:t=!1,children:n,className:o,expanded:a,onBeforeCollapsed:s,onBeforeExpanded:i,onSelectionChange:l,onCollapsed:c,onExpanded:d,initiallyExpanded:m=!1,cardSpacing:u=!1,selectable:p=!1,selected:f,"data-testid":g,unsafelyReplaceClassName:b,...y}=e,{t:v}=Se.useWoodlandLanguage(),[h,x]=r.useState(m),C=typeof a=="boolean"?a:h;function w(W){W.stopPropagation(),C&&(!s||s())?(x(!1),c&&c()):!C&&(!i||i())&&(x(!0),d&&d())}const M=()=>r.createElement(Jt,{checked:f,onChange:l}),P=()=>r.createElement("button",{type:"button",className:"sps-content-row__expand-btn",onClick:w,"aria-label":v(`contentRow.${C?"collapse":"expand"}`,{defaultValue:`${C?"Collapse":"Expand"}`})},r.createElement(ht,{icon:C?A.SpsIcon.MINUS_CIRCLE:A.SpsIcon.PLUS_CIRCLE})),O=$(b||"sps-content-row",C&&"sps-content-row--expanded",u&&"sps-content-row--card-spaced",f&&"sps-content-row--selected",t&&"sps-content-row--alternate-layout",o),[_,[F]]=at(n,[{type:nn},{type:Jo}]);return r.createElement("div",{className:O,"data-testid":g,...y},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${g}__children`},p&&!t&&r.createElement(nn,{widthPx:46},r.createElement(M,null)),F&&!t&&r.createElement(nn,{widthPx:44},r.createElement(P,null)),F&&p&&t&&r.createElement(nn,{widthPx:46},r.createElement("section",null,r.createElement(M,null)),r.createElement("section",null,r.createElement(P,null))),_),F)}Object.assign(es,{props:Dy,displayName:"SpsContentRow"});const bd={basic:{label:"Content rows",examples:{basic:{react:S.code`
688
688
  import {
689
689
  SpsContentRow,
690
690
  SpsContentRowCol,
@@ -1152,7 +1152,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
1152
1152
  </>
1153
1153
  )
1154
1154
  }
1155
- `}}}},Ny=pn.default||pn;function Iy(){return new Array(7).fill(null)}function vd(e){const t=Ny({year:e.year,month:e.month-1,date:1}),n=t.weekday(),o=t.daysInMonth(),a=Math.ceil((o+n)/7),s=a*7,i=new Array(a).fill(!0).map(Iy);t.subtract(n,"days");for(let l=0;l<s;l+=1){const c=i[Math.floor(l/7)],d=l%7;c[d]=Object.freeze({year:t.year(),month:t.month()+1,date:t.date()}),d===6&&Object.freeze(c),t.add(1,"day")}return i}function yd(e){const[t,n]=r.useState(()=>vd(e));return r.useEffect(()=>{n(vd(e))},[e]),t}function Td(e){const[t,n]=r.useState(()=>j.toMoment(e));return r.useEffect(()=>n(j.toMoment(e)),[e]),t}function Xo(e){const t=e%10,n=~~(e%100/10)===1?"th":t===1?"st":t===2?"nd":t===3?"rd":"th";return e+n}function _t(e,t,n){const o={m:["eine Minute","einer Minute"],h:["eine Stunde","einer Stunde"],d:["ein Tag","einem Tag"],dd:[`${e} Tage`,`${e} Tagen`],w:["eine Woche","einer Woche"],M:["ein Monat","einem Monat"],MM:[`${e} Monate`,`${e} Monaten`],y:["ein Jahr","einem Jahr"],yy:[`${e} Jahre`,`${e} Jahren`]};return t?o[n][0]:o[n][1]}function xy(e){e.defineLocale("de",{months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),monthsParseExact:!0,weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},calendar:{sameDay:"[heute um] LT [Uhr]",sameElse:"L",nextDay:"[morgen um] LT [Uhr]",nextWeek:"dddd [um] LT [Uhr]",lastDay:"[gestern um] LT [Uhr]",lastWeek:"[letzten] dddd [um] LT [Uhr]"},relativeTime:{future:"in %s",past:"vor %s",s:"ein paar Sekunden",ss:"%d Sekunden",m:_t,mm:"%d Minuten",h:_t,hh:"%d Stunden",d:_t,dd:_t,w:_t,ww:"%d Wochen",M:_t,MM:_t,y:_t,yy:_t},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}function ky(e){e.defineLocale("en-au",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:Xo,week:{dow:0,doy:4}})}function My(e){e.defineLocale("en-ca",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:Xo})}function Ly(e){e.defineLocale("en-gb",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:Xo,week:{dow:1,doy:4}})}function _y(e){e.defineLocale("en-ie",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:Xo,week:{dow:1,doy:4}})}function Py(e){const t="ene._feb._mar._abr._may._jun._jul._ago._sep._oct._nov._dic.".split("_"),n="ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_");e.defineLocale("es",{months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:function(o,a){return o?a.includes("-MMM-")?n[o.month()]:t[o.month()]:t},monthsParseExact:!0,weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},calendar:{sameDay(){return`[hoy a la${this.hours()!==1?"s":""}] LT`},nextDay(){return`[mañana a la${this.hours()!==1?"s":""}] LT`},nextWeek(){return`dddd [a la${this.hours()!==1?"s":""}] LT`},lastDay(){return`[ayer a la${this.hours()!==1?"s":""}] LT`},lastWeek(){return`[el] dddd [pasado a la${this.hours()!==1?"s":""}] LT`},sameElse:"L"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",ss:"%d segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",w:"una semana",ww:"%d semanas",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},dayOfMonthOrdinalParse:/\d{1,2}º/,ordinal:"%dº",week:{dow:1,doy:4},invalidDate:"Fecha inválida"})}function By(e){e.defineLocale("fr",{months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),monthsParseExact:!0,weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Aujourd'hui à] LT",nextDay:"[Demain à] LT",nextWeek:"dddd [à] LT",lastDay:"[Hier à] LT",lastWeek:"dddd [dernier à] LT",sameElse:"L"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",ss:"%d secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",w:"une semaine",ww:"%d semaines",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(er|)/,ordinal:function(t,n){switch(n){case"D":return t+(t===1?"er":"");default:case"M":case"Q":case"DDD":case"d":return t+(t===1?"er":"e");case"w":case"W":return t+(t===1?"re":"e")}},week:{dow:1,doy:4}})}function Oy(e){e.defineLocale("fr-ca",{months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),monthsParseExact:!0,weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Aujourd'hui à] LT",nextDay:"[Demain à] LT",nextWeek:"dddd [à] LT",lastDay:"[Hier à] LT",lastWeek:"dddd [dernier à] LT",sameElse:"L"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",ss:"%d secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(er|e)/,ordinal:function(t,n){switch(n){default:case"M":case"Q":case"D":case"DDD":case"d":return t+(t===1?"er":"e");case"w":case"W":return t+(t===1?"re":"e")}}})}function Ry(e){e.defineLocale("it",{months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay(){return`[Oggi a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`},nextDay(){return`[Domani a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`},nextWeek(){return`dddd [a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`},lastDay(){return`[Ieri a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`},lastWeek(){return this.day()===0?`[La scorsa] dddd [a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`:`[Lo scorso] dddd [a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`},sameElse:"L"},relativeTime:{future:"tra %s",past:"%s fa",s:"alcuni secondi",ss:"%d secondi",m:"un minuto",mm:"%d minuti",h:"un'ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",w:"una settimana",ww:"%d settimane",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},dayOfMonthOrdinalParse:/\d{1,2}º/,ordinal:"%dº",week:{dow:1,doy:4}})}function Fy(e){const t="jan._feb._mrt._apr._mei_jun._jul._aug._sep._okt._nov._dec.".split("_"),n="jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_");e.defineLocale("nl",{months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:function(o,a){return o?a.includes("-MMM-")?n[o.month()]:t[o.month()]:t},monthsParseExact:!0,weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[vandaag om] LT",nextDay:"[morgen om] LT",nextWeek:"dddd [om] LT",lastDay:"[gisteren om] LT",lastWeek:"[afgelopen] dddd [om] LT",sameElse:"L"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",ss:"%d seconden",m:"één minuut",mm:"%d minuten",h:"één uur",hh:"%d uur",d:"één dag",dd:"%d dagen",w:"één week",ww:"%d weken",M:"één maand",MM:"%d maanden",y:"één jaar",yy:"%d jaar"},dayOfMonthOrdinalParse:/\d{1,2}(ste|de)/,ordinal(o){return o+(o===1||o===8||o>=20?"ste":"de")},week:{dow:1,doy:4}})}function Ay(e){e.defineLocale("zh-cn",{months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"周日_周一_周二_周三_周四_周五_周六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日Ah点mm分",LLLL:"YYYY年M月D日ddddAh点mm分",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="下午"||n==="晚上"?t+12:t>=11?t:t+12},meridiem(t,n){const o=t*100+n;return o<600?"凌晨":o<900?"早上":o<1130?"上午":o<1230?"中午":o<1800?"下午":"晚上"},calendar:{sameDay:"[今天]LT",nextDay:"[明天]LT",nextWeek(t){return t.week()!==this.week()?"[下]dddLT":"[本]dddLT"},lastDay:"[昨天]LT",lastWeek(t){return this.week()!==t.week()?"[上]dddLT":"[本]dddLT"},sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|周)/,ordinal:function(t,n){switch(n){case"d":case"D":case"DDD":return`${t}日`;case"M":return`${t}月`;case"w":case"W":return`${t}周`;default:return String(t)}},relativeTime:{future:"%s后",past:"%s前",s:"几秒",ss:"%d 秒",m:"1 分钟",mm:"%d 分钟",h:"1 小时",hh:"%d 小时",d:"1 天",dd:"%d 天",w:"1 周",ww:"%d 周",M:"1 个月",MM:"%d 个月",y:"1 年",yy:"%d 年"},week:{dow:1,doy:4}})}function $y(e){e.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="中午"?t>=11?t:t+12:n==="下午"||n==="晚上"?t+12:t},meridiem(t,n){const o=t*100+n;return o<600?"凌晨":o<900?"早上":o<1130?"上午":o<1230?"中午":o<1800?"下午":"晚上"},calendar:{sameDay:"[今天] LT",nextDay:"[明天] LT",nextWeek:"[下]dddd LT",lastDay:"[昨天] LT",lastWeek:"[上]dddd LT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|週)/,ordinal:function(t,n){switch(n){case"d":case"D":case"DDD":return`${t}日`;case"M":return`${t}月`;case"w":case"W":return`${t}週`;default:return String(t)}},relativeTime:{future:"%s後",past:"%s前",s:"幾秒",ss:"%d 秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"}})}function Vy(e){const t=e.locale();xy(e),ky(e),My(e),Ly(e),_y(e),Py(e),By(e),Oy(e),Ry(e),Fy(e),Ay(e),$y(e),e.locale(t)}Vy(ke);const Ky=ke.locale(),Nn=ke.locales();Nn.indexOf("en-US")===-1&&ke.defineLocale("en-US",{parentLocale:"en",longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY @ LT",LLLL:"dddd MMMM D, YYYY @ LT"}}),Nn.indexOf("en-US24")===-1&&ke.defineLocale("en-US24",{parentLocale:"en-US",longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss"}}),Nn.indexOf("en-PH")===-1&&(ke.defineLocale("en-PH",{parentLocale:"en-gb"}),ke.updateLocale("en-PH",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A"}})),Nn.indexOf("en-IN")===-1&&(ke.defineLocale("en-IN",{parentLocale:"en-gb"}),ke.updateLocale("en-IN",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",ll:"D-MMM-YYYY"}})),Nn.indexOf("en-SG")===-1&&(ke.defineLocale("en-SG",{parentLocale:"en-IN"}),ke.updateLocale("en-SG",{longDateFormat:{ll:"D MMM YYYY"}})),Nn.indexOf("en-HK")===-1&&ke.defineLocale("en-HK",{parentLocale:"en-gb"}),ke.locale(Ky);function Zo(){return typeof window>"u"?"en-US":window.navigator.languages?.[0]||window.navigator.language||"en-US"}function Ed(e){if(typeof Intl>"u"||typeof Intl.DateTimeFormat!="function")return!1;try{const t=e??Zo();return new Intl.DateTimeFormat(t,{hour:"numeric"}).resolvedOptions().hour12===!1}catch{return!1}}function wd(e){const t=e??Zo();return ke().locale(t).locale()}function Hy(e){if(!e)return"en";const t=e.toLowerCase().replace(/_/g,"-"),n=ke.locales();if(n.includes(t))return t;const o=t.split("-")[0];return n.includes(o)?o:"en"}const Cd=r.createContext(void 0);function Wy({currentUser:e,locale:t,children:n}){const o=r.useMemo(()=>({currentUser:e,locale:t}),[e,t]);return r.createElement(Cd.Provider,{value:o},n)}function Gy(){const[e,t]=r.useState(Se.i18n.isInitialized?Se.i18n.language:void 0);return r.useEffect(()=>{const n=()=>t(Se.i18n.language);return Se.i18n.on("initialized",n),Se.i18n.on("languageChanged",n),()=>{Se.i18n.off("initialized",n),Se.i18n.off("languageChanged",n)}},[]),e}function io(e){const t=r.useContext(Cd),n=Gy();return e?.preferences?.locale||e?.acting_entity?.user_info?.preferences?.locale||t?.locale||t?.currentUser?.preferences?.locale||t?.currentUser?.acting_entity?.user_info?.preferences?.locale||(n?Hy(n):void 0)||Zo()}const Uy=pn.default||pn,ze="sps-datepicker__calendar";function lo({maxDate:e,selectedDate:t,selectedRange:n}){const o=n?j.nullifyInvalidDate(n[0])||j.nullifyInvalidDate(n[1]):null;return j.nullifyInvalidDate(t)||o||j.nullifyInvalidDate(e)||j.create()}function Qo(e){const{children:t,className:n,isOpen:o,maxDate:a,minDate:s,currentUser:i,onNewSelection:l,selectedDate:c,selectedRange:d,selectedPreset:m,showTwoMonths:u=!1,"data-testid":p,...f}=e,{t:g}=Se.useWoodlandLanguage(),b=io(i),y=r.useMemo(()=>wd(b),[b]),v=r.useMemo(()=>Uy.localeData(y).weekdaysShort(),[y]),[h,x]=r.useState(()=>lo(e)),[D,w]=r.useState(j.nextMonth({...h,date:15})),k=r.useMemo(()=>j.create(),[]);r.useEffect(()=>{if(d&&d[0]&&d[1]&&d[0].month!==h.month&&d[0].month!==D.month&&d[1].month!==h.month&&d[1].month!==D.month){const N=lo(e);x(N),w(j.nextMonth({month:N.month,date:15,year:N.year}))}else if(d&&d[0]&&!d[1]&&d[0].month!==h.month&&d[0].month!==D.month){const N=lo(e);x(N),w(j.nextMonth({month:N.month,date:15,year:N.year}))}else if(d&&!d[0]&&d[1]&&d[1].month!==h.month&&d[1].month!==D.month){const N=lo(e);x(N),w(j.nextMonth({month:N.month,date:15,year:N.year}))}else{const N=lo(e);x(N),w(j.nextMonth({month:N.month,date:15,year:N.year}))}},[c,d,a,o]);const R=Td(h),F=yd(h),_=Td(D),O=yd(D),[W,Z]=r.useState();function K(){x(j.prevMonth({...h,date:15})),u&&w(j.prevMonth({...D,date:15}))}function E(){x(j.nextMonth({...h,date:15})),u&&w(j.nextMonth({...D,date:15}))}function V(N){N.target&&N.target.classList.contains(`${ze}-day`)?u&&N.target.classList.contains(`${D.month}`)?Z({...D,date:Number(N.target.textContent)}):Z({...h,date:Number(N.target.textContent)}):(!N.target||!N.target.classList.contains(`${ze}-row`))&&Z(void 0)}function B(N,C=!1){const L=`${ze}-day`;return $(`${ze}-cell`,N&&h&&N.month===h.month&&!C&&L,u&&N.month===D.month&&C&&L,j.isSameDate(k,N)&&`${L}--current-day`,(j.isSameDate(N,c)&&j.isInRange(N,[s,a])!==!1||d&&j.isSameDate(N,d[0])||j.isInRange(N,d))&&`${L}--selected`,j.isInRange(N,[s,a])===!1&&`${L}--disabled`,d&&d[1]&&j.isSameDate(N,d[0])&&!j.isSameDate(N,d[1])&&`${L}--selection-start`,j.isInRange(N,d,!1)&&`${L}--selection-middle`,d&&j.isSameDate(N,d[1])&&!j.isSameDate(N,d[0])&&`${L}--selection-end`,d&&d[0]&&!d[1]&&(!s&&!a||j.isInRange(W,[s,a]))&&j.isInRange(N,[d[0],W],!1)&&`${L}--pending-selection`,m&&m==="After"&&d&&d[0]&&d[1]===null&&(!s&&!a||j.isInRange(N,[d[0],a]))&&j.isInRange(N,[d[0],{month:12,date:31,year:3e3}],!1)&&`${L}--selected`,m&&m==="Before"&&d&&d[0]===null&&d[1]&&(!s&&!a||j.isInRange(N,[s,d[1]]))&&j.isInRange(N,[{month:1,date:1,year:1900},d[1]])&&`${L}--selected`)}function M(N){N&&h&&N.month===h.month&&j.isInRange(N,[s,a])!==!1&&l(N),N&&u&&D&&N.month===D.month&&j.isInRange(N,[s,a])!==!1&&l(N)}const Y=$(ze,n);return h?r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":`${p}`,className:Y,...f,onMouseOver:V},r.createElement("div",{className:`${ze}-head`},r.createElement("button",{"data-testid":`${p}_prev_month`,type:"button",tabIndex:-1,disabled:j.isSameMonth(h,s),title:g("datepicker.calendar.prevMonth",{defaultValue:"View Previous Month"}),className:"sps-datepicker__button sps-datepicker__button-previous-month",onClick:K},r.createElement("i",{className:"sps-icon sps-icon-chevron-left"})),r.createElement("span",{className:`${ze}-head-label`},r.createElement("span",{className:`${ze}-head-label-month`},R?R.clone().locale(y).format("MMMM"):""),r.createElement("span",{className:`${ze}-head-label-year`},h.year)),!u&&r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:j.isSameMonth(h,a),title:g("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:E},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${ze}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},v.map(N=>r.createElement("div",{key:N,className:"sps-datepicker__calendar-header-cell"},N))),F.map((N,C)=>r.createElement("div",{key:C,className:"sps-datepicker__calendar-row"},N.map((L,q)=>r.createElement("div",{key:q,className:B(L),onClick:()=>M(L),"data-testid":`${p}_${j.toString(L)}`},L?L.date:"")))))),u&&r.createElement("div",{"data-testid":`${p}`,className:Y,...f,onMouseOver:V},r.createElement("div",{className:`${ze}-head`},r.createElement("span",{className:`${ze}-head-label`},r.createElement("span",{className:`${ze}-head-label-month`},_?_.clone().locale(y).format("MMMM"):""),r.createElement("span",{className:`${ze}-head-label-year`},D.year)),r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:j.isSameMonth(D,a),title:g("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:E},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${ze}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},v.map(N=>r.createElement("div",{key:N,className:"sps-datepicker__calendar-header-cell"},N))),O.map((N,C)=>r.createElement("div",{key:C,className:"sps-datepicker__calendar-row"},N.map((L,q)=>r.createElement("div",{key:q,className:$(B(L,!0),`${D.month.toString()}`),onClick:()=>M(L),"data-testid":`${p}_${j.toString(L)}`},L?L.date:""))))))):r.createElement(r.Fragment,null)}Object.assign(Qo,{displayName:"SpsDatepickerCalendar"});const Dd="sps-datepicker__popup",er=r.forwardRef(({attachTo:e,children:t,className:n,isOpen:o,...a},s)=>{const i=s||r.useRef(null),l=gn("sps-datepicker-popup-portal"),c=r.useContext(rt),[d]=o?Sn(i,e,A.Position.BOTTOM_LEFT,{altPosition:$r(A.Position.BOTTOM_LEFT),...c}):[{}],m=$(Dd,"z-stratum-dropdown",o&&`${Dd}--open`,n);return l(r.createElement("div",{...a,className:m,ref:i,style:d},t))});Object.assign(er,{displayName:"SpsDatepickerPopup"});const zy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDate>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDate: SimpleDate) => void",value:"SimpleDate",format:"string",showTwoMonths:"boolean",autoCloseOnSelect:"boolean"},Nd="sps-datepicker";function ts({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:c,value:d,format:m,showTwoMonths:u,autoCloseOnSelect:p=!0,"data-testid":f,...g}){const{wrapperId:b,controlId:y}=Ge(s,a),v=r.useRef(null),h=r.useRef(null),x=r.useRef(null),[D,w]=r.useState(j.toString(d,m)),{showPopup:k,doShowPopup:R,doHidePopup:F}=bn(v,h);function _(B){a&&(a.setValue(B),a.markAsDirty()),c&&c(B)}function O(B){_(B),w(j.toString(B,m)),x&&x.current&&x.current.focus(),p&&F()}function W(B){w(B.target.value);const M=j.createFrom(B.target.value,m);_(M)}function Z(){F(),w(""),_()}function K(B){switch(B.key){case"Tab":F();break;case"Backspace":B.target.selectionStart===0&&d&&!Array.isArray(d)&&Z();break}}const E=$(Nd,"sps-text-input",k&&`${Nd}--open`,t),V=r.useRef(!1);return r.useEffect(()=>{V.current?d?j.isValid(d)&&w(j.toString(d,m)):Z():V.current=!0},[d,m]),r.createElement(r.Fragment,null,r.createElement(_e,{id:b,className:E,formMeta:a,inputRef:x,focusInputOnClick:!0,ref:v},r.createElement("div",{className:$("sps-form-control",o&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar-blank")}),r.createElement("input",{type:"text",ref:x,className:"sps-text-input__input",id:y,placeholder:m?.toUpperCase()||mn,onChange:W,onClick:R,onFocus:R,onKeyDown:K,value:D,disabled:o,"data-testid":`${f}_date_input`,...g}),d&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:Z}))),r.createElement(er,{isOpen:k,attachTo:v,ref:h},r.createElement(Qo,{"data-testid":`${f}_calendar`,selectedDate:d,onNewSelection:O,minDate:l,maxDate:i,showTwoMonths:u,currentUser:n})))}Object.assign(ts,{props:zy,displayName:"SpsDatepicker"});const Id={basic:{label:"Basic",examples:{basic:{react:S.code`
1155
+ `}}}},Ny=pn.default||pn;function Iy(){return new Array(7).fill(null)}function vd(e){const t=Ny({year:e.year,month:e.month-1,date:1}),n=t.weekday(),o=t.daysInMonth(),a=Math.ceil((o+n)/7),s=a*7,i=new Array(a).fill(!0).map(Iy);t.subtract(n,"days");for(let l=0;l<s;l+=1){const c=i[Math.floor(l/7)],d=l%7;c[d]=Object.freeze({year:t.year(),month:t.month()+1,date:t.date()}),d===6&&Object.freeze(c),t.add(1,"day")}return i}function yd(e){const[t,n]=r.useState(()=>vd(e));return r.useEffect(()=>{n(vd(e))},[e]),t}function Td(e){const[t,n]=r.useState(()=>j.toMoment(e));return r.useEffect(()=>n(j.toMoment(e)),[e]),t}function Xo(e){const t=e%10,n=~~(e%100/10)===1?"th":t===1?"st":t===2?"nd":t===3?"rd":"th";return e+n}function _t(e,t,n){const o={m:["eine Minute","einer Minute"],h:["eine Stunde","einer Stunde"],d:["ein Tag","einem Tag"],dd:[`${e} Tage`,`${e} Tagen`],w:["eine Woche","einer Woche"],M:["ein Monat","einem Monat"],MM:[`${e} Monate`,`${e} Monaten`],y:["ein Jahr","einem Jahr"],yy:[`${e} Jahre`,`${e} Jahren`]};return t?o[n][0]:o[n][1]}function xy(e){e.defineLocale("de",{months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),monthsParseExact:!0,weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},calendar:{sameDay:"[heute um] LT [Uhr]",sameElse:"L",nextDay:"[morgen um] LT [Uhr]",nextWeek:"dddd [um] LT [Uhr]",lastDay:"[gestern um] LT [Uhr]",lastWeek:"[letzten] dddd [um] LT [Uhr]"},relativeTime:{future:"in %s",past:"vor %s",s:"ein paar Sekunden",ss:"%d Sekunden",m:_t,mm:"%d Minuten",h:_t,hh:"%d Stunden",d:_t,dd:_t,w:_t,ww:"%d Wochen",M:_t,MM:_t,y:_t,yy:_t},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}function ky(e){e.defineLocale("en-au",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:Xo,week:{dow:0,doy:4}})}function My(e){e.defineLocale("en-ca",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:Xo})}function Ly(e){e.defineLocale("en-gb",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:Xo,week:{dow:1,doy:4}})}function _y(e){e.defineLocale("en-ie",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:Xo,week:{dow:1,doy:4}})}function Py(e){const t="ene._feb._mar._abr._may._jun._jul._ago._sep._oct._nov._dic.".split("_"),n="ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_");e.defineLocale("es",{months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:function(o,a){return o?a.includes("-MMM-")?n[o.month()]:t[o.month()]:t},monthsParseExact:!0,weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},calendar:{sameDay(){return`[hoy a la${this.hours()!==1?"s":""}] LT`},nextDay(){return`[mañana a la${this.hours()!==1?"s":""}] LT`},nextWeek(){return`dddd [a la${this.hours()!==1?"s":""}] LT`},lastDay(){return`[ayer a la${this.hours()!==1?"s":""}] LT`},lastWeek(){return`[el] dddd [pasado a la${this.hours()!==1?"s":""}] LT`},sameElse:"L"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",ss:"%d segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",w:"una semana",ww:"%d semanas",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},dayOfMonthOrdinalParse:/\d{1,2}º/,ordinal:"%dº",week:{dow:1,doy:4},invalidDate:"Fecha inválida"})}function By(e){e.defineLocale("fr",{months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),monthsParseExact:!0,weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Aujourd'hui à] LT",nextDay:"[Demain à] LT",nextWeek:"dddd [à] LT",lastDay:"[Hier à] LT",lastWeek:"dddd [dernier à] LT",sameElse:"L"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",ss:"%d secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",w:"une semaine",ww:"%d semaines",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(er|)/,ordinal:function(t,n){switch(n){case"D":return t+(t===1?"er":"");default:case"M":case"Q":case"DDD":case"d":return t+(t===1?"er":"e");case"w":case"W":return t+(t===1?"re":"e")}},week:{dow:1,doy:4}})}function Oy(e){e.defineLocale("fr-ca",{months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),monthsParseExact:!0,weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Aujourd'hui à] LT",nextDay:"[Demain à] LT",nextWeek:"dddd [à] LT",lastDay:"[Hier à] LT",lastWeek:"dddd [dernier à] LT",sameElse:"L"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",ss:"%d secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(er|e)/,ordinal:function(t,n){switch(n){default:case"M":case"Q":case"D":case"DDD":case"d":return t+(t===1?"er":"e");case"w":case"W":return t+(t===1?"re":"e")}}})}function Ry(e){e.defineLocale("it",{months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay(){return`[Oggi a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`},nextDay(){return`[Domani a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`},nextWeek(){return`dddd [a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`},lastDay(){return`[Ieri a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`},lastWeek(){return this.day()===0?`[La scorsa] dddd [a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`:`[Lo scorso] dddd [a${this.hours()>1?"lle ":this.hours()===0?" ":"ll'"}]LT`},sameElse:"L"},relativeTime:{future:"tra %s",past:"%s fa",s:"alcuni secondi",ss:"%d secondi",m:"un minuto",mm:"%d minuti",h:"un'ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",w:"una settimana",ww:"%d settimane",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},dayOfMonthOrdinalParse:/\d{1,2}º/,ordinal:"%dº",week:{dow:1,doy:4}})}function Fy(e){const t="jan._feb._mrt._apr._mei_jun._jul._aug._sep._okt._nov._dec.".split("_"),n="jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_");e.defineLocale("nl",{months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:function(o,a){return o?a.includes("-MMM-")?n[o.month()]:t[o.month()]:t},monthsParseExact:!0,weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[vandaag om] LT",nextDay:"[morgen om] LT",nextWeek:"dddd [om] LT",lastDay:"[gisteren om] LT",lastWeek:"[afgelopen] dddd [om] LT",sameElse:"L"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",ss:"%d seconden",m:"één minuut",mm:"%d minuten",h:"één uur",hh:"%d uur",d:"één dag",dd:"%d dagen",w:"één week",ww:"%d weken",M:"één maand",MM:"%d maanden",y:"één jaar",yy:"%d jaar"},dayOfMonthOrdinalParse:/\d{1,2}(ste|de)/,ordinal(o){return o+(o===1||o===8||o>=20?"ste":"de")},week:{dow:1,doy:4}})}function Ay(e){e.defineLocale("zh-cn",{months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"周日_周一_周二_周三_周四_周五_周六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日Ah点mm分",LLLL:"YYYY年M月D日ddddAh点mm分",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="下午"||n==="晚上"?t+12:t>=11?t:t+12},meridiem(t,n){const o=t*100+n;return o<600?"凌晨":o<900?"早上":o<1130?"上午":o<1230?"中午":o<1800?"下午":"晚上"},calendar:{sameDay:"[今天]LT",nextDay:"[明天]LT",nextWeek(t){return t.week()!==this.week()?"[下]dddLT":"[本]dddLT"},lastDay:"[昨天]LT",lastWeek(t){return this.week()!==t.week()?"[上]dddLT":"[本]dddLT"},sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|周)/,ordinal:function(t,n){switch(n){case"d":case"D":case"DDD":return`${t}日`;case"M":return`${t}月`;case"w":case"W":return`${t}周`;default:return String(t)}},relativeTime:{future:"%s后",past:"%s前",s:"几秒",ss:"%d 秒",m:"1 分钟",mm:"%d 分钟",h:"1 小时",hh:"%d 小时",d:"1 天",dd:"%d 天",w:"1 周",ww:"%d 周",M:"1 个月",MM:"%d 个月",y:"1 年",yy:"%d 年"},week:{dow:1,doy:4}})}function $y(e){e.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="中午"?t>=11?t:t+12:n==="下午"||n==="晚上"?t+12:t},meridiem(t,n){const o=t*100+n;return o<600?"凌晨":o<900?"早上":o<1130?"上午":o<1230?"中午":o<1800?"下午":"晚上"},calendar:{sameDay:"[今天] LT",nextDay:"[明天] LT",nextWeek:"[下]dddd LT",lastDay:"[昨天] LT",lastWeek:"[上]dddd LT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|週)/,ordinal:function(t,n){switch(n){case"d":case"D":case"DDD":return`${t}日`;case"M":return`${t}月`;case"w":case"W":return`${t}週`;default:return String(t)}},relativeTime:{future:"%s後",past:"%s前",s:"幾秒",ss:"%d 秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"}})}function Vy(e){const t=e.locale();xy(e),ky(e),My(e),Ly(e),_y(e),Py(e),By(e),Oy(e),Ry(e),Fy(e),Ay(e),$y(e),e.locale(t)}Vy(ke);const Ky=ke.locale(),Nn=ke.locales();Nn.indexOf("en-US")===-1&&ke.defineLocale("en-US",{parentLocale:"en",longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY @ LT",LLLL:"dddd MMMM D, YYYY @ LT"}}),Nn.indexOf("en-US24")===-1&&ke.defineLocale("en-US24",{parentLocale:"en-US",longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss"}}),Nn.indexOf("en-PH")===-1&&(ke.defineLocale("en-PH",{parentLocale:"en-gb"}),ke.updateLocale("en-PH",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A"}})),Nn.indexOf("en-IN")===-1&&(ke.defineLocale("en-IN",{parentLocale:"en-gb"}),ke.updateLocale("en-IN",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",ll:"D-MMM-YYYY"}})),Nn.indexOf("en-SG")===-1&&(ke.defineLocale("en-SG",{parentLocale:"en-IN"}),ke.updateLocale("en-SG",{longDateFormat:{ll:"D MMM YYYY"}})),Nn.indexOf("en-HK")===-1&&ke.defineLocale("en-HK",{parentLocale:"en-gb"}),ke.locale(Ky);function Zo(){return typeof window>"u"?"en-US":window.navigator.languages?.[0]||window.navigator.language||"en-US"}function Ed(e){if(typeof Intl>"u"||typeof Intl.DateTimeFormat!="function")return!1;try{const t=e??Zo();return new Intl.DateTimeFormat(t,{hour:"numeric"}).resolvedOptions().hour12===!1}catch{return!1}}function wd(e){const t=e??Zo();return ke().locale(t).locale()}function Hy(e){if(!e)return"en";const t=e.toLowerCase().replace(/_/g,"-"),n=ke.locales();if(n.includes(t))return t;const o=t.split("-")[0];return n.includes(o)?o:"en"}const Cd=r.createContext(void 0);function Wy({currentUser:e,locale:t,children:n}){const o=r.useMemo(()=>({currentUser:e,locale:t}),[e,t]);return r.createElement(Cd.Provider,{value:o},n)}function Gy(){const[e,t]=r.useState(Se.i18n.isInitialized?Se.i18n.language:void 0);return r.useEffect(()=>{const n=()=>t(Se.i18n.language);return Se.i18n.on("initialized",n),Se.i18n.on("languageChanged",n),()=>{Se.i18n.off("initialized",n),Se.i18n.off("languageChanged",n)}},[]),e}function io(e){const t=r.useContext(Cd),n=Gy();return e?.preferences?.locale||e?.acting_entity?.user_info?.preferences?.locale||t?.locale||t?.currentUser?.preferences?.locale||t?.currentUser?.acting_entity?.user_info?.preferences?.locale||(n?Hy(n):void 0)||Zo()}const Uy=pn.default||pn,ze="sps-datepicker__calendar";function lo({maxDate:e,selectedDate:t,selectedRange:n}){const o=n?j.nullifyInvalidDate(n[0])||j.nullifyInvalidDate(n[1]):null;return j.nullifyInvalidDate(t)||o||j.nullifyInvalidDate(e)||j.create()}function Qo(e){const{children:t,className:n,isOpen:o,maxDate:a,minDate:s,currentUser:i,onNewSelection:l,selectedDate:c,selectedRange:d,selectedPreset:m,showTwoMonths:u=!1,"data-testid":p,...f}=e,{t:g}=Se.useWoodlandLanguage(),b=io(i),y=r.useMemo(()=>wd(b),[b]),v=r.useMemo(()=>Uy.localeData(y).weekdaysShort(),[y]),[h,x]=r.useState(()=>lo(e)),[C,w]=r.useState(j.nextMonth({...h,date:15})),M=r.useMemo(()=>j.create(),[]);r.useEffect(()=>{if(d&&d[0]&&d[1]&&d[0].month!==h.month&&d[0].month!==C.month&&d[1].month!==h.month&&d[1].month!==C.month){const N=lo(e);x(N),w(j.nextMonth({month:N.month,date:15,year:N.year}))}else if(d&&d[0]&&!d[1]&&d[0].month!==h.month&&d[0].month!==C.month){const N=lo(e);x(N),w(j.nextMonth({month:N.month,date:15,year:N.year}))}else if(d&&!d[0]&&d[1]&&d[1].month!==h.month&&d[1].month!==C.month){const N=lo(e);x(N),w(j.nextMonth({month:N.month,date:15,year:N.year}))}else{const N=lo(e);x(N),w(j.nextMonth({month:N.month,date:15,year:N.year}))}},[c,d,a,o]);const P=Td(h),O=yd(h),_=Td(C),F=yd(C),[W,Z]=r.useState();function K(){x(j.prevMonth({...h,date:15})),u&&w(j.prevMonth({...C,date:15}))}function E(){x(j.nextMonth({...h,date:15})),u&&w(j.nextMonth({...C,date:15}))}function V(N){N.target&&N.target.classList.contains(`${ze}-day`)?u&&N.target.classList.contains(`${C.month}`)?Z({...C,date:Number(N.target.textContent)}):Z({...h,date:Number(N.target.textContent)}):(!N.target||!N.target.classList.contains(`${ze}-row`))&&Z(void 0)}function R(N,D=!1){const L=`${ze}-day`;return $(`${ze}-cell`,N&&h&&N.month===h.month&&!D&&L,u&&N.month===C.month&&D&&L,j.isSameDate(M,N)&&`${L}--current-day`,(j.isSameDate(N,c)&&j.isInRange(N,[s,a])!==!1||d&&j.isSameDate(N,d[0])||j.isInRange(N,d))&&`${L}--selected`,j.isInRange(N,[s,a])===!1&&`${L}--disabled`,d&&d[1]&&j.isSameDate(N,d[0])&&!j.isSameDate(N,d[1])&&`${L}--selection-start`,j.isInRange(N,d,!1)&&`${L}--selection-middle`,d&&j.isSameDate(N,d[1])&&!j.isSameDate(N,d[0])&&`${L}--selection-end`,d&&d[0]&&!d[1]&&(!s&&!a||j.isInRange(W,[s,a]))&&j.isInRange(N,[d[0],W],!1)&&`${L}--pending-selection`,m&&m==="After"&&d&&d[0]&&d[1]===null&&(!s&&!a||j.isInRange(N,[d[0],a]))&&j.isInRange(N,[d[0],{month:12,date:31,year:3e3}],!1)&&`${L}--selected`,m&&m==="Before"&&d&&d[0]===null&&d[1]&&(!s&&!a||j.isInRange(N,[s,d[1]]))&&j.isInRange(N,[{month:1,date:1,year:1900},d[1]])&&`${L}--selected`)}function k(N){N&&h&&N.month===h.month&&j.isInRange(N,[s,a])!==!1&&l(N),N&&u&&C&&N.month===C.month&&j.isInRange(N,[s,a])!==!1&&l(N)}const Y=$(ze,n);return h?r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":`${p}`,className:Y,...f,onMouseOver:V},r.createElement("div",{className:`${ze}-head`},r.createElement("button",{"data-testid":`${p}_prev_month`,type:"button",tabIndex:-1,disabled:j.isSameMonth(h,s),title:g("datepicker.calendar.prevMonth",{defaultValue:"View Previous Month"}),className:"sps-datepicker__button sps-datepicker__button-previous-month",onClick:K},r.createElement("i",{className:"sps-icon sps-icon-chevron-left"})),r.createElement("span",{className:`${ze}-head-label`},r.createElement("span",{className:`${ze}-head-label-month`},P?P.clone().locale(y).format("MMMM"):""),r.createElement("span",{className:`${ze}-head-label-year`},h.year)),!u&&r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:j.isSameMonth(h,a),title:g("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:E},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${ze}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},v.map(N=>r.createElement("div",{key:N,className:"sps-datepicker__calendar-header-cell"},N))),O.map((N,D)=>r.createElement("div",{key:D,className:"sps-datepicker__calendar-row"},N.map((L,q)=>r.createElement("div",{key:q,className:R(L),onClick:()=>k(L),"data-testid":`${p}_${j.toString(L)}`},L?L.date:"")))))),u&&r.createElement("div",{"data-testid":`${p}`,className:Y,...f,onMouseOver:V},r.createElement("div",{className:`${ze}-head`},r.createElement("span",{className:`${ze}-head-label`},r.createElement("span",{className:`${ze}-head-label-month`},_?_.clone().locale(y).format("MMMM"):""),r.createElement("span",{className:`${ze}-head-label-year`},C.year)),r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:j.isSameMonth(C,a),title:g("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:E},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${ze}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},v.map(N=>r.createElement("div",{key:N,className:"sps-datepicker__calendar-header-cell"},N))),F.map((N,D)=>r.createElement("div",{key:D,className:"sps-datepicker__calendar-row"},N.map((L,q)=>r.createElement("div",{key:q,className:$(R(L,!0),`${C.month.toString()}`),onClick:()=>k(L),"data-testid":`${p}_${j.toString(L)}`},L?L.date:""))))))):r.createElement(r.Fragment,null)}Object.assign(Qo,{displayName:"SpsDatepickerCalendar"});const Dd="sps-datepicker__popup",er=r.forwardRef(({attachTo:e,children:t,className:n,isOpen:o,...a},s)=>{const i=s||r.useRef(null),l=gn("sps-datepicker-popup-portal"),c=r.useContext(rt),[d]=o?Sn(i,e,A.Position.BOTTOM_LEFT,{altPosition:$r(A.Position.BOTTOM_LEFT),...c}):[{}],m=$(Dd,"z-stratum-dropdown",o&&`${Dd}--open`,n);return l(r.createElement("div",{...a,className:m,ref:i,style:d},t))});Object.assign(er,{displayName:"SpsDatepickerPopup"});const zy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDate>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDate: SimpleDate) => void",value:"SimpleDate",format:"string",showTwoMonths:"boolean",autoCloseOnSelect:"boolean"},Nd="sps-datepicker";function ts({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:c,value:d,format:m,showTwoMonths:u,autoCloseOnSelect:p=!0,"data-testid":f,...g}){const{wrapperId:b,controlId:y}=Ge(s,a),v=r.useRef(null),h=r.useRef(null),x=r.useRef(null),[C,w]=r.useState(j.toString(d,m)),{showPopup:M,doShowPopup:P,doHidePopup:O}=bn(v,h);function _(R){a&&(a.setValue(R),a.markAsDirty()),c&&c(R)}function F(R){_(R),w(j.toString(R,m)),x&&x.current&&x.current.focus(),p&&O()}function W(R){w(R.target.value);const k=j.createFrom(R.target.value,m);_(k)}function Z(){O(),w(""),_()}function K(R){switch(R.key){case"Tab":O();break;case"Backspace":R.target.selectionStart===0&&d&&!Array.isArray(d)&&Z();break}}const E=$(Nd,"sps-text-input",M&&`${Nd}--open`,t),V=r.useRef(!1);return r.useEffect(()=>{V.current?d?j.isValid(d)&&w(j.toString(d,m)):Z():V.current=!0},[d,m]),r.createElement(r.Fragment,null,r.createElement(_e,{id:b,className:E,formMeta:a,inputRef:x,focusInputOnClick:!0,ref:v},r.createElement("div",{className:$("sps-form-control",o&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar-blank")}),r.createElement("input",{type:"text",ref:x,className:"sps-text-input__input",id:y,placeholder:m?.toUpperCase()||mn,onChange:W,onClick:P,onFocus:P,onKeyDown:K,value:C,disabled:o,"data-testid":`${f}_date_input`,...g}),d&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:Z}))),r.createElement(er,{isOpen:M,attachTo:v,ref:h},r.createElement(Qo,{"data-testid":`${f}_calendar`,selectedDate:d,onNewSelection:F,minDate:l,maxDate:i,showTwoMonths:u,currentUser:n})))}Object.assign(ts,{props:zy,displayName:"SpsDatepicker"});const Id={basic:{label:"Basic",examples:{basic:{react:S.code`
1156
1156
  import {
1157
1157
  useSpsForm,
1158
1158
  SpsLabel,
@@ -1369,7 +1369,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
1369
1369
  </SpsLocaleProvider>
1370
1370
  );
1371
1371
  }
1372
- `}}}},jy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDateRange| null | undefined>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:'(newDateRange: SimpleDateRange | null, preset?: DatePreset["definition"]) => void',presets:"Array<DatePreset>",selectedPreset:"string",onPresetChange:"(newPreset?: string) => void",value:"SimpleDateRange | DatePreset",showTwoMonths:"boolean",format:"string"},xd="sps-datepicker",ns=[{definition:"P0D",label:"datepicker.preset.today"},{definition:"Before",label:"datepicker.preset.before"},{definition:"After",label:"datepicker.preset.after"},{definition:"P7D",label:"datepicker.preset.sevenDays"},{definition:"P30D",label:"datepicker.preset.thirtyDays"},{definition:"P60D",label:"datepicker.preset.sixtyDays"},{definition:"P90D",label:"datepicker.preset.ninetyDays"},{definition:"P1Y",label:"datepicker.preset.oneYear"}];function kd(e,t=""){return e.find(n=>n.definition===t)}function Yy(e,t){return e.length===t.length&&e.every((n,o)=>n.definition===t[o].definition&&n.label===t[o].label)}function os({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:c,presets:d=ns,selectedPreset:m,onPresetChange:u,value:p,showTwoMonths:f=!1,format:g,"data-testid":b,...y}){const{t:v}=Se.useWoodlandLanguage(),{wrapperId:h,controlId:x}=Ge(s,a),D=r.useRef(null),w=r.useRef(null),k=r.useRef(null),[R,F]=r.useState(Array.isArray(p)?j.toStringRange(p,g):""),[_,O]=r.useState(kd(d,m)||null),[W,Z]=r.useState(),{showPopup:K,doShowPopup:E,doHidePopup:V}=bn(D,k);function B(U,X){a&&(a.setValue(U),a.markAsDirty()),c?.(U,typeof X=="string"?X:void 0)}r.useEffect(()=>{O(kd(d,m)||null)},[m]);function M(U){return U&&U.label.startsWith("datepicker.")?v(U.label):U?.label??""}function Y(U){const X=p||[];let J,G=_;const ee=G?M(G):"";ee==="Before"?J=[null,U]:ee==="After"?J=[U,null]:!X[0]||X[1]||j.isBefore(U,X[0])?J=[U,null]:J=[X[0],U],(J[0]&&J[1]||ee==="Before"||ee==="After")&&(V(!0),w&&w.current&&w.current.focus()),G&&ee!=="Before"&&ee!=="After"?(O(null),u?.(),G=null):G?.definition!==m&&u?.(typeof G?.definition=="string"?G.definition:M(G)),B(J,G?.definition),F(j.toStringRange(J,g)),Z(void 0)}function N(U){F(U.target.value);let X=j.createRangeFrom(U.target.value,g),J=_;const G=J?M(J):"";Array.isArray(X)&&(X[0]&&X[1]&&(G==="Before"||G==="After")?(O(null),J=null):G==="Before"&&X[0]!==null?X=[null,X[0]]:G==="After"&&X[0]!==null&&(X=[X[0],null])),B(X,null),Z(void 0)}function C(){O(null),Z(void 0),F(""),B(),u?.(void 0)}function L(U){switch(U.key){case"Tab":V();break;case"Backspace":U.target.selectionStart===0&&p&&_&&C();break}}function q(U){if(u&&U?.definition!==m&&(typeof U?.definition=="string"&&(U.definition==="Before"||U.definition==="After")&&u?.(),u(typeof U?.definition=="string"?U.definition:U?M(U):"")),!U){O(null),B();return}const X=U&&M(U);let J=j.createRangeFromPreset(U,g);const G=j.getRangeSeparator(g);(X==="Before"||X==="After")&&p&&p[0]&&p[1]?J=j.createRangeFrom(G,g):X==="Before"?J=j.createRangeFrom(`${G}${j.toString(p&&(p[0]||p[1]),g)}`):X==="After"&&(J=j.createRangeFrom(`${j.toString(p&&(p[0]||p[1]),g)}${G}`));const ee=_;O(U),(JSON.stringify(p)!==JSON.stringify(J)||JSON.stringify(ee)!==JSON.stringify(U))&&B(J,typeof U?.definition=="string"?U.definition:M(U))}r.useEffect(()=>{if(!p||Array.isArray(p)&&!p.length){O(null);return}if(!Yy(d,ns)&&Array.isArray(p)){const U=j.toStringRange(p,g),X=d.find(J=>U===j.toStringRange(j.createRangeFromPreset(J,g),g));X?q(X):p[0]&&p[1]&&O(null)}},[p,g]),r.useEffect(()=>{const U=["Before","After"].includes(M(_));!p||_&&!U?F(""):Array.isArray(p)&&((!p[0]||!p[0].hasOwnProperty(_n))&&(!p[1]||!p[1].hasOwnProperty(_n))&&F(j.toStringRange(p,g)),_||Z(void 0))},[p,_,g]);const Q=$(xd,"sps-text-input",K&&`${xd}--open`,t);let ne=R;const oe=j.getRangeSeparator(g);return _&&M(_)==="Before"&&R.startsWith(oe)?ne=R.substring(1):_&&M(_)==="After"&&R.endsWith(oe)&&(ne=R.substring(0,R.length-1)),r.createElement(r.Fragment,null,r.createElement(_e,{id:h,className:Q,formMeta:a,inputRef:w,focusInputOnClick:!0,ref:D},r.createElement("div",{className:$("sps-form-control",o&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),_&&r.createElement("div",{"data-testid":`${b}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},M(_))),r.createElement("input",{type:"text",ref:w,className:"sps-text-input__input","data-testid":`${b}_date_input`,id:x,placeholder:!R&&!_?g?.toUpperCase()||mn:void 0,onChange:N,onClick:E,onFocus:E,onKeyDown:L,value:ne,disabled:o,...y}),p&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:C}))),r.createElement(er,{isOpen:K,attachTo:D,ref:k},r.createElement("div",{className:"sps-datepicker__presets"},r.createElement("fieldset",null,r.createElement("legend",{className:"sps-datepicker__presets-label"},v("datepicker.presetsLabel")),r.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{"data-testid":`${b}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${h}__range-custom`,className:"sps-custom-control__input",checked:!_,name:`sps-date-range-picker-${h}__range`,onChange:()=>q()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${h}__range-custom`},v("datepicker.preset.custom",{defaultValue:"Custom"}))),d.map((U,X)=>r.createElement("div",{key:M(U),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${b}_preset_option_${U.label}`,id:`sps-date-range-picker-${h}__range-${X}`,name:`sps-date-range-picker-${h}__range`,onChange:()=>q(U),checked:_?.definition?_.definition===U.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${h}__range-${X}`},M(U)))))),r.createElement(Qo,{"data-testid":`${b}_calendar`,selectedRange:Array.isArray(p)?p:W,onNewSelection:Y,minDate:l,maxDate:i,showTwoMonths:f,selectedPreset:_&&M(_),isOpen:K,currentUser:n})))}Object.assign(os,{props:jy,displayName:"SpsDateRangePicker"});const Md={basic:{label:"Basic",examples:{basic:{react:S.code`
1372
+ `}}}},jy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDateRange| null | undefined>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:'(newDateRange: SimpleDateRange | null, preset?: DatePreset["definition"]) => void',presets:"Array<DatePreset>",selectedPreset:"string",onPresetChange:"(newPreset?: string) => void",value:"SimpleDateRange | DatePreset",showTwoMonths:"boolean",format:"string"},xd="sps-datepicker",ns=[{definition:"P0D",label:"datepicker.preset.today"},{definition:"Before",label:"datepicker.preset.before"},{definition:"After",label:"datepicker.preset.after"},{definition:"P7D",label:"datepicker.preset.sevenDays"},{definition:"P30D",label:"datepicker.preset.thirtyDays"},{definition:"P60D",label:"datepicker.preset.sixtyDays"},{definition:"P90D",label:"datepicker.preset.ninetyDays"},{definition:"P1Y",label:"datepicker.preset.oneYear"}];function kd(e,t=""){return e.find(n=>n.definition===t)}function Yy(e,t){return e.length===t.length&&e.every((n,o)=>n.definition===t[o].definition&&n.label===t[o].label)}function os({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:c,presets:d=ns,selectedPreset:m,onPresetChange:u,value:p,showTwoMonths:f=!1,format:g,"data-testid":b,...y}){const{t:v}=Se.useWoodlandLanguage(),{wrapperId:h,controlId:x}=Ge(s,a),C=r.useRef(null),w=r.useRef(null),M=r.useRef(null),[P,O]=r.useState(Array.isArray(p)?j.toStringRange(p,g):""),[_,F]=r.useState(kd(d,m)||null),[W,Z]=r.useState(),{showPopup:K,doShowPopup:E,doHidePopup:V}=bn(C,M);function R(U,X){a&&(a.setValue(U),a.markAsDirty()),c?.(U,typeof X=="string"?X:void 0)}r.useEffect(()=>{F(kd(d,m)||null)},[m]);function k(U){return U&&U.label.startsWith("datepicker.")?v(U.label):U?.label??""}function Y(U){const X=p||[];let J,G=_;const ee=G?k(G):"";ee==="Before"?J=[null,U]:ee==="After"?J=[U,null]:!X[0]||X[1]||j.isBefore(U,X[0])?J=[U,null]:J=[X[0],U],(J[0]&&J[1]||ee==="Before"||ee==="After")&&(V(!0),w&&w.current&&w.current.focus()),G&&ee!=="Before"&&ee!=="After"?(F(null),u?.(),G=null):G?.definition!==m&&u?.(typeof G?.definition=="string"?G.definition:k(G)),R(J,G?.definition),O(j.toStringRange(J,g)),Z(void 0)}function N(U){O(U.target.value);let X=j.createRangeFrom(U.target.value,g),J=_;const G=J?k(J):"";Array.isArray(X)&&(X[0]&&X[1]&&(G==="Before"||G==="After")?(F(null),J=null):G==="Before"&&X[0]!==null?X=[null,X[0]]:G==="After"&&X[0]!==null&&(X=[X[0],null])),R(X,null),Z(void 0)}function D(){F(null),Z(void 0),O(""),R(),u?.(void 0)}function L(U){switch(U.key){case"Tab":V();break;case"Backspace":U.target.selectionStart===0&&p&&_&&D();break}}function q(U){if(u&&U?.definition!==m&&(typeof U?.definition=="string"&&(U.definition==="Before"||U.definition==="After")&&u?.(),u(typeof U?.definition=="string"?U.definition:U?k(U):"")),!U){F(null),R();return}const X=U&&k(U);let J=j.createRangeFromPreset(U,g);const G=j.getRangeSeparator(g);(X==="Before"||X==="After")&&p&&p[0]&&p[1]?J=j.createRangeFrom(G,g):X==="Before"?J=j.createRangeFrom(`${G}${j.toString(p&&(p[0]||p[1]),g)}`):X==="After"&&(J=j.createRangeFrom(`${j.toString(p&&(p[0]||p[1]),g)}${G}`));const ee=_;F(U),(JSON.stringify(p)!==JSON.stringify(J)||JSON.stringify(ee)!==JSON.stringify(U))&&R(J,typeof U?.definition=="string"?U.definition:k(U))}r.useEffect(()=>{if(!p||Array.isArray(p)&&!p.length){F(null);return}if(!Yy(d,ns)&&Array.isArray(p)){const U=j.toStringRange(p,g),X=d.find(J=>U===j.toStringRange(j.createRangeFromPreset(J,g),g));X?q(X):p[0]&&p[1]&&F(null)}},[p,g]),r.useEffect(()=>{const U=["Before","After"].includes(k(_));!p||_&&!U?O(""):Array.isArray(p)&&((!p[0]||!p[0].hasOwnProperty(_n))&&(!p[1]||!p[1].hasOwnProperty(_n))&&O(j.toStringRange(p,g)),_||Z(void 0))},[p,_,g]);const Q=$(xd,"sps-text-input",K&&`${xd}--open`,t);let ne=P;const oe=j.getRangeSeparator(g);return _&&k(_)==="Before"&&P.startsWith(oe)?ne=P.substring(1):_&&k(_)==="After"&&P.endsWith(oe)&&(ne=P.substring(0,P.length-1)),r.createElement(r.Fragment,null,r.createElement(_e,{id:h,className:Q,formMeta:a,inputRef:w,focusInputOnClick:!0,ref:C},r.createElement("div",{className:$("sps-form-control",o&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),_&&r.createElement("div",{"data-testid":`${b}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},k(_))),r.createElement("input",{type:"text",ref:w,className:"sps-text-input__input","data-testid":`${b}_date_input`,id:x,placeholder:!P&&!_?g?.toUpperCase()||mn:void 0,onChange:N,onClick:E,onFocus:E,onKeyDown:L,value:ne,disabled:o,...y}),p&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:D}))),r.createElement(er,{isOpen:K,attachTo:C,ref:M},r.createElement("div",{className:"sps-datepicker__presets"},r.createElement("fieldset",null,r.createElement("legend",{className:"sps-datepicker__presets-label"},v("datepicker.presetsLabel")),r.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{"data-testid":`${b}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${h}__range-custom`,className:"sps-custom-control__input",checked:!_,name:`sps-date-range-picker-${h}__range`,onChange:()=>q()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${h}__range-custom`},v("datepicker.preset.custom",{defaultValue:"Custom"}))),d.map((U,X)=>r.createElement("div",{key:k(U),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${b}_preset_option_${U.label}`,id:`sps-date-range-picker-${h}__range-${X}`,name:`sps-date-range-picker-${h}__range`,onChange:()=>q(U),checked:_?.definition?_.definition===U.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${h}__range-${X}`},k(U)))))),r.createElement(Qo,{"data-testid":`${b}_calendar`,selectedRange:Array.isArray(p)?p:W,onNewSelection:Y,minDate:l,maxDate:i,showTwoMonths:f,selectedPreset:_&&k(_),isOpen:K,currentUser:n})))}Object.assign(os,{props:jy,displayName:"SpsDateRangePicker"});const Md={basic:{label:"Basic",examples:{basic:{react:S.code`
1373
1373
  import {
1374
1374
  useSpsForm,
1375
1375
  SpsLabel,
@@ -1646,7 +1646,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
1646
1646
  </SpsLocaleProvider>
1647
1647
  );
1648
1648
  }
1649
- `}}}},qy=Do||Fr,Jy={action:"SpsActionMethod",captionKey:"string",comparisonKey:"string",conformWidth:"boolean",disabled:"boolean",disabledOptions:"any[]",formMeta:"SpsFormFieldMeta<any>",notClearable:"boolean",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",onChange:"ChangeEventHandler",onSearchChange:"(searchText: string) => void",onOpen:"OnOpenHandler",placeholder:"string",searchDebounce:"number",searchPlaceholder:"string",showInlineSearch:"boolean",tallOptionList:"boolean",textKey:"string",valueKey:"string",value:"any",zeroState:"string",autoFixWidth:"boolean",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean",onBeforeChange:"(value: string) => boolean | Promise<boolean>"},on=r.forwardRef((e,t)=>{const{action:n,autoFixWidth:o=!1,captionKey:a,className:s,comparisonKey:i,conformWidth:l,disabled:c,disabledOptions:d,formControl:m,formMeta:u,id:p,notClearable:f,options:g,onChange:b,onSearchChange:y,onClick:v,onOpen:h,placeholder:x,searchDebounce:D,searchPlaceholder:w,showInlineSearch:k,tallOptionList:R,textKey:F,valueKey:_,unsafelyReplaceClassName:O,value:W,zeroState:Z,loading:K,filterByTextAndCaptionKey:E,maxHeightOptionListPx:V,maxHeightOptionListRem:B,"data-testid":M,disableOptionsMemoization:Y,disableDefaultOptionsFiltering:N,onBeforeChange:C,...L}=e,q=u||m,{wrapperId:Q,controlId:ne}=Ge(p,q),oe=r.useRef(null),U=r.useRef(null),X=r.useRef(null),{t:J}=Se.useWoodlandLanguage(),[G,ee]=Dt({isOpen:!1,value:W,text:"",keyDown:null,opensUpward:!1,optionIds:""}),[z,H]=r.useState();function re(ae){ee({value:ae,text:ae&&F?ae[F]:ae})}async function te(ae){const me=ae&&_&&typeof ae=="object"?ae[_]:ae;C&&!await C(me)||(re(ae),q&&(q.setValue(me),q.markAsDirty()),b&&b(new Lt({value:me})))}r.useEffect(()=>{re(W)},[W,F]);function le(){te(void 0)}function Ie(){ee({isOpen:!1})}function Pe(ae){ae.nativeEvent.stopImmediatePropagation(),c||ee({isOpen:!G.isOpen})}function Xe(ae){c||(["Up","ArrowUp","Down","ArrowDown"," ","Spacebar"].includes(ae.key)&&ae.preventDefault(),Vr.includes(ae.key)&&(ae.preventDefault(),H(hn(ae))),ee({keyDown:hn(ae)}))}function nt(ae){ee({isOpen:ae})}function mt(ae){ee({opensUpward:ae})}function Me(ae){ae.detail!==Q&&ee({isOpen:!1})}function ot(ae){ee({optionIds:new Array(ae).fill("").map((me,je)=>`${Q}-options-option-${je}`).join(",")})}const Ke=r.useCallback(ae=>{y?.(ae.target.value)},[y]);r.useEffect(()=>(document.addEventListener("click",Ie),document.addEventListener("DropdownOpened",Me),()=>{document.removeEventListener("click",Ie),document.removeEventListener("DropdownOpened",Me)}),[]),r.useLayoutEffect(()=>{if(o&&X.current&&oe.current){oe.current.style.width="";const me=`${oe.current.getBoundingClientRect().width+6}px`;oe.current.style.width=me,X.current.style.width=me,X.current.style.maxWidth=me}}),Kr(()=>{if(G.isOpen){U.current&&qy(U.current,{scrollMode:"if-needed"}),h?.();const ae=document.createEvent("CustomEvent");ae.initCustomEvent("DropdownOpened",!1,!1,Q),document.dispatchEvent(ae)}},[G.isOpen]),r.useImperativeHandle(t,()=>({focus:()=>{U.current?.focus()}})),r.useEffect(()=>{let ae;return G.isOpen&&(ae=()=>{ee({isOpen:!1})},window.addEventListener("resize",ae)),()=>{ae&&window.removeEventListener("resize",ae)}},[G.isOpen]),$n({isOpen:G.isOpen,rootRef:U});const ft=$(O||"sps-select",G.isOpen&&"sps-select--open",G.isOpen&&"z-stratum-dropdown",G.opensUpward&&"sps-select--opens-upward",s),Be=G.text||x||J("select.defaultPlaceholder",{defaultValue:"Select one..."});return r.createElement(_e,{id:Q,className:ft,onKeyDown:Xe,formControl:m,formMeta:u,ref:U,role:"listbox","aria-owns":G.optionIds,"data-testid":M,onClick:v,...L},r.createElement("div",{className:$("sps-select__dropctrl",c&&"disabled"),id:ne,tabIndex:0,onClick:Pe,ref:X,title:Be,"data-testid":`${M}-dropctrl`},r.createElement("div",{className:"sps-select__dropctrl-content"},r.createElement("span",{className:$("sps-select__value",!G.text&&"sps-select__value--placeholder"),"data-testid":`${M}-value`},Be),G.value&&!f&&!c&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-select__clear-btn",onClick:le,"data-testid":`${M}-clear-value`}),r.createElement("i",{className:"sps-icon sps-icon-chevron-down sps-select__dropctrl-icon"}))),r.createElement(Rn,{id:`${Q}-options`,ref:oe,attachTo:X,captionKey:a,comparisonKey:i,disabledOptions:d,isOpen:G.isOpen,keyDown:G.keyDown,options:g,onOptionSelected:te,onPositionFlip:mt,onSelfToggle:nt,onSearchChange:Ke,searchDebounce:D,searchPlaceholder:w,showInlineSearch:k,selectedOption:G.value,specialAction:n,tall:R,textKey:F,filterByTextAndCaptionKey:E,optionRole:"option",valueKey:_,onOptionListChanged:ot,zeroState:Z,ignoreWidthStyles:o,loading:K,maxHeightPx:V,maxHeightRem:B,disableOptionsMemoization:Y,disableDefaultOptionsFiltering:N,"data-testid":`${M}-option-list`,typeaheadEvent:z,conformWidth:l}))});Object.assign(on,{props:Jy,displayName:"SpsSelect"});const Ld={general:{label:"General Usage",description:({NavigateTo:e})=>T.createElement(T.Fragment,null,T.createElement("h5",null,"Use a Select:"),T.createElement("ul",null,T.createElement("li",{className:"mb-2"},"When a list of predetermined values can be provided.")),T.createElement("h5",null,"Do Not Use a Select:"),T.createElement("ul",null,T.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",T.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",T.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead."),T.createElement("li",{className:"mb-2"},"When it is ideal to display all available options without requiring a click. Consider"," ",T.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",T.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead.")),T.createElement("h5",null,"Using Selects in a Form"),T.createElement("p",null,"Reference the ",T.createElement(e,{to:"form"},"Forms")," page for guidelines for placing inputs in Form layouts"))},basic:{label:"Basic Selects",description:()=>T.createElement("p",null,"Basic Selects include a label and dropdown menu containing a list of options. The user is allowed to make a single selection."),examples:{basic:{react:S.code`
1649
+ `}}}},qy=Do||Fr,Jy={action:"SpsActionMethod",captionKey:"string",comparisonKey:"string",conformWidth:"boolean",disabled:"boolean",disabledOptions:"any[]",formMeta:"SpsFormFieldMeta<any>",notClearable:"boolean",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",onChange:"ChangeEventHandler",onSearchChange:"(searchText: string) => void",onOpen:"OnOpenHandler",placeholder:"string",searchDebounce:"number",searchPlaceholder:"string",showInlineSearch:"boolean",tallOptionList:"boolean",textKey:"string",valueKey:"string",value:"any",zeroState:"string",autoFixWidth:"boolean",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean",onBeforeChange:"(value: string) => boolean | Promise<boolean>"},on=r.forwardRef((e,t)=>{const{action:n,autoFixWidth:o=!1,captionKey:a,className:s,comparisonKey:i,conformWidth:l,disabled:c,disabledOptions:d,formControl:m,formMeta:u,id:p,notClearable:f,options:g,onChange:b,onSearchChange:y,onClick:v,onOpen:h,placeholder:x,searchDebounce:C,searchPlaceholder:w,showInlineSearch:M,tallOptionList:P,textKey:O,valueKey:_,unsafelyReplaceClassName:F,value:W,zeroState:Z,loading:K,filterByTextAndCaptionKey:E,maxHeightOptionListPx:V,maxHeightOptionListRem:R,"data-testid":k,disableOptionsMemoization:Y,disableDefaultOptionsFiltering:N,onBeforeChange:D,...L}=e,q=u||m,{wrapperId:Q,controlId:ne}=Ge(p,q),oe=r.useRef(null),U=r.useRef(null),X=r.useRef(null),{t:J}=Se.useWoodlandLanguage(),[G,ee]=Dt({isOpen:!1,value:W,text:"",keyDown:null,opensUpward:!1,optionIds:""}),[z,H]=r.useState();function re(ae){ee({value:ae,text:ae&&O?ae[O]:ae})}async function te(ae){const me=ae&&_&&typeof ae=="object"?ae[_]:ae;D&&!await D(me)||(re(ae),q&&(q.setValue(me),q.markAsDirty()),b&&b(new Lt({value:me})))}r.useEffect(()=>{re(W)},[W,O]);function le(){te(void 0)}function Ie(){ee({isOpen:!1})}function Pe(ae){ae.nativeEvent.stopImmediatePropagation(),c||ee({isOpen:!G.isOpen})}function Xe(ae){c||(["Up","ArrowUp","Down","ArrowDown"," ","Spacebar"].includes(ae.key)&&ae.preventDefault(),Vr.includes(ae.key)&&(ae.preventDefault(),H(hn(ae))),ee({keyDown:hn(ae)}))}function nt(ae){ee({isOpen:ae})}function mt(ae){ee({opensUpward:ae})}function Me(ae){ae.detail!==Q&&ee({isOpen:!1})}function ot(ae){ee({optionIds:new Array(ae).fill("").map((me,je)=>`${Q}-options-option-${je}`).join(",")})}const Ke=r.useCallback(ae=>{y?.(ae.target.value)},[y]);r.useEffect(()=>(document.addEventListener("click",Ie),document.addEventListener("DropdownOpened",Me),()=>{document.removeEventListener("click",Ie),document.removeEventListener("DropdownOpened",Me)}),[]),r.useLayoutEffect(()=>{if(o&&X.current&&oe.current){oe.current.style.width="";const me=`${oe.current.getBoundingClientRect().width+6}px`;oe.current.style.width=me,X.current.style.width=me,X.current.style.maxWidth=me}}),Kr(()=>{if(G.isOpen){U.current&&qy(U.current,{scrollMode:"if-needed"}),h?.();const ae=document.createEvent("CustomEvent");ae.initCustomEvent("DropdownOpened",!1,!1,Q),document.dispatchEvent(ae)}},[G.isOpen]),r.useImperativeHandle(t,()=>({focus:()=>{U.current?.focus()}})),r.useEffect(()=>{let ae;return G.isOpen&&(ae=()=>{ee({isOpen:!1})},window.addEventListener("resize",ae)),()=>{ae&&window.removeEventListener("resize",ae)}},[G.isOpen]),$n({isOpen:G.isOpen,rootRef:U});const ft=$(F||"sps-select",G.isOpen&&"sps-select--open",G.isOpen&&"z-stratum-dropdown",G.opensUpward&&"sps-select--opens-upward",s),Be=G.text||x||J("select.defaultPlaceholder",{defaultValue:"Select one..."});return r.createElement(_e,{id:Q,className:ft,onKeyDown:Xe,formControl:m,formMeta:u,ref:U,role:"listbox","aria-owns":G.optionIds,"data-testid":k,onClick:v,...L},r.createElement("div",{className:$("sps-select__dropctrl",c&&"disabled"),id:ne,tabIndex:0,onClick:Pe,ref:X,title:Be,"data-testid":`${k}-dropctrl`},r.createElement("div",{className:"sps-select__dropctrl-content"},r.createElement("span",{className:$("sps-select__value",!G.text&&"sps-select__value--placeholder"),"data-testid":`${k}-value`},Be),G.value&&!f&&!c&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-select__clear-btn",onClick:le,"data-testid":`${k}-clear-value`}),r.createElement("i",{className:"sps-icon sps-icon-chevron-down sps-select__dropctrl-icon"}))),r.createElement(Rn,{id:`${Q}-options`,ref:oe,attachTo:X,captionKey:a,comparisonKey:i,disabledOptions:d,isOpen:G.isOpen,keyDown:G.keyDown,options:g,onOptionSelected:te,onPositionFlip:mt,onSelfToggle:nt,onSearchChange:Ke,searchDebounce:C,searchPlaceholder:w,showInlineSearch:M,selectedOption:G.value,specialAction:n,tall:P,textKey:O,filterByTextAndCaptionKey:E,optionRole:"option",valueKey:_,onOptionListChanged:ot,zeroState:Z,ignoreWidthStyles:o,loading:K,maxHeightPx:V,maxHeightRem:R,disableOptionsMemoization:Y,disableDefaultOptionsFiltering:N,"data-testid":`${k}-option-list`,typeaheadEvent:z,conformWidth:l}))});Object.assign(on,{props:Jy,displayName:"SpsSelect"});const Ld={general:{label:"General Usage",description:({NavigateTo:e})=>T.createElement(T.Fragment,null,T.createElement("h5",null,"Use a Select:"),T.createElement("ul",null,T.createElement("li",{className:"mb-2"},"When a list of predetermined values can be provided.")),T.createElement("h5",null,"Do Not Use a Select:"),T.createElement("ul",null,T.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",T.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",T.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead."),T.createElement("li",{className:"mb-2"},"When it is ideal to display all available options without requiring a click. Consider"," ",T.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",T.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead.")),T.createElement("h5",null,"Using Selects in a Form"),T.createElement("p",null,"Reference the ",T.createElement(e,{to:"form"},"Forms")," page for guidelines for placing inputs in Form layouts"))},basic:{label:"Basic Selects",description:()=>T.createElement("p",null,"Basic Selects include a label and dropdown menu containing a list of options. The user is allowed to make a single selection."),examples:{basic:{react:S.code`
1650
1650
  import { SpsLabel, SpsSelect, useSpsForm } from "@spscommerce/ds-react";
1651
1651
  function DemoComponent() {
1652
1652
  const colors = ["red", "blue", "green"];
@@ -2006,7 +2006,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
2006
2006
  </div>
2007
2007
  )
2008
2008
  }
2009
- `}}}},Xy={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"};function In({children:e,className:t,formArray:n,formGroup:o,formMeta:a,stacked:s,"data-testid":i,unsafelyReplaceClassName:l,...c}){const d=o||n,m=d||a,[u,p]=r.useState(!1);r.useEffect(()=>{if(m){const g=m.isFocused();!u&&g&&m.onFocus?m.onFocus():u&&!g&&m.onBlur&&m.onBlur(),p(g)}});const f=$(l||"sps-form-group",(d&&d.invalid||a&&(!a.isValid()||!a.contentsAreValid()))&&"sps-form-group--error",t);return r.createElement("div",{className:f,"data-testid":i,...c},r.createElement("div",{className:$("sps-input-group",s&&"sps-input-group--stacked")},e))}Object.assign(In,{props:Xy,displayName:"SpsInputGroup"});const Zy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleMomentRange>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newMomentRange: SimpleMomentRange) => void",presets:"Array<DateTimePreset>",value:"SimpleMomentRange",showTwoMonths:"boolean",twentyFourHour:"boolean",format:"string",placeholder12h:"string",placeholder24h:"string",selectedPreset:"string",onPresetChange:"(newPreset?: string) => void"},_d="sps-datepicker",Pd=["AM","PM"],Bd=[{definition:"P0D",label:"datepicker.preset.today"},{definition:"() => [null, {month: 1, date: 1, year: 3000}]",label:"datepicker.preset.before"},{definition:"() => [{month: 1, date: 1, year: 1990}, null]",label:"datepicker.preset.after"},{definition:"P7D",label:"datepicker.preset.sevenDays"},{definition:"P30D",label:"datepicker.preset.thirtyDays"},{definition:"P60D",label:"datepicker.preset.sixtyDays"},{definition:"P90D",label:"datepicker.preset.ninetyDays"},{definition:"P1Y",label:"datepicker.preset.oneYear"}];function Od(e,t=""){return e.find(n=>n.definition===t)}function rs({className:e,currentUser:t,disabled:n,formMeta:o,id:a,maxDate:s,minDate:i,onChange:l,presets:c=Bd,value:d,showTwoMonths:m=!1,twentyFourHour:u,format:p,"data-testid":f,placeholder24h:g="00:00",placeholder12h:b="12:00",selectedPreset:y,onPresetChange:v}){const{t:h}=Se.useWoodlandLanguage(),x=io(t),D=u??Ed(x),w=h("timeInput.customTime",{defaultValue:"Custom time"}),{wrapperId:k,controlId:R}=Ge(a&&`${a}_from`,o),{wrapperId:F,controlId:_}=Ge(a&&`${a}_to`,o),O=r.useRef(null),W=r.useRef(null),Z=r.useRef(null),K=r.useRef(null),E=r.useRef(null),V=j.splitMomentInDateTimeParts(Array.isArray(d)?d[0]:void 0,D,p),B=j.splitMomentInDateTimeParts(Array.isArray(d)?d[1]:void 0,D,p,!0),[M,Y]=r.useState(V[0]),[N,C]=r.useState(B[0]),[L,q]=r.useState(V[1]),[Q,ne]=r.useState(B[1]),[oe,U]=r.useState(V[2]),[X,J]=r.useState(B[2]),[G,ee]=r.useState(Od(c,y)||null),{showPopup:z,doShowPopup:H,doHidePopup:re}=bn(O,E);r.useEffect(()=>{ee(Od(c,y)||null)},[y]);function te(ie){o&&(o.setValue(ie),o.markAsDirty()),l&&l(ie)}function le(ie){return ie&&(ie.label.startsWith("datepicker.")?h(ie.label):ie.label)}const Ie=le(G)==="Before",Pe=le(G)==="After";function Xe(ie){const we=d||[],He=j.toMoment(ie);let Ye;if(Ie)Ye=[null,He],re(!0),v?.(le(G));else if(Pe)Ye=[He,null],re(!0),v?.(le(G));else if(!we[0]||we[1]||He?.isBefore(j.toMoment(j.createFrom(we[0],p)))){let xe=parseInt(L?.split(":")[0]||"0",10);!D&&xe===12&&(xe=0);const Tt=parseInt(L?.split(":")[1]||"0",10);He?.set("hour",oe==="PM"?12+xe:xe<12?xe:0),He?.set("minute",Tt),Ye=[He,null],ee(null),v?.(null)}else{let xe=parseInt(Q?.split(":")[0]||"0",10);!D&&xe===12&&(xe=0);const Tt=parseInt(Q?.split(":")[1]||"0",10);He?.set("hour",X==="PM"?12+xe:xe),He?.set("minute",Tt),He?.isBefore(we[0])?Ye=[He,null]:(Ye=[we[0],He],re(!0)),v?.(null),ee(null)}te(Ye)}function nt(ie){Y(ie.target.value),G!==null&&(ee(null),v?.(null))}function mt(ie){j.validateTimeString(ie.target.value,D)&&(q(ie.target.value),G!==null&&(ee(null),v?.(null)))}function Me(ie,we,He){const Ye=M,xe=we??L,Tt=oe;if(Ye===V[0]&&xe===V[1]&&Tt===V[2])return;const kt=j.createFrom(Ye,p);if(kt&&j.isValid(kt)){const ce=j.toMoment(kt);let ue=parseInt(xe?.split(":")[0]||"0",10);!D&&ue===12&&(ue=0);const Le=parseInt(xe?.split(":")[1]||"0",10);ce?.set("hour",Tt==="PM"?12+ue:ue),ce?.set("minute",Le);const Et=[ce,ce?.isBefore(d?.[1])&&d?.[1]||null];te(Et)}}function ot(ie){j.validateTimeString(ie??L,D)&&(q(j.padIncompleteTimeString(ie??L,D)),setTimeout(()=>Me(void 0,ie),0))}function Ke(ie){U(ie.target.value)}function ft(ie){j.validateTimeString(ie,D)&&(q(ie),setTimeout(()=>ot(ie),0))}r.useEffect(()=>{oe!==V[2]&&Me()},[oe]);function Be(ie){C(ie.target.value)}function ae(ie){j.validateTimeString(ie.target.value,D)&&ne(ie.target.value)}function me(ie,we,He){const Ye=N,xe=we??Q,Tt=X;if(Ye===B[0]&&xe===B[1]&&Tt===B[2])return;const kt=j.createFrom(Ye,p);if(kt&&j.isValid(kt)){const ce=j.toMoment(kt);let ue=parseInt(xe?.split(":")[0]||"0",10);!D&&ue===12&&(ue=0);const Le=parseInt(xe?.split(":")[1]||"0",10);ce?.set("hour",Tt==="PM"?12+ue:ue),ce?.set("minute",Le);const Et=[ce?.isAfter(d?.[0])&&d?.[0]||null,ce];te(Et)}}function je(ie){j.validateTimeString(ie??Q,D)&&(ne(j.padIncompleteTimeString(ie??Q,D)),setTimeout(()=>me(void 0,ie),0))}function So(ie){J(ie.target.value)}function xr(ie){j.validateTimeString(ie,D)&&(ne(ie),setTimeout(()=>je(ie),0))}r.useEffect(()=>{X!==B[2]&&me()},[X]);function xt(){te([null,null]),ee(null),v?.(null)}function jt(ie){return function(we){switch(we.key){case"Tab":re();break;case"Backspace":we.target.selectionStart===0&&d&&!Array.isArray(d)&&xt();break;case"Enter":ie==="from"?Me():ie==="to"&&me();break}}}function yt(ie){if(!ie){ee(null),te([null,null]),v?.(null);return}ee(ie);const we=j.createDateTimeRangeFromPreset(ie);ie&&le(ie)==="Before"?!d||Array.isArray(d)&&d[0]&&d[1]?te([null,null]):Array.isArray(d)&&d[0]?te([null,j.toMoment(j.createFrom(d[0],p))]):Array.isArray(d)&&d[1]&&te([null,j.toMoment(j.createFrom(d[1],p))]):ie&&le(ie)==="After"?!d||Array.isArray(d)&&d[0]&&d[1]?te([null,null]):Array.isArray(d)&&d[0]?te([j.toMoment(j.createFrom(d[0],p)),null]):Array.isArray(d)&&d[1]&&te([j.toMoment(j.createFrom(d[1],p)),null]):JSON.stringify(d)!==JSON.stringify(we)&&te([we[0],we[1]]),v&&ie?.definition!==y&&v(typeof ie?.definition=="string"?ie?.definition:le(ie))}r.useEffect(()=>{d&&Array.isArray(d)&&!d.length&&xt()},[d]),r.useEffect(()=>{if(d&&Array.isArray(d)&&Array.isArray(d)){if(d[0]&&!d[1]){const ie=c.find(we=>le(we)==="After");ie&&yt(ie)}else if(!d[0]&&d[1]){const ie=c.find(we=>le(we)==="Before");ie&&yt(ie)}else if(d[0]&&d[1]){const ie=j.toDateTimeStringRange(d,D,p),we=c.find(He=>ie===j.toDateTimeStringRange(j.createDateTimeRangeFromPreset(He),D,p));we&&yt(we)}}},[]),r.useEffect(()=>{V[0]?Y(V[0]):Y(""),V[1]?q(V[1]):q(D?"00:00":"12:00"),D||(V[2]?U(V[2]):U("AM")),B[0]?C(B[0]):C(""),B[1]?ne(B[1]):ne(D?"23:59":"11:59"),D||(B[2]?J(B[2]):J("PM"))},[V[0],V[1],V[2],B[0],B[1],B[2],D]);const go=$(_d,"sps-text-input",z&&`${_d}--open`,e);return r.createElement(r.Fragment,null,r.createElement("div",{className:$("sps-datetime-range-picker")},r.createElement("div",{className:$("sps-datetime-range-picker__pair")},r.createElement(_e,{id:k,className:go,formMeta:o,inputRef:W,focusInputOnClick:!0,ref:O},r.createElement("div",{className:$("sps-form-control",n&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),G&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},le(G))),r.createElement("input",{type:"text",ref:W,className:"sps-text-input__input","data-testid":`${f}_from_date_input`,id:R,placeholder:!M&&!G?p?.toUpperCase()||mn:Ie?B[0]:Pe?V[0]:void 0,onChange:nt,onClick:H,onFocus:H,onBlur:()=>Me(),onKeyDown:jt("from"),value:G?"":M,disabled:n}),d&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:xt}))),!G&&(D?r.createElement(Nt,{className:"sps-time-input",placeholder:g,suggestions:Pr,zeroState:w,value:L,onChange:mt,onBlur:()=>ot(),onSelectionChange:ft,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(In,null,r.createElement(Nt,{className:"sps-time-input",placeholder:b,suggestions:_r,zeroState:w,value:L,onChange:mt,onBlur:()=>ot(),onSelectionChange:ft,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(on,{options:Pd,value:oe,onChange:Ke,disabled:n,notClearable:!0})))),!G&&r.createElement("span",{className:$("sps-datepicker__to")},h("dateTimeRangePicker.to",{defaultValue:"to"})),!G&&r.createElement("div",{className:$("sps-datetime-range-picker__pair")},r.createElement(_e,{id:F,className:go,formMeta:o,inputRef:K,focusInputOnClick:!0,ref:Z},r.createElement("div",{className:$("sps-form-control",n&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),G&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},le(G))),r.createElement("input",{type:"text",ref:K,className:"sps-text-input__input","data-testid":`${f}_to_date_input`,id:_,placeholder:!N&&!G?p?.toUpperCase()||mn:void 0,onChange:Be,onClick:H,onFocus:H,onKeyDown:jt("to"),onBlur:()=>me(),value:N,disabled:n}),d&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:xt}))),D?r.createElement(Nt,{className:"sps-time-input",placeholder:g,suggestions:Pr,zeroState:w,value:Q,onChange:ae,onBlur:()=>je(),onSelectionChange:xr,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(In,null,r.createElement(Nt,{className:"sps-time-input",placeholder:b,suggestions:_r,zeroState:w,value:Q,onChange:ae,onBlur:()=>je(),onSelectionChange:xr,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(on,{options:Pd,value:X,onChange:So,disabled:n,notClearable:!0})))),r.createElement(er,{isOpen:z,attachTo:O,ref:E},r.createElement("div",{className:"sps-datepicker__presets"},r.createElement("fieldset",null,r.createElement("legend",{className:"sps-datepicker__presets-label"},h("datepicker.presetsLabel",{defaultValue:"Ranges"})),r.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{"data-testid":`${f}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${k}__range-custom`,className:"sps-custom-control__input",checked:!G,name:`sps-date-range-picker-${k}__range`,onChange:()=>yt()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${k}__range-custom`},h("datepicker.preset.custom",{defaultValue:"Custom"}))),c.map((ie,we)=>r.createElement("div",{key:le(ie),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${f}_preset_option_${ie.label}`,id:`sps-date-range-picker-${k}__range-${we}`,name:`sps-date-range-picker-${k}__range`,onChange:()=>yt(ie),checked:G?.definition?G.definition===ie.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${k}__range-${we}`},le(ie)))))),r.createElement(Qo,{"data-testid":`${f}_calendar`,selectedRange:Array.isArray(d)?[j.createFrom(d[0],p),j.createFrom(d[1],p)]:void 0,onNewSelection:Xe,minDate:i,maxDate:s,showTwoMonths:m,selectedPreset:G&&le(G),currentUser:t})))}Object.assign(rs,{props:Zy,displayName:"SpsDateTimeRangePicker"});const Rd={basic:{label:"Basic",examples:{basic:{react:S.code`
2009
+ `}}}},Xy={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"};function In({children:e,className:t,formArray:n,formGroup:o,formMeta:a,stacked:s,"data-testid":i,unsafelyReplaceClassName:l,...c}){const d=o||n,m=d||a,[u,p]=r.useState(!1);r.useEffect(()=>{if(m){const g=m.isFocused();!u&&g&&m.onFocus?m.onFocus():u&&!g&&m.onBlur&&m.onBlur(),p(g)}});const f=$(l||"sps-form-group",(d&&d.invalid||a&&(!a.isValid()||!a.contentsAreValid()))&&"sps-form-group--error",t);return r.createElement("div",{className:f,"data-testid":i,...c},r.createElement("div",{className:$("sps-input-group",s&&"sps-input-group--stacked")},e))}Object.assign(In,{props:Xy,displayName:"SpsInputGroup"});const Zy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleMomentRange>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newMomentRange: SimpleMomentRange) => void",presets:"Array<DateTimePreset>",value:"SimpleMomentRange",showTwoMonths:"boolean",twentyFourHour:"boolean",format:"string",placeholder12h:"string",placeholder24h:"string",selectedPreset:"string",onPresetChange:"(newPreset?: string) => void"},_d="sps-datepicker",Pd=["AM","PM"],Bd=[{definition:"P0D",label:"datepicker.preset.today"},{definition:"() => [null, {month: 1, date: 1, year: 3000}]",label:"datepicker.preset.before"},{definition:"() => [{month: 1, date: 1, year: 1990}, null]",label:"datepicker.preset.after"},{definition:"P7D",label:"datepicker.preset.sevenDays"},{definition:"P30D",label:"datepicker.preset.thirtyDays"},{definition:"P60D",label:"datepicker.preset.sixtyDays"},{definition:"P90D",label:"datepicker.preset.ninetyDays"},{definition:"P1Y",label:"datepicker.preset.oneYear"}];function Od(e,t=""){return e.find(n=>n.definition===t)}function rs({className:e,currentUser:t,disabled:n,formMeta:o,id:a,maxDate:s,minDate:i,onChange:l,presets:c=Bd,value:d,showTwoMonths:m=!1,twentyFourHour:u,format:p,"data-testid":f,placeholder24h:g="00:00",placeholder12h:b="12:00",selectedPreset:y,onPresetChange:v}){const{t:h}=Se.useWoodlandLanguage(),x=io(t),C=u??Ed(x),w=h("timeInput.customTime",{defaultValue:"Custom time"}),{wrapperId:M,controlId:P}=Ge(a&&`${a}_from`,o),{wrapperId:O,controlId:_}=Ge(a&&`${a}_to`,o),F=r.useRef(null),W=r.useRef(null),Z=r.useRef(null),K=r.useRef(null),E=r.useRef(null),V=j.splitMomentInDateTimeParts(Array.isArray(d)?d[0]:void 0,C,p),R=j.splitMomentInDateTimeParts(Array.isArray(d)?d[1]:void 0,C,p,!0),[k,Y]=r.useState(V[0]),[N,D]=r.useState(R[0]),[L,q]=r.useState(V[1]),[Q,ne]=r.useState(R[1]),[oe,U]=r.useState(V[2]),[X,J]=r.useState(R[2]),[G,ee]=r.useState(Od(c,y)||null),{showPopup:z,doShowPopup:H,doHidePopup:re}=bn(F,E);r.useEffect(()=>{ee(Od(c,y)||null)},[y]);function te(ie){o&&(o.setValue(ie),o.markAsDirty()),l&&l(ie)}function le(ie){return ie&&(ie.label.startsWith("datepicker.")?h(ie.label):ie.label)}const Ie=le(G)==="Before",Pe=le(G)==="After";function Xe(ie){const we=d||[],He=j.toMoment(ie);let Ye;if(Ie)Ye=[null,He],re(!0),v?.(le(G));else if(Pe)Ye=[He,null],re(!0),v?.(le(G));else if(!we[0]||we[1]||He?.isBefore(j.toMoment(j.createFrom(we[0],p)))){let xe=parseInt(L?.split(":")[0]||"0",10);!C&&xe===12&&(xe=0);const Tt=parseInt(L?.split(":")[1]||"0",10);He?.set("hour",oe==="PM"?12+xe:xe<12?xe:0),He?.set("minute",Tt),Ye=[He,null],ee(null),v?.(null)}else{let xe=parseInt(Q?.split(":")[0]||"0",10);!C&&xe===12&&(xe=0);const Tt=parseInt(Q?.split(":")[1]||"0",10);He?.set("hour",X==="PM"?12+xe:xe),He?.set("minute",Tt),He?.isBefore(we[0])?Ye=[He,null]:(Ye=[we[0],He],re(!0)),v?.(null),ee(null)}te(Ye)}function nt(ie){Y(ie.target.value),G!==null&&(ee(null),v?.(null))}function mt(ie){j.validateTimeString(ie.target.value,C)&&(q(ie.target.value),G!==null&&(ee(null),v?.(null)))}function Me(ie,we,He){const Ye=k,xe=we??L,Tt=oe;if(Ye===V[0]&&xe===V[1]&&Tt===V[2])return;const kt=j.createFrom(Ye,p);if(kt&&j.isValid(kt)){const ce=j.toMoment(kt);let ue=parseInt(xe?.split(":")[0]||"0",10);!C&&ue===12&&(ue=0);const Le=parseInt(xe?.split(":")[1]||"0",10);ce?.set("hour",Tt==="PM"?12+ue:ue),ce?.set("minute",Le);const Et=[ce,ce?.isBefore(d?.[1])&&d?.[1]||null];te(Et)}}function ot(ie){j.validateTimeString(ie??L,C)&&(q(j.padIncompleteTimeString(ie??L,C)),setTimeout(()=>Me(void 0,ie),0))}function Ke(ie){U(ie.target.value)}function ft(ie){j.validateTimeString(ie,C)&&(q(ie),setTimeout(()=>ot(ie),0))}r.useEffect(()=>{oe!==V[2]&&Me()},[oe]);function Be(ie){D(ie.target.value)}function ae(ie){j.validateTimeString(ie.target.value,C)&&ne(ie.target.value)}function me(ie,we,He){const Ye=N,xe=we??Q,Tt=X;if(Ye===R[0]&&xe===R[1]&&Tt===R[2])return;const kt=j.createFrom(Ye,p);if(kt&&j.isValid(kt)){const ce=j.toMoment(kt);let ue=parseInt(xe?.split(":")[0]||"0",10);!C&&ue===12&&(ue=0);const Le=parseInt(xe?.split(":")[1]||"0",10);ce?.set("hour",Tt==="PM"?12+ue:ue),ce?.set("minute",Le);const Et=[ce?.isAfter(d?.[0])&&d?.[0]||null,ce];te(Et)}}function je(ie){j.validateTimeString(ie??Q,C)&&(ne(j.padIncompleteTimeString(ie??Q,C)),setTimeout(()=>me(void 0,ie),0))}function So(ie){J(ie.target.value)}function xr(ie){j.validateTimeString(ie,C)&&(ne(ie),setTimeout(()=>je(ie),0))}r.useEffect(()=>{X!==R[2]&&me()},[X]);function xt(){te([null,null]),ee(null),v?.(null)}function jt(ie){return function(we){switch(we.key){case"Tab":re();break;case"Backspace":we.target.selectionStart===0&&d&&!Array.isArray(d)&&xt();break;case"Enter":ie==="from"?Me():ie==="to"&&me();break}}}function yt(ie){if(!ie){ee(null),te([null,null]),v?.(null);return}ee(ie);const we=j.createDateTimeRangeFromPreset(ie);ie&&le(ie)==="Before"?!d||Array.isArray(d)&&d[0]&&d[1]?te([null,null]):Array.isArray(d)&&d[0]?te([null,j.toMoment(j.createFrom(d[0],p))]):Array.isArray(d)&&d[1]&&te([null,j.toMoment(j.createFrom(d[1],p))]):ie&&le(ie)==="After"?!d||Array.isArray(d)&&d[0]&&d[1]?te([null,null]):Array.isArray(d)&&d[0]?te([j.toMoment(j.createFrom(d[0],p)),null]):Array.isArray(d)&&d[1]&&te([j.toMoment(j.createFrom(d[1],p)),null]):JSON.stringify(d)!==JSON.stringify(we)&&te([we[0],we[1]]),v&&ie?.definition!==y&&v(typeof ie?.definition=="string"?ie?.definition:le(ie))}r.useEffect(()=>{d&&Array.isArray(d)&&!d.length&&xt()},[d]),r.useEffect(()=>{if(d&&Array.isArray(d)&&Array.isArray(d)){if(d[0]&&!d[1]){const ie=c.find(we=>le(we)==="After");ie&&yt(ie)}else if(!d[0]&&d[1]){const ie=c.find(we=>le(we)==="Before");ie&&yt(ie)}else if(d[0]&&d[1]){const ie=j.toDateTimeStringRange(d,C,p),we=c.find(He=>ie===j.toDateTimeStringRange(j.createDateTimeRangeFromPreset(He),C,p));we&&yt(we)}}},[]),r.useEffect(()=>{V[0]?Y(V[0]):Y(""),V[1]?q(V[1]):q(C?"00:00":"12:00"),C||(V[2]?U(V[2]):U("AM")),R[0]?D(R[0]):D(""),R[1]?ne(R[1]):ne(C?"23:59":"11:59"),C||(R[2]?J(R[2]):J("PM"))},[V[0],V[1],V[2],R[0],R[1],R[2],C]);const go=$(_d,"sps-text-input",z&&`${_d}--open`,e);return r.createElement(r.Fragment,null,r.createElement("div",{className:$("sps-datetime-range-picker")},r.createElement("div",{className:$("sps-datetime-range-picker__pair")},r.createElement(_e,{id:M,className:go,formMeta:o,inputRef:W,focusInputOnClick:!0,ref:F},r.createElement("div",{className:$("sps-form-control",n&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),G&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},le(G))),r.createElement("input",{type:"text",ref:W,className:"sps-text-input__input","data-testid":`${f}_from_date_input`,id:P,placeholder:!k&&!G?p?.toUpperCase()||mn:Ie?R[0]:Pe?V[0]:void 0,onChange:nt,onClick:H,onFocus:H,onBlur:()=>Me(),onKeyDown:jt("from"),value:G?"":k,disabled:n}),d&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:xt}))),!G&&(C?r.createElement(Nt,{className:"sps-time-input",placeholder:g,suggestions:Pr,zeroState:w,value:L,onChange:mt,onBlur:()=>ot(),onSelectionChange:ft,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(In,null,r.createElement(Nt,{className:"sps-time-input",placeholder:b,suggestions:_r,zeroState:w,value:L,onChange:mt,onBlur:()=>ot(),onSelectionChange:ft,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(on,{options:Pd,value:oe,onChange:Ke,disabled:n,notClearable:!0})))),!G&&r.createElement("span",{className:$("sps-datepicker__to")},h("dateTimeRangePicker.to",{defaultValue:"to"})),!G&&r.createElement("div",{className:$("sps-datetime-range-picker__pair")},r.createElement(_e,{id:O,className:go,formMeta:o,inputRef:K,focusInputOnClick:!0,ref:Z},r.createElement("div",{className:$("sps-form-control",n&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),G&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},le(G))),r.createElement("input",{type:"text",ref:K,className:"sps-text-input__input","data-testid":`${f}_to_date_input`,id:_,placeholder:!N&&!G?p?.toUpperCase()||mn:void 0,onChange:Be,onClick:H,onFocus:H,onKeyDown:jt("to"),onBlur:()=>me(),value:N,disabled:n}),d&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:xt}))),C?r.createElement(Nt,{className:"sps-time-input",placeholder:g,suggestions:Pr,zeroState:w,value:Q,onChange:ae,onBlur:()=>je(),onSelectionChange:xr,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(In,null,r.createElement(Nt,{className:"sps-time-input",placeholder:b,suggestions:_r,zeroState:w,value:Q,onChange:ae,onBlur:()=>je(),onSelectionChange:xr,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(on,{options:Pd,value:X,onChange:So,disabled:n,notClearable:!0})))),r.createElement(er,{isOpen:z,attachTo:F,ref:E},r.createElement("div",{className:"sps-datepicker__presets"},r.createElement("fieldset",null,r.createElement("legend",{className:"sps-datepicker__presets-label"},h("datepicker.presetsLabel",{defaultValue:"Ranges"})),r.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{"data-testid":`${f}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${M}__range-custom`,className:"sps-custom-control__input",checked:!G,name:`sps-date-range-picker-${M}__range`,onChange:()=>yt()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${M}__range-custom`},h("datepicker.preset.custom",{defaultValue:"Custom"}))),c.map((ie,we)=>r.createElement("div",{key:le(ie),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${f}_preset_option_${ie.label}`,id:`sps-date-range-picker-${M}__range-${we}`,name:`sps-date-range-picker-${M}__range`,onChange:()=>yt(ie),checked:G?.definition?G.definition===ie.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${M}__range-${we}`},le(ie)))))),r.createElement(Qo,{"data-testid":`${f}_calendar`,selectedRange:Array.isArray(d)?[j.createFrom(d[0],p),j.createFrom(d[1],p)]:void 0,onNewSelection:Xe,minDate:i,maxDate:s,showTwoMonths:m,selectedPreset:G&&le(G),currentUser:t})))}Object.assign(rs,{props:Zy,displayName:"SpsDateTimeRangePicker"});const Rd={basic:{label:"Basic",examples:{basic:{react:S.code`
2010
2010
  import {
2011
2011
  useSpsForm,
2012
2012
  SpsLabel,
@@ -2231,7 +2231,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
2231
2231
  import { SpsDateTime } from "@spscommerce/ds-react";
2232
2232
  `,jsx:S.code`
2233
2233
  <SpsDateTime>2018-09-11T16:32:52.822000Z</SpsDateTime>
2234
- `}}}},Ad={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"};function tr(e){const{children:t,className:n,compact:o=!1,"data-testid":a,unsafelyReplaceClassName:s,wideTerms:i=!1,widerTerms:l=!1,...c}=e,d=r.Children.map(t,(u,p)=>{if(u.type.toString()!==r.Fragment.toString()){const b=parseInt(`${p/2}`,10)+1;return r.cloneElement(u,{style:{...u.props.style,msGridRow:b}})}const f=u.props.children;return r.Children.map(f,b=>r.cloneElement(b,{style:{...b.props.style,msGridRow:p+1}}))}),m=$(s||"sps-description-list",o&&"sps-description-list--compact",i&&"sps-description-list--wide-terms",l&&"sps-description-list--wider-terms",n);return r.createElement("dl",{className:m,"data-testid":`${a}`,...c},d)}Object.assign(tr,{props:Ad,displayName:"SpsDescriptionList / SpsDl"});function $d(e){return r.createElement(tr,{...e})}Object.assign($d,{props:Ad,displayName:"SpsDescriptionList / SpsDl"});const Vd={};function nr(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=$(a||"sps-description-list__definition",n);return r.createElement("dd",{className:i,"data-testid":`${o}`,...s},t)}Object.assign(nr,{props:Vd,displayName:"SpsDescriptionListDefinition / SpsDd"});function Kd(e){return r.createElement(nr,{...e})}Object.assign(Kd,{props:Vd,displayName:"SpsDescriptionListDefinition / SpsDd"});var he=(e=>(e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden",e))(he||{});function or(e){return e==="visible"?"hidden":"visible"}const Hd=13,oT=20,Wd=10,rn=new Map,rT={for:{type:"React.MutableRefObject<any> | string",required:!0},hideDelay:"number",isShown:"TooltipVisibility",kind:"TooltipKind",offsets:"[number, number]",altOffsets:"[number, number]",onDeferred:"() => void",position:"Position",altPosition:"Position",showOn:"TooltipShowTrigger",title:"string | ReactNode"};function ct({children:e,className:t,for:n,"data-testid":o,hideDelay:a=A.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:s,kind:i=A.TooltipKind.DEFAULT,offsets:l=[0,0],altOffsets:c,onDeferred:d,position:m=A.Position.TOP_MIDDLE,altPosition:u=$r(m),showOn:p=A.TooltipShowTrigger.MOUSEOVER,style:f,title:g,unsafelyReplaceClassName:b}){const y=r.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:s,hideTimer:null}),[v,h]=r.useState(!1),x=r.useRef(null),D=typeof n=="string"?r.useRef(document.getElementById(n)):n,w=r.useCallback(()=>{y.current.hideTimer&&(clearTimeout(y.current.hideTimer),y.current.hideTimer=null)},[]),k=r.useCallback(()=>{w(),h(!1)},[]),R=r.useCallback((C=!1)=>{if(C===!0&&rn.size>0)return d&&d(),!1;if(x.current?.textContent==="")return console.warn("SpsTooltip is empty; aborting show"),!1;w();for(const L of rn.values())L();return h(!0),!0},[]),F=r.useCallback(C=>{C&&C.stopPropagation(),h(L=>L?(k(),!1):R())},[]),_=r.useCallback(C=>{x.current&&!x.current.contains(C.target)&&k()},[]),O=r.useCallback(()=>{w(),y.current.hideTimer=setTimeout(k,a)},[]),W=r.useCallback(C=>{const[L,q]=C.split(" ");if(q==="middle")return 0;const Q=D?.current?.getBoundingClientRect();if(!Q)return 0;const ne=Wd*Math.sqrt(2),oe=(ne-Wd)/2,U=oT-oe+ne/2;return["top","bottom"].includes(L)?!Q.width||Q.width>50?0:Q.width/2-U:["left","right"].includes(L)?!Q.height||Q.height>50?0:Q.height/2-U:0},[]);r.useEffect(()=>{if(typeof n=="string"&&(D.current=document.getElementById(n)),v?rn.set(y.current.instanceKey,k):rn.has(y.current.instanceKey)&&rn.delete(y.current.instanceKey),p===A.TooltipShowTrigger.MANUAL){if(s!==y.current.prevIsShown)switch(s){case"visible":R();break;case"defer_visible":R(!0);break;case"hidden":k();break;case"delayed_hidden":O();break}y.current.prevIsShown=s}},[v,s]),r.useEffect(()=>{if(D.current)switch(p){case A.TooltipShowTrigger.MOUSEOVER:D.current.addEventListener("mouseenter",R),D.current.addEventListener("mouseleave",O);break;case A.TooltipShowTrigger.CLICK:D.current.addEventListener("click",F),document.addEventListener("click",_);break;case A.TooltipShowTrigger.MANUAL:break}},[D]),r.useEffect(()=>{x.current?.textContent===""&&v&&(y.current.hideTimer&&(clearTimeout(y.current.hideTimer),y.current.hideTimer=null),h(!1))},[e,v]),r.useEffect(()=>()=>{w(),rn.has(y.current.instanceKey)&&rn.delete(y.current.instanceKey),D.current&&(D.current.removeEventListener("mouseenter",R),D.current.removeEventListener("mouseleave",O),D.current.removeEventListener("click",F),document.removeEventListener("click",_))},[]);const Z=gn("sps-tooltip-portal"),K=r.useContext(rt),[[E,V],B]=r.useState([{},!1]),M=()=>{const C=[l[0]-Hd,l[1]+W(m)],L=u?[(c?.[0]??l[0])-Hd,(c?.[1]??l[1])+W(u)]:C;return Sn(x,D,m,{altPosition:u,setMinWidth:!1,offsets:C,altOffsets:L,...K})},Y=r.useRef(M);Y.current=M,r.useEffect(()=>{B(v?Y.current():[{},!1])},[v,m,u,l[0],l[1],c?.[0],c?.[1],K?.fixed,K?.parentElementRef,e]),r.useEffect(()=>{if(!v)return;const C=()=>{B(Y.current())};return document.addEventListener("scroll",C),()=>{document.removeEventListener("scroll",C)}},[v]);const N=$(b||"sps-tooltip","z-stratum-tip",`sps-tooltip--${i}`,`sps-tooltip--pos-${(V?u:m).replace(" ","-")}`,v&&"sps-tooltip--shown",t);return Z(r.createElement("div",{role:"tooltip",className:N,"data-testid":o,ref:x,style:{...f,...E},onMouseEnter:p===A.TooltipShowTrigger.MOUSEOVER?w:void 0,onMouseLeave:p===A.TooltipShowTrigger.MOUSEOVER?O:void 0},g&&(typeof g=="string"?r.createElement("span",{className:"sps-tooltip__title d-block"},g):g),r.createElement("span",{className:"sps-tooltip__body d-block"},e),r.createElement("span",{className:"sps-tooltip__caret"})))}Object.assign(ct,{props:rT,displayName:"SpsTooltip"});const Gd={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"};function rr(e){const{children:t,className:n,error:o,errors:a,help:s,labelFor:i,required:l,"data-testid":c,unsafelyReplaceClassName:d,...m}=e,u=r.useRef(null),p=r.useRef();function f(){return p?.current&&p.current.parentElement?.classList.contains("sps-form-group--error")}function g(){return i&&!i.isPristine()&&!i.isValid()}const[b,y]=r.useState(),[v,h]=r.useState(he.HIDDEN);r.useEffect(()=>{y(g()||f()?A.TooltipKind.ERROR:A.TooltipKind.HELP)}),r.useEffect(()=>{p.current=u?.current?.getElementsByClassName("sps-form-group__label")[0];const w=()=>h(he.VISIBLE),k=()=>h(he.HIDDEN);return p.current&&(p.current.addEventListener("focus",w),p.current.addEventListener("blur",k)),()=>{p.current&&(p.current.removeEventListener("focus",w),p.current.removeEventListener("blur",k))}}),i&&(i.onFocus=()=>h(he.VISIBLE),i.onBlur=()=>h(he.HIDDEN));const x=$(d||"sps-description-list__term",(l||i&&i.isRequired())&&"sps-description-list__term--required",(o||g())&&"sps-description-list__term--error",n);function D(){h(v===he.VISIBLE?he.HIDDEN:he.VISIBLE)}return r.createElement(r.Fragment,null,r.createElement("dt",{className:x,"data-testid":`${c}`,ref:u,onMouseEnter:()=>h(he.VISIBLE),onMouseLeave:()=>h(he.DELAYED_HIDDEN),onClick:D,...m},t),r.createElement(ct,{kind:b,for:u,showOn:A.TooltipShowTrigger.MANUAL,isShown:v},qe(b===A.TooltipKind.ERROR?a:s)))}Object.assign(rr,{props:Gd,displayName:"SpsDescriptionListTerm / SpsDt"});function Ud(e){return r.createElement(rr,{...e})}Object.assign(Ud,{props:Gd,displayName:"SpsDescriptionListTerm / SpsDt"});const zd={general:{label:"General Usage",description:()=>T.createElement(T.Fragment,null,T.createElement("p",null,"Description Lists should be used to group a series of related terms (and their accompanying descriptions) together in a tabular-like format."),T.createElement("p",null,"Note: Description Lists are not the required pattern for listing terms and descriptions, but should be used when it benefits the legibility of the content over other typographic formats such as unordered lists or tables."),T.createElement("h5",null,"Use a Description List"),T.createElement("ul",null,T.createElement("li",{className:"mb-2"},"To display two or more terms that have accompanying descriptions or values.")),T.createElement("h5",null,"Do Not Use a Description List"),T.createElement("ul",null,T.createElement("li",{className:"mb-2"},"To display a single term"),T.createElement("li",{className:"mb-2"},"If the listed terms do not have descriptions")))},basic:{label:"Basic Description Lists",description:()=>T.createElement("p",null,"Description Lists are available in two sizes. Additionally, the left column can be set to one of three different width options to best accomodate the content in each specific use case."),examples:{oneToThree:{description:()=>T.createElement("h5",null,"1-to-3"),react:S.code`
2234
+ `}}}},Ad={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"};function tr(e){const{children:t,className:n,compact:o=!1,"data-testid":a,unsafelyReplaceClassName:s,wideTerms:i=!1,widerTerms:l=!1,...c}=e,d=r.Children.map(t,(u,p)=>{if(u.type.toString()!==r.Fragment.toString()){const b=parseInt(`${p/2}`,10)+1;return r.cloneElement(u,{style:{...u.props.style,msGridRow:b}})}const f=u.props.children;return r.Children.map(f,b=>r.cloneElement(b,{style:{...b.props.style,msGridRow:p+1}}))}),m=$(s||"sps-description-list",o&&"sps-description-list--compact",i&&"sps-description-list--wide-terms",l&&"sps-description-list--wider-terms",n);return r.createElement("dl",{className:m,"data-testid":`${a}`,...c},d)}Object.assign(tr,{props:Ad,displayName:"SpsDescriptionList / SpsDl"});function $d(e){return r.createElement(tr,{...e})}Object.assign($d,{props:Ad,displayName:"SpsDescriptionList / SpsDl"});const Vd={};function nr(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=$(a||"sps-description-list__definition",n);return r.createElement("dd",{className:i,"data-testid":`${o}`,...s},t)}Object.assign(nr,{props:Vd,displayName:"SpsDescriptionListDefinition / SpsDd"});function Kd(e){return r.createElement(nr,{...e})}Object.assign(Kd,{props:Vd,displayName:"SpsDescriptionListDefinition / SpsDd"});var he=(e=>(e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden",e))(he||{});function or(e){return e==="visible"?"hidden":"visible"}const Hd=13,oT=20,Wd=10,rn=new Map,rT={for:{type:"React.MutableRefObject<any> | string",required:!0},hideDelay:"number",isShown:"TooltipVisibility",kind:"TooltipKind",offsets:"[number, number]",altOffsets:"[number, number]",onDeferred:"() => void",position:"Position",altPosition:"Position",showOn:"TooltipShowTrigger",title:"string | ReactNode"};function ct({children:e,className:t,for:n,"data-testid":o,hideDelay:a=A.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:s,kind:i=A.TooltipKind.DEFAULT,offsets:l=[0,0],altOffsets:c,onDeferred:d,position:m=A.Position.TOP_MIDDLE,altPosition:u=$r(m),showOn:p=A.TooltipShowTrigger.MOUSEOVER,style:f,title:g,unsafelyReplaceClassName:b}){const y=r.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:s,hideTimer:null}),[v,h]=r.useState(!1),x=r.useRef(null),C=typeof n=="string"?r.useRef(document.getElementById(n)):n,w=r.useCallback(()=>{y.current.hideTimer&&(clearTimeout(y.current.hideTimer),y.current.hideTimer=null)},[]),M=r.useCallback(()=>{w(),h(!1)},[]),P=r.useCallback((D=!1)=>{if(D===!0&&rn.size>0)return d&&d(),!1;if(x.current?.textContent==="")return console.warn("SpsTooltip is empty; aborting show"),!1;w();for(const L of rn.values())L();return h(!0),!0},[]),O=r.useCallback(D=>{D&&D.stopPropagation(),h(L=>L?(M(),!1):P())},[]),_=r.useCallback(D=>{x.current&&!x.current.contains(D.target)&&M()},[]),F=r.useCallback(()=>{w(),y.current.hideTimer=setTimeout(M,a)},[]),W=r.useCallback(D=>{const[L,q]=D.split(" ");if(q==="middle")return 0;const Q=C?.current?.getBoundingClientRect();if(!Q)return 0;const ne=Wd*Math.sqrt(2),oe=(ne-Wd)/2,U=oT-oe+ne/2;return["top","bottom"].includes(L)?!Q.width||Q.width>50?0:Q.width/2-U:["left","right"].includes(L)?!Q.height||Q.height>50?0:Q.height/2-U:0},[]);r.useEffect(()=>{if(typeof n=="string"&&(C.current=document.getElementById(n)),v?rn.set(y.current.instanceKey,M):rn.has(y.current.instanceKey)&&rn.delete(y.current.instanceKey),p===A.TooltipShowTrigger.MANUAL){if(s!==y.current.prevIsShown)switch(s){case"visible":P();break;case"defer_visible":P(!0);break;case"hidden":M();break;case"delayed_hidden":F();break}y.current.prevIsShown=s}},[v,s]),r.useEffect(()=>{if(C.current)switch(p){case A.TooltipShowTrigger.MOUSEOVER:C.current.addEventListener("mouseenter",P),C.current.addEventListener("mouseleave",F);break;case A.TooltipShowTrigger.CLICK:C.current.addEventListener("click",O),document.addEventListener("click",_);break;case A.TooltipShowTrigger.MANUAL:break}},[C]),r.useEffect(()=>{x.current?.textContent===""&&v&&(y.current.hideTimer&&(clearTimeout(y.current.hideTimer),y.current.hideTimer=null),h(!1))},[e,v]),r.useEffect(()=>()=>{w(),rn.has(y.current.instanceKey)&&rn.delete(y.current.instanceKey),C.current&&(C.current.removeEventListener("mouseenter",P),C.current.removeEventListener("mouseleave",F),C.current.removeEventListener("click",O),document.removeEventListener("click",_))},[]);const Z=gn("sps-tooltip-portal"),K=r.useContext(rt),[[E,V],R]=r.useState([{},!1]),k=()=>{const D=[l[0]-Hd,l[1]+W(m)],L=u?[(c?.[0]??l[0])-Hd,(c?.[1]??l[1])+W(u)]:D;return Sn(x,C,m,{altPosition:u,setMinWidth:!1,offsets:D,altOffsets:L,...K})},Y=r.useRef(k);Y.current=k,r.useEffect(()=>{R(v?Y.current():[{},!1])},[v,m,u,l[0],l[1],c?.[0],c?.[1],K?.fixed,K?.parentElementRef,e]),r.useEffect(()=>{if(!v)return;const D=()=>{R(Y.current())};return document.addEventListener("scroll",D),()=>{document.removeEventListener("scroll",D)}},[v]);const N=$(b||"sps-tooltip","z-stratum-tip",`sps-tooltip--${i}`,`sps-tooltip--pos-${(V?u:m).replace(" ","-")}`,v&&"sps-tooltip--shown",t);return Z(r.createElement("div",{role:"tooltip",className:N,"data-testid":o,ref:x,style:{...f,...E},onMouseEnter:p===A.TooltipShowTrigger.MOUSEOVER?w:void 0,onMouseLeave:p===A.TooltipShowTrigger.MOUSEOVER?F:void 0},g&&(typeof g=="string"?r.createElement("span",{className:"sps-tooltip__title d-block"},g):g),r.createElement("span",{className:"sps-tooltip__body d-block"},e),r.createElement("span",{className:"sps-tooltip__caret"})))}Object.assign(ct,{props:rT,displayName:"SpsTooltip"});const Gd={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"};function rr(e){const{children:t,className:n,error:o,errors:a,help:s,labelFor:i,required:l,"data-testid":c,unsafelyReplaceClassName:d,...m}=e,u=r.useRef(null),p=r.useRef();function f(){return p?.current&&p.current.parentElement?.classList.contains("sps-form-group--error")}function g(){return i&&!i.isPristine()&&!i.isValid()}const[b,y]=r.useState(),[v,h]=r.useState(he.HIDDEN);r.useEffect(()=>{y(g()||f()?A.TooltipKind.ERROR:A.TooltipKind.HELP)}),r.useEffect(()=>{p.current=u?.current?.getElementsByClassName("sps-form-group__label")[0];const w=()=>h(he.VISIBLE),M=()=>h(he.HIDDEN);return p.current&&(p.current.addEventListener("focus",w),p.current.addEventListener("blur",M)),()=>{p.current&&(p.current.removeEventListener("focus",w),p.current.removeEventListener("blur",M))}}),i&&(i.onFocus=()=>h(he.VISIBLE),i.onBlur=()=>h(he.HIDDEN));const x=$(d||"sps-description-list__term",(l||i&&i.isRequired())&&"sps-description-list__term--required",(o||g())&&"sps-description-list__term--error",n);function C(){h(v===he.VISIBLE?he.HIDDEN:he.VISIBLE)}return r.createElement(r.Fragment,null,r.createElement("dt",{className:x,"data-testid":`${c}`,ref:u,onMouseEnter:()=>h(he.VISIBLE),onMouseLeave:()=>h(he.DELAYED_HIDDEN),onClick:C,...m},t),r.createElement(ct,{kind:b,for:u,showOn:A.TooltipShowTrigger.MANUAL,isShown:v},qe(b===A.TooltipKind.ERROR?a:s)))}Object.assign(rr,{props:Gd,displayName:"SpsDescriptionListTerm / SpsDt"});function Ud(e){return r.createElement(rr,{...e})}Object.assign(Ud,{props:Gd,displayName:"SpsDescriptionListTerm / SpsDt"});const zd={general:{label:"General Usage",description:()=>T.createElement(T.Fragment,null,T.createElement("p",null,"Description Lists should be used to group a series of related terms (and their accompanying descriptions) together in a tabular-like format."),T.createElement("p",null,"Note: Description Lists are not the required pattern for listing terms and descriptions, but should be used when it benefits the legibility of the content over other typographic formats such as unordered lists or tables."),T.createElement("h5",null,"Use a Description List"),T.createElement("ul",null,T.createElement("li",{className:"mb-2"},"To display two or more terms that have accompanying descriptions or values.")),T.createElement("h5",null,"Do Not Use a Description List"),T.createElement("ul",null,T.createElement("li",{className:"mb-2"},"To display a single term"),T.createElement("li",{className:"mb-2"},"If the listed terms do not have descriptions")))},basic:{label:"Basic Description Lists",description:()=>T.createElement("p",null,"Description Lists are available in two sizes. Additionally, the left column can be set to one of three different width options to best accomodate the content in each specific use case."),examples:{oneToThree:{description:()=>T.createElement("h5",null,"1-to-3"),react:S.code`
2235
2235
  import { SpsDl, SpsDt, SpsDd } from "@spscommerce/ds-react";
2236
2236
  function DemoComponent() {
2237
2237
  return (
@@ -2705,7 +2705,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
2705
2705
  </SpsForm>
2706
2706
  )
2707
2707
  }
2708
- `}}}},aT=Do||Fr,sT={alignLeft:"boolean",disabled:"boolean",conformWidth:"boolean",icon:"SpsIcon",kind:"DropdownKind",label:"string",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string",tallOptionList:"boolean",onOpen:"() => void",onClose:"() => void",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"};function an(e){const{action:t,alignLeft:n,className:o,conformWidth:a,disabled:s,icon:i,id:l,kind:c,label:d,options:m=[],tabIndex:u,spinning:p,spinningTitle:f,tallOptionList:g,unsafelyReplaceClassName:b,onOpen:y,onClose:v,loading:h,maxHeightOptionListPx:x,maxHeightOptionListRem:D,disableOptionsMemoization:w,...k}=e,{t:R}=Se.useWoodlandLanguage(),F=Rt(l),[_,O]=r.useState(!1),[W,Z]=r.useState(!1),[K,E]=r.useState(),V=r.useRef(null),B=m.map(z=>typeof z=="function"?z:Object.assign(z[1],{...A.SPS_ACTION_DEFAULTS,...z[0]})),M=`${F.current}-button`,Y=`${F.current}-menu`;let N,C;d?(C=c||A.DropdownKind.DEFAULT,N=i):(C=A.DropdownKind.ICON,N=i||A.SpsIcon.ELLIPSES);const L=r.useRef(null);r.useEffect(()=>{_&&y?y():!_&&v&&v()},[_]);function q(z){L.current&&!L.current.contains(z.target)&&O(!1)}function Q(z){z.preventDefault(),!s&&!p&&O(!_)}function ne(z){O(z)}function oe(){O(!1)}function U(z){s||(["Up","ArrowUp","Down","ArrowDown"].includes(z.key)&&z.preventDefault(),E(hn(z)))}function X(z){z.detail!==F.current&&O(!1)}r.useEffect(()=>(document.addEventListener("click",q),document.addEventListener("DropdownOpened",X),()=>{document.removeEventListener("click",q),document.removeEventListener("DropdownOpened",X)}),[]),r.useEffect(()=>{if(_){V.current&&aT(V.current,{scrollMode:"if-needed"});const z=document.createEvent("CustomEvent");z.initCustomEvent("DropdownOpened",!1,!1,F.current),document.dispatchEvent(z)}},[_]);const J=$(b||"sps-dropdown",_&&"sps-dropdown--open",_&&"z-stratum-dropdown",W&&"sps-dropdown--opens-upward",!d&&"sps-dropdown--no-label",s&&"disabled",o),G=$("sps-button",`sps-button--${C}`,s&&"sps-button--disabled",p&&"sps-button--spinning"),ee=C===A.DropdownKind.ICON&&!n?[A.Position.BOTTOM_RIGHT,A.Position.TOP_RIGHT]:void 0;return r.useEffect(()=>{let z;return _&&(z=()=>{O(!1)},window.addEventListener("resize",z)),()=>{z&&window.removeEventListener("resize",z)}},[_]),$n({isOpen:_,rootRef:L}),r.createElement("div",{...k,id:F.current,className:J,onKeyDown:U},r.createElement("div",{onClick:Q,className:G,ref:L},r.createElement("button",{type:"button",id:M,ref:V,"aria-haspopup":"true","aria-controls":Y,"aria-expanded":_?!0:void 0,tabIndex:u,disabled:s,onClick:Q},r.createElement("i",{className:$("sps-icon",`sps-icon-${N}`)}),d&&r.createElement("span",null,d),p&&r.createElement("div",{className:"sps-spinner",key:1},f||R("button.spinningTitle")))),r.createElement(Rn,{positionOverride:ee,isOpen:_,"aria-labelledby":M,keyDown:K,onOptionSelected:oe,id:Y,attachTo:L,onPositionFlip:Z,onSelfToggle:ne,options:B,offsets:[0,0],tall:g,optionRole:"option",loading:h,maxHeightPx:x,maxHeightRem:D,disableOptionsMemoization:w,specialAction:t,conformWidth:a}))}Object.assign(an,{props:sT,displayName:"SpsDropdown"});const jd={labelled:{label:"Labelled",examples:{default:{description:"<h3> Default Dropdown</h3>",react:S.code`
2708
+ `}}}},aT=Do||Fr,sT={alignLeft:"boolean",disabled:"boolean",conformWidth:"boolean",icon:"SpsIcon",kind:"DropdownKind",label:"string",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string",tallOptionList:"boolean",onOpen:"() => void",onClose:"() => void",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"};function an(e){const{action:t,alignLeft:n,className:o,conformWidth:a,disabled:s,icon:i,id:l,kind:c,label:d,options:m=[],tabIndex:u,spinning:p,spinningTitle:f,tallOptionList:g,unsafelyReplaceClassName:b,onOpen:y,onClose:v,loading:h,maxHeightOptionListPx:x,maxHeightOptionListRem:C,disableOptionsMemoization:w,...M}=e,{t:P}=Se.useWoodlandLanguage(),O=Rt(l),[_,F]=r.useState(!1),[W,Z]=r.useState(!1),[K,E]=r.useState(),V=r.useRef(null),R=m.map(z=>typeof z=="function"?z:Object.assign(z[1],{...A.SPS_ACTION_DEFAULTS,...z[0]})),k=`${O.current}-button`,Y=`${O.current}-menu`;let N,D;d?(D=c||A.DropdownKind.DEFAULT,N=i):(D=A.DropdownKind.ICON,N=i||A.SpsIcon.ELLIPSES);const L=r.useRef(null);r.useEffect(()=>{_&&y?y():!_&&v&&v()},[_]);function q(z){L.current&&!L.current.contains(z.target)&&F(!1)}function Q(z){z.preventDefault(),!s&&!p&&F(!_)}function ne(z){F(z)}function oe(){F(!1)}function U(z){s||(["Up","ArrowUp","Down","ArrowDown"].includes(z.key)&&z.preventDefault(),E(hn(z)))}function X(z){z.detail!==O.current&&F(!1)}r.useEffect(()=>(document.addEventListener("click",q),document.addEventListener("DropdownOpened",X),()=>{document.removeEventListener("click",q),document.removeEventListener("DropdownOpened",X)}),[]),r.useEffect(()=>{if(_){V.current&&aT(V.current,{scrollMode:"if-needed"});const z=document.createEvent("CustomEvent");z.initCustomEvent("DropdownOpened",!1,!1,O.current),document.dispatchEvent(z)}},[_]);const J=$(b||"sps-dropdown",_&&"sps-dropdown--open",_&&"z-stratum-dropdown",W&&"sps-dropdown--opens-upward",!d&&"sps-dropdown--no-label",s&&"disabled",o),G=$("sps-button",`sps-button--${D}`,s&&"sps-button--disabled",p&&"sps-button--spinning"),ee=D===A.DropdownKind.ICON&&!n?[A.Position.BOTTOM_RIGHT,A.Position.TOP_RIGHT]:void 0;return r.useEffect(()=>{let z;return _&&(z=()=>{F(!1)},window.addEventListener("resize",z)),()=>{z&&window.removeEventListener("resize",z)}},[_]),$n({isOpen:_,rootRef:L}),r.createElement("div",{...M,id:O.current,className:J,onKeyDown:U},r.createElement("div",{onClick:Q,className:G,ref:L},r.createElement("button",{type:"button",id:k,ref:V,"aria-haspopup":"true","aria-controls":Y,"aria-expanded":_?!0:void 0,tabIndex:u,disabled:s,onClick:Q},r.createElement("i",{className:$("sps-icon",`sps-icon-${N}`)}),d&&r.createElement("span",null,d),p&&r.createElement("div",{className:"sps-spinner",key:1},f||P("button.spinningTitle")))),r.createElement(Rn,{positionOverride:ee,isOpen:_,"aria-labelledby":k,keyDown:K,onOptionSelected:oe,id:Y,attachTo:L,onPositionFlip:Z,onSelfToggle:ne,options:R,offsets:[0,0],tall:g,optionRole:"option",loading:h,maxHeightPx:x,maxHeightRem:C,disableOptionsMemoization:w,specialAction:t,conformWidth:a}))}Object.assign(an,{props:sT,displayName:"SpsDropdown"});const jd={labelled:{label:"Labelled",examples:{default:{description:"<h3> Default Dropdown</h3>",react:S.code`
2709
2709
  import {
2710
2710
  SpsDropdown,
2711
2711
  useSpsAction,
@@ -2942,7 +2942,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
2942
2942
  </SpsTable>
2943
2943
  )
2944
2944
  }
2945
- `}}}},iT={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"};function ss(e){const{options:t,className:n,checked:o,onChange:a,indeterminate:s,disabled:i,"data-testid":l,...c}=e,d=$("sps-checkbox-dropdown",n);return r.createElement("span",{className:d,"data-testid":l,...c},r.createElement(Jt,{indeterminate:s,checked:o,disabled:i,onChange:a,inline:!0,"data-testid":`${l}__checkbox`}),r.createElement(an,{disabled:i,options:t,icon:A.SpsIcon.CHEVRON_DOWN,"data-testid":`${l}__dropdown`}))}Object.assign(ss,{props:iT,displayName:"SpsCheckboxDropdown"});const lT={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",hasRequiredFields:"boolean",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string",applyNestedStyles:"boolean"};function is({children:e,className:t,errors:n,formArray:o,formGroup:a,formMeta:s,legend:i,unsafelyReplaceClassName:l,hasRequiredFields:c=!1,optional:d=!1,enabled:m=!1,onToggled:u,tooltip:p,applyNestedStyles:f,"data-testid":g,errorsTooltipTrigger:b=A.TooltipShowTrigger.CLICK,errorsTooltipPosition:y=A.Position.LEFT_MIDDLE}){const v=a||o,h=r.useRef(null),x=r.useRef(null),[D,w]=r.useState(he.HIDDEN),[k,R]=r.useState(!1),[F,_]=r.useState(m);Kr(()=>{u?.(F)},[F]),r.useEffect(()=>{if(v||s){const Z=v&&v.isFocused()||s&&s.isFocused();!k&&Z?w(he.VISIBLE):k&&!Z&&w(he.HIDDEN),R(Z||!1)}});const O=$(l||f?"nested-styles-fieldset":"sps-fieldset",(v&&!v.isPristine()&&v.invalid||s&&(!s.isValid()||!s.contentsAreValid()))&&"sps-fieldset--error",t,d&&!F&&"sps-fieldset--collapsed",c&&"sps-fieldset--required-fields");function W(){w(D===he.VISIBLE?he.HIDDEN:he.VISIBLE)}return r.createElement("div",{className:"sps-fieldset-container"},r.createElement("fieldset",{className:O,"data-testid":g},r.createElement("legend",{className:"sps-fieldset__legend",ref:h,onMouseEnter:()=>w(he.VISIBLE),onMouseLeave:()=>w(he.DELAYED_HIDDEN),onClick:W},d&&r.createElement(Jt,{checked:F,className:"d-inline-flex pr-1",onChange:Z=>{_(Z.target.checked)},"data-testid":`${g}__checkbox`}),i,p&&r.createElement("span",{className:"sps-fieldset__legend-icon",ref:x},r.createElement(ht,{icon:A.SpsIcon.INFO_CIRCLE,"data-testid":`${g}__info-icon`}))),p&&r.createElement(ct,{for:x},p),!!n&&r.createElement(ct,{for:h,kind:A.TooltipKind.ERROR,showOn:b,position:y,isShown:D},qe(n)),e))}Object.assign(is,{props:lT,displayName:"SpsFieldset"});const Yd={basic:{label:"Basic Content Sections",description:"info about basic content sections",examples:{basic:{react:S.code`
2945
+ `}}}},iT={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"};function ss(e){const{options:t,className:n,checked:o,onChange:a,indeterminate:s,disabled:i,"data-testid":l,...c}=e,d=$("sps-checkbox-dropdown",n);return r.createElement("span",{className:d,"data-testid":l,...c},r.createElement(Jt,{indeterminate:s,checked:o,disabled:i,onChange:a,inline:!0,"data-testid":`${l}__checkbox`}),r.createElement(an,{disabled:i,options:t,icon:A.SpsIcon.CHEVRON_DOWN,"data-testid":`${l}__dropdown`}))}Object.assign(ss,{props:iT,displayName:"SpsCheckboxDropdown"});const lT={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",hasRequiredFields:"boolean",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string",applyNestedStyles:"boolean"};function is({children:e,className:t,errors:n,formArray:o,formGroup:a,formMeta:s,legend:i,unsafelyReplaceClassName:l,hasRequiredFields:c=!1,optional:d=!1,enabled:m=!1,onToggled:u,tooltip:p,applyNestedStyles:f,"data-testid":g,errorsTooltipTrigger:b=A.TooltipShowTrigger.CLICK,errorsTooltipPosition:y=A.Position.LEFT_MIDDLE}){const v=a||o,h=r.useRef(null),x=r.useRef(null),[C,w]=r.useState(he.HIDDEN),[M,P]=r.useState(!1),[O,_]=r.useState(m);Kr(()=>{u?.(O)},[O]),r.useEffect(()=>{if(v||s){const Z=v&&v.isFocused()||s&&s.isFocused();!M&&Z?w(he.VISIBLE):M&&!Z&&w(he.HIDDEN),P(Z||!1)}});const F=$(l||f?"nested-styles-fieldset":"sps-fieldset",(v&&!v.isPristine()&&v.invalid||s&&(!s.isValid()||!s.contentsAreValid()))&&"sps-fieldset--error",t,d&&!O&&"sps-fieldset--collapsed",c&&"sps-fieldset--required-fields");function W(){w(C===he.VISIBLE?he.HIDDEN:he.VISIBLE)}return r.createElement("div",{className:"sps-fieldset-container"},r.createElement("fieldset",{className:F,"data-testid":g},r.createElement("legend",{className:"sps-fieldset__legend",ref:h,onMouseEnter:()=>w(he.VISIBLE),onMouseLeave:()=>w(he.DELAYED_HIDDEN),onClick:W},d&&r.createElement(Jt,{checked:O,className:"d-inline-flex pr-1",onChange:Z=>{_(Z.target.checked)},"data-testid":`${g}__checkbox`}),i,p&&r.createElement("span",{className:"sps-fieldset__legend-icon",ref:x},r.createElement(ht,{icon:A.SpsIcon.INFO_CIRCLE,"data-testid":`${g}__info-icon`}))),p&&r.createElement(ct,{for:x},p),!!n&&r.createElement(ct,{for:h,kind:A.TooltipKind.ERROR,showOn:b,position:y,isShown:C},qe(n)),e))}Object.assign(is,{props:lT,displayName:"SpsFieldset"});const Yd={basic:{label:"Basic Content Sections",description:"info about basic content sections",examples:{basic:{react:S.code`
2946
2946
  import {
2947
2947
  useSpsForm,
2948
2948
  SpsFieldset,
@@ -3222,7 +3222,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
3222
3222
  </SpsForm>
3223
3223
  )
3224
3224
  }
3225
- `}}}},cT={disabled:"boolean",defaultValue:"number",min:"number",max:"number",step:"number",onValueChange:"(newValue: number) => void"};function ls(e){const{autoComplete:t,disabled:n,defaultValue:o=0,min:a=Number.MIN_SAFE_INTEGER,max:s=Number.MAX_SAFE_INTEGER,step:i=1,onValueChange:l,unsafelyReplaceClassName:c,className:d,"data-testid":m,...u}=e,[p,f]=r.useState(Math.max(a,o));r.useEffect(()=>{f(Math.max(a,o))},[o]);const[g,b]=r.useState(!1);r.useEffect(()=>{l&&typeof l=="function"&&l(p),b(p<a||p>s)},[p]);const y=()=>p<=a?!1:(p>s?f(s):f(D=>Math.max(D-i,a)),!0),v=()=>p>=s?!1:(p<a?f(a):f(D=>D+i),!0),h=D=>{D.target.value!==""&&f(parseInt(D.target.value,10))},x=c||$("sps-incrementor sps-input-group sps-input-group__append",d);return r.createElement("div",{className:x,...u,"data-testid":m},r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${m}__minus`,onClick:y,disabled:n,"aria-label":`Subtract ${i}`},r.createElement("i",{className:"sps-icon sps-icon-minus","aria-hidden":"true"}))),r.createElement("div",{className:"sps-text-input"},r.createElement("input",{type:"text",className:$("sps-form-control",g&&"sps-input--error"),value:p,onChange:h,disabled:n,"data-testid":`${m}__input`,autoComplete:t})),r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${m}__plus`,onClick:v,disabled:n,"aria-label":`Add ${i}`},r.createElement("i",{className:"sps-icon sps-icon-plus-sign","aria-hidden":"true"}))))}Object.assign(ls,{props:cT,displayName:"SpsIncrementor"});const qd={stepExample:{label:"Incrementor",description:"info about incrementor",examples:{stacked:{react:S.code`
3225
+ `}}}},cT={disabled:"boolean",defaultValue:"number",min:"number",max:"number",step:"number",onValueChange:"(newValue: number) => void"};function ls(e){const{autoComplete:t,disabled:n,defaultValue:o=0,min:a=Number.MIN_SAFE_INTEGER,max:s=Number.MAX_SAFE_INTEGER,step:i=1,onValueChange:l,unsafelyReplaceClassName:c,className:d,"data-testid":m,...u}=e,[p,f]=r.useState(Math.max(a,o));r.useEffect(()=>{f(Math.max(a,o))},[o]);const[g,b]=r.useState(!1);r.useEffect(()=>{l&&typeof l=="function"&&l(p),b(p<a||p>s)},[p]);const y=()=>p<=a?!1:(p>s?f(s):f(C=>Math.max(C-i,a)),!0),v=()=>p>=s?!1:(p<a?f(a):f(C=>C+i),!0),h=C=>{C.target.value!==""&&f(parseInt(C.target.value,10))},x=c||$("sps-incrementor sps-input-group sps-input-group__append",d);return r.createElement("div",{className:x,...u,"data-testid":m},r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${m}__minus`,onClick:y,disabled:n,"aria-label":`Subtract ${i}`},r.createElement("i",{className:"sps-icon sps-icon-minus","aria-hidden":"true"}))),r.createElement("div",{className:"sps-text-input"},r.createElement("input",{type:"text",className:$("sps-form-control",g&&"sps-input--error"),value:p,onChange:h,disabled:n,"data-testid":`${m}__input`,autoComplete:t})),r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${m}__plus`,onClick:v,disabled:n,"aria-label":`Add ${i}`},r.createElement("i",{className:"sps-icon sps-icon-plus-sign","aria-hidden":"true"}))))}Object.assign(ls,{props:cT,displayName:"SpsIncrementor"});const qd={stepExample:{label:"Incrementor",description:"info about incrementor",examples:{stacked:{react:S.code`
3226
3226
  import { SpsIncrementor } from "@spscommerce/ds-react";
3227
3227
  function Component () {
3228
3228
  const [value, setValue] = React.useState("");
@@ -3243,7 +3243,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
3243
3243
  </React.Fragment>
3244
3244
  );
3245
3245
  }
3246
- `}}}},dT={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn",helpTooltipPosition:"Position",helpTooltipAltPosition:"Position",errorTooltipPosition:"Position",errorTooltipAltPosition:"Position",preventativeErrorTooltipPosition:"Position",preventativeErrorTooltipAltPosition:"Position",suggestedTooltipPosition:"Position",suggestedTooltipAltPosition:"Position"};function cs({children:e,className:t,description:n,for:o,stronglySuggested:a,help:s,helpIcon:i=A.SpsIcon.QUESTION_CIRCLE,helpIconColor:l="blue200",errors:c,helpTooltipPosition:d=A.Position.TOP_MIDDLE,helpTooltipAltPosition:m=A.Position.TOP_MIDDLE,errorTooltipPosition:u=A.Position.TOP_MIDDLE,errorTooltipAltPosition:p=A.Position.LEFT_MIDDLE,preventativeErrorTooltipPosition:f=A.Position.TOP_MIDDLE,preventativeErrorTooltipAltPosition:g=A.Position.LEFT_MIDDLE,suggestedTooltipPosition:b=A.Position.TOP_LEFT,suggestedTooltipAltPosition:y=A.Position.TOP_LEFT,unsafelyReplaceClassName:v,"data-testid":h,...x}){const{t:D}=Se.useWoodlandLanguage(),w=r.useRef(null),k=r.useRef(null),R=r.useRef(null),F=r.useRef(null),[_,O]=r.useState(he.HIDDEN),[W,Z]=r.useState(he.HIDDEN),[K,E]=r.useState(he.HIDDEN),[V,B]=r.useState(he.HIDDEN),M={maxLength:"This field accepts a maximum number of characters.",alpha:"This field accepts only alphabetic values.",numeric:"This field accpets only numerical values (zero or greater).",positiveOrNegativeNumber:"This field accpets only numerical values.",nonNumeric:"This field accepts only non-numerical values."};function Y(){E(he.HIDDEN),O(he.HIDDEN)}function N(){Z(he.HIDDEN),B(he.HIDDEN)}function C(te){te.preventDefault(),N(),E(or(K))}function L(){return o&&(o instanceof Yt&&o.isVisibilyInvalid()||!(o instanceof Yt)&&!o.isValid())?[W,Z]:o&&o instanceof Yt&&o.hasPreventativeErrors()?[V,B]:[he.HIDDEN,()=>{}]}function q(){N();const[te,le]=L();le(or(te))}function Q(){N();const[,te]=L();te(he.VISIBLE)}function ne(te){te.preventDefault(),N(),O(or(_))}r.useEffect(()=>{o&&(o.onFocus=Q,o.onBlur=N)},[o]);const oe=$(v||"sps-form-group__label-container",t),[U,X]=o instanceof Yt?[o,void 0]:[void 0,o];function J(te,le){return{dateFormat:`Please enter a date in the format ${le}.`,dateRangeOrder:"End date cannot be before start date.",dateValidity:"Please enter a valid date.",max:`Please enter a value no greater than ${le}.`,maxLength:`Please enter no more than ${le} characters.`,min:`Please enter a value no less than ${le}.`,minLength:`Please enter at least ${le} characters.`,required:"This field is required."}[te]}function G(){if(U){for(const te of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if(U.hasError(te))return D(`label.errors.${te}`,{context:U.errors?U.errors[te]:"",defaultValue:`${J(te,U.errors?U.errors[te]:"")}`});if(U.hasError("dateConstraint")){const te=U.errors?.dateConstraint,le=te.minExceeded?"min":"max";return D(`label.errors.dateConstraint.${le}`,{context:te,defaultValue:le==="min"?`Please enter a date on or after ${typeof te=="object"?te.minExceeded:te}`:`Please enter a date on or prior to ${typeof te=="object"?te.maxExceeded:te}`})}}return null}function ee(){if(U){for(const te of wt)if(U.hasPreventativeError(te))return D(`label.preventativeErrors.${te}`,{defaultValue:`${M[te]}`})}return null}const[z,H]=at(e,[{type:ht}]);r.useEffect(()=>{U?.hasPreventativeErrors()&&B(he.VISIBLE)},[U?.hasPreventativeErrors()]);const re=r.useRef(null);return r.useEffect(()=>{function te(le){re.current?.contains(le.target)||Y()}return document.addEventListener("click",te),()=>{document.removeEventListener("click",te)}},[]),r.createElement(_e,{ref:re,formMeta:U,formControl:X},r.createElement("div",{className:oe},r.createElement("button",{className:$("sps-icon-button-wrapper","suggested-icon",!a&&"d-none"),tabIndex:0,onClick:C,type:"button","aria-label":`${H} Strongly Suggested Help`,hidden:!a},r.createElement("i",{ref:k,"data-testid":`${h}__suggested-icon`,className:$("sps-icon","sps-icon-exclamation-triangle","orange200","sps-form-group__label-suggested-icon",!a&&"d-none")})),r.createElement("i",{ref:w,"data-testid":`${h}__error-icon`,className:$("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:q,"aria-label":`${H} Error Help`}),r.createElement("label",{htmlFor:o&&"id"in o?o.id:void 0,className:"sps-form-group__label","data-testid":h,...x},r.createElement("span",{ref:F,className:"sps-form-group__label-content"},H)),r.createElement("button",{className:$("sps-icon-button-wrapper",!s&&"d-none"),tabIndex:0,onClick:ne,type:"button","aria-label":`${H} Help`,hidden:!s},r.createElement("i",{ref:R,"data-testid":`${h}__help-icon`,className:$("sps-icon",`sps-icon-${i}`,l,!s&&"d-none"),onClick:ne})),z),r.createElement(ct,{kind:A.TooltipKind.DEFAULT,for:R,showOn:A.TooltipShowTrigger.MANUAL,isShown:_,position:d,altPosition:m},qe(s)),r.createElement(ct,{kind:A.TooltipKind.ERROR,for:w,showOn:A.TooltipShowTrigger.MANUAL,isShown:W,position:u,altPosition:p},qe(c)||G()),U?.hasPreventativeErrors()&&r.createElement(ct,{kind:A.TooltipKind.WARNING,for:F,showOn:A.TooltipShowTrigger.MANUAL,isShown:V,position:f,altPosition:g},qe(c)||ee()),r.createElement(ct,{kind:A.TooltipKind.DEFAULT,for:k,position:b,altPosition:y,showOn:A.TooltipShowTrigger.MANUAL,isShown:K},D("label.stronglySuggested")),n&&r.createElement("div",{className:"sps-form-control__description","data-testid":`${h}__description`},n))}Object.assign(cs,{props:dT,displayName:"SpsLabel"});const Jd={general:{label:"General Usage",description:()=>r.createElement("p",null,"In almost all cases, input fields should be paired with a label describing the value to be entered into the field. Certain labels can be accompanied by icons to provide additional information or context about that particular field.")},basic:{label:"Basic Label",examples:{basic:{react:S.code`
3246
+ `}}}},dT={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn",helpTooltipPosition:"Position",helpTooltipAltPosition:"Position",errorTooltipPosition:"Position",errorTooltipAltPosition:"Position",preventativeErrorTooltipPosition:"Position",preventativeErrorTooltipAltPosition:"Position",suggestedTooltipPosition:"Position",suggestedTooltipAltPosition:"Position"};function cs({children:e,className:t,description:n,for:o,stronglySuggested:a,help:s,helpIcon:i=A.SpsIcon.QUESTION_CIRCLE,helpIconColor:l="blue200",errors:c,helpTooltipPosition:d=A.Position.TOP_MIDDLE,helpTooltipAltPosition:m=A.Position.TOP_MIDDLE,errorTooltipPosition:u=A.Position.TOP_MIDDLE,errorTooltipAltPosition:p=A.Position.LEFT_MIDDLE,preventativeErrorTooltipPosition:f=A.Position.TOP_MIDDLE,preventativeErrorTooltipAltPosition:g=A.Position.LEFT_MIDDLE,suggestedTooltipPosition:b=A.Position.TOP_LEFT,suggestedTooltipAltPosition:y=A.Position.TOP_LEFT,unsafelyReplaceClassName:v,"data-testid":h,...x}){const{t:C}=Se.useWoodlandLanguage(),w=r.useRef(null),M=r.useRef(null),P=r.useRef(null),O=r.useRef(null),[_,F]=r.useState(he.HIDDEN),[W,Z]=r.useState(he.HIDDEN),[K,E]=r.useState(he.HIDDEN),[V,R]=r.useState(he.HIDDEN),k={maxLength:"This field accepts a maximum number of characters.",alpha:"This field accepts only alphabetic values.",numeric:"This field accpets only numerical values (zero or greater).",positiveOrNegativeNumber:"This field accpets only numerical values.",nonNumeric:"This field accepts only non-numerical values."};function Y(){E(he.HIDDEN),F(he.HIDDEN)}function N(){Z(he.HIDDEN),R(he.HIDDEN)}function D(te){te.preventDefault(),N(),E(or(K))}function L(){return o&&(o instanceof Yt&&o.isVisibilyInvalid()||!(o instanceof Yt)&&!o.isValid())?[W,Z]:o&&o instanceof Yt&&o.hasPreventativeErrors()?[V,R]:[he.HIDDEN,()=>{}]}function q(){N();const[te,le]=L();le(or(te))}function Q(){N();const[,te]=L();te(he.VISIBLE)}function ne(te){te.preventDefault(),N(),F(or(_))}r.useEffect(()=>{o&&(o.onFocus=Q,o.onBlur=N)},[o]);const oe=$(v||"sps-form-group__label-container",t),[U,X]=o instanceof Yt?[o,void 0]:[void 0,o];function J(te,le){return{dateFormat:`Please enter a date in the format ${le}.`,dateRangeOrder:"End date cannot be before start date.",dateValidity:"Please enter a valid date.",max:`Please enter a value no greater than ${le}.`,maxLength:`Please enter no more than ${le} characters.`,min:`Please enter a value no less than ${le}.`,minLength:`Please enter at least ${le} characters.`,required:"This field is required."}[te]}function G(){if(U){for(const te of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if(U.hasError(te))return C(`label.errors.${te}`,{context:U.errors?U.errors[te]:"",defaultValue:`${J(te,U.errors?U.errors[te]:"")}`});if(U.hasError("dateConstraint")){const te=U.errors?.dateConstraint,le=te.minExceeded?"min":"max";return C(`label.errors.dateConstraint.${le}`,{context:te,defaultValue:le==="min"?`Please enter a date on or after ${typeof te=="object"?te.minExceeded:te}`:`Please enter a date on or prior to ${typeof te=="object"?te.maxExceeded:te}`})}}return null}function ee(){if(U){for(const te of wt)if(U.hasPreventativeError(te))return C(`label.preventativeErrors.${te}`,{defaultValue:`${k[te]}`})}return null}const[z,H]=at(e,[{type:ht}]);r.useEffect(()=>{U?.hasPreventativeErrors()&&R(he.VISIBLE)},[U?.hasPreventativeErrors()]);const re=r.useRef(null);return r.useEffect(()=>{function te(le){re.current?.contains(le.target)||Y()}return document.addEventListener("click",te),()=>{document.removeEventListener("click",te)}},[]),r.createElement(_e,{ref:re,formMeta:U,formControl:X},r.createElement("div",{className:oe},r.createElement("button",{className:$("sps-icon-button-wrapper","suggested-icon",!a&&"d-none"),tabIndex:0,onClick:D,type:"button","aria-label":`${H} Strongly Suggested Help`,hidden:!a},r.createElement("i",{ref:M,"data-testid":`${h}__suggested-icon`,className:$("sps-icon","sps-icon-exclamation-triangle","orange200","sps-form-group__label-suggested-icon",!a&&"d-none")})),r.createElement("i",{ref:w,"data-testid":`${h}__error-icon`,className:$("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:q,"aria-label":`${H} Error Help`}),r.createElement("label",{htmlFor:o&&"id"in o?o.id:void 0,className:"sps-form-group__label","data-testid":h,...x},r.createElement("span",{ref:O,className:"sps-form-group__label-content"},H)),r.createElement("button",{className:$("sps-icon-button-wrapper",!s&&"d-none"),tabIndex:0,onClick:ne,type:"button","aria-label":`${H} Help`,hidden:!s},r.createElement("i",{ref:P,"data-testid":`${h}__help-icon`,className:$("sps-icon",`sps-icon-${i}`,l,!s&&"d-none"),onClick:ne})),z),r.createElement(ct,{kind:A.TooltipKind.DEFAULT,for:P,showOn:A.TooltipShowTrigger.MANUAL,isShown:_,position:d,altPosition:m},qe(s)),r.createElement(ct,{kind:A.TooltipKind.ERROR,for:w,showOn:A.TooltipShowTrigger.MANUAL,isShown:W,position:u,altPosition:p},qe(c)||G()),U?.hasPreventativeErrors()&&r.createElement(ct,{kind:A.TooltipKind.WARNING,for:O,showOn:A.TooltipShowTrigger.MANUAL,isShown:V,position:f,altPosition:g},qe(c)||ee()),r.createElement(ct,{kind:A.TooltipKind.DEFAULT,for:M,position:b,altPosition:y,showOn:A.TooltipShowTrigger.MANUAL,isShown:K},C("label.stronglySuggested")),n&&r.createElement("div",{className:"sps-form-control__description","data-testid":`${h}__description`},n))}Object.assign(cs,{props:dT,displayName:"SpsLabel"});const Jd={general:{label:"General Usage",description:()=>r.createElement("p",null,"In almost all cases, input fields should be paired with a label describing the value to be entered into the field. Certain labels can be accompanied by icons to provide additional information or context about that particular field.")},basic:{label:"Basic Label",examples:{basic:{react:S.code`
3247
3247
  import {
3248
3248
  SpsLabel,
3249
3249
  SpsTextInput,
@@ -3450,7 +3450,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
3450
3450
  calc(100% - ${c}px) 0,
3451
3451
  ${l}px ${-a}px,
3452
3452
  calc(100% - ${c+o}px) ${-a}px`}else e.current.style.backgroundPosition=`0 0, 100% 0, 0 ${-a}px,
3453
- calc(100% - ${o}px) ${-a}px`};return e.current&&(t(),e.current.addEventListener("scroll",t),window.addEventListener("scroll",t)),()=>{e.current&&e.current.removeEventListener("scroll",t),window.removeEventListener("scroll",t)}})},fT=(e,t,n)=>{r.useLayoutEffect(()=>{const o=e.current;if(!o)return;const a=o?.querySelector("thead"),s=o?.querySelector("table"),i=document.body.querySelector(".sps-navbar-container");let l=o?.querySelector(".placeholder-head"),c,d=!1,m=null;const u=()=>({tableBodyFirstRowCells:s?.querySelector("tbody>tr")?.querySelectorAll("td")??null,tableHeadCells:a?.querySelectorAll("th")??null}),p=W=>{const Z=Math.max(0,o.scrollWidth-o.clientWidth);return Math.min(Math.max(W,0),Z)},f=()=>{a&&(a.style.position=t?"sticky":"",a.style.top=t?"0":"",a.style.overflowX="",a.style.overflowY="",a.classList.remove("sps-table__head--scroll-x-hidden"),a.style.maxWidth="",a.style.width="",a.style.minWidth=""),l&&(l.style.width="",l.style.height="");const{tableBodyFirstRowCells:W,tableHeadCells:Z}=u();W&&Array.from(W).forEach((K,E)=>{const V=Z?.[E];if(V){const B=V.getAttribute("data-resizekey"),M=B&&n?n[B]:void 0;if(M){const Y=`${M}px`;V.style.minWidth=Y,V.style.maxWidth=Y,V.style.width=Y,K.style.minWidth=Y,K.style.maxWidth=Y,K.style.width=Y}else V.style.minWidth="",V.style.width="",V.style.maxWidth="",K.style.minWidth="",K.style.width="",K.style.maxWidth=""}else K.style.minWidth="",K.style.width="",K.style.maxWidth=""})},g=W=>{!a||!o||d||(d=!0,W==="container"?a.scrollLeft=o.scrollLeft:o.scrollLeft=a.scrollLeft,d=!1)},b=()=>g("container"),y=()=>g("head"),v=()=>{let W=null;c===window?W=i?i.getBoundingClientRect().height:0:c instanceof HTMLElement&&(W=c.getBoundingClientRect().top);const Z=o.scrollLeft,K=a?.getBoundingClientRect(),E=o.getBoundingClientRect();if(W&&K&&K.top<=W&&W<=E.bottom-K.height&&E.top<=W){const{tableBodyFirstRowCells:V,tableHeadCells:B}=u();if(V&&B&&Array.from(V).forEach((Y,N)=>{const C=B[N];if(!C)return;const L=Y.getBoundingClientRect().width,q=C.getBoundingClientRect().width,Q=`${Math.max(L,q)}px`;C.style.minWidth=Q,C.style.width=Q,C.style.maxWidth=Q,Y.style.minWidth=Q,Y.style.width=Q,Y.style.maxWidth=Q}),a&&e.current){a.style.position="fixed",a.style.top=`${W}px`,a.style.overflowX="scroll",a.style.overflowY="hidden",a.classList.add("sps-table__head--scroll-x-hidden");const Y=e.current.offsetWidth-e.current.clientWidth,N=`${E.width-Y}px`;a.style.maxWidth=N,a.style.width=N,a.style.minWidth=N}l||(l=document.createElement("div"),l.className="placeholder-head",o.insertBefore(l,s));const M=l;M.style.width=`${K.width}px`,M.style.height=`${K.height}px`}else l&&(o.removeChild(l),l=null,f());o.scrollLeft=p(Z),g("container")},h=()=>{const W=o.scrollLeft;f(),v(),o.scrollLeft=p(W),g("container")},x=()=>{m==null&&(m=window.requestAnimationFrame(()=>{m=null,h()}))};let D,w=!1;const k=()=>a?.classList.contains("sps-table__head--pinned")??!1,R=()=>{if(w||!a)return;w=!0,c=Vi(o)||window,c?.addEventListener("scroll",v),window.addEventListener("resize",h),o.addEventListener("scroll",b),a.addEventListener("scroll",y);const W=s?.querySelector("tbody");W&&(D=new MutationObserver(x),D.observe(W,{childList:!0,subtree:!0,characterData:!0})),h()},F=()=>{w&&(w=!1,c&&(c.removeEventListener("scroll",v),c=void 0),window.removeEventListener("resize",h),o.removeEventListener("scroll",b),a?.removeEventListener("scroll",y),D?.disconnect(),D=void 0,m!=null&&(window.cancelAnimationFrame(m),m=null),l&&(o.removeChild(l),l=null),f())},_=()=>{k()?R():F()};_();let O;return a&&(O=new MutationObserver(_),O.observe(a,{attributes:!0,attributeFilter:["class"]})),()=>{O?.disconnect(),F()}},[t,n])},ST=(e,t)=>{const n=()=>{if(!e.current||!t)return;const o=e.current,a=o?.querySelector("table > thead"),s=o?.querySelector("table"),i=o?.querySelector(".shadow--top"),l=o?.querySelector(".shadow--bottom");if(a&&s&&i&&l){l.style.left="0",l.style.bottom="0",i.style.left="0";const c=o.offsetHeight-o?.clientHeight,d=s.getBoundingClientRect().height,m=a.getBoundingClientRect().height,u=o.scrollTop,p=d+c-o.getBoundingClientRect().height-o.scrollTop,f=o.scrollLeft;l.style.bottom=`${-u}px`,l.style.left=`${f}px`,l.style.opacity=p>0?"1":"0",i.style.top=`${u+m}px`,i.style.left=`${f}px`,i.style.opacity=u>0?"1":"0"}};r.useLayoutEffect(()=>{if(e.current&&t){const o=e.current.querySelector("table > thead");return o&&(o.style.position="sticky",o.style.top="0",o.style.zIndex="2",o.style.backgroundColor="#fff"),e.current.addEventListener("scroll",n),()=>{e.current?.removeEventListener("scroll",n)}}},[]),r.useLayoutEffect(()=>{e.current&&t&&n()})},gT={sort:"SortedColumn",onSortChange:"SortChangeHandler",selectable:"boolean",maxHeightPx:"number",maxHeightRem:"number",resizeable:"boolean",resizeState:"ResizeState",onResizeStateChange:"ResizeStateChangeHandler"};function sn({children:e,className:t,onSortChange:n,sort:o,"data-testid":a,unsafelyReplaceClassName:s,maxHeightPx:i,maxHeightRem:l,resizeable:c,resizeState:d,onResizeStateChange:m,...u}){const p=$(s||"sps-table-container",t),f=i?i/16:l,g=f?{maxHeight:`${f}rem`}:{},b=r.useRef(null);return ST(b,f),mT(b),fT(b,f,d),r.createElement(uT,{resizeable:c,resizeState:d,onResizeStateChange:m,sort:o,onSortChange:n},r.createElement("div",{ref:b,className:p,style:g},r.createElement("div",{className:"sps-table__shadow shadow--top"}),r.createElement("div",{className:"sps-table__shadow shadow--bottom"}),r.createElement("table",{className:"sps-table",role:"table","data-testid":`${a}`,...u},e)))}Object.assign(sn,{props:gT,displayName:"SpsTable"});function Zd(e){if(!e||!e.parentElement)return null;let t=e.parentElement;for(;t;){if(t.tagName.toLowerCase()==="table")return t;t=t.parentElement}return null}const Qd=({tableHeaderRef:e,resizerRef:t,resizeKey:n})=>{const{resizeable:o,resizeState:a,setSingleResizeState:s}=r.useContext(ar),i=!!o&&!!n,l=i?a?.[n]:0;return r.useLayoutEffect(()=>{let c,d=l,m=0;const u=Zd(e.current),p=e.current?.querySelector(".sps-table__column-resizer"),f=e.current?.querySelector(".sps-table__column-resizer-guide");function g(){if(e.current&&c&&(p&&(p.style.backgroundColor=kr.colors.blue200,p.style.zIndex="999"),f&&u&&(f.style.height=`${u.getBoundingClientRect().height}px`,f.style.display="block"),u)){const k=u.querySelectorAll("thead > tr > th");for(let R=0;R<k.length;R+=1){const F=k[R].querySelector(".sps-table__column-resizer");k[R].style.cursor="col-resize",k[R]!==e.current&&F&&(k[R].classList.remove("sps-table__header--resizeable"),F.style.display="none")}}}function b(){e.current&&c&&p&&f&&(p.style.right=`${m}px`,p.style.zIndex="999",f.style.right=`${m}px`)}function y(){if(e.current){const k=d?`${d}px`:"";e.current.style.width=k,e.current.style.maxWidth=k,e.current.style.minWidth=k;const R=e.current.querySelector(".sps-table__header-cell-body");if(R&&(R.style.overflow=k?"hidden":"",R.style.textOverflow=k?"ellipsis":""),p&&f&&(p.style.right="0",p.style.backgroundColor="",p.style.zIndex="0",f.style.right="0",f.style.display="none"),e.current.classList.contains("sps-table__cell--pinned")||(e.current.style.position="relative"),u){const F=u.querySelectorAll("thead > tr > th");for(let _=0;_<F.length;_+=1){const O=F[_].querySelector(".sps-table__header-cell-body"),W=F[_].querySelector(".sps-table__column-resizer");F[_].style.cursor="default",F[_]!==e.current&&W&&(F[_].classList.add("sps-table__header--resizeable"),W.style.display="block"),O?.textContent&&!O.title&&(O.title=O.textContent)}}}}const v=k=>{e.current&&(k.preventDefault(),c=k.clientX,d=e.current.clientWidth,g())},h=k=>{if(!c||!e.current)return;const R=Math.max(Math.min(c-k.clientX,40),-40);R!==0&&(c=k.clientX,m+=R,d=Math.max(d-R,40),b())},x=()=>{!e.current||!c||(c=0,m=0,y(),s(n,d))},D=()=>{d=0,y(),s(n,d)};let w=!1;return i&&t.current&&(t.current.addEventListener("dragstart",v),t.current.addEventListener("mousedown",v),t.current.addEventListener("dblclick",D),window.addEventListener("mousemove",h),window.addEventListener("dragend",x),window.addEventListener("mouseup",x),w=!0,y()),()=>{t.current&&w&&(t.current.removeEventListener("dragstart",v),t.current.removeEventListener("mousedown",v),t.current.removeEventListener("dblclick",D)),w&&(window.removeEventListener("mousemove",h),window.removeEventListener("dragend",x),window.removeEventListener("mouseup",x))}},[i,l,n,s]),{isResizeable:i}},ep=e=>{const{resizeable:t,resizeState:n}=r.useContext(ar);r.useLayoutEffect(()=>{if(!t||!n||!e.current)return;const o=Zd(e.current);if(!o)return;const a=o.querySelector(`thead > tr > th:nth-of-type(${e.current.cellIndex+1})`);if(!a)return;const s=a.getAttribute("data-resizekey");if(!s)return;const i=n[s],l=i?`${i}px`:"";e.current.style.width=l,e.current.style.maxWidth=l,e.current.style.minWidth=l,e.current.style.overflowWrap=l?"break-word":"",e.current.style.whiteSpace=l?"normal":"",e.current.title||(e.current.title=e.current.textContent||"")})},tp={controlCell:"boolean",sortKey:"string",resizeKey:"string",pinned:"boolean"};function Fe({children:e,className:t,controlCell:n,sortKey:o,resizeKey:a="","data-testid":s,unsafelyReplaceClassName:i,pinned:l=!1,...c}){const{sort:d,setSort:m}=r.useContext(ar),u=d?.find(h=>h.key===o),p=()=>{if(o&&!n){const h=u?.direction===A.SortDirection.ASCENDING?A.SortDirection.DESCENDING:A.SortDirection.ASCENDING;m([{key:o,direction:h}])}},f=h=>{(h.key==="Enter"||h.key===" "||h.key==="Spacebar")&&(h.preventDefault(),p())},g=r.useRef(null);Xd(l,g);const b=r.useRef(null),{isResizeable:y}=Qd({tableHeaderRef:g,resizerRef:b,resizeKey:a}),v=$(i||"sps-table__header",n&&"sps-table__header--control",!o&&"sps-table__header--sort-disabled",u?.direction===A.SortDirection.ASCENDING&&"sps-table__header--sorted-asc",u?.direction===A.SortDirection.DESCENDING&&"sps-table__header--sorted-desc",l&&"sps-table__cell--pinned",y&&"sps-table__header--resizeable",t);return r.createElement("th",{className:v,ref:g,role:"columnheader","aria-sort":u?.direction||"none","data-testid":`${s}__header`,"data-resizekey":a||void 0,...c},r.createElement("span",{className:"sps-table__header-cell-body","data-testid":`${s}__header-cell-body`,onClick:p,tabIndex:o?0:void 0,onKeyDown:f},e),y&&r.createElement(r.Fragment,null,r.createElement("span",{ref:b,className:$("sps-table__column-resizer")}),r.createElement("span",{className:$("sps-table__column-resizer-guide")})))}Object.assign(Fe,{props:tp,displayName:"SpsTableHeader"});function np(e){return r.createElement(Fe,{...e})}Object.assign(np,{props:tp,displayName:"SpsTh"});const op={pinned:"boolean"};function Ht({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,pinned:a,...s}){const i=$(o||"sps-table__head",a&&"sps-table__head--pinned",t);return r.createElement("thead",{className:i,"data-testid":`${n}__head`,...s},e)}Object.assign(Ht,{props:op,displayName:"SpsTableHead"});function rp(e){return r.createElement(Ht,{...e})}Object.assign(rp,{props:op,displayName:"SpsThead"});const ap={};function De({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,...a}){const s=$(o||"sps-table__row",t);return r.createElement("tr",{className:s,role:"row","data-testid":`${n}__row`,...a},e)}Object.assign(De,{props:ap,displayName:"SpsTableRow"});function sp(e){return r.createElement(De,{...e})}Object.assign(sp,{props:ap,displayName:"SpsTr"});const ip={};function Wt(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=$(a||"sps-table__body",n);return r.createElement("tbody",{className:i,"data-testid":`${o}__body`,...s},t)}Object.assign(Wt,{props:ip,displayName:"SpsTableBody"});function lp(e){return r.createElement(Wt,{...e})}Object.assign(lp,{props:ip,displayName:"SpsTbody"});const cp={buttonCell:"boolean",controlCell:"boolean",wrap:"SpsTableCellWrapWidth",pinned:"boolean"};function se(e){const{buttonCell:t,children:n,className:o,controlCell:a,"data-testid":s,unsafelyReplaceClassName:i,wrap:l,pinned:c=!1,...d}=e,m=$(i||"sps-table__cell",t&&"sps-table__cell--button-cell",a&&"sps-table__cell--control",l&&`sps-table__cell--text-wrap-${l}`,c&&"sps-table__cell--pinned",o),u=r.useRef(null);return Xd(c,u),ep(u),r.createElement("td",{className:m,ref:u,role:"cell","data-testid":`${s}__cell`,...d},n)}Object.assign(se,{props:cp,displayName:"SpsTableCell"});function dp(e){return r.createElement(se,{...e})}Object.assign(dp,{props:cp,displayName:"SpsTd"});const hT={};function pp(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,[s,i,l]=at(t,[{type:Ne,props:{kind:A.ButtonKind.LINK}},[{type:Ne,props:{kind:A.ButtonKind.ICON}},{type:an}]]),c=s.length>0&&(i.length>0||l.length>0),d=i.length>0&&l.length>0,m=$(o||"sps-button-group",n);return r.createElement("div",{className:m,...a},s.length>0&&s,c&&r.createElement("div",{className:"sps-vertical-rule"}),i.length>0&&i,d&&r.createElement("div",{className:"sps-vertical-rule"}),l.length>0&&l)}Object.assign(pp,{props:hT,displayName:"SpsButtonGroup"});const bT={basic:{label:"Basic Buttons",description:({NavigateTo:e})=>r.createElement("span",{className:"sps-body-14 mt-4"},"The most common type of button that can be used in most cases. Example: Basic Buttons in a"," ",r.createElement(e,{to:"Modal"},"Modal"),"."),examples:{basic:{description:"Without Icons",imports:S.code`
3453
+ calc(100% - ${o}px) ${-a}px`};return e.current&&(t(),e.current.addEventListener("scroll",t),window.addEventListener("scroll",t)),()=>{e.current&&e.current.removeEventListener("scroll",t),window.removeEventListener("scroll",t)}})},fT=(e,t,n)=>{r.useLayoutEffect(()=>{const o=e.current;if(!o)return;const a=o?.querySelector("thead"),s=o?.querySelector("table"),i=document.body.querySelector(".sps-navbar-container");let l=o?.querySelector(".placeholder-head"),c,d=!1,m=null;const u=()=>({tableBodyFirstRowCells:s?.querySelector("tbody>tr")?.querySelectorAll("td")??null,tableHeadCells:a?.querySelectorAll("th")??null}),p=W=>{const Z=Math.max(0,o.scrollWidth-o.clientWidth);return Math.min(Math.max(W,0),Z)},f=()=>{a&&(a.style.position=t?"sticky":"",a.style.top=t?"0":"",a.style.overflowX="",a.style.overflowY="",a.classList.remove("sps-table__head--scroll-x-hidden"),a.style.maxWidth="",a.style.width="",a.style.minWidth=""),l&&(l.style.width="",l.style.height="");const{tableBodyFirstRowCells:W,tableHeadCells:Z}=u();W&&Array.from(W).forEach((K,E)=>{const V=Z?.[E];if(V){const R=V.getAttribute("data-resizekey"),k=R&&n?n[R]:void 0;if(k){const Y=`${k}px`;V.style.minWidth=Y,V.style.maxWidth=Y,V.style.width=Y,K.style.minWidth=Y,K.style.maxWidth=Y,K.style.width=Y}else V.style.minWidth="",V.style.width="",V.style.maxWidth="",K.style.minWidth="",K.style.width="",K.style.maxWidth=""}else K.style.minWidth="",K.style.width="",K.style.maxWidth=""})},g=W=>{!a||!o||d||(d=!0,W==="container"?a.scrollLeft=o.scrollLeft:o.scrollLeft=a.scrollLeft,d=!1)},b=()=>g("container"),y=()=>g("head"),v=()=>{let W=null;c===window?W=i?i.getBoundingClientRect().height:0:c instanceof HTMLElement&&(W=c.getBoundingClientRect().top);const Z=o.scrollLeft,K=a?.getBoundingClientRect(),E=o.getBoundingClientRect();if(W&&K&&K.top<=W&&W<=E.bottom-K.height&&E.top<=W){const{tableBodyFirstRowCells:V,tableHeadCells:R}=u();if(V&&R&&Array.from(V).forEach((Y,N)=>{const D=R[N];if(!D)return;const L=Y.getBoundingClientRect().width,q=D.getBoundingClientRect().width,Q=`${Math.max(L,q)}px`;D.style.minWidth=Q,D.style.width=Q,D.style.maxWidth=Q,Y.style.minWidth=Q,Y.style.width=Q,Y.style.maxWidth=Q}),a&&e.current){a.style.position="fixed",a.style.top=`${W}px`,a.style.overflowX="scroll",a.style.overflowY="hidden",a.classList.add("sps-table__head--scroll-x-hidden");const Y=e.current.offsetWidth-e.current.clientWidth,N=`${E.width-Y}px`;a.style.maxWidth=N,a.style.width=N,a.style.minWidth=N}l||(l=document.createElement("div"),l.className="placeholder-head",o.insertBefore(l,s));const k=l;k.style.width=`${K.width}px`,k.style.height=`${K.height}px`}else l&&(o.removeChild(l),l=null,f());o.scrollLeft=p(Z),g("container")},h=()=>{const W=o.scrollLeft;f(),v(),o.scrollLeft=p(W),g("container")},x=()=>{m==null&&(m=window.requestAnimationFrame(()=>{m=null,h()}))};let C,w=!1;const M=()=>a?.classList.contains("sps-table__head--pinned")??!1,P=()=>{if(w||!a)return;w=!0,c=Vi(o)||window,c?.addEventListener("scroll",v),window.addEventListener("resize",h),o.addEventListener("scroll",b),a.addEventListener("scroll",y);const W=s?.querySelector("tbody");W&&(C=new MutationObserver(x),C.observe(W,{childList:!0,subtree:!0,characterData:!0})),h()},O=()=>{w&&(w=!1,c&&(c.removeEventListener("scroll",v),c=void 0),window.removeEventListener("resize",h),o.removeEventListener("scroll",b),a?.removeEventListener("scroll",y),C?.disconnect(),C=void 0,m!=null&&(window.cancelAnimationFrame(m),m=null),l&&(o.removeChild(l),l=null),f())},_=()=>{M()?P():O()};_();let F;return a&&(F=new MutationObserver(_),F.observe(a,{attributes:!0,attributeFilter:["class"]})),()=>{F?.disconnect(),O()}},[t,n])},ST=(e,t)=>{const n=()=>{if(!e.current||!t)return;const o=e.current,a=o?.querySelector("table > thead"),s=o?.querySelector("table"),i=o?.querySelector(".shadow--top"),l=o?.querySelector(".shadow--bottom");if(a&&s&&i&&l){l.style.left="0",l.style.bottom="0",i.style.left="0";const c=o.offsetHeight-o?.clientHeight,d=s.getBoundingClientRect().height,m=a.getBoundingClientRect().height,u=o.scrollTop,p=d+c-o.getBoundingClientRect().height-o.scrollTop,f=o.scrollLeft;l.style.bottom=`${-u}px`,l.style.left=`${f}px`,l.style.opacity=p>0?"1":"0",i.style.top=`${u+m}px`,i.style.left=`${f}px`,i.style.opacity=u>0?"1":"0"}};r.useLayoutEffect(()=>{if(e.current&&t){const o=e.current.querySelector("table > thead");return o&&(o.style.position="sticky",o.style.top="0",o.style.zIndex="2",o.style.backgroundColor="#fff"),e.current.addEventListener("scroll",n),()=>{e.current?.removeEventListener("scroll",n)}}},[]),r.useLayoutEffect(()=>{e.current&&t&&n()})},gT={sort:"SortedColumn",onSortChange:"SortChangeHandler",selectable:"boolean",maxHeightPx:"number",maxHeightRem:"number",resizeable:"boolean",resizeState:"ResizeState",onResizeStateChange:"ResizeStateChangeHandler"};function sn({children:e,className:t,onSortChange:n,sort:o,"data-testid":a,unsafelyReplaceClassName:s,maxHeightPx:i,maxHeightRem:l,resizeable:c,resizeState:d,onResizeStateChange:m,...u}){const p=$(s||"sps-table-container",t),f=i?i/16:l,g=f?{maxHeight:`${f}rem`}:{},b=r.useRef(null);return ST(b,f),mT(b),fT(b,f,d),r.createElement(uT,{resizeable:c,resizeState:d,onResizeStateChange:m,sort:o,onSortChange:n},r.createElement("div",{ref:b,className:p,style:g},r.createElement("div",{className:"sps-table__shadow shadow--top"}),r.createElement("div",{className:"sps-table__shadow shadow--bottom"}),r.createElement("table",{className:"sps-table",role:"table","data-testid":`${a}`,...u},e)))}Object.assign(sn,{props:gT,displayName:"SpsTable"});function Zd(e){if(!e||!e.parentElement)return null;let t=e.parentElement;for(;t;){if(t.tagName.toLowerCase()==="table")return t;t=t.parentElement}return null}const Qd=({tableHeaderRef:e,resizerRef:t,resizeKey:n})=>{const{resizeable:o,resizeState:a,setSingleResizeState:s}=r.useContext(ar),i=!!o&&!!n,l=i?a?.[n]:0;return r.useLayoutEffect(()=>{let c,d=l,m=0;const u=Zd(e.current),p=e.current?.querySelector(".sps-table__column-resizer"),f=e.current?.querySelector(".sps-table__column-resizer-guide");function g(){if(e.current&&c&&(p&&(p.style.backgroundColor=kr.colors.blue200,p.style.zIndex="999"),f&&u&&(f.style.height=`${u.getBoundingClientRect().height}px`,f.style.display="block"),u)){const M=u.querySelectorAll("thead > tr > th");for(let P=0;P<M.length;P+=1){const O=M[P].querySelector(".sps-table__column-resizer");M[P].style.cursor="col-resize",M[P]!==e.current&&O&&(M[P].classList.remove("sps-table__header--resizeable"),O.style.display="none")}}}function b(){e.current&&c&&p&&f&&(p.style.right=`${m}px`,p.style.zIndex="999",f.style.right=`${m}px`)}function y(){if(e.current){const M=d?`${d}px`:"";e.current.style.width=M,e.current.style.maxWidth=M,e.current.style.minWidth=M;const P=e.current.querySelector(".sps-table__header-cell-body");if(P&&(P.style.overflow=M?"hidden":"",P.style.textOverflow=M?"ellipsis":""),p&&f&&(p.style.right="0",p.style.backgroundColor="",p.style.zIndex="0",f.style.right="0",f.style.display="none"),e.current.classList.contains("sps-table__cell--pinned")||(e.current.style.position="relative"),u){const O=u.querySelectorAll("thead > tr > th");for(let _=0;_<O.length;_+=1){const F=O[_].querySelector(".sps-table__header-cell-body"),W=O[_].querySelector(".sps-table__column-resizer");O[_].style.cursor="default",O[_]!==e.current&&W&&(O[_].classList.add("sps-table__header--resizeable"),W.style.display="block"),F?.textContent&&!F.title&&(F.title=F.textContent)}}}}const v=M=>{e.current&&(M.preventDefault(),c=M.clientX,d=e.current.clientWidth,g())},h=M=>{if(!c||!e.current)return;const P=Math.max(Math.min(c-M.clientX,40),-40);P!==0&&(c=M.clientX,m+=P,d=Math.max(d-P,40),b())},x=()=>{!e.current||!c||(c=0,m=0,y(),s(n,d))},C=()=>{d=0,y(),s(n,d)};let w=!1;return i&&t.current&&(t.current.addEventListener("dragstart",v),t.current.addEventListener("mousedown",v),t.current.addEventListener("dblclick",C),window.addEventListener("mousemove",h),window.addEventListener("dragend",x),window.addEventListener("mouseup",x),w=!0,y()),()=>{t.current&&w&&(t.current.removeEventListener("dragstart",v),t.current.removeEventListener("mousedown",v),t.current.removeEventListener("dblclick",C)),w&&(window.removeEventListener("mousemove",h),window.removeEventListener("dragend",x),window.removeEventListener("mouseup",x))}},[i,l,n,s]),{isResizeable:i}},ep=e=>{const{resizeable:t,resizeState:n}=r.useContext(ar);r.useLayoutEffect(()=>{if(!t||!n||!e.current)return;const o=Zd(e.current);if(!o)return;const a=o.querySelector(`thead > tr > th:nth-of-type(${e.current.cellIndex+1})`);if(!a)return;const s=a.getAttribute("data-resizekey");if(!s)return;const i=n[s],l=i?`${i}px`:"";e.current.style.width=l,e.current.style.maxWidth=l,e.current.style.minWidth=l,e.current.style.overflowWrap=l?"break-word":"",e.current.style.whiteSpace=l?"normal":"",e.current.title||(e.current.title=e.current.textContent||"")})},tp={controlCell:"boolean",sortKey:"string",resizeKey:"string",pinned:"boolean"};function Fe({children:e,className:t,controlCell:n,sortKey:o,resizeKey:a="","data-testid":s,unsafelyReplaceClassName:i,pinned:l=!1,...c}){const{sort:d,setSort:m}=r.useContext(ar),u=d?.find(h=>h.key===o),p=()=>{if(o&&!n){const h=u?.direction===A.SortDirection.ASCENDING?A.SortDirection.DESCENDING:A.SortDirection.ASCENDING;m([{key:o,direction:h}])}},f=h=>{(h.key==="Enter"||h.key===" "||h.key==="Spacebar")&&(h.preventDefault(),p())},g=r.useRef(null);Xd(l,g);const b=r.useRef(null),{isResizeable:y}=Qd({tableHeaderRef:g,resizerRef:b,resizeKey:a}),v=$(i||"sps-table__header",n&&"sps-table__header--control",!o&&"sps-table__header--sort-disabled",u?.direction===A.SortDirection.ASCENDING&&"sps-table__header--sorted-asc",u?.direction===A.SortDirection.DESCENDING&&"sps-table__header--sorted-desc",l&&"sps-table__cell--pinned",y&&"sps-table__header--resizeable",t);return r.createElement("th",{className:v,ref:g,role:"columnheader","aria-sort":u?.direction||"none","data-testid":`${s}__header`,"data-resizekey":a||void 0,...c},r.createElement("span",{className:"sps-table__header-cell-body","data-testid":`${s}__header-cell-body`,onClick:p,tabIndex:o?0:void 0,onKeyDown:f},e),y&&r.createElement(r.Fragment,null,r.createElement("span",{ref:b,className:$("sps-table__column-resizer")}),r.createElement("span",{className:$("sps-table__column-resizer-guide")})))}Object.assign(Fe,{props:tp,displayName:"SpsTableHeader"});function np(e){return r.createElement(Fe,{...e})}Object.assign(np,{props:tp,displayName:"SpsTh"});const op={pinned:"boolean"};function Ht({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,pinned:a,...s}){const i=$(o||"sps-table__head",a&&"sps-table__head--pinned",t);return r.createElement("thead",{className:i,"data-testid":`${n}__head`,...s},e)}Object.assign(Ht,{props:op,displayName:"SpsTableHead"});function rp(e){return r.createElement(Ht,{...e})}Object.assign(rp,{props:op,displayName:"SpsThead"});const ap={};function De({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,...a}){const s=$(o||"sps-table__row",t);return r.createElement("tr",{className:s,role:"row","data-testid":`${n}__row`,...a},e)}Object.assign(De,{props:ap,displayName:"SpsTableRow"});function sp(e){return r.createElement(De,{...e})}Object.assign(sp,{props:ap,displayName:"SpsTr"});const ip={};function Wt(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=$(a||"sps-table__body",n);return r.createElement("tbody",{className:i,"data-testid":`${o}__body`,...s},t)}Object.assign(Wt,{props:ip,displayName:"SpsTableBody"});function lp(e){return r.createElement(Wt,{...e})}Object.assign(lp,{props:ip,displayName:"SpsTbody"});const cp={buttonCell:"boolean",controlCell:"boolean",wrap:"SpsTableCellWrapWidth",pinned:"boolean"};function se(e){const{buttonCell:t,children:n,className:o,controlCell:a,"data-testid":s,unsafelyReplaceClassName:i,wrap:l,pinned:c=!1,...d}=e,m=$(i||"sps-table__cell",t&&"sps-table__cell--button-cell",a&&"sps-table__cell--control",l&&`sps-table__cell--text-wrap-${l}`,c&&"sps-table__cell--pinned",o),u=r.useRef(null);return Xd(c,u),ep(u),r.createElement("td",{className:m,ref:u,role:"cell","data-testid":`${s}__cell`,...d},n)}Object.assign(se,{props:cp,displayName:"SpsTableCell"});function dp(e){return r.createElement(se,{...e})}Object.assign(dp,{props:cp,displayName:"SpsTd"});const hT={};function pp(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,[s,i,l]=at(t,[{type:Ne,props:{kind:A.ButtonKind.LINK}},[{type:Ne,props:{kind:A.ButtonKind.ICON}},{type:an}]]),c=s.length>0&&(i.length>0||l.length>0),d=i.length>0&&l.length>0,m=$(o||"sps-button-group",n);return r.createElement("div",{className:m,...a},s.length>0&&s,c&&r.createElement("div",{className:"sps-vertical-rule"}),i.length>0&&i,d&&r.createElement("div",{className:"sps-vertical-rule"}),l.length>0&&l)}Object.assign(pp,{props:hT,displayName:"SpsButtonGroup"});const bT={basic:{label:"Basic Buttons",description:({NavigateTo:e})=>r.createElement("span",{className:"sps-body-14 mt-4"},"The most common type of button that can be used in most cases. Example: Basic Buttons in a"," ",r.createElement(e,{to:"Modal"},"Modal"),"."),examples:{basic:{description:"Without Icons",imports:S.code`
3454
3454
  import { SpsButton } from "@spscommerce/ds-react";
3455
3455
  import { ButtonKind } from "@spscommerce/ds-shared";
3456
3456
  `,jsx:S.code`
@@ -5501,7 +5501,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
5501
5501
  import { FeedbackBlockKind } from "@spscommerce/ds-shared";
5502
5502
  `,jsx:S.code`
5503
5503
  <SpsMicroBlock kind={FeedbackBlockKind.TIP} message="Pro Tip: Don't be a loser."/>
5504
- `}}}},wT={kind:"ModalKind",size:"ModalSize",title:"string",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>",fullHeight:"boolean"};function sr({children:e}){return r.createElement("div",{className:"sps-modal__footer"},e)}Object.assign(sr,{props:{},propTypes:{},displayName:"SpsModalFooter"});function us({children:e,className:t,id:n,kind:o=A.ModalKind.GENERAL,size:a=A.ModalSize.SMALL,onClose:s,focusElementOnOpen:i,title:l,fullHeight:c=!1,...d}){const m=Rt(n),u=$("sps-modal","z-stratum-dialog",`sps-modal--${o}`,`sps-modal--${a}`,t),{t:p}=Se.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(document.body.style.paddingRight||""),b=r.useRef(document.body.style.overflow||"");b.current==="hidden"&&(b.current="",g.current=""),r.useLayoutEffect(()=>{let D=!1;if(document.body.style.overflow!=="hidden"){const w=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=w,document.body.style.overflow="hidden",D=!0}return()=>{D&&(document.body.style.overflow=b.current,document.body.style.paddingRight=g.current)}},[]),r.useEffect(()=>{i&&i.current?i.current.focus():f.current&&f.current.focus()},[i]);const y=r.useCallback(D=>{if(D&&D.key==="Escape"&&s&&s(),D&&D.key==="Tab"&&f.current){const w=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),k=w[0],R=w[w.length-1];w.length===0?D.preventDefault():D.shiftKey&&D.target===k?(D.preventDefault(),R.focus()):!D.shiftKey&&D.target===R&&(D.preventDefault(),k.focus())}},[s]),[[v],h]=at(e,[{type:sr}]),x={general:"Action",info:"Info",success:"Success",warning:"Warning","serious-warning":"Warning"};return r.createElement("div",{id:m.current,role:"dialog","aria-modal":!0,"aria-labelledby":`${m.current}-title`,className:u,onKeyDown:y,tabIndex:-1,ref:f,"data-react-aria-top-layer":"true"},r.createElement("div",{...d,className:$("sps-modal__dialog",{"sps-modal__dialog-full-height":c})},r.createElement("div",{className:"sps-modal__titlebar"},r.createElement("div",{className:"sps-modal__title",id:`${m.current}-title`},l||p(`modal.defaultTitle.${o}`,{defaultValue:`${x[o]}`})),s&&r.createElement("div",{className:"sps-button sps-button--icon",onClick:s},r.createElement("button",{"aria-label":p("modal.close",{defaultValue:"Close modal"}),type:"button"},r.createElement("i",{className:"sps-icon sps-icon-x"})))),r.createElement("div",{className:"sps-modal__body"},r.createElement(rt.Provider,{value:{parentElementRef:f,fixed:!0}},h)),v||r.createElement("div",{className:"sps-modal__footer"},r.createElement(Ne,{kind:o===A.ModalKind.SERIOUS_WARNING?A.ButtonKind.DELETE:A.ButtonKind.KEY,onClick:s},p("modal.defaultButtonLabel",{defaultValue:"Okay"})))))}Object.assign(us,{props:wT,displayName:"SpsModal"});const CT={title:"string",show:"boolean",closeOnEscapePressed:"boolean",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>"};function ms({children:e,className:t,id:n,show:o,closeOnEscapePressed:a=!0,onClose:s,focusElementOnOpen:i,title:l,noBackground:c,...d}){const m=Rt(n),u=$("sps-slide-in-panel","z-stratum-dialog",o?"open":"",c?"no-background":"",t),{t:p}=Se.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(document.body.style.paddingRight||""),b=r.useRef(document.body.style.overflow||"");b.current==="hidden"&&(b.current="",g.current=""),r.useLayoutEffect(()=>{let h=!1;if(o&&document.body.style.overflow!=="hidden"){const x=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=x,document.body.style.overflow="hidden",h=!0}return()=>{h&&(document.body.style.overflow=b.current,document.body.style.paddingRight=g.current)}},[o]),r.useEffect(()=>{i&&i.current?i.current.focus():f.current&&f.current.focus()},[i]);const y=r.useCallback(h=>{if(a&&h&&h.key==="Escape"&&s&&s(),h&&h.key==="Tab"&&f.current){const x=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),D=x[0],w=x[x.length-1];x.length===0?h.preventDefault():h.shiftKey&&h.target===D?(h.preventDefault(),w.focus()):!h.shiftKey&&h.target===w&&(h.preventDefault(),D.focus())}},[s]);r.useEffect(()=>(window.addEventListener("keydown",y),()=>{window.removeEventListener("keydown",y)}),[y]);const[v]=at(e);return r.createElement("div",{id:m.current,role:"dialog","aria-labelledby":`${m.current}-title`,className:u,tabIndex:-1,ref:f,"data-react-aria-top-layer":"true"},r.createElement("div",{...d,className:`sps-slide-in-panel__dialog ${o?"open":""}`},r.createElement("div",{className:"sps-slide-in-panel__titlebar"},r.createElement("div",{className:"sps-slide-in-panel__title",id:`${m.current}-title`},l||p("slideInPanel.defaultTitle",{defaultValue:"Slide In Panel"})),s&&r.createElement("div",{className:"sps-button sps-button--icon",onClick:s},r.createElement("button",{"aria-label":p("slideInPanel.close",{defaultValue:"Close"}),type:"button"},r.createElement("i",{className:"sps-icon sps-icon-x"})))),r.createElement("div",{className:"sps-slide-in-panel__body"},r.createElement(rt.Provider,{value:{parentElementRef:f,fixed:!0}},v))))}Object.assign(ms,{props:CT,displayName:"SpsSlideInPanel"});const gp={generalUsage:{label:"General Usage",description:()=>r.createElement(r.Fragment,null),examples:{noCloseButton:{description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Click on the button below to show the slide-in panel.")),react:S.code`
5504
+ `}}}},wT={kind:"ModalKind",size:"ModalSize",title:"string",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>",fullHeight:"boolean"};function sr({children:e}){return r.createElement("div",{className:"sps-modal__footer"},e)}Object.assign(sr,{props:{},propTypes:{},displayName:"SpsModalFooter"});function us({children:e,className:t,id:n,kind:o=A.ModalKind.GENERAL,size:a=A.ModalSize.SMALL,onClose:s,focusElementOnOpen:i,title:l,fullHeight:c=!1,...d}){const m=Rt(n),u=$("sps-modal","z-stratum-dialog",`sps-modal--${o}`,`sps-modal--${a}`,t),{t:p}=Se.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(document.body.style.paddingRight||""),b=r.useRef(document.body.style.overflow||"");b.current==="hidden"&&(b.current="",g.current=""),r.useLayoutEffect(()=>{let C=!1;if(document.body.style.overflow!=="hidden"){const w=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=w,document.body.style.overflow="hidden",C=!0}return()=>{C&&(document.body.style.overflow=b.current,document.body.style.paddingRight=g.current)}},[]),r.useEffect(()=>{i&&i.current?i.current.focus():f.current&&f.current.focus()},[i]);const y=r.useCallback(C=>{if(C&&C.key==="Escape"&&s&&s(),C&&C.key==="Tab"&&f.current){const w=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),M=w[0],P=w[w.length-1];w.length===0?C.preventDefault():C.shiftKey&&C.target===M?(C.preventDefault(),P.focus()):!C.shiftKey&&C.target===P&&(C.preventDefault(),M.focus())}},[s]),[[v],h]=at(e,[{type:sr}]),x={general:"Action",info:"Info",success:"Success",warning:"Warning","serious-warning":"Warning"};return r.createElement("div",{id:m.current,role:"dialog","aria-modal":!0,"aria-labelledby":`${m.current}-title`,className:u,onKeyDown:y,tabIndex:-1,ref:f,"data-react-aria-top-layer":"true"},r.createElement("div",{...d,className:$("sps-modal__dialog",{"sps-modal__dialog-full-height":c})},r.createElement("div",{className:"sps-modal__titlebar"},r.createElement("div",{className:"sps-modal__title",id:`${m.current}-title`},l||p(`modal.defaultTitle.${o}`,{defaultValue:`${x[o]}`})),s&&r.createElement("div",{className:"sps-button sps-button--icon",onClick:s},r.createElement("button",{"aria-label":p("modal.close",{defaultValue:"Close modal"}),type:"button"},r.createElement("i",{className:"sps-icon sps-icon-x"})))),r.createElement("div",{className:"sps-modal__body"},r.createElement(rt.Provider,{value:{parentElementRef:f,fixed:!0}},h)),v||r.createElement("div",{className:"sps-modal__footer"},r.createElement(Ne,{kind:o===A.ModalKind.SERIOUS_WARNING?A.ButtonKind.DELETE:A.ButtonKind.KEY,onClick:s},p("modal.defaultButtonLabel",{defaultValue:"Okay"})))))}Object.assign(us,{props:wT,displayName:"SpsModal"});const CT={title:"string",show:"boolean",closeOnEscapePressed:"boolean",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>"};function ms({children:e,className:t,id:n,show:o,closeOnEscapePressed:a=!0,onClose:s,focusElementOnOpen:i,title:l,noBackground:c,...d}){const m=Rt(n),u=$("sps-slide-in-panel","z-stratum-dialog",o?"open":"",c?"no-background":"",t),{t:p}=Se.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(document.body.style.paddingRight||""),b=r.useRef(document.body.style.overflow||"");b.current==="hidden"&&(b.current="",g.current=""),r.useLayoutEffect(()=>{let h=!1;if(o&&document.body.style.overflow!=="hidden"){const x=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=x,document.body.style.overflow="hidden",h=!0}return()=>{h&&(document.body.style.overflow=b.current,document.body.style.paddingRight=g.current)}},[o]),r.useEffect(()=>{i&&i.current?i.current.focus():f.current&&f.current.focus()},[i]);const y=r.useCallback(h=>{if(a&&h&&h.key==="Escape"&&s&&s(),h&&h.key==="Tab"&&f.current){const x=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),C=x[0],w=x[x.length-1];x.length===0?h.preventDefault():h.shiftKey&&h.target===C?(h.preventDefault(),w.focus()):!h.shiftKey&&h.target===w&&(h.preventDefault(),C.focus())}},[s]);r.useEffect(()=>(window.addEventListener("keydown",y),()=>{window.removeEventListener("keydown",y)}),[y]);const[v]=at(e);return r.createElement("div",{id:m.current,role:"dialog","aria-labelledby":`${m.current}-title`,className:u,tabIndex:-1,ref:f,"data-react-aria-top-layer":"true"},r.createElement("div",{...d,className:`sps-slide-in-panel__dialog ${o?"open":""}`},r.createElement("div",{className:"sps-slide-in-panel__titlebar"},r.createElement("div",{className:"sps-slide-in-panel__title",id:`${m.current}-title`},l||p("slideInPanel.defaultTitle",{defaultValue:"Slide In Panel"})),s&&r.createElement("div",{className:"sps-button sps-button--icon",onClick:s},r.createElement("button",{"aria-label":p("slideInPanel.close",{defaultValue:"Close"}),type:"button"},r.createElement("i",{className:"sps-icon sps-icon-x"})))),r.createElement("div",{className:"sps-slide-in-panel__body"},r.createElement(rt.Provider,{value:{parentElementRef:f,fixed:!0}},v))))}Object.assign(ms,{props:CT,displayName:"SpsSlideInPanel"});const gp={generalUsage:{label:"General Usage",description:()=>r.createElement(r.Fragment,null),examples:{noCloseButton:{description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Click on the button below to show the slide-in panel.")),react:S.code`
5505
5505
  import { SpsButton, SpsSlideInPanel } from "@spscommerce/ds-react";
5506
5506
  import { ButtonKind } from "@spscommerce/ds-shared";
5507
5507
  function Component() {
@@ -5992,7 +5992,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
5992
5992
  </>
5993
5993
  );
5994
5994
  }
5995
- `}}}},DT={captionKey:"string",clearSearchOnBlur:"boolean",clearSearchOnEnter:"boolean",clearSearchOnSelection:"boolean",debounce:"number",disabled:"boolean",disableSelected:"boolean",comparisonKey:"string",conformWidth:"boolean",formMeta:"SpsFormFieldMeta<any[]>",hideSelected:"boolean",icon:"SpsIcon",onChange:"ChangeEventHandler",onSearchChange:"(searchText: string) => void",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",placeholder:"string",tallOptionList:"boolean",textKey:"string",value:"any",zeroState:"string",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"};function fs({action:e,captionKey:t,className:n,clearSearchOnBlur:o,clearSearchOnEnter:a,clearSearchOnSelection:s=!0,conformWidth:i,debounce:l,disabled:c,disableSelected:d=!1,comparisonKey:m,formControl:u,formMeta:p,hideSelected:f,id:g,onChange:b,onSearchChange:y,options:v,placeholder:h,tallOptionList:x,textKey:D,unsafelyReplaceClassName:w,value:k,zeroState:R="There are no matching options.",loading:F,filterByTextAndCaptionKey:_,icon:O,maxHeightOptionListPx:W,maxHeightOptionListRem:Z,disableOptionsMemoization:K,"data-testid":E,wrap:V=!1,...B}){const M=k??[],Y=p||u,{wrapperId:N,controlId:C}=Ge(g,Y),[L,q]=Dt({keyDown:null,opensUpward:!1,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{y&&y(L.searchText)},[L.searchText]);const Q=r.useRef(null),ne=r.useRef(null),oe=r.useRef(null),U=r.useRef(null),X=r.useRef(null);function J(){o&&q({searchText:""})}const{showPopup:G,doShowPopup:ee,doHidePopup:z}=bn(Q,U,J);function H(){q({activeTagIndex:null}),ee()}function re(){setTimeout(()=>{oe.current?.focus()},0)}function te(ae){if(X.current&&X.current.children.length&&typeof ae=="number"){const je=X.current.children[ae]?.querySelector(".sps-clickable-tag__icon");je&&je.focus()}}function le(ae,me=!0){me&&q({searchText:""}),Y&&(Y.setValue(ae),Y.markAsDirty()),b&&b(new Lt({value:ae}))}function Ie(ae){M.indexOf(ae)===-1&&le([...M,ae],s),re()}function Pe(ae){const me=M.filter((je,So)=>So!==ae);le(me)}function Xe(ae){q({searchText:ae.target.value})}function nt(ae){if(!c){const me=!f&&!ae.target.selectionStart&&M&&M.length;switch(ae.key){case"Backspace":if(L.activeTagIndex===M.length-1){Pe(L.activeTagIndex),re();return}if(L.activeTagIndex!==null){Pe(L.activeTagIndex);return}if(me){le(M.slice(0,M.length-1));return}break;case"Delete":if(L.activeTagIndex!==null){Pe(L.activeTagIndex);return}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":ae.preventDefault();break;case"Left":case"ArrowLeft":if(me){L.activeTagIndex===null?(q({activeTagIndex:M.length-1}),z(),te(M.length-1)):L.activeTagIndex>0&&(q({activeTagIndex:L.activeTagIndex-1}),z(),te(L.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(L.activeTagIndex!==null){L.activeTagIndex===M.length-1?(q({activeTagIndex:null}),ee(),oe.current?.focus()):(q({activeTagIndex:L.activeTagIndex+1}),te(L.activeTagIndex+1));return}break;case"Tab":z();break;case"Escape":z(),oe.current?.blur();break;case"Enter":a&&q({searchText:""});break}q({keyDown:hn(ae)})}}function mt(ae){q({opensUpward:ae})}function Me(ae){le([]),ae.stopPropagation()}function ot(ae){q({optionIds:new Array(ae).fill("").map((me,je)=>`${N}-options-option-${je}`).join(",")})}const Ke=r.useCallback(()=>{q({searchText:""}),re()},[]),ft=$(w||"sps-multi-select",G&&"sps-multi-select--open",G&&"z-stratum-dropdown",L.opensUpward&&"sps-multi-select--opens-upward",c&&"sps-form-control--disabled",n),Be=new Array(M.length).fill(0).map((ae,me)=>`${N}_tag-${me}`);return r.useEffect(()=>{let ae;return G&&(ae=()=>{z()},window.addEventListener("resize",ae)),()=>{ae&&window.removeEventListener("resize",ae)}},[G]),$n({isOpen:G,rootRef:Q}),r.createElement(_e,{id:N,className:ft,formControl:u,formMeta:p,ref:Q,inputRef:oe,focusInputOnClick:!0,onKeyDown:nt,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":Be[L.activeTagIndex||0],"aria-owns":L.optionIds},r.createElement("div",{className:"sps-text-input",ref:ne},r.createElement("div",{className:$("sps-form-control",M&&!c&&"sps-form-control--clearable")},O&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${O}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:X},f?null:M.map((ae,me)=>r.createElement(Vn,{id:Be[me],role:"option",disabled:c,"aria-selected":"true",key:Be[me],onRemove:()=>Pe(me),wrap:V},D?ae[D]:ae)),r.createElement("input",{type:"text",ref:oe,"data-testid":`${E}__option-list-input`,value:L.searchText,className:"sps-text-input__input",placeholder:M.length===0?h:void 0,id:C,onClick:H,onChange:Xe,onFocus:H,onKeyDown:nt,disabled:c,role:"listbox","aria-multiselectable":"true","aria-owns":Be.join(" "),...B})),M.length!==0&&!c?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:ae=>Me(ae)}):null)),r.createElement(Rn,{id:`${N}_options`,ref:U,"data-testid":`${E}__option-list`,attachTo:ne,captionKey:t,disabledOptions:d?M:null,isOpen:G,comparisonKey:m,keepOpen:!0,keyDown:L.keyDown,options:v,specialAction:e,onOptionSelected:Ie,onPositionFlip:mt,hideInlineSearch:!0,optionRole:"option",onOptionListChanged:ot,filterByTextAndCaptionKey:_,searchDebounce:l,search:L.searchText,tall:x,textKey:D,zeroState:R,loading:F,maxHeightPx:W,maxHeightRem:Z,disableOptionsMemoization:K,onSpecialActionSelect:Ke,conformWidth:i}))}Object.assign(fs,{props:DT,displayName:"SpsMultiSelect"});const bp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Multi-Select"),r.createElement("ul",null,r.createElement("li",null,"When a list of predetermined values can be provided and the input allows multiple entries.")),r.createElement("h5",null,"Do Not Use a Multi-Select:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),r.createElement("li",null,"When it is ideal to display all available options without requiring a click. Consider"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead.")),r.createElement("h5",null,"Using Multi-Selects in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing"," ",r.createElement(e,{to:"text-inputs"},"Inputs")," in Form Layouts."))},basicMultiSelect:{label:"Basic Multi-Selects",description:"Basic Multi-Selects include a label and dropdown menu including a list of options. The user is allowed to make a single selection.",examples:{basic:{react:S.code`
5995
+ `}}}},DT={captionKey:"string",clearSearchOnBlur:"boolean",clearSearchOnEnter:"boolean",clearSearchOnSelection:"boolean",debounce:"number",disabled:"boolean",disableSelected:"boolean",comparisonKey:"string",conformWidth:"boolean",formMeta:"SpsFormFieldMeta<any[]>",hideSelected:"boolean",icon:"SpsIcon",onChange:"ChangeEventHandler",onSearchChange:"(searchText: string) => void",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",placeholder:"string",tallOptionList:"boolean",textKey:"string",value:"any",zeroState:"string",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"};function fs({action:e,captionKey:t,className:n,clearSearchOnBlur:o,clearSearchOnEnter:a,clearSearchOnSelection:s=!0,conformWidth:i,debounce:l,disabled:c,disableSelected:d=!1,comparisonKey:m,formControl:u,formMeta:p,hideSelected:f,id:g,onChange:b,onSearchChange:y,options:v,placeholder:h,tallOptionList:x,textKey:C,unsafelyReplaceClassName:w,value:M,zeroState:P="There are no matching options.",loading:O,filterByTextAndCaptionKey:_,icon:F,maxHeightOptionListPx:W,maxHeightOptionListRem:Z,disableOptionsMemoization:K,"data-testid":E,wrap:V=!1,...R}){const k=M??[],Y=p||u,{wrapperId:N,controlId:D}=Ge(g,Y),[L,q]=Dt({keyDown:null,opensUpward:!1,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{y&&y(L.searchText)},[L.searchText]);const Q=r.useRef(null),ne=r.useRef(null),oe=r.useRef(null),U=r.useRef(null),X=r.useRef(null);function J(){o&&q({searchText:""})}const{showPopup:G,doShowPopup:ee,doHidePopup:z}=bn(Q,U,J);function H(){q({activeTagIndex:null}),ee()}function re(){setTimeout(()=>{oe.current?.focus()},0)}function te(ae){if(X.current&&X.current.children.length&&typeof ae=="number"){const je=X.current.children[ae]?.querySelector(".sps-clickable-tag__icon");je&&je.focus()}}function le(ae,me=!0){me&&q({searchText:""}),Y&&(Y.setValue(ae),Y.markAsDirty()),b&&b(new Lt({value:ae}))}function Ie(ae){k.indexOf(ae)===-1&&le([...k,ae],s),re()}function Pe(ae){const me=k.filter((je,So)=>So!==ae);le(me)}function Xe(ae){q({searchText:ae.target.value})}function nt(ae){if(!c){const me=!f&&!ae.target.selectionStart&&k&&k.length;switch(ae.key){case"Backspace":if(L.activeTagIndex===k.length-1){Pe(L.activeTagIndex),re();return}if(L.activeTagIndex!==null){Pe(L.activeTagIndex);return}if(me){le(k.slice(0,k.length-1));return}break;case"Delete":if(L.activeTagIndex!==null){Pe(L.activeTagIndex);return}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":ae.preventDefault();break;case"Left":case"ArrowLeft":if(me){L.activeTagIndex===null?(q({activeTagIndex:k.length-1}),z(),te(k.length-1)):L.activeTagIndex>0&&(q({activeTagIndex:L.activeTagIndex-1}),z(),te(L.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(L.activeTagIndex!==null){L.activeTagIndex===k.length-1?(q({activeTagIndex:null}),ee(),oe.current?.focus()):(q({activeTagIndex:L.activeTagIndex+1}),te(L.activeTagIndex+1));return}break;case"Tab":z();break;case"Escape":z(),oe.current?.blur();break;case"Enter":a&&q({searchText:""});break}q({keyDown:hn(ae)})}}function mt(ae){q({opensUpward:ae})}function Me(ae){le([]),ae.stopPropagation()}function ot(ae){q({optionIds:new Array(ae).fill("").map((me,je)=>`${N}-options-option-${je}`).join(",")})}const Ke=r.useCallback(()=>{q({searchText:""}),re()},[]),ft=$(w||"sps-multi-select",G&&"sps-multi-select--open",G&&"z-stratum-dropdown",L.opensUpward&&"sps-multi-select--opens-upward",c&&"sps-form-control--disabled",n),Be=new Array(k.length).fill(0).map((ae,me)=>`${N}_tag-${me}`);return r.useEffect(()=>{let ae;return G&&(ae=()=>{z()},window.addEventListener("resize",ae)),()=>{ae&&window.removeEventListener("resize",ae)}},[G]),$n({isOpen:G,rootRef:Q}),r.createElement(_e,{id:N,className:ft,formControl:u,formMeta:p,ref:Q,inputRef:oe,focusInputOnClick:!0,onKeyDown:nt,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":Be[L.activeTagIndex||0],"aria-owns":L.optionIds},r.createElement("div",{className:"sps-text-input",ref:ne},r.createElement("div",{className:$("sps-form-control",k&&!c&&"sps-form-control--clearable")},F&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${F}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:X},f?null:k.map((ae,me)=>r.createElement(Vn,{id:Be[me],role:"option",disabled:c,"aria-selected":"true",key:Be[me],onRemove:()=>Pe(me),wrap:V},C?ae[C]:ae)),r.createElement("input",{type:"text",ref:oe,"data-testid":`${E}__option-list-input`,value:L.searchText,className:"sps-text-input__input",placeholder:k.length===0?h:void 0,id:D,onClick:H,onChange:Xe,onFocus:H,onKeyDown:nt,disabled:c,role:"listbox","aria-multiselectable":"true","aria-owns":Be.join(" "),...R})),k.length!==0&&!c?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:ae=>Me(ae)}):null)),r.createElement(Rn,{id:`${N}_options`,ref:U,"data-testid":`${E}__option-list`,attachTo:ne,captionKey:t,disabledOptions:d?k:null,isOpen:G,comparisonKey:m,keepOpen:!0,keyDown:L.keyDown,options:v,specialAction:e,onOptionSelected:Ie,onPositionFlip:mt,hideInlineSearch:!0,optionRole:"option",onOptionListChanged:ot,filterByTextAndCaptionKey:_,searchDebounce:l,search:L.searchText,tall:x,textKey:C,zeroState:P,loading:O,maxHeightPx:W,maxHeightRem:Z,disableOptionsMemoization:K,onSpecialActionSelect:Ke,conformWidth:i}))}Object.assign(fs,{props:DT,displayName:"SpsMultiSelect"});const bp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Multi-Select"),r.createElement("ul",null,r.createElement("li",null,"When a list of predetermined values can be provided and the input allows multiple entries.")),r.createElement("h5",null,"Do Not Use a Multi-Select:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),r.createElement("li",null,"When it is ideal to display all available options without requiring a click. Consider"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead.")),r.createElement("h5",null,"Using Multi-Selects in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing"," ",r.createElement(e,{to:"text-inputs"},"Inputs")," in Form Layouts."))},basicMultiSelect:{label:"Basic Multi-Selects",description:"Basic Multi-Selects include a label and dropdown menu including a list of options. The user is allowed to make a single selection.",examples:{basic:{react:S.code`
5996
5996
  import {
5997
5997
  SpsLabel,
5998
5998
  SpsMultiSelect,
@@ -6374,7 +6374,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
6374
6374
  <br />
6375
6375
  {JSON.stringify(formValue)}
6376
6376
  </>
6377
- }`}}}},NT={page:"number",numPages:"number",onPageChange:"(pageNumber: number) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",onBeforeChange:"(page: number) => boolean | Promise<boolean>"};function ir(e){const{numPages:t=0,onPageChange:n,page:o=1,unsafelyReplaceClassName:a,className:s,"data-testid":i,disabled:l=!1,unknownPageCount:c=!1,nextPageBtnDisabled:d=!1,onBeforeChange:m,...u}=e,{t:p}=Se.useWoodlandLanguage(),[f,g]=r.useState(o),[b,y]=r.useState(o);r.useEffect(()=>{y(o),g(o)},[o]);async function v(w){if(m&&!await m(w))return;const k=S.constrain(w,[1,t]);w!==b&&(y(k),g(k),n&&typeof n=="function"&&n(k))}function h(w){g(Number(w.target.value)||"")}const x=$(a||"sps-page-selector",s),D=Rt();return r.createElement("div",{className:x,"data-testid":i,...u},!c&&r.createElement(r.Fragment,null,r.createElement("div",{className:"sps-pagination__input-wrapper","data-testid":`${i}__input`},r.createElement("div",{className:"sps-form-control sps-pagination__input-sizer"},f),r.createElement("label",{htmlFor:D.current,className:"sr-only"},p("pagination.page",{defaultValue:"Page"})),r.createElement(so,{onSubmit:()=>v(Number(f))},r.createElement("input",{id:D.current,type:"text",value:f,onInput:h,onChange:()=>{},className:"sps-form-control sps-pagination__input",disabled:l,onBlur:()=>v(Number(f))}))),r.createElement("span",{className:"sps-page-selector__total-pages","data-testid":`${i}_page-count`},Number.isNaN(t)?p("pagination.ofMany",{defaultValue:"of many"}):p("pagination.ofPageCount",{pageCount:t,defaultValue:`of ${t}`}))),r.createElement("div",{className:"sps-icon-button-panel","data-testid":`${i}__buttons`},r.createElement("div",{className:$("sps-button","sps-button--icon",(b===1||l)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>v(b-1),disabled:b===1||l,title:p("pagination.prevPage",{defaultValue:"Previous Page"})},r.createElement("i",{className:"sps-icon sps-icon-chevron-left","aria-hidden":"true"}))),r.createElement("div",{className:$("sps-button","sps-button--icon",(b===t||l||d)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>v(b+1),disabled:b===t||l||d,title:p("pagination.nextPage",{defaultValue:"Next Page"})},r.createElement("i",{className:"sps-icon sps-icon-chevron-right","aria-hidden":"true"})))))}Object.assign(ir,{props:NT,displayName:"SpsPageSelector"});const IT={page:"number",pageSize:"number",pageSizeOptions:"Array<number>",totalResults:"number",onPageChange:"(page: number, pageSize: number, indices: [number, number]) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",resultsOnPage:"number",onBeforeChange:"(page: number, pageSize: number) => boolean | Promise<boolean>"};function Ss(e){const{className:t,onPageChange:n,page:o=1,pageSizeOptions:a=A.DEFAULT_PAGE_SIZE_OPTIONS,pageSize:s=a[0],"data-testid":i,totalResults:l,unsafelyReplaceClassName:c,disabled:d=!1,unknownPageCount:m=!1,nextPageBtnDisabled:u=!1,resultsOnPage:p,onBeforeChange:f,...g}=e,{t:b}=Se.useWoodlandLanguage(),[y,v]=Dt({page:o,pageSize:s,numPages:0,indices:[0,0]});function h(O=y.pageSize){return l!==void 0?Math.ceil(l/O):NaN}function x(O=y.page,W=y.pageSize){const Z=h(W),K=O===Z&&l!==void 0&&l%W||W,E=p||(Z===0?0:K),V=(O-1)*W;return Z===0?[0,0]:[V+1,V+E]}function D(O){const W={page:O,indices:x(O)};return v(W),W}function w(O,W){const Z={page:W,pageSize:O,numPages:h(O),indices:x(W,O)};return v(Z),Z}r.useEffect(()=>{v({numPages:h(),indices:x()})},[l,p]),r.useEffect(()=>{o!==y.page&&D(o)},[o]),r.useEffect(()=>{s!==y.pageSize&&w(s,o!==y.page?o:y.page)},[s]);function k(){return typeof l=="number"?l:b("pagination.many",{defaultValue:"many"})}function R(O){const W=w(O.target.value,1);n(W.page,W.pageSize,W.indices)}function F(O){const W=D(O);n(W.page,y.pageSize,W.indices)}const _=$(c||"sps-pagination",t);return r.createElement("div",{className:_,"data-testid":i,...g},r.createElement("div",{"data-testid":`${i}__size-selector`,className:"sps-page-size-selector"},b("pagination.view",{defaultValue:"View"}),r.createElement(on,{options:a,onChange:R,notClearable:!0,autoFixWidth:!0,value:y.pageSize,className:"ml-1 mr-1",disabled:d,onBeforeChange:f?O=>f(y.page,Number(O)):void 0}),b("pagination.perPage",{defaultValue:"Per Page"})),m?r.createElement("div",{className:"sps-pagination__details"},`${b("pagination.viewing",{defaultValue:"Viewing"})} ${y.indices[0]} - ${y.indices[1]} ${b("pagination.ofMany",{defaultValue:"of many"})}`):r.createElement("div",{className:"sps-pagination__details"},`${b("pagination.viewing",{defaultValue:"Viewing"})} ${y.indices[0]} - ${y.indices[1]} ${b("pagination.of",{defaultValue:"of"})} ${k()}`),r.createElement(ir,{numPages:y.numPages,page:y.page,onPageChange:F,disabled:d,unknownPageCount:m,nextPageBtnDisabled:u,onBeforeChange:f?O=>f(O,y.pageSize):void 0}))}Object.assign(Ss,{props:IT,displayName:"SpsPagination"});const vp={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Use the Standard Pagination Bar on a list page (comprised of a Table, Content Rows, or Content Tiles). It should always appear at the bottom of the listed records."),r.createElement("p",null,"Use the Mini Pagination component when a paginated list of results exists inside a smaller Card."))},pagination:{label:"Standard Pagination Bar",description:({Link:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"The Standard Pagination Bar is comprised of three main sections. The middle section is hidden from view when the width of its container is at the responsive breakpoint of 767 pixels."),r.createElement("ul",null,r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Results-per-page Select")," (left): allows the user to adjust the number of records being displayed per page.*")),r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Viewing details")," (middle): describes which results are being displayed on the current page.")),r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Page Navigator")," (right): allows the user to navigate between pages of results"))),r.createElement("i",null,"*Note: For Tables and Content Rows, per-page options should be 25, 50, and 100. For Content Tiles, per-page options should be 24, 48, and 100."),r.createElement("br",null),r.createElement("p",{className:"mt-2"},"To see an example of the Standard Pagination Bar in context with a Table, view the Table Lists section on the ",r.createElement(e,{to:"/style-and-layout/page-types"},"Page Types")," page.")),examples:{basic:{description:()=>r.createElement("h4",null,"Building the Standard Pagination Bar"),react:S.code`
6377
+ }`}}}},NT={page:"number",numPages:"number",onPageChange:"(pageNumber: number) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",onBeforeChange:"(page: number) => boolean | Promise<boolean>"};function ir(e){const{numPages:t=0,onPageChange:n,page:o=1,unsafelyReplaceClassName:a,className:s,"data-testid":i,disabled:l=!1,unknownPageCount:c=!1,nextPageBtnDisabled:d=!1,onBeforeChange:m,...u}=e,{t:p}=Se.useWoodlandLanguage(),[f,g]=r.useState(o),[b,y]=r.useState(o);r.useEffect(()=>{y(o),g(o)},[o]);async function v(w){if(m&&!await m(w))return;const M=S.constrain(w,[1,t]);w!==b&&(y(M),g(M),n&&typeof n=="function"&&n(M))}function h(w){g(Number(w.target.value)||"")}const x=$(a||"sps-page-selector",s),C=Rt();return r.createElement("div",{className:x,"data-testid":i,...u},!c&&r.createElement(r.Fragment,null,r.createElement("div",{className:"sps-pagination__input-wrapper","data-testid":`${i}__input`},r.createElement("div",{className:"sps-form-control sps-pagination__input-sizer"},f),r.createElement("label",{htmlFor:C.current,className:"sr-only"},p("pagination.page",{defaultValue:"Page"})),r.createElement(so,{onSubmit:()=>v(Number(f))},r.createElement("input",{id:C.current,type:"text",value:f,onInput:h,onChange:()=>{},className:"sps-form-control sps-pagination__input",disabled:l,onBlur:()=>v(Number(f))}))),r.createElement("span",{className:"sps-page-selector__total-pages","data-testid":`${i}_page-count`},Number.isNaN(t)?p("pagination.ofMany",{defaultValue:"of many"}):p("pagination.ofPageCount",{pageCount:t,defaultValue:`of ${t}`}))),r.createElement("div",{className:"sps-icon-button-panel","data-testid":`${i}__buttons`},r.createElement("div",{className:$("sps-button","sps-button--icon",(b===1||l)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>v(b-1),disabled:b===1||l,title:p("pagination.prevPage",{defaultValue:"Previous Page"})},r.createElement("i",{className:"sps-icon sps-icon-chevron-left","aria-hidden":"true"}))),r.createElement("div",{className:$("sps-button","sps-button--icon",(b===t||l||d)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>v(b+1),disabled:b===t||l||d,title:p("pagination.nextPage",{defaultValue:"Next Page"})},r.createElement("i",{className:"sps-icon sps-icon-chevron-right","aria-hidden":"true"})))))}Object.assign(ir,{props:NT,displayName:"SpsPageSelector"});const IT={page:"number",pageSize:"number",pageSizeOptions:"Array<number>",totalResults:"number",onPageChange:"(page: number, pageSize: number, indices: [number, number]) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",resultsOnPage:"number",onBeforeChange:"(page: number, pageSize: number) => boolean | Promise<boolean>"};function Ss(e){const{className:t,onPageChange:n,page:o=1,pageSizeOptions:a=A.DEFAULT_PAGE_SIZE_OPTIONS,pageSize:s=a[0],"data-testid":i,totalResults:l,unsafelyReplaceClassName:c,disabled:d=!1,unknownPageCount:m=!1,nextPageBtnDisabled:u=!1,resultsOnPage:p,onBeforeChange:f,...g}=e,{t:b}=Se.useWoodlandLanguage(),[y,v]=Dt({page:o,pageSize:s,numPages:0,indices:[0,0]});function h(F=y.pageSize){return l!==void 0?Math.ceil(l/F):NaN}function x(F=y.page,W=y.pageSize){const Z=h(W),K=F===Z&&l!==void 0&&l%W||W,E=p||(Z===0?0:K),V=(F-1)*W;return Z===0?[0,0]:[V+1,V+E]}function C(F){const W={page:F,indices:x(F)};return v(W),W}function w(F,W){const Z={page:W,pageSize:F,numPages:h(F),indices:x(W,F)};return v(Z),Z}r.useEffect(()=>{v({numPages:h(),indices:x()})},[l,p]),r.useEffect(()=>{o!==y.page&&C(o)},[o]),r.useEffect(()=>{s!==y.pageSize&&w(s,o!==y.page?o:y.page)},[s]);function M(){return typeof l=="number"?l:b("pagination.many",{defaultValue:"many"})}function P(F){const W=w(F.target.value,1);n(W.page,W.pageSize,W.indices)}function O(F){const W=C(F);n(W.page,y.pageSize,W.indices)}const _=$(c||"sps-pagination",t);return r.createElement("div",{className:_,"data-testid":i,...g},r.createElement("div",{"data-testid":`${i}__size-selector`,className:"sps-page-size-selector"},b("pagination.view",{defaultValue:"View"}),r.createElement(on,{options:a,onChange:P,notClearable:!0,autoFixWidth:!0,value:y.pageSize,className:"ml-1 mr-1",disabled:d,onBeforeChange:f?F=>f(y.page,Number(F)):void 0}),b("pagination.perPage",{defaultValue:"Per Page"})),m?r.createElement("div",{className:"sps-pagination__details"},`${b("pagination.viewing",{defaultValue:"Viewing"})} ${y.indices[0]} - ${y.indices[1]} ${b("pagination.ofMany",{defaultValue:"of many"})}`):r.createElement("div",{className:"sps-pagination__details"},`${b("pagination.viewing",{defaultValue:"Viewing"})} ${y.indices[0]} - ${y.indices[1]} ${b("pagination.of",{defaultValue:"of"})} ${M()}`),r.createElement(ir,{numPages:y.numPages,page:y.page,onPageChange:O,disabled:d,unknownPageCount:m,nextPageBtnDisabled:u,onBeforeChange:f?F=>f(F,y.pageSize):void 0}))}Object.assign(Ss,{props:IT,displayName:"SpsPagination"});const vp={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Use the Standard Pagination Bar on a list page (comprised of a Table, Content Rows, or Content Tiles). It should always appear at the bottom of the listed records."),r.createElement("p",null,"Use the Mini Pagination component when a paginated list of results exists inside a smaller Card."))},pagination:{label:"Standard Pagination Bar",description:({Link:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"The Standard Pagination Bar is comprised of three main sections. The middle section is hidden from view when the width of its container is at the responsive breakpoint of 767 pixels."),r.createElement("ul",null,r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Results-per-page Select")," (left): allows the user to adjust the number of records being displayed per page.*")),r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Viewing details")," (middle): describes which results are being displayed on the current page.")),r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Page Navigator")," (right): allows the user to navigate between pages of results"))),r.createElement("i",null,"*Note: For Tables and Content Rows, per-page options should be 25, 50, and 100. For Content Tiles, per-page options should be 24, 48, and 100."),r.createElement("br",null),r.createElement("p",{className:"mt-2"},"To see an example of the Standard Pagination Bar in context with a Table, view the Table Lists section on the ",r.createElement(e,{to:"/style-and-layout/page-types"},"Page Types")," page.")),examples:{basic:{description:()=>r.createElement("h4",null,"Building the Standard Pagination Bar"),react:S.code`
6378
6378
  import { SpsPagination } from "@spscommerce/ds-react";
6379
6379
  function Component() {
6380
6380
  const [page, setPage] = React.useState(2);
@@ -6489,7 +6489,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
6489
6489
  function Component() {
6490
6490
  return <SpsPageSelector numPages={25} onPageChange={() => {}} disabled />;
6491
6491
  }
6492
- `}}}},xT={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",inline:"boolean",centered:"boolean",label:"string",name:{type:"string",required:!0},onChange:"ChangeEventHandler",value:"any"};function gs({checked:e,className:t,"data-testid":n,disabled:o,formControl:a,formMeta:s,id:i,inline:l,centered:c,label:d,name:m,onChange:u,ref:p,unsafelyReplaceClassName:f,value:g,...b}){const y=s||a,v=r.useRef(null),{wrapperId:h,controlId:x}=Ge(i),D=$(f||"sps-radio-button","sps-checkable",l&&"sps-checkable--inline",c&&"sps-checkable--centered",!d&&"sps-checkable--no-label",t);function w(k){y&&(y.setValue(g),y.markAsDirty()),u&&u(k),v.current?.focus()}return r.createElement(_e,{id:h,className:D,formControl:a,formMeta:s,inputRef:v,ref:p,"data-testid":`${n}`,onClick:()=>v.current?.click()},r.createElement("input",{type:"radio",ref:v,className:"sps-checkable__input","data-checked":e?"checked":void 0,"data-testid":`${n}__radio-input`,id:x,name:m,checked:e,disabled:o,onChange:w,...b}),r.createElement("label",{className:"sps-checkable__label",htmlFor:x},d||""))}Object.assign(gs,{props:xT,displayName:"SpsRadioButton"});const yp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use Radio Buttons:"),r.createElement("ul",null,r.createElement("li",null,"When only one option can be selected from the available options.")),r.createElement("h5",null,"Do Not Use Radio Buttons:"),r.createElement("ul",null,r.createElement("li",null,"When a selection causes an immediate change in the system. Use a"," ",r.createElement(e,{to:"toggle"},"Toggle")," instead."),r.createElement("li",null,"When multiple options can be selected from the available options. Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," instead."),r.createElement("li",null,"When the list of available options requires too much space to list efficiently. Use"," ",r.createElement(e,{to:"dropdown"},"Dropdown")," instead.")),r.createElement("h5",null,"Using Radio Buttons in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Radio Buttons in Form Layouts."),r.createElement("h5",null,"End to End Testing Radio Buttons"),r.createElement("p",null,'To determine if a radio button is checked in an E2E test, you should Use data-checked="checked".'))},basic:{label:"Basic Radio Buttons",description:()=>r.createElement("p",null,"Radio Buttons that represent related options are grouped together with a label. The groups can be arranged horizontally or vertically to best utilize available space."),examples:{horizontal:{description:()=>r.createElement("h4",null,"Horizontal Group"),react:S.code`
6492
+ `}}}},xT={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",inline:"boolean",centered:"boolean",label:"string",name:{type:"string",required:!0},onChange:"ChangeEventHandler",value:"any"};function gs({checked:e,className:t,"data-testid":n,disabled:o,formControl:a,formMeta:s,id:i,inline:l,centered:c,label:d,name:m,onChange:u,ref:p,unsafelyReplaceClassName:f,value:g,...b}){const y=s||a,v=r.useRef(null),{wrapperId:h,controlId:x}=Ge(i),C=$(f||"sps-radio-button","sps-checkable",l&&"sps-checkable--inline",c&&"sps-checkable--centered",!d&&"sps-checkable--no-label",t);function w(M){y&&(y.setValue(g),y.markAsDirty()),u&&u(M),v.current?.focus()}return r.createElement(_e,{id:h,className:C,formControl:a,formMeta:s,inputRef:v,ref:p,"data-testid":`${n}`,onClick:()=>v.current?.click()},r.createElement("input",{type:"radio",ref:v,className:"sps-checkable__input","data-checked":e?"checked":void 0,"data-testid":`${n}__radio-input`,id:x,name:m,checked:e,disabled:o,onChange:w,...b}),r.createElement("label",{className:"sps-checkable__label",htmlFor:x},d||""))}Object.assign(gs,{props:xT,displayName:"SpsRadioButton"});const yp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use Radio Buttons:"),r.createElement("ul",null,r.createElement("li",null,"When only one option can be selected from the available options.")),r.createElement("h5",null,"Do Not Use Radio Buttons:"),r.createElement("ul",null,r.createElement("li",null,"When a selection causes an immediate change in the system. Use a"," ",r.createElement(e,{to:"toggle"},"Toggle")," instead."),r.createElement("li",null,"When multiple options can be selected from the available options. Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," instead."),r.createElement("li",null,"When the list of available options requires too much space to list efficiently. Use"," ",r.createElement(e,{to:"dropdown"},"Dropdown")," instead.")),r.createElement("h5",null,"Using Radio Buttons in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Radio Buttons in Form Layouts."),r.createElement("h5",null,"End to End Testing Radio Buttons"),r.createElement("p",null,'To determine if a radio button is checked in an E2E test, you should Use data-checked="checked".'))},basic:{label:"Basic Radio Buttons",description:()=>r.createElement("p",null,"Radio Buttons that represent related options are grouped together with a label. The groups can be arranged horizontally or vertically to best utilize available space."),examples:{horizontal:{description:()=>r.createElement("h4",null,"Horizontal Group"),react:S.code`
6493
6493
  import {
6494
6494
  useSpsForm,
6495
6495
  SpsForm,
@@ -7033,7 +7033,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
7033
7033
  </SpsForm>
7034
7034
  );
7035
7035
  }
7036
- `}}}},Tp=({branch:e,setActiveBranch:t,activeBranch:n})=>{const[o,a]=T.useState(e.expanded||!1);return r.createElement("ul",{className:$("sps-side-nav__branch",e.name===n&&"sps-side-nav__branch--active")},r.createElement("li",{className:$("sps-side-nav__leaf",e.name===n&&"sps-side-nav__leaf--active")},r.createElement("span",{className:"sps-side-nav__link",onClick:()=>{a(!o),e.subNavItems||t(e.name,e.key)},onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.stopPropagation(),s.preventDefault(),a(!o),e.subNavItems||t(e.name,e.key))},role:"tab",tabIndex:0,"aria-selected":e.name===n},e.subNavItems&&r.createElement("i",{className:$("sps-icon sps-side-nav__toggle",o?"sps-icon-chevron-down":"sps-icon-chevron-right")}),r.createElement("span",{className:"sps-side-nav__link-title"},e.icon&&r.createElement("i",{className:`sps-icon sps-icon-${e.icon} mr-2`}),e.name),r.createElement("div",{className:"sps-side-nav__link-tag",style:{marginTop:"-2px"}},e.tag&&r.createElement("span",{className:`sps-tag sps-tag--${e.tag}`},e.tagContent))),e.subNavItems&&o&&e.subNavItems.map(s=>r.createElement(Tp,{branch:{...s,expanded:lr(s.subNavItems||[],n)},setActiveBranch:t,activeBranch:n,key:s.key??s.name}))))},lr=(e,t)=>e?e.some(n=>n.name===t)||e.some(n=>lr(n.subNavItems||[],t)):!1,Ep=({title:e,titleIcon:t,navOptions:n,onNavChange:o,activeNavItem:a,tabs:s,onTabChange:i,initialActiveTab:l,filterable:c,filterInputPlaceholder:d})=>{const m=T.useRef(a),[u,p]=T.useState(a),[f,g]=T.useState(l||(s?s[0]:"")),[b,y]=T.useState(""),v=(w,k)=>{p(w),o&&o(w,k)},h=w=>{g(w),i&&i(w)},x=w=>w?w.some(k=>k.name.toLowerCase().includes(b))||w.some(k=>x(k.subNavItems||[])):!1,D=n.map(w=>({...w,navItems:w.navItems.filter(k=>k.name.toLowerCase().includes(b)||x(k.subNavItems||[]))}));return a!==m.current&&(p(a),m.current=a),r.createElement("div",{className:"sps-side-nav sps-card"},e&&r.createElement("div",{className:"sps-card__header",title:e},r.createElement("div",{className:"sps-card__title"},t&&r.createElement("i",{className:`sps-icon sps-icon-${t}`}),e)),s&&r.createElement("nav",{className:"sps-nav sps-nav--tabs"},s.map(w=>r.createElement("span",{className:$("sps-nav__item","sps-nav__link",w===f&&"active"),"data-toggle":"tab",role:"tab",tabIndex:0,key:w,onClick:()=>h(w),onKeyDown:k=>{(k.key==="Enter"||k.key===" ")&&(k.stopPropagation(),k.preventDefault(),h(w))}},r.createElement("span",null,w)))),r.createElement("div",{className:"sps-card__body"},c&&r.createElement("section",{className:"sps-side-nav__section"},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},r.createElement("i",{className:"sps-text-input__icon sps-icon sps-icon-filter"}),r.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:d,onChange:w=>{y(w.target.value)}})))),D.map(w=>r.createElement("section",{className:"sps-side-nav__section",key:w.key??w.sectionTitle},w.sectionTitle&&r.createElement("div",{className:"sps-side-nav__section-title",style:{fontWeight:400}},w.sectionTitle),w.navItems.map(k=>r.createElement(Tp,{branch:{...k,expanded:lr(k.subNavItems||[],a)},activeBranch:u,setActiveBranch:(R,F)=>{v(R,F)},key:k.key??k.name}))))))},wp={usage:{label:"Usage",customSection:()=>r.createElement(r.Fragment,null,r.createElement("div",null,r.createElement("span",{className:"sps-body-14 mb-2"},"Use the Side Navigation if:"),r.createElement("ul",{className:"mt-2"},r.createElement("li",{className:"mb-1"},"The navigation benefits from subsections or nested structures"),r.createElement("li",{className:"mb-1"},"There are too many items for Tabbed Navigation"),r.createElement("li",null,"The navigation items have long names"))),r.createElement("div",null,r.createElement("span",{className:"sps-body-14 mb-2"},"Avoid using the Side Navigation if:"),r.createElement("ul",{className:"mt-2"},r.createElement("li",{className:"mb-1"},"Tabbed Navigation is sufficient"),r.createElement("li",{className:"mb-1"},"The full width of the page is required to sufficiently display content"))))},filter:{label:"Filter",description:"Use Filters when the Side Navigation benefits from filtering, usually when it contains a long list of navigation items.",examples:{simple:{react:S.code`
7036
+ `}}}},Tp=({branch:e,setActiveBranch:t,activeBranch:n})=>{const[o,a]=T.useState(e.expanded||!1);return r.createElement("ul",{className:$("sps-side-nav__branch",e.name===n&&"sps-side-nav__branch--active")},r.createElement("li",{className:$("sps-side-nav__leaf",e.name===n&&"sps-side-nav__leaf--active")},r.createElement("span",{className:"sps-side-nav__link",onClick:()=>{a(!o),e.subNavItems||t(e.name,e.key)},onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.stopPropagation(),s.preventDefault(),a(!o),e.subNavItems||t(e.name,e.key))},role:"tab",tabIndex:0,"aria-selected":e.name===n},e.subNavItems&&r.createElement("i",{className:$("sps-icon sps-side-nav__toggle",o?"sps-icon-chevron-down":"sps-icon-chevron-right")}),r.createElement("span",{className:"sps-side-nav__link-title"},e.icon&&r.createElement("i",{className:`sps-icon sps-icon-${e.icon} mr-2`}),e.name),r.createElement("div",{className:"sps-side-nav__link-tag",style:{marginTop:"-2px"}},e.tag&&r.createElement("span",{className:`sps-tag sps-tag--${e.tag}`},e.tagContent))),e.subNavItems&&o&&e.subNavItems.map(s=>r.createElement(Tp,{branch:{...s,expanded:lr(s.subNavItems||[],n)},setActiveBranch:t,activeBranch:n,key:s.key??s.name}))))},lr=(e,t)=>e?e.some(n=>n.name===t)||e.some(n=>lr(n.subNavItems||[],t)):!1,Ep=({title:e,titleIcon:t,navOptions:n,onNavChange:o,activeNavItem:a,tabs:s,onTabChange:i,initialActiveTab:l,filterable:c,filterInputPlaceholder:d})=>{const m=T.useRef(a),[u,p]=T.useState(a),[f,g]=T.useState(l||(s?s[0]:"")),[b,y]=T.useState(""),v=(w,M)=>{p(w),o&&o(w,M)},h=w=>{g(w),i&&i(w)},x=w=>w?w.some(M=>M.name.toLowerCase().includes(b))||w.some(M=>x(M.subNavItems||[])):!1,C=n.map(w=>({...w,navItems:w.navItems.filter(M=>M.name.toLowerCase().includes(b)||x(M.subNavItems||[]))}));return a!==m.current&&(p(a),m.current=a),r.createElement("div",{className:"sps-side-nav sps-card"},e&&r.createElement("div",{className:"sps-card__header",title:e},r.createElement("div",{className:"sps-card__title"},t&&r.createElement("i",{className:`sps-icon sps-icon-${t}`}),e)),s&&r.createElement("nav",{className:"sps-nav sps-nav--tabs"},s.map(w=>r.createElement("span",{className:$("sps-nav__item","sps-nav__link",w===f&&"active"),"data-toggle":"tab",role:"tab",tabIndex:0,key:w,onClick:()=>h(w),onKeyDown:M=>{(M.key==="Enter"||M.key===" ")&&(M.stopPropagation(),M.preventDefault(),h(w))}},r.createElement("span",null,w)))),r.createElement("div",{className:"sps-card__body"},c&&r.createElement("section",{className:"sps-side-nav__section"},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},r.createElement("i",{className:"sps-text-input__icon sps-icon sps-icon-filter"}),r.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:d,onChange:w=>{y(w.target.value)}})))),C.map(w=>r.createElement("section",{className:"sps-side-nav__section",key:w.key??w.sectionTitle},w.sectionTitle&&r.createElement("div",{className:"sps-side-nav__section-title",style:{fontWeight:400}},w.sectionTitle),w.navItems.map(M=>r.createElement(Tp,{branch:{...M,expanded:lr(M.subNavItems||[],a)},activeBranch:u,setActiveBranch:(P,O)=>{v(P,O)},key:M.key??M.name}))))))},wp={usage:{label:"Usage",customSection:()=>r.createElement(r.Fragment,null,r.createElement("div",null,r.createElement("span",{className:"sps-body-14 mb-2"},"Use the Side Navigation if:"),r.createElement("ul",{className:"mt-2"},r.createElement("li",{className:"mb-1"},"The navigation benefits from subsections or nested structures"),r.createElement("li",{className:"mb-1"},"There are too many items for Tabbed Navigation"),r.createElement("li",null,"The navigation items have long names"))),r.createElement("div",null,r.createElement("span",{className:"sps-body-14 mb-2"},"Avoid using the Side Navigation if:"),r.createElement("ul",{className:"mt-2"},r.createElement("li",{className:"mb-1"},"Tabbed Navigation is sufficient"),r.createElement("li",{className:"mb-1"},"The full width of the page is required to sufficiently display content"))))},filter:{label:"Filter",description:"Use Filters when the Side Navigation benefits from filtering, usually when it contains a long list of navigation items.",examples:{simple:{react:S.code`
7037
7037
  import { SpsSideNav } from "@spscommerce/ds-react";
7038
7038
  import { SpsIcon } from "@spscommerce/ds-shared";
7039
7039
  function DemoComponent() {
@@ -7354,7 +7354,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
7354
7354
  </div>
7355
7355
  );
7356
7356
  }
7357
- `}}}},kT={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string"};function hs(e){const{children:t,className:n,"data-testid":o,disabled:a,href:s,label:i,options:l,icon:c,kind:d=A.StdButtonKind.DEFAULT,spinning:m,spinningTitle:u,unsafelyReplaceClassName:p,onClick:f,...g}=e,b=r.useRef(null),[y,v]=r.useState({width:0}),[h,x]=r.useState(!1),[D,w]=r.useState(!1);r.useLayoutEffect(()=>{b.current&&v({width:b.current.offsetWidth})},[]),r.useEffect(()=>{w(!!m)},[m]);const k=()=>{x(!0)},R=()=>{x(!1)},F=$(p||"sps-split-button",`sps-split-button--${d}`,h&&"sps-split-button--open",n);return r.createElement(r.Fragment,null,D?r.createElement(Ne,{className:n,"data-testid":o,style:{width:y.width},kind:d,icon:c,href:s,spinning:!0,spinningTitle:u},i):r.createElement("div",{ref:b,className:F,"data-testid":o,...g},r.createElement(Ne,{kind:d,icon:c,href:s,disabled:a,onClick:f},i),r.createElement(an,{kind:d,options:l,disabled:a,onOpen:k,onClose:R})))}Object.assign(hs,{props:kT,displayName:"SpsSplitButton"});const Cp={kinds:{label:"Regular Split Buttons",description:S.code`<p>info about split buttons</p>`,examples:{basic:{description:S.code`<p>Basic</p>`,imports:S.code`
7357
+ `}}}},kT={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string"};function hs(e){const{children:t,className:n,"data-testid":o,disabled:a,href:s,label:i,options:l,icon:c,kind:d=A.StdButtonKind.DEFAULT,spinning:m,spinningTitle:u,unsafelyReplaceClassName:p,onClick:f,...g}=e,b=r.useRef(null),[y,v]=r.useState({width:0}),[h,x]=r.useState(!1),[C,w]=r.useState(!1);r.useLayoutEffect(()=>{b.current&&v({width:b.current.offsetWidth})},[]),r.useEffect(()=>{w(!!m)},[m]);const M=()=>{x(!0)},P=()=>{x(!1)},O=$(p||"sps-split-button",`sps-split-button--${d}`,h&&"sps-split-button--open",n);return r.createElement(r.Fragment,null,C?r.createElement(Ne,{className:n,"data-testid":o,style:{width:y.width},kind:d,icon:c,href:s,spinning:!0,spinningTitle:u},i):r.createElement("div",{ref:b,className:O,"data-testid":o,...g},r.createElement(Ne,{kind:d,icon:c,href:s,disabled:a,onClick:f},i),r.createElement(an,{kind:d,options:l,disabled:a,onOpen:M,onClose:P})))}Object.assign(hs,{props:kT,displayName:"SpsSplitButton"});const Cp={kinds:{label:"Regular Split Buttons",description:S.code`<p>info about split buttons</p>`,examples:{basic:{description:S.code`<p>Basic</p>`,imports:S.code`
7358
7358
  import { SpsSplitButton } from "@spscommerce/ds-react";
7359
7359
  `,jsx:S.code`
7360
7360
  <React.Fragment>
@@ -7720,7 +7720,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
7720
7720
  </SpsSummaryListRow>
7721
7721
  );
7722
7722
  }
7723
- `}}}},PT={tasks:"ReactSpsTask[]",taskQueuePosition:"Position",notificationText:"string",tooltipConfig:"{ position: Position, kind: TooltipKind }",onClose:"() => void",onOpen:"() => void",onClearCompleted:"() => void",suppressTooltips:"boolean"};function ys({tasks:e=[],taskQueuePosition:t=A.Position.BOTTOM_RIGHT,notificationText:n,tooltipConfig:o={},onOpen:a,onClose:s,onClearCompleted:i,className:l,"data-testid":c,unsafelyReplaceClassName:d,suppressTooltips:m=!1,...u}){const{t:p}=Se.useWoodlandLanguage(),f=!!e.length,[g,b]=r.useState(!1),[y,v]=r.useState(f),h=r.useRef(null),x=r.useRef(null),D=r.useCallback(()=>{b(!1),s&&s()},[]);r.useEffect(()=>{g?window.addEventListener("resize",D):window.removeEventListener("resize",D)},[g]);const w=gn("sps-task-queue-portal"),k=r.useContext(rt),[R]=g?Sn(x,h,t,{altPosition:t,...k}):[{},!1],F=o.position||A.Position.BOTTOM_RIGHT,_=o.kind||A.TooltipKind.DEFAULT,O=e.filter(C=>C.unread).length,W=e.filter(C=>C.status===A.SpsTaskStatus.IN_PROGRESS).length,Z=e.some(C=>C.status===A.SpsTaskStatus.COMPLETED||C.status===A.SpsTaskStatus.ERRORED),K=r.useRef(s);K.current=s;const E=r.useRef(null),V=()=>{f&&!g?(b(!0),a&&a()):g&&(b(!1),s&&s()),E.current&&(E.current.scrollTop=0)},B=C=>C.status===A.SpsTaskStatus.IN_PROGRESS?A.SpsTaskStatusIcons[C.status]:`sps-icon sps-icon-${A.SpsTaskStatusIcons[C.status]}`;r.useEffect(()=>{g&&!f&&(b(!1),K.current&&K.current())},[g,f]);const M=r.useRef();r.useEffect(()=>{O>0?(v(!0),M.current&&window.clearTimeout(M.current),M.current=window.setTimeout(()=>{M.current=void 0,v(!1)},A.TASK_QUEUE_NOTIFICATION_DURATION_MS)):(M.current&&(window.clearTimeout(M.current),M.current=void 0),v(!1))},[O]),r.useEffect(()=>{const C=()=>{b(L=>(L&&K.current&&K.current(),!1))};return document.getElementById("root")?.addEventListener("click",C),()=>{document.getElementById("root")?.removeEventListener("click",C)}},[]),$n({isOpen:g,rootRef:h}),r.useEffect(()=>()=>{M.current&&window.clearTimeout(M.current)},[]);const Y=$(d||"sps-task-queue",g&&"sps-task-queue--open",g&&"z-stratum-dropdown",!f&&"sps-task-queue--no-tasks",l);function N(C){return(C.actions||[]).map(L=>{if(r.isValidElement(L)){const q=L;if(q.type!==Ne||q.props.kind!==A.ButtonKind.ICON)throw new Error("Task queue task action must be a config object or an SpsButton of kind ICON");return q}else{const q=L;return r.createElement("div",{key:q.icon,className:"sps-button sps-button--icon"},r.createElement("button",{type:"button",title:q.label,disabled:q.disabled,onClick:()=>{q.onClick&&q.onClick(C)}},q.caption,q.icon&&r.createElement("i",{className:`sps-icon sps-icon-${q.icon}`,"aria-hidden":"true"})))}})}return r.createElement("div",{className:Y,onClick:C=>{C.nativeEvent.stopImmediatePropagation()},"data-testid":c,...u},r.createElement("button",{type:"button",ref:h,className:"sps-task-queue__button",title:"Task Queue",onClick:V},!!O&&r.createElement("span",{className:"sps-tag sps-tag--info"},O),W?r.createElement("span",{className:"sps-spinner sps-spinner--small"}):r.createElement("i",{className:"sps-icon sps-icon-list","aria-hidden":"true"})),r.createElement(ct,{for:h,position:F,kind:_,showOn:f?A.TooltipShowTrigger.MANUAL:A.TooltipShowTrigger.MOUSEOVER,isShown:y&&!g?he.VISIBLE:he.HIDDEN,hideDelay:Number(f)&&A.TASK_QUEUE_NOTIFICATION_DURATION_MS},!m&&y&&(n||p("taskQueue.newTask",{defaultValue:"You have a new task in your queue."})),!m&&!y&&!f&&p("taskQueue.noTasks",{defaultValue:"There are currently no tasks in your queue."})),w(r.createElement("div",{ref:x,className:$("sps-task-queue__task-list",g&&"sps-task-queue__task-list--open","z-stratum-dropdown"),style:R},r.createElement("div",{ref:E,className:"sps-task-queue__task-list-tasks"},e.map((C,L)=>r.createElement("div",{key:L,className:$("sps-task-queue__task",C.unread&&"sps-task-queue__task--unread")},r.createElement("i",{className:B(C)}),r.createElement("div",{className:"sps-task-queue__task-description"},r.createElement("div",{className:"sps-task-queue__task-heading"},C.heading),C.subheading&&r.createElement("div",{className:"sps-task-queue__task-subheading",title:C.subheading},C.subheading)),C.actions&&!!C.actions.length&&r.createElement("div",{className:"sps-task-queue__task-actions"},N(C))))),Z&&i&&r.createElement("div",{className:"sps-task-queue__footer"},r.createElement("div",{className:"sps-button sps-button--link"},r.createElement("button",{type:"button",onClick:i},p("taskQueue.clearCompleted",{defaultValue:"Clear Completed"})))))))}Object.assign(ys,{props:PT,displayName:"SpsTaskQueue"});const Np={inProgress:{label:"Task Queue in progress",description:"<p>Info about Task Queue</p>",examples:{inProgress:{react:S.code`
7723
+ `}}}},PT={tasks:"ReactSpsTask[]",taskQueuePosition:"Position",notificationText:"string",tooltipConfig:"{ position: Position, kind: TooltipKind }",onClose:"() => void",onOpen:"() => void",onClearCompleted:"() => void",suppressTooltips:"boolean"};function ys({tasks:e=[],taskQueuePosition:t=A.Position.BOTTOM_RIGHT,notificationText:n,tooltipConfig:o={},onOpen:a,onClose:s,onClearCompleted:i,className:l,"data-testid":c,unsafelyReplaceClassName:d,suppressTooltips:m=!1,...u}){const{t:p}=Se.useWoodlandLanguage(),f=!!e.length,[g,b]=r.useState(!1),[y,v]=r.useState(f),h=r.useRef(null),x=r.useRef(null),C=r.useCallback(()=>{b(!1),s&&s()},[]);r.useEffect(()=>{g?window.addEventListener("resize",C):window.removeEventListener("resize",C)},[g]);const w=gn("sps-task-queue-portal"),M=r.useContext(rt),[P]=g?Sn(x,h,t,{altPosition:t,...M}):[{},!1],O=o.position||A.Position.BOTTOM_RIGHT,_=o.kind||A.TooltipKind.DEFAULT,F=e.filter(D=>D.unread).length,W=e.filter(D=>D.status===A.SpsTaskStatus.IN_PROGRESS).length,Z=e.some(D=>D.status===A.SpsTaskStatus.COMPLETED||D.status===A.SpsTaskStatus.ERRORED),K=r.useRef(s);K.current=s;const E=r.useRef(null),V=()=>{f&&!g?(b(!0),a&&a()):g&&(b(!1),s&&s()),E.current&&(E.current.scrollTop=0)},R=D=>D.status===A.SpsTaskStatus.IN_PROGRESS?A.SpsTaskStatusIcons[D.status]:`sps-icon sps-icon-${A.SpsTaskStatusIcons[D.status]}`;r.useEffect(()=>{g&&!f&&(b(!1),K.current&&K.current())},[g,f]);const k=r.useRef();r.useEffect(()=>{F>0?(v(!0),k.current&&window.clearTimeout(k.current),k.current=window.setTimeout(()=>{k.current=void 0,v(!1)},A.TASK_QUEUE_NOTIFICATION_DURATION_MS)):(k.current&&(window.clearTimeout(k.current),k.current=void 0),v(!1))},[F]),r.useEffect(()=>{const D=()=>{b(L=>(L&&K.current&&K.current(),!1))};return document.getElementById("root")?.addEventListener("click",D),()=>{document.getElementById("root")?.removeEventListener("click",D)}},[]),$n({isOpen:g,rootRef:h}),r.useEffect(()=>()=>{k.current&&window.clearTimeout(k.current)},[]);const Y=$(d||"sps-task-queue",g&&"sps-task-queue--open",g&&"z-stratum-dropdown",!f&&"sps-task-queue--no-tasks",l);function N(D){return(D.actions||[]).map(L=>{if(r.isValidElement(L)){const q=L;if(q.type!==Ne||q.props.kind!==A.ButtonKind.ICON)throw new Error("Task queue task action must be a config object or an SpsButton of kind ICON");return q}else{const q=L;return r.createElement("div",{key:q.icon,className:"sps-button sps-button--icon"},r.createElement("button",{type:"button",title:q.label,disabled:q.disabled,onClick:()=>{q.onClick&&q.onClick(D)}},q.caption,q.icon&&r.createElement("i",{className:`sps-icon sps-icon-${q.icon}`,"aria-hidden":"true"})))}})}return r.createElement("div",{className:Y,onClick:D=>{D.nativeEvent.stopImmediatePropagation()},"data-testid":c,...u},r.createElement("button",{type:"button",ref:h,className:"sps-task-queue__button",title:"Task Queue",onClick:V},!!F&&r.createElement("span",{className:"sps-tag sps-tag--info"},F),W?r.createElement("span",{className:"sps-spinner sps-spinner--small"}):r.createElement("i",{className:"sps-icon sps-icon-list","aria-hidden":"true"})),r.createElement(ct,{for:h,position:O,kind:_,showOn:f?A.TooltipShowTrigger.MANUAL:A.TooltipShowTrigger.MOUSEOVER,isShown:y&&!g?he.VISIBLE:he.HIDDEN,hideDelay:Number(f)&&A.TASK_QUEUE_NOTIFICATION_DURATION_MS},!m&&y&&(n||p("taskQueue.newTask",{defaultValue:"You have a new task in your queue."})),!m&&!y&&!f&&p("taskQueue.noTasks",{defaultValue:"There are currently no tasks in your queue."})),w(r.createElement("div",{ref:x,className:$("sps-task-queue__task-list",g&&"sps-task-queue__task-list--open","z-stratum-dropdown"),style:P},r.createElement("div",{ref:E,className:"sps-task-queue__task-list-tasks"},e.map((D,L)=>r.createElement("div",{key:L,className:$("sps-task-queue__task",D.unread&&"sps-task-queue__task--unread")},r.createElement("i",{className:R(D)}),r.createElement("div",{className:"sps-task-queue__task-description"},r.createElement("div",{className:"sps-task-queue__task-heading"},D.heading),D.subheading&&r.createElement("div",{className:"sps-task-queue__task-subheading",title:D.subheading},D.subheading)),D.actions&&!!D.actions.length&&r.createElement("div",{className:"sps-task-queue__task-actions"},N(D))))),Z&&i&&r.createElement("div",{className:"sps-task-queue__footer"},r.createElement("div",{className:"sps-button sps-button--link"},r.createElement("button",{type:"button",onClick:i},p("taskQueue.clearCompleted",{defaultValue:"Clear Completed"})))))))}Object.assign(ys,{props:PT,displayName:"SpsTaskQueue"});const Np={inProgress:{label:"Task Queue in progress",description:"<p>Info about Task Queue</p>",examples:{inProgress:{react:S.code`
7724
7724
  import { SpsTaskQueue } from "@spscommerce/ds-react";
7725
7725
  import { SpsTaskStatus, SpsIcon } from "@spscommerce/ds-shared";
7726
7726
 
@@ -8009,7 +8009,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
8009
8009
  </div>
8010
8010
  );
8011
8011
  }
8012
- `}}}},BT={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},cr=r.forwardRef(({className:e,disabled:t=!1,formControl:n,formMeta:o,icon:a,id:s,name:i,onChange:l,placeholder:c,"data-testid":d,title:m,unsafelyReplaceClassName:u,value:p="",additionalText:f,notClearable:g,...b},y)=>{const v=o||n,{wrapperId:h,controlId:x}=Ge(s,v),D=r.useRef(null);function w(_,O){v&&(v.setValue(_),v.markAsDirty()),l&&D.current&&l(O||new Lt(D.current))}function k(){D.current&&(D.current.value="",w(""))}function R(_){w(_.target.value,_)}const F=$(u||"sps-text-input",e);return r.createElement(_e,{id:h,className:F,formControl:n,formMeta:o,inputRef:D,ref:y,focusInputOnClick:!0,"data-testid":`${d}`},r.createElement("div",{className:$("sps-form-control",t&&"disabled")},a&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${a}`)}),r.createElement("input",{type:"text",ref:D,"data-testid":`${d}__input`,className:"sps-text-input__input",id:x,name:i,placeholder:c,onChange:R,title:m,value:p,disabled:t,...b}),!g&&p&&!t&&r.createElement("i",{"data-testid":`${d}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:k})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))});Object.assign(cr,{props:BT,displayName:"SpsTextInput"});const Ip={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Text Input:"),r.createElement("ul",null,r.createElement("li",null,"When the value required is short (a single word or short phrase)."),r.createElement("li",null,"When only one value is required or accepted.")),r.createElement("h5",null,"Do Not Use a Text Input:"),r.createElement("ul",null,r.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted. Use a ",r.createElement(e,{to:"text-areas"},"Text Area")," instead."),r.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",r.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),r.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",r.createElement(e,{to:"toggle"},"Toggles")," instead.")),r.createElement("h5",null,"Using Text Inputs in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Inputs",description:()=>r.createElement("p",null,"Basic Text Inputs include a label and an input field."),examples:{standard:{react:S.code`
8012
+ `}}}},BT={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},cr=r.forwardRef(({className:e,disabled:t=!1,formControl:n,formMeta:o,icon:a,id:s,name:i,onChange:l,placeholder:c,"data-testid":d,title:m,unsafelyReplaceClassName:u,value:p="",additionalText:f,notClearable:g,...b},y)=>{const v=o||n,{wrapperId:h,controlId:x}=Ge(s,v),C=r.useRef(null);function w(_,F){v&&(v.setValue(_),v.markAsDirty()),l&&C.current&&l(F||new Lt(C.current))}function M(){C.current&&(C.current.value="",w(""))}function P(_){w(_.target.value,_)}const O=$(u||"sps-text-input",e);return r.createElement(_e,{id:h,className:O,formControl:n,formMeta:o,inputRef:C,ref:y,focusInputOnClick:!0,"data-testid":`${d}`},r.createElement("div",{className:$("sps-form-control",t&&"disabled")},a&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${a}`)}),r.createElement("input",{type:"text",ref:C,"data-testid":`${d}__input`,className:"sps-text-input__input",id:x,name:i,placeholder:c,onChange:P,title:m,value:p,disabled:t,...b}),!g&&p&&!t&&r.createElement("i",{"data-testid":`${d}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:M})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))});Object.assign(cr,{props:BT,displayName:"SpsTextInput"});const Ip={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Text Input:"),r.createElement("ul",null,r.createElement("li",null,"When the value required is short (a single word or short phrase)."),r.createElement("li",null,"When only one value is required or accepted.")),r.createElement("h5",null,"Do Not Use a Text Input:"),r.createElement("ul",null,r.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted. Use a ",r.createElement(e,{to:"text-areas"},"Text Area")," instead."),r.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",r.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),r.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",r.createElement(e,{to:"toggle"},"Toggles")," instead.")),r.createElement("h5",null,"Using Text Inputs in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Inputs",description:()=>r.createElement("p",null,"Basic Text Inputs include a label and an input field."),examples:{standard:{react:S.code`
8013
8013
  import { SpsLabel, SpsTextInput, useSpsForm } from "@spscommerce/ds-react";
8014
8014
 
8015
8015
  function DemoComponent() {
@@ -8084,7 +8084,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
8084
8084
  </div>
8085
8085
  );
8086
8086
  }
8087
- `}}}},OT={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"},RT=500;function Ts({className:e,disabled:t=!1,formControl:n,formMeta:o,id:a,name:s,onChange:i,placeholder:l="",ref:c,rows:d=2,"data-testid":m,unsafelyReplaceClassName:u,value:p="",additionalText:f,...g}){const b=o||n,{wrapperId:y,controlId:v}=Ge(a,b),h=r.useRef(null),x=r.useRef(!1),D=r.useRef(void 0);r.useEffect(()=>()=>clearTimeout(D.current),[]);function w(O,W){b&&(b.setValue(O),b.markAsDirty()),i&&h.current&&i(W||new Lt(h.current))}function k(){h.current&&(h.current.value="",w(""))}function R(O){w(O.target.value,O)}const F=$(u||"sps-textarea",e);function _(O){if(clearTimeout(D.current),D.current=void 0,O.key==="Escape"){if(!x.current){x.current=!0,D.current=setTimeout(()=>{x.current=!1},RT);return}O.stopPropagation(),p&&!t&&k()}x.current=!1}return r.createElement(_e,{id:y,className:F,formControl:n,formMeta:o,inputRef:h,ref:c,"data-testid":m},r.createElement("div",{className:"position-relative"},r.createElement("textarea",{ref:h,rows:d,"data-testid":`${m}__input`,className:"sps-form-control",id:v,name:s,placeholder:l,onChange:R,onKeyDown:_,"aria-label":l,value:p||"",disabled:t,...g})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))}Object.assign(Ts,{props:OT,displayName:"SpsTextarea"});const xp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Text Area:"),r.createElement("ul",null,r.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted.")),r.createElement("h5",null,"Do Not Use a Text Area:"),r.createElement("ul",null,r.createElement("li",null,"When the value required is short (a single word or short phrase). Use a"," ",r.createElement(e,{to:"text-inputs"},"Text Input")," instead."),r.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",r.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),r.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",r.createElement(e,{to:"toggle"},"Toggles")," instead.")),r.createElement("h5",null,"Using Text Areas in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Areas",description:()=>r.createElement("p",null,"Basic Text Areas include a label and a large input field. By default a Text Area is three lines tall, but the height can be adjusted. A text area can be cleared by pressing 'Escape' twice while the input is focused."),examples:{standard:{react:S.code`
8087
+ `}}}},OT={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"},RT=500;function Ts({className:e,disabled:t=!1,formControl:n,formMeta:o,id:a,name:s,onChange:i,placeholder:l="",ref:c,rows:d=2,"data-testid":m,unsafelyReplaceClassName:u,value:p="",additionalText:f,...g}){const b=o||n,{wrapperId:y,controlId:v}=Ge(a,b),h=r.useRef(null),x=r.useRef(!1),C=r.useRef(void 0);r.useEffect(()=>()=>clearTimeout(C.current),[]);function w(F,W){b&&(b.setValue(F),b.markAsDirty()),i&&h.current&&i(W||new Lt(h.current))}function M(){h.current&&(h.current.value="",w(""))}function P(F){w(F.target.value,F)}const O=$(u||"sps-textarea",e);function _(F){if(clearTimeout(C.current),C.current=void 0,F.key==="Escape"){if(!x.current){x.current=!0,C.current=setTimeout(()=>{x.current=!1},RT);return}F.stopPropagation(),p&&!t&&M()}x.current=!1}return r.createElement(_e,{id:y,className:O,formControl:n,formMeta:o,inputRef:h,ref:c,"data-testid":m},r.createElement("div",{className:"position-relative"},r.createElement("textarea",{ref:h,rows:d,"data-testid":`${m}__input`,className:"sps-form-control",id:v,name:s,placeholder:l,onChange:P,onKeyDown:_,"aria-label":l,value:p||"",disabled:t,...g})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))}Object.assign(Ts,{props:OT,displayName:"SpsTextarea"});const xp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Text Area:"),r.createElement("ul",null,r.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted.")),r.createElement("h5",null,"Do Not Use a Text Area:"),r.createElement("ul",null,r.createElement("li",null,"When the value required is short (a single word or short phrase). Use a"," ",r.createElement(e,{to:"text-inputs"},"Text Input")," instead."),r.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",r.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),r.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",r.createElement(e,{to:"toggle"},"Toggles")," instead.")),r.createElement("h5",null,"Using Text Areas in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Areas",description:()=>r.createElement("p",null,"Basic Text Areas include a label and a large input field. By default a Text Area is three lines tall, but the height can be adjusted. A text area can be cleared by pressing 'Escape' twice while the input is focused."),examples:{standard:{react:S.code`
8088
8088
  import { SpsLabel, SpsTextarea, useSpsForm } from "@spscommerce/ds-react";
8089
8089
  function DemoComponent() {
8090
8090
  const { formValue, formMeta, updateForm } = useSpsForm({ notes: "" });
@@ -8155,7 +8155,7 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
8155
8155
  </div>
8156
8156
  );
8157
8157
  }
8158
- `}}}},kp={active:"boolean",description:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",label:"string",large:"boolean",onChange:"(isActive: boolean) => void"};function Es(e){const{active:t,className:n,description:o,disabled:a,formControl:s,formMeta:i,id:l,label:c,large:d,onChange:m,ref:u,"data-testid":p,unsafelyReplaceClassName:f,...g}=e;Ai("SpsToggle",kp,e);const b=i||s,[y,v]=r.useState(t),{wrapperId:h,controlId:x}=Ge(l,b),D=`${h}_status-label`,w=`${h}_description`,k=r.useRef(null);r.useEffect(()=>v(t),[t]);function R(O){v(O.target.checked),b&&(b.setValue(O.target.checked),b.markAsDirty()),m&&m(O.target.checked),k.current?.focus()}const F=t??y,_=$(f||"sps-toggle",F&&"sps-toggle--active",d&&"sps-toggle--large",a&&"sps-toggle--disabled",n);return r.createElement(_e,{id:h,formControl:s,formMeta:i,inputRef:k,ref:u,"data-testid":`${p}`},r.createElement("div",{className:_},r.createElement("input",{type:"checkbox",ref:k,className:"sps-toggle__input",id:x,checked:F||!1,disabled:a,onChange:R,"aria-describedby":`${D},${w}`,"data-testid":`${p}__input`,...g}),r.createElement("span",{className:"sps-toggle__slider"}),c&&r.createElement("label",{className:"sps-toggle__status-label",htmlFor:x,id:D},c),o&&r.createElement("span",{className:"sps-toggle__description",id:w},o)))}Object.assign(Es,{props:kp,displayName:"SpsToggle"});const Mp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use Toggles:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},'When an option represents a specific "on/off" state.'),r.createElement("li",{className:"mb-2"},"When the selection causes an imeediate change in the system.")),r.createElement("h5",null,"Do Not Use Toggles:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},"When a selection does not cause an immediate change in the system."," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),r.createElement("li",{className:"mb-2"},"Inside a form with a save/submit button as this contradicts the immediate change in the system that a toggle controls.")))},basic:{label:"Basic Toggles",description:()=>r.createElement("p",null,"Basic toggles can appear with or without labels and can include an extended description if necessary."),examples:{basic:{description:()=>r.createElement("h4",{className:"mb-3"},"Toggle"),react:S.code`
8158
+ `}}}},kp={active:"boolean",description:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",label:"string",large:"boolean",onChange:"(isActive: boolean) => void"};function Es(e){const{active:t,className:n,description:o,disabled:a,formControl:s,formMeta:i,id:l,label:c,large:d,onChange:m,ref:u,"data-testid":p,unsafelyReplaceClassName:f,...g}=e;Ai("SpsToggle",kp,e);const b=i||s,[y,v]=r.useState(t),{wrapperId:h,controlId:x}=Ge(l,b),C=`${h}_status-label`,w=`${h}_description`,M=r.useRef(null);r.useEffect(()=>v(t),[t]);function P(F){v(F.target.checked),b&&(b.setValue(F.target.checked),b.markAsDirty()),m&&m(F.target.checked),M.current?.focus()}const O=t??y,_=$(f||"sps-toggle",O&&"sps-toggle--active",d&&"sps-toggle--large",a&&"sps-toggle--disabled",n);return r.createElement(_e,{id:h,formControl:s,formMeta:i,inputRef:M,ref:u,"data-testid":`${p}`},r.createElement("div",{className:_},r.createElement("input",{type:"checkbox",ref:M,className:"sps-toggle__input",id:x,checked:O||!1,disabled:a,onChange:P,"aria-describedby":`${C},${w}`,"data-testid":`${p}__input`,...g}),r.createElement("span",{className:"sps-toggle__slider"}),c&&r.createElement("label",{className:"sps-toggle__status-label",htmlFor:x,id:C},c),o&&r.createElement("span",{className:"sps-toggle__description",id:w},o)))}Object.assign(Es,{props:kp,displayName:"SpsToggle"});const Mp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use Toggles:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},'When an option represents a specific "on/off" state.'),r.createElement("li",{className:"mb-2"},"When the selection causes an imeediate change in the system.")),r.createElement("h5",null,"Do Not Use Toggles:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},"When a selection does not cause an immediate change in the system."," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),r.createElement("li",{className:"mb-2"},"Inside a form with a save/submit button as this contradicts the immediate change in the system that a toggle controls.")))},basic:{label:"Basic Toggles",description:()=>r.createElement("p",null,"Basic toggles can appear with or without labels and can include an extended description if necessary."),examples:{basic:{description:()=>r.createElement("h4",{className:"mb-3"},"Toggle"),react:S.code`
8159
8159
  import { SpsToggle, useSpsForm } from "@spscommerce/ds-react";
8160
8160
  function DemoComponent() {
8161
8161
  const { formValue, formMeta, updateForm } = useSpsForm({
@@ -9717,9 +9717,9 @@ Valid keys: `+JSON.stringify(Object.keys(C),null," "));var H=z(X,ee,ne,oe,U+"."
9717
9717
  ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter(o=>o!=="")}function Up(e,t,n){n.includes(`
9718
9718
  `)||(e=e?.replaceAll(`
9719
9719
  `," ")),n.includes(" ")||(e=e?.replaceAll(" "," "));let o=[e];for(const s of n)o=o.flatMap(i=>i?.split(s));return o=o.map(s=>s?.trim()).filter(s=>!!s),[...new Set([...t??[],...o])]}const qT={disabled:"boolean",formMeta:"SpsFormFieldMeta<any[]>",icon:"SpsIcon",onChange:"ChangeEventHandler",onEntryChange:"(searchText: string) => void",placeholder:"string",value:"any",createTagOptions:"string[]",isSingleLine:"boolean",dynamicPasting:"boolean",preferTextAreaInput:"boolean",textAreaRows:"number | undefined",onSearchInputFocused:"() => void"},zp=[","," ",`
9720
- `," "];function Ps({className:e,disabled:t,formControl:n,formMeta:o,id:a,onChange:s,onEntryChange:i,placeholder:l,unsafelyReplaceClassName:c,value:d,icon:m,createTagOptions:u=zp,"data-testid":p,isSingleLine:f,dynamicPasting:g,preferTextAreaInput:b,textAreaRows:y=6,onSearchInputFocused:v,...h}){const x=o||n,{wrapperId:D,controlId:w}=Ge(a,x);Array.isArray(u)||(console.error("createTagOptions must be of type array, ignoring and using defaults"),u=zp);const[k,R]=Dt({keyDown:null,searchText:"",activeTagIndex:null,optionIds:"",isTextareaFocused:!1});r.useEffect(()=>{i&&i(k.searchText)},[k.searchText]);const F=r.useRef(null),_=r.useRef(null),O=r.useRef(null),W=r.useRef(null);function Z(){setTimeout(()=>{_.current?.focus()},0)}function K(H){W.current=H,Z()}const E=typeof navigator<"u"&&/firefox/i.test(navigator.userAgent);function V(H,re){if(re!==WheelEvent.DOM_DELTA_PIXEL)return!0;if(E||H.deltaX!==0)return!1;const te=H.wheelDeltaY;return typeof te=="number"&&te!==0&&Math.abs(te+3*H.deltaY)>1}function B(H){const{deltaMode:re}=H,te=O.current;if(!f||!te)return;const le=_.current;if(!(b&&le&&le===document.activeElement&&le.contains(H.target))){if(V(H,re)&&te.scrollWidth>te.clientWidth){const Ie=re===WheelEvent.DOM_DELTA_LINE?16:re===WheelEvent.DOM_DELTA_PAGE?te.clientWidth:1;te.scrollLeft+=H.deltaY*Ie,H.preventDefault();return}E&&Math.abs(H.deltaY)>Math.abs(H.deltaX)&&(H.preventDefault(),M(te)?.scrollBy({top:H.deltaY,behavior:"instant"}))}}function M(H){for(let re=H.parentElement;re;re=re.parentElement){const{overflowY:te}=getComputedStyle(re);if((te==="auto"||te==="scroll"||te==="overlay")&&re.scrollHeight>re.clientHeight)return re}return document.scrollingElement}r.useEffect(()=>{const H=O.current;if(H)return H.addEventListener("wheel",B,{passive:!1}),()=>{H.removeEventListener("wheel",B)}},[f,b]);function Y(H){R({searchText:""}),x&&(x.setValue(H),x.markAsDirty()),s&&s(new Lt({value:H}))}function N(H){const re=(d||[]).filter((te,le)=>le!==H);Y(re)}function C(H){R({searchText:H.target.value})}function L(H){if(O.current&&O.current.children.length&&typeof H=="number"){const te=O.current.children[H]?.querySelector(".sps-clickable-tag__icon");te&&te.focus()}}const q=r.useCallback(H=>{R({activeTagIndex:null,searchText:""});const re=k.searchText.trim(),te=d||[];re&&!te.includes(re)&&Y([...te,...Gp(re,u)]),!((H.key==="Tab"||H.key==="Enter")&&!k.searchText)&&H.preventDefault()},[k.searchText,d,Gp]);function Q(H){if(b){const re=Up(k.searchText,[],u);R({isTextareaFocused:!1,searchText:""}),Y(re);return}q(H)}function ne(){!b||k.isTextareaFocused||(v&&v(),R({isTextareaFocused:!0,searchText:(d||[]).join(`
9721
- `)}))}r.useEffect(()=>{if(b&&k.isTextareaFocused){const H=_.current;if(H){const re=H.value.length,te=W.current;if(W.current=null,te===null)H.setSelectionRange(re,re),H.scrollTop=H.scrollHeight;else{const le=Math.min((d||[]).slice(0,te+1).join(`
9722
- `).length,re),Ie=H.value;H.value=Ie.slice(0,le);const Pe=H.scrollHeight;H.value=Ie,H.setSelectionRange(le,le),H.scrollTop=Math.max(0,Pe-H.clientHeight)}}}},[k.isTextareaFocused]);function oe(H){if(!t){const re=!H.target.selectionStart&&d&&d.length,te=d?d.length:0;switch(H.key){case"Backspace":if(k.activeTagIndex===te-1){N(k.activeTagIndex),Z();return}if(k.activeTagIndex!==null){N(k.activeTagIndex);return}if(re){Y(d.slice(0,te-1)),Z();return}break;case"Delete":k.activeTagIndex!==null&&(N(k.activeTagIndex),Z());break;case"Enter":case"Tab":q(H);break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":H.preventDefault();break;case"Left":case"ArrowLeft":if(re){k.activeTagIndex===null?(R({activeTagIndex:te-1}),L(te-1)):k.activeTagIndex>0&&(R({activeTagIndex:k.activeTagIndex-1}),L(k.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(k.activeTagIndex!==null){k.activeTagIndex===te-1?(R({activeTagIndex:null}),_.current?.focus()):(R({activeTagIndex:k.activeTagIndex+1}),L(k.activeTagIndex+1));return}break}for(const le of u)H.key===le&&q(H);R({keyDown:hn(H)})}}function U(H){b&&k.isTextareaFocused&&R({searchText:""}),Y([]),H.stopPropagation()}function X(H){if(b)return;H.preventDefault(),H.stopPropagation();const re=H.clipboardData?.getData("text/plain")??"";if(g&&!u.some(le=>re.includes(le))){const le=_.current?.value??"";R({searchText:`${le}${re}`});return}const te=Up(re,d,u);Y(te)}r.useEffect(()=>(_.current?.addEventListener("paste",X),()=>{_.current?.removeEventListener("paste",X)}),[_,d,u,g,b]);const J=$(c||"sps-multi-select",t&&"sps-form-control--disabled",b&&"sps-multi-value-text-input--prefer-textarea",f&&"sps-multi-value-text-input--single-line",e),G=new Array(d?.length||0).fill(0).map((H,re)=>`${D}_tag-${re}`),ee=!!(b&&k.isTextareaFocused),z=ee?k.searchText.length!==0:!!(d&&d.length!==0);return r.createElement(_e,{id:D,className:J,formControl:n,formMeta:o,ref:F,inputRef:_,focusInputOnClick:!0,onKeyDown:oe,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":G[k.activeTagIndex||0],"aria-owns":k.optionIds},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:f?$("sps-form-control",d&&!t&&"sps-form-control--clearable"&&"sps-multi-select__max-height"):$("sps-form-control",d&&!t&&"sps-form-control--clearable")},m&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${m}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:O},Array.isArray(d)&&d.map((H,re)=>r.createElement(Vn,{id:G[re],role:"option",disabled:t,"aria-selected":"true",key:G[re],onRemove:()=>N(re),onClick:b?()=>K(re):void 0},r.createElement("span",null,H))),b?r.createElement("textarea",{ref:_,"data-testid":`${p}__multi-value-text-input`,value:k.searchText,rows:ee?y:1,className:ee?$("sps-form-control","sps-multi-value-text-input__textarea","sps-multi-value-text-input__textarea-overlay"):$("sps-text-input__input","sps-multi-value-text-input__textarea"),placeholder:k.searchText.length===0&&(!d||d.length===0)?l:void 0,id:w,onFocus:ne,onBlur:Q,onChange:C,onKeyDown:ee?H=>H.stopPropagation():oe,disabled:t,role:ee?"textbox":"listbox","aria-multiselectable":ee?void 0:"true","aria-owns":ee?void 0:G.join(" "),...h}):r.createElement("input",{type:"text",ref:_,"data-testid":`${p}__multi-value-text-input`,value:k.searchText,className:"sps-text-input__input",placeholder:k.searchText.length===0&&(!d||d.length===0)?l:void 0,id:w,onBlur:Q,onChange:C,onKeyDown:oe,disabled:t,role:"listbox","aria-multiselectable":"true","aria-owns":G.join(" "),...h})),z&&!t?r.createElement("i",{className:$("sps-icon","sps-icon-x-circle","sps-form-control__clear-btn",ee&&"sps-multi-value-text-input__textarea-overlay-clear-btn"),"data-testid":ee?`${p}__textarea-overlay-clear-btn`:void 0,onClick:H=>U(H)}):null)))}Object.assign(Ps,{props:qT,displayName:"SpsMultiValueTextInput"});const jp={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Coming soon"))},basic:{label:"Basic Usage",examples:{basic:{react:S.code`
9720
+ `," "],Ps=r.forwardRef(({className:e,disabled:t,formControl:n,formMeta:o,id:a,onChange:s,onEntryChange:i,placeholder:l,unsafelyReplaceClassName:c,value:d,icon:m,createTagOptions:u=zp,"data-testid":p,isSingleLine:f,dynamicPasting:g,preferTextAreaInput:b,textAreaRows:y=6,onSearchInputFocused:v,...h},x)=>{const C=o||n,{wrapperId:w,controlId:M}=Ge(a,C);Array.isArray(u)||(console.error("createTagOptions must be of type array, ignoring and using defaults"),u=zp);const[P,O]=Dt({keyDown:null,searchText:"",activeTagIndex:null,optionIds:"",isTextareaFocused:!1});r.useEffect(()=>{i&&i(P.searchText)},[P.searchText]);const _=r.useRef(null),F=r.useRef(null),W=r.useRef(null);function Z(){setTimeout(()=>{_.current?.focus()},0)}function K(H){W.current=H,Z()}const E=typeof navigator<"u"&&/firefox/i.test(navigator.userAgent);function V(H,re){if(re!==WheelEvent.DOM_DELTA_PIXEL)return!0;if(E||H.deltaX!==0)return!1;const te=H.wheelDeltaY;return typeof te=="number"&&te!==0&&Math.abs(te+3*H.deltaY)>1}function R(H){const{deltaMode:re}=H,te=F.current;if(!f||!te)return;const le=_.current;if(!(b&&le&&le===document.activeElement&&le.contains(H.target))){if(V(H,re)&&te.scrollWidth>te.clientWidth){const Ie=re===WheelEvent.DOM_DELTA_LINE?16:re===WheelEvent.DOM_DELTA_PAGE?te.clientWidth:1;te.scrollLeft+=H.deltaY*Ie,H.preventDefault();return}E&&Math.abs(H.deltaY)>Math.abs(H.deltaX)&&(H.preventDefault(),k(te)?.scrollBy({top:H.deltaY,behavior:"instant"}))}}function k(H){for(let re=H.parentElement;re;re=re.parentElement){const{overflowY:te}=getComputedStyle(re);if((te==="auto"||te==="scroll"||te==="overlay")&&re.scrollHeight>re.clientHeight)return re}return document.scrollingElement}r.useEffect(()=>{const H=F.current;if(H)return H.addEventListener("wheel",R,{passive:!1}),()=>{H.removeEventListener("wheel",R)}},[f,b]);function Y(H){O({searchText:""}),C&&(C.setValue(H),C.markAsDirty()),s&&s(new Lt({value:H}))}function N(H){const re=(d||[]).filter((te,le)=>le!==H);Y(re)}function D(H){O({searchText:H.target.value})}function L(H){if(F.current&&F.current.children.length&&typeof H=="number"){const te=F.current.children[H]?.querySelector(".sps-clickable-tag__icon");te&&te.focus()}}const q=r.useCallback(H=>{O({activeTagIndex:null,searchText:""});const re=P.searchText.trim(),te=d||[];re&&!te.includes(re)&&Y([...te,...Gp(re,u)]),!((H.key==="Tab"||H.key==="Enter")&&!P.searchText)&&H.preventDefault()},[P.searchText,d,Gp]);function Q(H){if(b){const re=Up(P.searchText,[],u);O({isTextareaFocused:!1,searchText:""}),Y(re);return}q(H)}function ne(){!b||P.isTextareaFocused||(v&&v(),O({isTextareaFocused:!0,searchText:(d||[]).join(`
9721
+ `)}))}r.useEffect(()=>{if(b&&P.isTextareaFocused){const H=_.current;if(H){const re=H.value.length,te=W.current;if(W.current=null,te===null)H.setSelectionRange(re,re),H.scrollTop=H.scrollHeight;else{const le=Math.min((d||[]).slice(0,te+1).join(`
9722
+ `).length,re),Ie=H.value;H.value=Ie.slice(0,le);const Pe=H.scrollHeight;H.value=Ie,H.setSelectionRange(le,le),H.scrollTop=Math.max(0,Pe-H.clientHeight)}}}},[P.isTextareaFocused]);function oe(H){if(!t){const re=!H.target.selectionStart&&d&&d.length,te=d?d.length:0;switch(H.key){case"Backspace":if(P.activeTagIndex===te-1){N(P.activeTagIndex),Z();return}if(P.activeTagIndex!==null){N(P.activeTagIndex);return}if(re){Y(d.slice(0,te-1)),Z();return}break;case"Delete":P.activeTagIndex!==null&&(N(P.activeTagIndex),Z());break;case"Enter":case"Tab":q(H);break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":H.preventDefault();break;case"Left":case"ArrowLeft":if(re){P.activeTagIndex===null?(O({activeTagIndex:te-1}),L(te-1)):P.activeTagIndex>0&&(O({activeTagIndex:P.activeTagIndex-1}),L(P.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(P.activeTagIndex!==null){P.activeTagIndex===te-1?(O({activeTagIndex:null}),_.current?.focus()):(O({activeTagIndex:P.activeTagIndex+1}),L(P.activeTagIndex+1));return}break}for(const le of u)H.key===le&&q(H);O({keyDown:hn(H)})}}function U(H){b&&P.isTextareaFocused&&O({searchText:""}),Y([]),H.stopPropagation()}function X(H){if(b)return;H.preventDefault(),H.stopPropagation();const re=H.clipboardData?.getData("text/plain")??"";if(g&&!u.some(le=>re.includes(le))){const le=_.current?.value??"";O({searchText:`${le}${re}`});return}const te=Up(re,d,u);Y(te)}r.useEffect(()=>(_.current?.addEventListener("paste",X),()=>{_.current?.removeEventListener("paste",X)}),[_,d,u,g,b]);const J=$(c||"sps-multi-select",t&&"sps-form-control--disabled",b&&"sps-multi-value-text-input--prefer-textarea",f&&"sps-multi-value-text-input--single-line",e),G=new Array(d?.length||0).fill(0).map((H,re)=>`${w}_tag-${re}`),ee=!!(b&&P.isTextareaFocused),z=ee?P.searchText.length!==0:!!(d&&d.length!==0);return r.createElement(_e,{id:w,className:J,formControl:n,formMeta:o,ref:x,inputRef:_,focusInputOnClick:!0,onKeyDown:oe,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":G[P.activeTagIndex||0],"aria-owns":P.optionIds},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:f?$("sps-form-control",d&&!t&&"sps-form-control--clearable"&&"sps-multi-select__max-height"):$("sps-form-control",d&&!t&&"sps-form-control--clearable")},m&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${m}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:F},Array.isArray(d)&&d.map((H,re)=>r.createElement(Vn,{id:G[re],role:"option",disabled:t,"aria-selected":"true",key:G[re],onRemove:()=>N(re),onClick:b?()=>K(re):void 0},r.createElement("span",null,H))),b?r.createElement("textarea",{ref:_,"data-testid":`${p}__multi-value-text-input`,value:P.searchText,rows:ee?y:1,className:ee?$("sps-form-control","sps-multi-value-text-input__textarea","sps-multi-value-text-input__textarea-overlay"):$("sps-text-input__input","sps-multi-value-text-input__textarea"),placeholder:P.searchText.length===0&&(!d||d.length===0)?l:void 0,id:M,onFocus:ne,onBlur:Q,onChange:D,onKeyDown:ee?H=>H.stopPropagation():oe,disabled:t,role:ee?"textbox":"listbox","aria-multiselectable":ee?void 0:"true","aria-owns":ee?void 0:G.join(" "),...h}):r.createElement("input",{type:"text",ref:_,"data-testid":`${p}__multi-value-text-input`,value:P.searchText,className:"sps-text-input__input",placeholder:P.searchText.length===0&&(!d||d.length===0)?l:void 0,id:M,onBlur:Q,onChange:D,onKeyDown:oe,disabled:t,role:"listbox","aria-multiselectable":"true","aria-owns":G.join(" "),...h})),z&&!t?r.createElement("i",{className:$("sps-icon","sps-icon-x-circle","sps-form-control__clear-btn",ee&&"sps-multi-value-text-input__textarea-overlay-clear-btn"),"data-testid":ee?`${p}__textarea-overlay-clear-btn`:void 0,onClick:H=>U(H)}):null)))});Object.assign(Ps,{props:qT,displayName:"SpsMultiValueTextInput"});const jp={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Coming soon"))},basic:{label:"Basic Usage",examples:{basic:{react:S.code`
9723
9723
  import { SpsMultiValueTextInput, SpsLabel, useSpsForm } from "@spscommerce/ds-react";
9724
9724
  function DemoComponent() {
9725
9725
  const { formValue, formMeta, updateForm } = useSpsForm({
@@ -9914,7 +9914,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
9914
9914
  </>
9915
9915
  )
9916
9916
  }
9917
- `}}}},JT={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",onChange:"(newValue: string) => void",value:"string",twentyFourHour:"boolean",placeholder12h:"string",placeholder24h:"string"},Yp=["AM","PM"],Bs=r.forwardRef(({className:e,currentUser:t,disabled:n,formControl:o,formMeta:a,id:s,onChange:i,value:l,twentyFourHour:c,placeholder24h:d="00:00",placeholder12h:m="12:00","data-testid":u,...p},f)=>{const{t:g}=Se.useWoodlandLanguage(),b=io(t),y=c??Ed(b),v=a||o,{wrapperId:h}=Ge(s,v),x=r.useRef(null),D=g("timeInput.customTime",{defaultValue:"Custom time"}),{current:w}=Rt(s),k=y?l:l?.split(" ")[0],R=j.validateTimeString(k,y)?j.padIncompleteTimeString(k,y):"",F=y?"":l?.split(" ")[1]?.toUpperCase(),_=R&&Yp.find(C=>C===F)||"",[O,W]=r.useState(R),[Z,K]=r.useState(_||"AM");function E(C){a&&(a.setValue(C||""),a.markAsDirty()),i&&i(C||"")}function V(C){j.validateTimeString(C.target.value,y)&&W(C.target.value)}function B(C){if(j.validateTimeString(C??O,y)){const L=j.padIncompleteTimeString(C??O,y);W(L),E(L&&!y?`${L} ${Z}`:L||"")}else E("")}function M(C){K(C.target.value);const L=j.padIncompleteTimeString(O,y);L&&!y&&E(`${L} ${C.target.value}`)}function Y(C){j.validateTimeString(C,y)&&(W(C??""),setTimeout(()=>B(C),0))}r.useEffect(()=>{R!==O&&W(R)},[R]),r.useEffect(()=>{_&&_!==Z&&K(_)},[_]);const N=$("sps-time-input",e);return y?r.createElement(_e,{id:h,formControl:o,formMeta:a,inputRef:x,ref:f,"data-testid":u},r.createElement(Nt,{id:w,"data-testid":u,className:N,suggestions:Pr,zeroState:D,placeholder:d,value:O,onChange:V,onBlur:()=>B(),onSelectionChange:Y,onKeyDown:C=>{C.key==="Enter"&&B()},disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0,...p})):r.createElement(_e,{id:h,formControl:o,formMeta:a,inputRef:x,ref:f,"data-testid":u},r.createElement(In,null,r.createElement(Nt,{id:w,"data-testid":u,className:N,suggestions:_r,zeroState:D,placeholder:m,value:O,onChange:V,onBlur:()=>B(),onSelectionChange:Y,onKeyDown:C=>{C.key==="Enter"&&B()},disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(on,{id:`${w}__select`,"data-testid":`${u}__select`,options:Yp,value:Z,onChange:M,disabled:n,notClearable:!0,className:N})))});Object.assign(Bs,{props:JT,displayName:"SpsTimeInput"});const qp={basic:{label:"Basic",examples:{basic:{react:S.code`
9917
+ `}}}},JT={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",onChange:"(newValue: string) => void",value:"string",twentyFourHour:"boolean",placeholder12h:"string",placeholder24h:"string"},Yp=["AM","PM"],Bs=r.forwardRef(({className:e,currentUser:t,disabled:n,formControl:o,formMeta:a,id:s,onChange:i,value:l,twentyFourHour:c,placeholder24h:d="00:00",placeholder12h:m="12:00","data-testid":u,...p},f)=>{const{t:g}=Se.useWoodlandLanguage(),b=io(t),y=c??Ed(b),v=a||o,{wrapperId:h}=Ge(s,v),x=r.useRef(null),C=g("timeInput.customTime",{defaultValue:"Custom time"}),{current:w}=Rt(s),M=y?l:l?.split(" ")[0],P=j.validateTimeString(M,y)?j.padIncompleteTimeString(M,y):"",O=y?"":l?.split(" ")[1]?.toUpperCase(),_=P&&Yp.find(D=>D===O)||"",[F,W]=r.useState(P),[Z,K]=r.useState(_||"AM");function E(D){a&&(a.setValue(D||""),a.markAsDirty()),i&&i(D||"")}function V(D){j.validateTimeString(D.target.value,y)&&W(D.target.value)}function R(D){if(j.validateTimeString(D??F,y)){const L=j.padIncompleteTimeString(D??F,y);W(L),E(L&&!y?`${L} ${Z}`:L||"")}else E("")}function k(D){K(D.target.value);const L=j.padIncompleteTimeString(F,y);L&&!y&&E(`${L} ${D.target.value}`)}function Y(D){j.validateTimeString(D,y)&&(W(D??""),setTimeout(()=>R(D),0))}r.useEffect(()=>{P!==F&&W(P)},[P]),r.useEffect(()=>{_&&_!==Z&&K(_)},[_]);const N=$("sps-time-input",e);return y?r.createElement(_e,{id:h,formControl:o,formMeta:a,inputRef:x,ref:f,"data-testid":u},r.createElement(Nt,{id:w,"data-testid":u,className:N,suggestions:Pr,zeroState:C,placeholder:d,value:F,onChange:V,onBlur:()=>R(),onSelectionChange:Y,onKeyDown:D=>{D.key==="Enter"&&R()},disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0,...p})):r.createElement(_e,{id:h,formControl:o,formMeta:a,inputRef:x,ref:f,"data-testid":u},r.createElement(In,null,r.createElement(Nt,{id:w,"data-testid":u,className:N,suggestions:_r,zeroState:C,placeholder:m,value:F,onChange:V,onBlur:()=>R(),onSelectionChange:Y,onKeyDown:D=>{D.key==="Enter"&&R()},disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(on,{id:`${w}__select`,"data-testid":`${u}__select`,options:Yp,value:Z,onChange:k,disabled:n,notClearable:!0,className:N})))});Object.assign(Bs,{props:JT,displayName:"SpsTimeInput"});const qp={basic:{label:"Basic",examples:{basic:{react:S.code`
9918
9918
  import {
9919
9919
  useSpsForm,
9920
9920
  SpsTimeInput,
@@ -10028,13 +10028,13 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
10028
10028
  </SpsLocaleProvider>
10029
10029
  );
10030
10030
  }
10031
- `}}}},XT={Autocomplete:{components:[Nt],examples:Ki},Checkboxes:{components:[Jt],examples:Hi},"Clickable Tags":{components:[Vn],examples:Wi},"Column Chooser":{components:[Qa,qo],examples:hd},"Conditional Fields":{description:()=>r.createElement("p",null,"A conditional field is one that is only available when a certain option is selected amongst a set of checkboxes or radio buttons."),components:[_s],examples:Wp},"Content Rows":{components:[es,nn,Jo],examples:bd},"Content Sections":{components:[is],examples:Yd},"Date Pickers":{components:[ts],examples:Id},"Date Range Pickers":{components:[os],examples:Md},"Date Time Range Pickers":{components:[rs],examples:Rd},Datetime:{components:[as],examples:Fd},"Time Input":{components:[Bs],examples:qp},"Description Lists":{description:()=>r.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[tr,nr,rr],examples:zd},Dropdown:{components:[an,ss],examples:jd},"Filter Panel":{components:[xs,ks,Ms,Ls],examples:Hp},Form:{components:[so],examples:gd},Incrementor:{components:[ls],examples:qd},Label:{description:()=>r.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[cs],examples:Jd},"List Action Bar":{description:()=>r.createElement("p",null,"The List Action Bar contains the action buttons relevant to selected items from a Table List, Row List, or Card List. The List Action Bar is only visible when one or more list items have been selected and appears anchored to the bottom of the page above all other content."),components:[ds],examples:fp},"Micro Block":{components:[ps],examples:Sp},Modals:{description:()=>r.createElement("p",null,"Modals are overlays on a page that focus a user’s attention on an important message or a simple action. Examples of a Modal include confirming the deletion of a record, or making a single selection."),components:[us,sr],examples:hp},"Multi Select":{description:()=>r.createElement("p",null,"Multi-Selects consist of a Label and a dropdown menu from which a user selects one or more values from a list of pre-defined options."),components:[fs],examples:bp},"Multi Value Text Input":{description:()=>r.createElement("p",null,"To be determined."),components:[Ps],examples:jp},Pagination:{description:()=>r.createElement("p",null,"The Pagination component allows users to navigate lists of records and control the number of records displayed on each page. The records can span across multiple pages, or within sections of a page."),components:[Ss,ir],examples:vp},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[gs],examples:yp},Selects:{description:"Selects consist off a Label and a dropdown menu from which a user selects a value from a list of pre-defined options.",components:[on],examples:Ld},"Side Navigation":{description:"Side Navigations are used to provide quick access to a series of related pages or content. It can be used to navigate between different page views, or as an anchor-style menu to scroll to specific content on the same page.",components:[Ep],examples:wp},"Split Button":{components:[hs],examples:Cp},"Summary List Row":{components:[bs,vs,co],examples:Dp},Tables:{description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("div",{className:"sps-body-14"},"Tables (along with ",r.createElement(e,{to:"content-rows"},"Content Rows")," and"," ",r.createElement(e,{to:"content-tiles"},"Content Tiles"),") are one of three options for displaying a list of records on a page."),r.createElement("br",null),r.createElement("div",{className:"sps-body-14"},"Tables are the ideal solution for displaying tabular data, especially when the listed records contain a considerable amount of data points. While tables are primarily used to display an extensive list of records, often in a paginated format, they can also be used to display smaller sets of tabular data in any context.")),components:[sn,Wt,se,Ht,Fe,De],examples:mp},"Task Queue":{components:[ys],examples:Np},"Text Inputs":{description:()=>r.createElement("p",null,"Text Inputs consist of a Label and a field in which a user enters a short value."),components:[cr],examples:Ip},"Text Areas":{description:()=>r.createElement("p",null,"Text Areas consist of a Label and a field in which a user enters a long value."),components:[Ts],examples:xp},Toggles:{description:()=>r.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[Es],examples:Mp},Tooltips:{components:[ct,ws],examples:Lp},Wizard:{components:[Ds,Ns],examples:Bp},Workflow:{components:[dr,pr,ur,mr],examples:Kp,notices:[WT]},"Slide In Panels":{description:"",components:[ms],examples:gp}},ZT=new Set(["id"]),QT=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),eE=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),tE=new Set(["dir","lang","hidden","inert","translate"]),Jp=new Set(["onClick","onAuxClick","onContextMenu","onDoubleClick","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onTouchCancel","onTouchEnd","onTouchMove","onTouchStart","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onPointerEnter","onPointerLeave","onPointerOver","onPointerOut","onGotPointerCapture","onLostPointerCapture","onScroll","onWheel","onAnimationStart","onAnimationEnd","onAnimationIteration","onTransitionCancel","onTransitionEnd","onTransitionRun","onTransitionStart"]),nE=/^(data-.*)$/;function oE(e,t={}){let{labelable:n,isLink:o,global:a,events:s=a,propNames:i}=t,l={};for(const c in e)Object.prototype.hasOwnProperty.call(e,c)&&(ZT.has(c)||n&&QT.has(c)||o&&eE.has(c)||a&&tE.has(c)||s&&(Jp.has(c)||c.endsWith("Capture")&&Jp.has(c.slice(0,-7)))||i?.has(c)||nE.test(c))&&(l[c]=e[c]);return l}const Xp=new WeakMap;function fr(e,t,n){if(!e)return"";typeof t=="string"&&(t=t.replace(/\s+/g,""));let o=Xp.get(e);return process.env.NODE_ENV!=="production"&&!o&&console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."),`${o}-${n}-${t}`}function Os(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const Gt=typeof document<"u"?T.useLayoutEffect:()=>{},Sr={prefix:String(Math.round(Math.random()*1e10)),current:0},Zp=T.createContext(Sr),rE=T.createContext(!1);let aE=!!(typeof window<"u"&&window.document&&window.document.createElement),Rs=new WeakMap;function sE(e=!1){let t=T.useContext(Zp),n=T.useRef(null);if(n.current===null&&!e){let o=T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;if(o){let a=Rs.get(o);a==null?Rs.set(o,{id:t.current,state:o.memoizedState}):o.memoizedState!==a.state&&(t.current=a.id,Rs.delete(o))}n.current=++t.current}return n.current}function iE(e){let t=T.useContext(Zp);t===Sr&&!aE&&process.env.NODE_ENV!=="production"&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");let n=sE(!!e),o=t===Sr&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${o}-${n}`}function lE(e){let t=T.useId(),[n]=T.useState(Qp()),o=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${Sr.prefix}`;return e||`${o}-${t}`}const cE=typeof T.useId=="function"?lE:iE;function dE(){return!1}function pE(){return!0}function uE(e){return()=>{}}function Qp(){return typeof T.useSyncExternalStore=="function"?T.useSyncExternalStore(uE,dE,pE):T.useContext(rE)}let mE=!!(typeof window<"u"&&window.document&&window.document.createElement),xn=new Map,po;typeof FinalizationRegistry<"u"&&(po=new FinalizationRegistry(e=>{xn.delete(e)}));function gr(e){let[t,n]=T.useState(e),o=T.useRef(null),a=cE(t),s=T.useRef(null);if(po&&po.register(s,a),mE){const i=xn.get(a);i&&!i.includes(o)?i.push(o):xn.set(a,[o])}return Gt(()=>{let i=a;return()=>{po&&po.unregister(s),xn.delete(i)}},[a]),T.useEffect(()=>{let i=o.current;return i&&n(i),()=>{i&&(o.current=null)}}),a}function fE(e,t){if(e===t)return e;let n=xn.get(e);if(n)return n.forEach(a=>a.current=t),t;let o=xn.get(t);return o?(o.forEach(a=>a.current=e),e):t}function SE(...e){return e.length===1&&e[0]?e[0]:t=>{let n=!1;const o=e.map(a=>{const s=eu(a,t);return n||=typeof s=="function",s});if(n)return()=>{o.forEach((a,s)=>{typeof a=="function"?a():eu(e[s],null)})}}}function eu(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function dt(...e){let t={...e[0]};for(let n=1;n<e.length;n++){let o=e[n];for(let a in o){let s=t[a],i=o[a];typeof s=="function"&&typeof i=="function"&&a[0]==="o"&&a[1]==="n"&&a.charCodeAt(2)>=65&&a.charCodeAt(2)<=90?t[a]=Os(s,i):(a==="className"||a==="UNSAFE_className")&&typeof s=="string"&&typeof i=="string"?t[a]=$(s,i):a==="id"&&s&&i?t.id=fE(s,i):a==="ref"&&s&&i?t.ref=SE(s,i):t[a]=i!==void 0?i:s}}return t}function Pt(e){if(gE())e.focus({preventScroll:!0});else{let t=hE(e);e.focus(),bE(t)}}let hr=null;function gE(){if(hr==null){hr=!1;try{document.createElement("div").focus({get preventScroll(){return hr=!0,!0}})}catch{}}return hr}function hE(e){let t=e.parentNode,n=[],o=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==o;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&n.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return o instanceof HTMLElement&&n.push({element:o,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft}),n}function bE(e){for(let{element:t,scrollTop:n,scrollLeft:o}of e)t.scrollTop=n,t.scrollLeft=o}const Ae=e=>e?.ownerDocument??document,pt=e=>e&&"window"in e&&e.window===e?e:Ae(e).defaultView||window;function vE(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function yE(e){return vE(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let TE=!1;function br(){return TE}function ye(e,t){if(!br())return t&&e?e.contains(t):!1;if(!e||!t)return!1;let n=t;for(;n!==null;){if(n===e)return!0;n.tagName==="SLOT"&&n.assignedSlot?n=n.assignedSlot.parentNode:yE(n)?n=n.host:n=n.parentNode}return!1}const It=(e=document)=>{if(!br())return e.activeElement;let t=e.activeElement;for(;t&&"shadowRoot"in t&&t.shadowRoot?.activeElement;)t=t.shadowRoot.activeElement;return t};function fe(e){if(br()&&e.target instanceof Element&&e.target.shadowRoot){if("composedPath"in e)return e.composedPath()[0]??null;if("composedPath"in e.nativeEvent)return e.nativeEvent.composedPath()[0]??null}return e.target}function tu(e){if(!e)return!1;let t=e.getRootNode(),n=pt(e);if(!(t instanceof n.Document||t instanceof n.ShadowRoot))return!1;let o=t.activeElement;return o!=null&&e.contains(o)}const EE=typeof Element<"u"&&"checkVisibility"in Element.prototype;function wE(e){const t=pt(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:n,visibility:o}=e.style,a=n!=="none"&&o!=="hidden"&&o!=="collapse";if(a){const{getComputedStyle:s}=e.ownerDocument.defaultView;let{display:i,visibility:l}=s(e);a=i!=="none"&&l!=="hidden"&&l!=="collapse"}return a}function CE(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function Fs(e,t){return EE?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&wE(e)&&CE(e,t)&&(!e.parentElement||Fs(e.parentElement,e))}const As=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable^="false"])',"permission"],DE=As.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";As.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const NE=As.join(':not([hidden]):not([tabindex="-1"]),');function nu(e,t){return e.matches(DE)&&!ru(e)&&(t?.skipVisibilityCheck||Fs(e))}function ou(e){return e.matches(NE)&&Fs(e)&&!ru(e)}function ru(e){let t=e;for(;t!=null;){if(t instanceof t.ownerDocument.defaultView.HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}function au(e){let t=e;return t.nativeEvent=e,t.isDefaultPrevented=()=>t.defaultPrevented,t.isPropagationStopped=()=>t.cancelBubble,t.persist=()=>{},t}function IE(e,t){Object.defineProperty(e,"target",{value:t}),Object.defineProperty(e,"currentTarget",{value:t})}function xE(e){let t=T.useRef({isFocused:!1,observer:null});return Gt(()=>{const n=t.current;return()=>{n.observer&&(n.observer.disconnect(),n.observer=null)}},[]),T.useCallback(n=>{let o=fe(n);if(o instanceof HTMLButtonElement||o instanceof HTMLInputElement||o instanceof HTMLTextAreaElement||o instanceof HTMLSelectElement){t.current.isFocused=!0;let a=o,s=i=>{if(t.current.isFocused=!1,a.disabled){let l=au(i);e?.(l)}t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)};a.addEventListener("focusout",s,{once:!0}),t.current.observer=new MutationObserver(()=>{if(t.current.isFocused&&a.disabled){t.current.observer?.disconnect();let i=a===It()?null:It();a.dispatchEvent(new FocusEvent("blur",{relatedTarget:i})),a.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:i}))}}),t.current.observer.observe(a,{attributes:!0,attributeFilter:["disabled"]})}},[e])}let vr=!1;function su(e){for(;e&&!nu(e,{skipVisibilityCheck:!0});)e=e.parentElement;let t=pt(e),n=t.document.activeElement;if(!n||n===e)return;vr=!0;let o=!1,a=m=>{(fe(m)===n||o)&&m.stopImmediatePropagation()},s=m=>{(fe(m)===n||o)&&(m.stopImmediatePropagation(),!e&&!o&&(o=!0,Pt(n),c()))},i=m=>{(fe(m)===e||o)&&m.stopImmediatePropagation()},l=m=>{(fe(m)===e||o)&&(m.stopImmediatePropagation(),o||(o=!0,Pt(n),c()))};t.addEventListener("blur",a,!0),t.addEventListener("focusout",s,!0),t.addEventListener("focusin",l,!0),t.addEventListener("focus",i,!0);let c=()=>{cancelAnimationFrame(d),t.removeEventListener("blur",a,!0),t.removeEventListener("focusout",s,!0),t.removeEventListener("focusin",l,!0),t.removeEventListener("focus",i,!0),vr=!1,o=!1},d=requestAnimationFrame(c);return c}function yr(e){if(typeof window>"u"||window.navigator==null)return!1;let t=window.navigator.userAgentData?.brands;return Array.isArray(t)&&t.some(n=>e.test(n.brand))||e.test(window.navigator.userAgent)}function $s(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.userAgentData?.platform||window.navigator.platform):!1}function Bt(e){if(process.env.NODE_ENV==="test")return e;let t=null;return()=>(t==null&&(t=e()),t)}const ln=Bt(function(){return $s(/^Mac/i)}),kE=Bt(function(){return $s(/^iPhone/i)}),iu=Bt(function(){return $s(/^iPad/i)||ln()&&navigator.maxTouchPoints>1}),Tr=Bt(function(){return kE()||iu()}),ME=Bt(function(){return ln()||Tr()}),LE=Bt(function(){return yr(/AppleWebKit/i)&&!_E()}),_E=Bt(function(){return yr(/Chrome/i)}),lu=Bt(function(){return yr(/Android/i)}),PE=Bt(function(){return yr(/Firefox/i)});function Vs(e){return e.pointerType===""&&e.isTrusted?!0:lu()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function BE(e){return!lu()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}const OE=T.createContext({isNative:!0,open:FE,useHref:e=>e});function Ks(){return T.useContext(OE)}function Ot(e,t,n=!0){let{metaKey:o,ctrlKey:a,altKey:s,shiftKey:i}=t;PE()&&window.event?.type?.startsWith("key")&&e.target==="_blank"&&(ln()?o=!0:a=!0);let l=LE()&&ln()&&!iu()&&process.env.NODE_ENV!=="test"?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:o,ctrlKey:a,altKey:s,shiftKey:i}):new MouseEvent("click",{metaKey:o,ctrlKey:a,altKey:s,shiftKey:i,detail:1,bubbles:!0,cancelable:!0});Ot.isOpening=n,Pt(e),e.dispatchEvent(l),Ot.isOpening=!1}Ot.isOpening=!1;function RE(e,t){if(e instanceof HTMLAnchorElement)t(e);else if(e.hasAttribute("data-href")){let n=document.createElement("a");n.href=e.getAttribute("data-href"),e.hasAttribute("data-target")&&(n.target=e.getAttribute("data-target")),e.hasAttribute("data-rel")&&(n.rel=e.getAttribute("data-rel")),e.hasAttribute("data-download")&&(n.download=e.getAttribute("data-download")),e.hasAttribute("data-ping")&&(n.ping=e.getAttribute("data-ping")),e.hasAttribute("data-referrer-policy")&&(n.referrerPolicy=e.getAttribute("data-referrer-policy")),e.appendChild(n),t(n),e.removeChild(n)}}function FE(e,t){RE(e,n=>Ot(n,t))}function AE(e){const n=Ks().useHref(e?.href??"");return{href:e?.href?n:void 0,target:e?.target,rel:e?.rel,download:e?.download,ping:e?.ping,referrerPolicy:e?.referrerPolicy}}let uo=null;const $E=new Set;let mo=new Map,cn=!1,Hs=!1;function Ws(e,t){for(let n of $E)n(e,t)}function VE(e){return!(e.metaKey||!ln()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function Er(e){cn=!0,!Ot.isOpening&&VE(e)&&(uo="keyboard",Ws("keyboard",e))}function ut(e){uo="pointer","pointerType"in e&&e.pointerType,(e.type==="mousedown"||e.type==="pointerdown")&&(cn=!0,Ws("pointer",e))}function cu(e){!Ot.isOpening&&Vs(e)&&(cn=!0,uo="virtual")}function du(e){let t=pt(fe(e)),n=Ae(fe(e));fe(e)===t||fe(e)===n||vr||!e.isTrusted||(!cn&&!Hs&&(uo="virtual",Ws("virtual",e)),cn=!1,Hs=!1)}function pu(){vr||(cn=!1,Hs=!0)}function uu(e){if(typeof window>"u"||typeof document>"u")return;const t=pt(e),n=Ae(e);if(mo.get(t))return;let o=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){cn=!0,o.apply(this,arguments)},n.addEventListener("keydown",Er,!0),n.addEventListener("keyup",Er,!0),n.addEventListener("click",cu,!0),t.addEventListener("focus",du,!0),t.addEventListener("blur",pu,!1),typeof PointerEvent<"u"?(n.addEventListener("pointerdown",ut,!0),n.addEventListener("pointermove",ut,!0),n.addEventListener("pointerup",ut,!0)):process.env.NODE_ENV==="test"&&(n.addEventListener("mousedown",ut,!0),n.addEventListener("mousemove",ut,!0),n.addEventListener("mouseup",ut,!0)),t.addEventListener("beforeunload",()=>{mu(e)},{once:!0}),mo.set(t,{focus:o})}const mu=(e,t)=>{const n=pt(e),o=Ae(e);t&&o.removeEventListener("DOMContentLoaded",t),mo.has(n)&&(n.HTMLElement.prototype.focus=mo.get(n).focus,o.removeEventListener("keydown",Er,!0),o.removeEventListener("keyup",Er,!0),o.removeEventListener("click",cu,!0),n.removeEventListener("focus",du,!0),n.removeEventListener("blur",pu,!1),typeof PointerEvent<"u"?(o.removeEventListener("pointerdown",ut,!0),o.removeEventListener("pointermove",ut,!0),o.removeEventListener("pointerup",ut,!0)):process.env.NODE_ENV==="test"&&(o.removeEventListener("mousedown",ut,!0),o.removeEventListener("mousemove",ut,!0),o.removeEventListener("mouseup",ut,!0)),mo.delete(n))};function KE(e){const t=Ae(e);let n;return t.readyState!=="loading"?uu(e):(n=()=>{uu(e)},t.addEventListener("DOMContentLoaded",n)),()=>mu(e,n)}typeof document<"u"&&KE();function Gs(){return uo}let Ut=new Map,Us=new Set;function fu(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let t=o=>{let a=fe(o);if(!e(o)||!a)return;let s=Ut.get(a);s||(s=new Set,Ut.set(a,s),a.addEventListener("transitioncancel",n,{once:!0})),s.add(o.propertyName)},n=o=>{let a=fe(o);if(!e(o)||!a)return;let s=Ut.get(a);if(s&&(s.delete(o.propertyName),s.size===0&&(a.removeEventListener("transitioncancel",n),Ut.delete(a)),Ut.size===0)){for(let i of Us)i();Us.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",n)}typeof document<"u"&&(document.readyState!=="loading"?fu():document.addEventListener("DOMContentLoaded",fu));function HE(){for(const[e]of Ut)"isConnected"in e&&!e.isConnected&&Ut.delete(e)}function Su(e){requestAnimationFrame(()=>{HE(),Ut.size===0?e():Us.add(e)})}function wr(e){if(!e.isConnected)return;const t=Ae(e);if(Gs()==="virtual"){let n=It(t);Su(()=>{const o=It(t);(o===n||o===t.body)&&e.isConnected&&Pt(e)})}else Pt(e)}function WE(e){let{isDisabled:t,onFocus:n,onBlur:o,onFocusChange:a}=e;const s=T.useCallback(c=>{if(fe(c)===c.currentTarget)return o&&o(c),a&&a(!1),!0},[o,a]),i=xE(s),l=T.useCallback(c=>{let d=fe(c);const m=Ae(d),u=m?It(m):It();d===c.currentTarget&&d===u&&(n&&n(c),a&&a(!0),i(c))},[a,n,i]);return{focusProps:{onFocus:!t&&(n||a||o)?l:void 0,onBlur:!t&&(o||a)?s:void 0}}}function gu(e){if(!e)return;let t=!0;return n=>{let o={...n,preventDefault(){n.preventDefault()},isDefaultPrevented(){return n.isDefaultPrevented()},stopPropagation(){t&&process.env.NODE_ENV!=="production"?console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior."):t=!0},continuePropagation(){t=!1},isPropagationStopped(){return t}};e(o),t&&n.stopPropagation()}}function GE(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:gu(e.onKeyDown),onKeyUp:gu(e.onKeyUp)}}}function hu(e,t){Gt(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}let UE=T.createContext(null);function zE(e){let t=T.useContext(UE)||{};hu(t,e);let{ref:n,...o}=t;return o}function jE(e,t){let{focusProps:n}=WE(e),{keyboardProps:o}=GE(e),a=dt(n,o),s=zE(t),i=e.isDisabled?{}:s,l=T.useRef(e.autoFocus);T.useEffect(()=>{l.current&&t.current&&wr(t.current),l.current=!1},[t]);let c=e.excludeFromTabOrder?-1:0;return e.isDisabled&&(c=void 0),{focusableProps:dt({...a,tabIndex:c},i)}}function zs(e){return ME()?e.altKey:e.ctrlKey}function js(e,t){let n=`[data-key="${CSS.escape(String(t))}"]`,o=e.current?.dataset.collection;return o&&(n=`[data-collection="${CSS.escape(o)}"]${n}`),e.current?.querySelector(n)}const bu=new WeakMap;function YE(e){let t=gr();return bu.set(e,t),t}function qE(e){return bu.get(e)}function kn(e){return ln()?e.metaKey:e.ctrlKey}function vu(e){let t=XE(Ae(e));t!==e&&(t&&JE(t,e),e&&yu(e,t))}function JE(e,t){e.dispatchEvent(new FocusEvent("blur",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:t}))}function yu(e,t){e.dispatchEvent(new FocusEvent("focus",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusin",{bubbles:!0,relatedTarget:t}))}function XE(e){let t=It(e),n=t?.getAttribute("aria-activedescendant");return n&&e.getElementById(n)||t}let Mn="default",Ys="",Cr=new WeakMap;function Tu(e){if(Tr()){if(Mn==="default"){const t=Ae(e);Ys=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}Mn="disabled"}else if(e instanceof HTMLElement||e instanceof SVGElement){let t="userSelect"in e.style?"userSelect":"webkitUserSelect";Cr.set(e,e.style[t]),e.style[t]="none"}}function qs(e){if(Tr()){if(Mn!=="disabled")return;Mn="restoring",setTimeout(()=>{Su(()=>{if(Mn==="restoring"){const t=Ae(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=Ys||""),Ys="",Mn="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&Cr.has(e)){let t=Cr.get(e),n="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[n]==="none"&&(e.style[n]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),Cr.delete(e)}}function Eu(e){return e?.defaultView?.__webpack_nonce__||globalThis.__webpack_nonce__||void 0}let Js=new WeakMap;function ZE(e){let t=e??(typeof document<"u"?document:void 0);if(!t)return Eu(t);if(Js.has(t))return Js.get(t);let n=t.querySelector('meta[property="csp-nonce"]'),o=n&&n instanceof pt(n).HTMLMetaElement&&(n.nonce||n.content)||Eu(t)||void 0;return o!==void 0&&Js.set(t,o),o}const wu=T.createContext({register:()=>{}});wu.displayName="PressResponderContext";const QE=T.useInsertionEffect??Gt;function Dr(e){const t=T.useRef(null);return QE(()=>{t.current=e},[e]),T.useCallback((...n)=>{const o=t.current;return o?.(...n)},[])}function Cu(){let e=T.useRef(new Map),t=T.useCallback((a,s,i,l)=>{let c=l?.once?(...d)=>{e.current.delete(i),i(...d)}:i;e.current.set(i,{type:s,eventTarget:a,fn:c,options:l}),a.addEventListener(s,c,l)},[]),n=T.useCallback((a,s,i,l)=>{let c=e.current.get(i)?.fn||i;a.removeEventListener(s,c,l),e.current.delete(i)},[]),o=T.useCallback(()=>{e.current.forEach((a,s)=>{n(a.eventTarget,a.type,s,a.options)})},[n]);return T.useEffect(()=>o,[o]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:o}}function ew(e){let t=T.useContext(wu);if(t){let{register:n,ref:o,...a}=t;e=dt(a,e),n()}return hu(t,e.ref),e}class Nr{#e;constructor(t,n,o,a){this.#e=!0;const i=(a?.target??o.currentTarget)?.getBoundingClientRect();let l,c=0,d,m=null;o.clientX!=null&&o.clientY!=null&&(d=o.clientX,m=o.clientY),i&&(d!=null&&m!=null?(l=d-i.left,c=m-i.top):(l=i.width/2,c=i.height/2)),this.type=t,this.pointerType=n,this.target=o.currentTarget,this.shiftKey=o.shiftKey,this.metaKey=o.metaKey,this.ctrlKey=o.ctrlKey,this.altKey=o.altKey,this.x=l,this.y=c,this.key=o.key}continuePropagation(){this.#e=!1}get shouldStopPropagation(){return this.#e}}const Du=Symbol("linkClicked"),Nu="react-aria-pressable-style",Iu="data-react-aria-pressable";function xu(e){let{onPress:t,onPressChange:n,onPressStart:o,onPressEnd:a,onPressUp:s,onClick:i,isDisabled:l,isPressed:c,preventFocusOnPress:d,shouldCancelOnPointerExit:m,allowTextSelectionOnPress:u,ref:p,...f}=ew(e),[g,b]=T.useState(!1),y=T.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:v,removeAllGlobalListeners:h}=Cu(),x=T.useCallback((E,V)=>{let B=y.current;if(l||B.didFirePressStart)return!1;let M=!0;if(B.isTriggeringEvent=!0,o){let Y=new Nr("pressstart",V,E);o(Y),M=Y.shouldStopPropagation}return n&&n(!0),B.isTriggeringEvent=!1,B.didFirePressStart=!0,b(!0),M},[l,o,n]),D=T.useCallback((E,V,B=!0)=>{let M=y.current;if(!M.didFirePressStart)return!1;M.didFirePressStart=!1,M.isTriggeringEvent=!0;let Y=!0;if(a){let N=new Nr("pressend",V,E);a(N),Y=N.shouldStopPropagation}if(n&&n(!1),b(!1),t&&B&&!l){let N=new Nr("press",V,E);t(N),Y&&=N.shouldStopPropagation}return M.isTriggeringEvent=!1,Y},[l,a,n,t]),w=Dr(D),k=T.useCallback((E,V)=>{let B=y.current;if(l)return!1;if(s){B.isTriggeringEvent=!0;let M=new Nr("pressup",V,E);return s(M),B.isTriggeringEvent=!1,M.shouldStopPropagation}return!0},[l,s]),R=Dr(k),F=T.useCallback(E=>{let V=y.current;if(V.isPressed&&V.target){V.didFirePressStart&&V.pointerType!=null&&D(dn(V.target,E),V.pointerType,!1),V.isPressed=!1,V.isOverTarget=!1,V.activePointerId=null,V.pointerType=null,h(),u||qs(V.target);for(let B of V.disposables)B();V.disposables=[]}},[u,h,D]),_=Dr(F),O=T.useCallback(E=>{m&&F(E)},[m,F]),W=T.useCallback(E=>{l||i?.(E)},[l,i]),Z=T.useCallback((E,V)=>{if(!l&&i){let B=new MouseEvent("click",E);IE(B,V),i(au(B))}},[l,i]),K=T.useMemo(()=>{let E=y.current,V={onKeyDown(M){if(Zs(M.nativeEvent,M.currentTarget)&&ye(M.currentTarget,fe(M))){Lu(fe(M),M.key)&&M.preventDefault();let Y=!0;!E.isPressed&&!M.repeat&&(E.target=M.currentTarget,E.isPressed=!0,E.pointerType="keyboard",Y=x(M,"keyboard"));let N=M.currentTarget,C=L=>{Zs(L,N)&&!L.repeat&&ye(N,fe(L))&&E.target&&R(dn(E.target,L),"keyboard")};v(Ae(M.currentTarget),"keyup",Os(C,B),!0),Y&&M.stopPropagation(),M.metaKey&&ln()&&E.metaKeyEvents?.set(M.key,M.nativeEvent)}else M.key==="Meta"&&(E.metaKeyEvents=new Map)},onClick(M){if(!(M&&!ye(M.currentTarget,fe(M)))&&M&&M.button===0&&!E.isTriggeringEvent&&!Ot.isOpening){let Y=!0;if(l&&M.preventDefault(),!E.ignoreEmulatedMouseEvents&&!E.isPressed&&(E.pointerType==="virtual"||Vs(M.nativeEvent))){let N=x(M,"virtual"),C=R(M,"virtual"),L=w(M,"virtual");W(M),Y=N&&C&&L}else if(E.isPressed&&E.pointerType!=="keyboard"){let N=E.pointerType||M.nativeEvent.pointerType||"virtual",C=R(dn(M.currentTarget,M),N),L=w(dn(M.currentTarget,M),N,!0);Y=C&&L,E.isOverTarget=!1,W(M),_(M)}E.ignoreEmulatedMouseEvents=!1,Y&&M.stopPropagation()}}},B=M=>{if(E.isPressed&&E.target&&Zs(M,E.target)){Lu(fe(M),M.key)&&M.preventDefault();let Y=fe(M),N=ye(E.target,Y);w(dn(E.target,M),"keyboard",N),N&&Z(M,E.target),h(),M.key!=="Enter"&&Xs(E.target)&&ye(E.target,Y)&&!M[Du]&&(M[Du]=!0,Ot(E.target,M,!1)),E.isPressed=!1,E.metaKeyEvents?.delete(M.key)}else if(M.key==="Meta"&&E.metaKeyEvents?.size){let Y=E.metaKeyEvents;E.metaKeyEvents=void 0;for(let N of Y.values())E.target?.dispatchEvent(new KeyboardEvent("keyup",N))}};if(typeof PointerEvent<"u"){V.onPointerDown=N=>{if(N.button!==0||!ye(N.currentTarget,fe(N)))return;if(BE(N.nativeEvent)){E.pointerType="virtual";return}E.pointerType=N.pointerType;let C=!0;if(!E.isPressed){E.isPressed=!0,E.isOverTarget=!0,E.activePointerId=N.pointerId,E.target=N.currentTarget,u||Tu(E.target),C=x(N,E.pointerType);let L=fe(N);"releasePointerCapture"in L&&("hasPointerCapture"in L?L.hasPointerCapture(N.pointerId)&&L.releasePointerCapture(N.pointerId):L.releasePointerCapture(N.pointerId)),v(Ae(N.currentTarget),"pointerup",M,!1),v(Ae(N.currentTarget),"pointercancel",Y,!1)}C&&N.stopPropagation()},V.onMouseDown=N=>{if(ye(N.currentTarget,fe(N))&&N.button===0){if(d){let C=su(N.target);C&&E.disposables.push(C)}N.stopPropagation()}},V.onPointerUp=N=>{!ye(N.currentTarget,fe(N))||E.pointerType==="virtual"||N.button===0&&!E.isPressed&&R(N,E.pointerType||N.pointerType)},V.onPointerEnter=N=>{N.pointerId===E.activePointerId&&E.target&&!E.isOverTarget&&E.pointerType!=null&&(E.isOverTarget=!0,x(dn(E.target,N),E.pointerType))},V.onPointerLeave=N=>{N.pointerId===E.activePointerId&&E.target&&E.isOverTarget&&E.pointerType!=null&&(E.isOverTarget=!1,w(dn(E.target,N),E.pointerType,!1),O(N))};let M=N=>{if(N.pointerId===E.activePointerId&&E.isPressed&&N.button===0&&E.target){if(ye(E.target,fe(N))&&E.pointerType!=null){let C=!1,L=setTimeout(()=>{E.isPressed&&E.target instanceof HTMLElement&&(C?_(N):(Pt(E.target),E.target.click()))},80);v(N.currentTarget,"click",()=>C=!0,!0),E.disposables.push(()=>clearTimeout(L))}else _(N);E.isOverTarget=!1}},Y=N=>{_(N)};V.onDragStart=N=>{ye(N.currentTarget,fe(N))&&_(N)}}else if(process.env.NODE_ENV==="test"){V.onMouseDown=N=>{if(N.button!==0||!ye(N.currentTarget,fe(N)))return;if(E.ignoreEmulatedMouseEvents){N.stopPropagation();return}if(E.isPressed=!0,E.isOverTarget=!0,E.target=N.currentTarget,E.pointerType=Vs(N.nativeEvent)?"virtual":"mouse",Ln.flushSync(()=>x(N,E.pointerType))&&N.stopPropagation(),d){let L=su(N.target);L&&E.disposables.push(L)}v(Ae(N.currentTarget),"mouseup",M,!1)},V.onMouseEnter=N=>{if(!ye(N.currentTarget,fe(N)))return;let C=!0;E.isPressed&&!E.ignoreEmulatedMouseEvents&&E.pointerType!=null&&(E.isOverTarget=!0,C=x(N,E.pointerType)),C&&N.stopPropagation()},V.onMouseLeave=N=>{if(!ye(N.currentTarget,fe(N)))return;let C=!0;E.isPressed&&!E.ignoreEmulatedMouseEvents&&E.pointerType!=null&&(E.isOverTarget=!1,C=w(N,E.pointerType,!1),O(N)),C&&N.stopPropagation()},V.onMouseUp=N=>{ye(N.currentTarget,fe(N))&&!E.ignoreEmulatedMouseEvents&&N.button===0&&!E.isPressed&&R(N,E.pointerType||"mouse")};let M=N=>{if(N.button===0){if(E.ignoreEmulatedMouseEvents){E.ignoreEmulatedMouseEvents=!1;return}E.target&&ye(E.target,fe(N))&&E.pointerType!=null||_(N),E.isOverTarget=!1}};V.onTouchStart=N=>{if(!ye(N.currentTarget,fe(N)))return;let C=tw(N.nativeEvent);if(!C)return;E.activePointerId=C.identifier,E.ignoreEmulatedMouseEvents=!0,E.isOverTarget=!0,E.isPressed=!0,E.target=N.currentTarget,E.pointerType="touch",u||Tu(E.target),x(zt(E.target,N),E.pointerType)&&N.stopPropagation(),v(pt(N.currentTarget),"scroll",Y,!0)},V.onTouchMove=N=>{if(!ye(N.currentTarget,fe(N)))return;if(!E.isPressed){N.stopPropagation();return}let C=ku(N.nativeEvent,E.activePointerId),L=!0;C&&Mu(C,N.currentTarget)?!E.isOverTarget&&E.pointerType!=null&&(E.isOverTarget=!0,L=x(zt(E.target,N),E.pointerType)):E.isOverTarget&&E.pointerType!=null&&(E.isOverTarget=!1,L=w(zt(E.target,N),E.pointerType,!1),O(zt(E.target,N))),L&&N.stopPropagation()},V.onTouchEnd=N=>{if(!ye(N.currentTarget,fe(N)))return;if(!E.isPressed){N.stopPropagation();return}let C=ku(N.nativeEvent,E.activePointerId),L=!0;C&&Mu(C,N.currentTarget)&&E.pointerType!=null?(R(zt(E.target,N),E.pointerType),L=w(zt(E.target,N),E.pointerType),Z(N.nativeEvent,E.target)):E.isOverTarget&&E.pointerType!=null&&(L=w(zt(E.target,N),E.pointerType,!1)),L&&N.stopPropagation(),E.isPressed=!1,E.activePointerId=null,E.isOverTarget=!1,E.ignoreEmulatedMouseEvents=!0,E.target&&!u&&qs(E.target),h()},V.onTouchCancel=N=>{ye(N.currentTarget,fe(N))&&(N.stopPropagation(),E.isPressed&&_(zt(E.target,N)))};let Y=N=>{E.isPressed&&ye(fe(N),E.target)&&_({currentTarget:E.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};V.onDragStart=N=>{ye(N.currentTarget,fe(N))&&_(N)}}return V},[v,l,d,h,u,O,x,W,Z]);return T.useEffect(()=>{if(!p||process.env.NODE_ENV==="test")return;const E=Ae(p.current);if(!E||!E.head||E.getElementById(Nu))return;const V=E.createElement("style");V.id=Nu;let B=ZE(E);B&&(V.nonce=B),V.textContent=`
10031
+ `}}}},XT={Autocomplete:{components:[Nt],examples:Ki},Checkboxes:{components:[Jt],examples:Hi},"Clickable Tags":{components:[Vn],examples:Wi},"Column Chooser":{components:[Qa,qo],examples:hd},"Conditional Fields":{description:()=>r.createElement("p",null,"A conditional field is one that is only available when a certain option is selected amongst a set of checkboxes or radio buttons."),components:[_s],examples:Wp},"Content Rows":{components:[es,nn,Jo],examples:bd},"Content Sections":{components:[is],examples:Yd},"Date Pickers":{components:[ts],examples:Id},"Date Range Pickers":{components:[os],examples:Md},"Date Time Range Pickers":{components:[rs],examples:Rd},Datetime:{components:[as],examples:Fd},"Time Input":{components:[Bs],examples:qp},"Description Lists":{description:()=>r.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[tr,nr,rr],examples:zd},Dropdown:{components:[an,ss],examples:jd},"Filter Panel":{components:[xs,ks,Ms,Ls],examples:Hp},Form:{components:[so],examples:gd},Incrementor:{components:[ls],examples:qd},Label:{description:()=>r.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[cs],examples:Jd},"List Action Bar":{description:()=>r.createElement("p",null,"The List Action Bar contains the action buttons relevant to selected items from a Table List, Row List, or Card List. The List Action Bar is only visible when one or more list items have been selected and appears anchored to the bottom of the page above all other content."),components:[ds],examples:fp},"Micro Block":{components:[ps],examples:Sp},Modals:{description:()=>r.createElement("p",null,"Modals are overlays on a page that focus a user’s attention on an important message or a simple action. Examples of a Modal include confirming the deletion of a record, or making a single selection."),components:[us,sr],examples:hp},"Multi Select":{description:()=>r.createElement("p",null,"Multi-Selects consist of a Label and a dropdown menu from which a user selects one or more values from a list of pre-defined options."),components:[fs],examples:bp},"Multi Value Text Input":{description:()=>r.createElement("p",null,"To be determined."),components:[Ps],examples:jp},Pagination:{description:()=>r.createElement("p",null,"The Pagination component allows users to navigate lists of records and control the number of records displayed on each page. The records can span across multiple pages, or within sections of a page."),components:[Ss,ir],examples:vp},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[gs],examples:yp},Selects:{description:"Selects consist off a Label and a dropdown menu from which a user selects a value from a list of pre-defined options.",components:[on],examples:Ld},"Side Navigation":{description:"Side Navigations are used to provide quick access to a series of related pages or content. It can be used to navigate between different page views, or as an anchor-style menu to scroll to specific content on the same page.",components:[Ep],examples:wp},"Split Button":{components:[hs],examples:Cp},"Summary List Row":{components:[bs,vs,co],examples:Dp},Tables:{description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("div",{className:"sps-body-14"},"Tables (along with ",r.createElement(e,{to:"content-rows"},"Content Rows")," and"," ",r.createElement(e,{to:"content-tiles"},"Content Tiles"),") are one of three options for displaying a list of records on a page."),r.createElement("br",null),r.createElement("div",{className:"sps-body-14"},"Tables are the ideal solution for displaying tabular data, especially when the listed records contain a considerable amount of data points. While tables are primarily used to display an extensive list of records, often in a paginated format, they can also be used to display smaller sets of tabular data in any context.")),components:[sn,Wt,se,Ht,Fe,De],examples:mp},"Task Queue":{components:[ys],examples:Np},"Text Inputs":{description:()=>r.createElement("p",null,"Text Inputs consist of a Label and a field in which a user enters a short value."),components:[cr],examples:Ip},"Text Areas":{description:()=>r.createElement("p",null,"Text Areas consist of a Label and a field in which a user enters a long value."),components:[Ts],examples:xp},Toggles:{description:()=>r.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[Es],examples:Mp},Tooltips:{components:[ct,ws],examples:Lp},Wizard:{components:[Ds,Ns],examples:Bp},Workflow:{components:[dr,pr,ur,mr],examples:Kp,notices:[WT]},"Slide In Panels":{description:"",components:[ms],examples:gp}},ZT=new Set(["id"]),QT=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),eE=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),tE=new Set(["dir","lang","hidden","inert","translate"]),Jp=new Set(["onClick","onAuxClick","onContextMenu","onDoubleClick","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onTouchCancel","onTouchEnd","onTouchMove","onTouchStart","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onPointerEnter","onPointerLeave","onPointerOver","onPointerOut","onGotPointerCapture","onLostPointerCapture","onScroll","onWheel","onAnimationStart","onAnimationEnd","onAnimationIteration","onTransitionCancel","onTransitionEnd","onTransitionRun","onTransitionStart"]),nE=/^(data-.*)$/;function oE(e,t={}){let{labelable:n,isLink:o,global:a,events:s=a,propNames:i}=t,l={};for(const c in e)Object.prototype.hasOwnProperty.call(e,c)&&(ZT.has(c)||n&&QT.has(c)||o&&eE.has(c)||a&&tE.has(c)||s&&(Jp.has(c)||c.endsWith("Capture")&&Jp.has(c.slice(0,-7)))||i?.has(c)||nE.test(c))&&(l[c]=e[c]);return l}const Xp=new WeakMap;function fr(e,t,n){if(!e)return"";typeof t=="string"&&(t=t.replace(/\s+/g,""));let o=Xp.get(e);return process.env.NODE_ENV!=="production"&&!o&&console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."),`${o}-${n}-${t}`}function Os(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const Gt=typeof document<"u"?T.useLayoutEffect:()=>{},Sr={prefix:String(Math.round(Math.random()*1e10)),current:0},Zp=T.createContext(Sr),rE=T.createContext(!1);let aE=!!(typeof window<"u"&&window.document&&window.document.createElement),Rs=new WeakMap;function sE(e=!1){let t=T.useContext(Zp),n=T.useRef(null);if(n.current===null&&!e){let o=T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;if(o){let a=Rs.get(o);a==null?Rs.set(o,{id:t.current,state:o.memoizedState}):o.memoizedState!==a.state&&(t.current=a.id,Rs.delete(o))}n.current=++t.current}return n.current}function iE(e){let t=T.useContext(Zp);t===Sr&&!aE&&process.env.NODE_ENV!=="production"&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");let n=sE(!!e),o=t===Sr&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${o}-${n}`}function lE(e){let t=T.useId(),[n]=T.useState(Qp()),o=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${Sr.prefix}`;return e||`${o}-${t}`}const cE=typeof T.useId=="function"?lE:iE;function dE(){return!1}function pE(){return!0}function uE(e){return()=>{}}function Qp(){return typeof T.useSyncExternalStore=="function"?T.useSyncExternalStore(uE,dE,pE):T.useContext(rE)}let mE=!!(typeof window<"u"&&window.document&&window.document.createElement),xn=new Map,po;typeof FinalizationRegistry<"u"&&(po=new FinalizationRegistry(e=>{xn.delete(e)}));function gr(e){let[t,n]=T.useState(e),o=T.useRef(null),a=cE(t),s=T.useRef(null);if(po&&po.register(s,a),mE){const i=xn.get(a);i&&!i.includes(o)?i.push(o):xn.set(a,[o])}return Gt(()=>{let i=a;return()=>{po&&po.unregister(s),xn.delete(i)}},[a]),T.useEffect(()=>{let i=o.current;return i&&n(i),()=>{i&&(o.current=null)}}),a}function fE(e,t){if(e===t)return e;let n=xn.get(e);if(n)return n.forEach(a=>a.current=t),t;let o=xn.get(t);return o?(o.forEach(a=>a.current=e),e):t}function SE(...e){return e.length===1&&e[0]?e[0]:t=>{let n=!1;const o=e.map(a=>{const s=eu(a,t);return n||=typeof s=="function",s});if(n)return()=>{o.forEach((a,s)=>{typeof a=="function"?a():eu(e[s],null)})}}}function eu(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function dt(...e){let t={...e[0]};for(let n=1;n<e.length;n++){let o=e[n];for(let a in o){let s=t[a],i=o[a];typeof s=="function"&&typeof i=="function"&&a[0]==="o"&&a[1]==="n"&&a.charCodeAt(2)>=65&&a.charCodeAt(2)<=90?t[a]=Os(s,i):(a==="className"||a==="UNSAFE_className")&&typeof s=="string"&&typeof i=="string"?t[a]=$(s,i):a==="id"&&s&&i?t.id=fE(s,i):a==="ref"&&s&&i?t.ref=SE(s,i):t[a]=i!==void 0?i:s}}return t}function Pt(e){if(gE())e.focus({preventScroll:!0});else{let t=hE(e);e.focus(),bE(t)}}let hr=null;function gE(){if(hr==null){hr=!1;try{document.createElement("div").focus({get preventScroll(){return hr=!0,!0}})}catch{}}return hr}function hE(e){let t=e.parentNode,n=[],o=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==o;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&n.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return o instanceof HTMLElement&&n.push({element:o,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft}),n}function bE(e){for(let{element:t,scrollTop:n,scrollLeft:o}of e)t.scrollTop=n,t.scrollLeft=o}const Ae=e=>e?.ownerDocument??document,pt=e=>e&&"window"in e&&e.window===e?e:Ae(e).defaultView||window;function vE(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function yE(e){return vE(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let TE=!1;function br(){return TE}function ye(e,t){if(!br())return t&&e?e.contains(t):!1;if(!e||!t)return!1;let n=t;for(;n!==null;){if(n===e)return!0;n.tagName==="SLOT"&&n.assignedSlot?n=n.assignedSlot.parentNode:yE(n)?n=n.host:n=n.parentNode}return!1}const It=(e=document)=>{if(!br())return e.activeElement;let t=e.activeElement;for(;t&&"shadowRoot"in t&&t.shadowRoot?.activeElement;)t=t.shadowRoot.activeElement;return t};function fe(e){if(br()&&e.target instanceof Element&&e.target.shadowRoot){if("composedPath"in e)return e.composedPath()[0]??null;if("composedPath"in e.nativeEvent)return e.nativeEvent.composedPath()[0]??null}return e.target}function tu(e){if(!e)return!1;let t=e.getRootNode(),n=pt(e);if(!(t instanceof n.Document||t instanceof n.ShadowRoot))return!1;let o=t.activeElement;return o!=null&&e.contains(o)}const EE=typeof Element<"u"&&"checkVisibility"in Element.prototype;function wE(e){const t=pt(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:n,visibility:o}=e.style,a=n!=="none"&&o!=="hidden"&&o!=="collapse";if(a){const{getComputedStyle:s}=e.ownerDocument.defaultView;let{display:i,visibility:l}=s(e);a=i!=="none"&&l!=="hidden"&&l!=="collapse"}return a}function CE(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function Fs(e,t){return EE?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&wE(e)&&CE(e,t)&&(!e.parentElement||Fs(e.parentElement,e))}const As=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable^="false"])',"permission"],DE=As.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";As.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const NE=As.join(':not([hidden]):not([tabindex="-1"]),');function nu(e,t){return e.matches(DE)&&!ru(e)&&(t?.skipVisibilityCheck||Fs(e))}function ou(e){return e.matches(NE)&&Fs(e)&&!ru(e)}function ru(e){let t=e;for(;t!=null;){if(t instanceof t.ownerDocument.defaultView.HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}function au(e){let t=e;return t.nativeEvent=e,t.isDefaultPrevented=()=>t.defaultPrevented,t.isPropagationStopped=()=>t.cancelBubble,t.persist=()=>{},t}function IE(e,t){Object.defineProperty(e,"target",{value:t}),Object.defineProperty(e,"currentTarget",{value:t})}function xE(e){let t=T.useRef({isFocused:!1,observer:null});return Gt(()=>{const n=t.current;return()=>{n.observer&&(n.observer.disconnect(),n.observer=null)}},[]),T.useCallback(n=>{let o=fe(n);if(o instanceof HTMLButtonElement||o instanceof HTMLInputElement||o instanceof HTMLTextAreaElement||o instanceof HTMLSelectElement){t.current.isFocused=!0;let a=o,s=i=>{if(t.current.isFocused=!1,a.disabled){let l=au(i);e?.(l)}t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)};a.addEventListener("focusout",s,{once:!0}),t.current.observer=new MutationObserver(()=>{if(t.current.isFocused&&a.disabled){t.current.observer?.disconnect();let i=a===It()?null:It();a.dispatchEvent(new FocusEvent("blur",{relatedTarget:i})),a.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:i}))}}),t.current.observer.observe(a,{attributes:!0,attributeFilter:["disabled"]})}},[e])}let vr=!1;function su(e){for(;e&&!nu(e,{skipVisibilityCheck:!0});)e=e.parentElement;let t=pt(e),n=t.document.activeElement;if(!n||n===e)return;vr=!0;let o=!1,a=m=>{(fe(m)===n||o)&&m.stopImmediatePropagation()},s=m=>{(fe(m)===n||o)&&(m.stopImmediatePropagation(),!e&&!o&&(o=!0,Pt(n),c()))},i=m=>{(fe(m)===e||o)&&m.stopImmediatePropagation()},l=m=>{(fe(m)===e||o)&&(m.stopImmediatePropagation(),o||(o=!0,Pt(n),c()))};t.addEventListener("blur",a,!0),t.addEventListener("focusout",s,!0),t.addEventListener("focusin",l,!0),t.addEventListener("focus",i,!0);let c=()=>{cancelAnimationFrame(d),t.removeEventListener("blur",a,!0),t.removeEventListener("focusout",s,!0),t.removeEventListener("focusin",l,!0),t.removeEventListener("focus",i,!0),vr=!1,o=!1},d=requestAnimationFrame(c);return c}function yr(e){if(typeof window>"u"||window.navigator==null)return!1;let t=window.navigator.userAgentData?.brands;return Array.isArray(t)&&t.some(n=>e.test(n.brand))||e.test(window.navigator.userAgent)}function $s(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.userAgentData?.platform||window.navigator.platform):!1}function Bt(e){if(process.env.NODE_ENV==="test")return e;let t=null;return()=>(t==null&&(t=e()),t)}const ln=Bt(function(){return $s(/^Mac/i)}),kE=Bt(function(){return $s(/^iPhone/i)}),iu=Bt(function(){return $s(/^iPad/i)||ln()&&navigator.maxTouchPoints>1}),Tr=Bt(function(){return kE()||iu()}),ME=Bt(function(){return ln()||Tr()}),LE=Bt(function(){return yr(/AppleWebKit/i)&&!_E()}),_E=Bt(function(){return yr(/Chrome/i)}),lu=Bt(function(){return yr(/Android/i)}),PE=Bt(function(){return yr(/Firefox/i)});function Vs(e){return e.pointerType===""&&e.isTrusted?!0:lu()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function BE(e){return!lu()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}const OE=T.createContext({isNative:!0,open:FE,useHref:e=>e});function Ks(){return T.useContext(OE)}function Ot(e,t,n=!0){let{metaKey:o,ctrlKey:a,altKey:s,shiftKey:i}=t;PE()&&window.event?.type?.startsWith("key")&&e.target==="_blank"&&(ln()?o=!0:a=!0);let l=LE()&&ln()&&!iu()&&process.env.NODE_ENV!=="test"?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:o,ctrlKey:a,altKey:s,shiftKey:i}):new MouseEvent("click",{metaKey:o,ctrlKey:a,altKey:s,shiftKey:i,detail:1,bubbles:!0,cancelable:!0});Ot.isOpening=n,Pt(e),e.dispatchEvent(l),Ot.isOpening=!1}Ot.isOpening=!1;function RE(e,t){if(e instanceof HTMLAnchorElement)t(e);else if(e.hasAttribute("data-href")){let n=document.createElement("a");n.href=e.getAttribute("data-href"),e.hasAttribute("data-target")&&(n.target=e.getAttribute("data-target")),e.hasAttribute("data-rel")&&(n.rel=e.getAttribute("data-rel")),e.hasAttribute("data-download")&&(n.download=e.getAttribute("data-download")),e.hasAttribute("data-ping")&&(n.ping=e.getAttribute("data-ping")),e.hasAttribute("data-referrer-policy")&&(n.referrerPolicy=e.getAttribute("data-referrer-policy")),e.appendChild(n),t(n),e.removeChild(n)}}function FE(e,t){RE(e,n=>Ot(n,t))}function AE(e){const n=Ks().useHref(e?.href??"");return{href:e?.href?n:void 0,target:e?.target,rel:e?.rel,download:e?.download,ping:e?.ping,referrerPolicy:e?.referrerPolicy}}let uo=null;const $E=new Set;let mo=new Map,cn=!1,Hs=!1;function Ws(e,t){for(let n of $E)n(e,t)}function VE(e){return!(e.metaKey||!ln()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function Er(e){cn=!0,!Ot.isOpening&&VE(e)&&(uo="keyboard",Ws("keyboard",e))}function ut(e){uo="pointer","pointerType"in e&&e.pointerType,(e.type==="mousedown"||e.type==="pointerdown")&&(cn=!0,Ws("pointer",e))}function cu(e){!Ot.isOpening&&Vs(e)&&(cn=!0,uo="virtual")}function du(e){let t=pt(fe(e)),n=Ae(fe(e));fe(e)===t||fe(e)===n||vr||!e.isTrusted||(!cn&&!Hs&&(uo="virtual",Ws("virtual",e)),cn=!1,Hs=!1)}function pu(){vr||(cn=!1,Hs=!0)}function uu(e){if(typeof window>"u"||typeof document>"u")return;const t=pt(e),n=Ae(e);if(mo.get(t))return;let o=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){cn=!0,o.apply(this,arguments)},n.addEventListener("keydown",Er,!0),n.addEventListener("keyup",Er,!0),n.addEventListener("click",cu,!0),t.addEventListener("focus",du,!0),t.addEventListener("blur",pu,!1),typeof PointerEvent<"u"?(n.addEventListener("pointerdown",ut,!0),n.addEventListener("pointermove",ut,!0),n.addEventListener("pointerup",ut,!0)):process.env.NODE_ENV==="test"&&(n.addEventListener("mousedown",ut,!0),n.addEventListener("mousemove",ut,!0),n.addEventListener("mouseup",ut,!0)),t.addEventListener("beforeunload",()=>{mu(e)},{once:!0}),mo.set(t,{focus:o})}const mu=(e,t)=>{const n=pt(e),o=Ae(e);t&&o.removeEventListener("DOMContentLoaded",t),mo.has(n)&&(n.HTMLElement.prototype.focus=mo.get(n).focus,o.removeEventListener("keydown",Er,!0),o.removeEventListener("keyup",Er,!0),o.removeEventListener("click",cu,!0),n.removeEventListener("focus",du,!0),n.removeEventListener("blur",pu,!1),typeof PointerEvent<"u"?(o.removeEventListener("pointerdown",ut,!0),o.removeEventListener("pointermove",ut,!0),o.removeEventListener("pointerup",ut,!0)):process.env.NODE_ENV==="test"&&(o.removeEventListener("mousedown",ut,!0),o.removeEventListener("mousemove",ut,!0),o.removeEventListener("mouseup",ut,!0)),mo.delete(n))};function KE(e){const t=Ae(e);let n;return t.readyState!=="loading"?uu(e):(n=()=>{uu(e)},t.addEventListener("DOMContentLoaded",n)),()=>mu(e,n)}typeof document<"u"&&KE();function Gs(){return uo}let Ut=new Map,Us=new Set;function fu(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let t=o=>{let a=fe(o);if(!e(o)||!a)return;let s=Ut.get(a);s||(s=new Set,Ut.set(a,s),a.addEventListener("transitioncancel",n,{once:!0})),s.add(o.propertyName)},n=o=>{let a=fe(o);if(!e(o)||!a)return;let s=Ut.get(a);if(s&&(s.delete(o.propertyName),s.size===0&&(a.removeEventListener("transitioncancel",n),Ut.delete(a)),Ut.size===0)){for(let i of Us)i();Us.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",n)}typeof document<"u"&&(document.readyState!=="loading"?fu():document.addEventListener("DOMContentLoaded",fu));function HE(){for(const[e]of Ut)"isConnected"in e&&!e.isConnected&&Ut.delete(e)}function Su(e){requestAnimationFrame(()=>{HE(),Ut.size===0?e():Us.add(e)})}function wr(e){if(!e.isConnected)return;const t=Ae(e);if(Gs()==="virtual"){let n=It(t);Su(()=>{const o=It(t);(o===n||o===t.body)&&e.isConnected&&Pt(e)})}else Pt(e)}function WE(e){let{isDisabled:t,onFocus:n,onBlur:o,onFocusChange:a}=e;const s=T.useCallback(c=>{if(fe(c)===c.currentTarget)return o&&o(c),a&&a(!1),!0},[o,a]),i=xE(s),l=T.useCallback(c=>{let d=fe(c);const m=Ae(d),u=m?It(m):It();d===c.currentTarget&&d===u&&(n&&n(c),a&&a(!0),i(c))},[a,n,i]);return{focusProps:{onFocus:!t&&(n||a||o)?l:void 0,onBlur:!t&&(o||a)?s:void 0}}}function gu(e){if(!e)return;let t=!0;return n=>{let o={...n,preventDefault(){n.preventDefault()},isDefaultPrevented(){return n.isDefaultPrevented()},stopPropagation(){t&&process.env.NODE_ENV!=="production"?console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior."):t=!0},continuePropagation(){t=!1},isPropagationStopped(){return t}};e(o),t&&n.stopPropagation()}}function GE(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:gu(e.onKeyDown),onKeyUp:gu(e.onKeyUp)}}}function hu(e,t){Gt(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}let UE=T.createContext(null);function zE(e){let t=T.useContext(UE)||{};hu(t,e);let{ref:n,...o}=t;return o}function jE(e,t){let{focusProps:n}=WE(e),{keyboardProps:o}=GE(e),a=dt(n,o),s=zE(t),i=e.isDisabled?{}:s,l=T.useRef(e.autoFocus);T.useEffect(()=>{l.current&&t.current&&wr(t.current),l.current=!1},[t]);let c=e.excludeFromTabOrder?-1:0;return e.isDisabled&&(c=void 0),{focusableProps:dt({...a,tabIndex:c},i)}}function zs(e){return ME()?e.altKey:e.ctrlKey}function js(e,t){let n=`[data-key="${CSS.escape(String(t))}"]`,o=e.current?.dataset.collection;return o&&(n=`[data-collection="${CSS.escape(o)}"]${n}`),e.current?.querySelector(n)}const bu=new WeakMap;function YE(e){let t=gr();return bu.set(e,t),t}function qE(e){return bu.get(e)}function kn(e){return ln()?e.metaKey:e.ctrlKey}function vu(e){let t=XE(Ae(e));t!==e&&(t&&JE(t,e),e&&yu(e,t))}function JE(e,t){e.dispatchEvent(new FocusEvent("blur",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:t}))}function yu(e,t){e.dispatchEvent(new FocusEvent("focus",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusin",{bubbles:!0,relatedTarget:t}))}function XE(e){let t=It(e),n=t?.getAttribute("aria-activedescendant");return n&&e.getElementById(n)||t}let Mn="default",Ys="",Cr=new WeakMap;function Tu(e){if(Tr()){if(Mn==="default"){const t=Ae(e);Ys=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}Mn="disabled"}else if(e instanceof HTMLElement||e instanceof SVGElement){let t="userSelect"in e.style?"userSelect":"webkitUserSelect";Cr.set(e,e.style[t]),e.style[t]="none"}}function qs(e){if(Tr()){if(Mn!=="disabled")return;Mn="restoring",setTimeout(()=>{Su(()=>{if(Mn==="restoring"){const t=Ae(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=Ys||""),Ys="",Mn="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&Cr.has(e)){let t=Cr.get(e),n="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[n]==="none"&&(e.style[n]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),Cr.delete(e)}}function Eu(e){return e?.defaultView?.__webpack_nonce__||globalThis.__webpack_nonce__||void 0}let Js=new WeakMap;function ZE(e){let t=e??(typeof document<"u"?document:void 0);if(!t)return Eu(t);if(Js.has(t))return Js.get(t);let n=t.querySelector('meta[property="csp-nonce"]'),o=n&&n instanceof pt(n).HTMLMetaElement&&(n.nonce||n.content)||Eu(t)||void 0;return o!==void 0&&Js.set(t,o),o}const wu=T.createContext({register:()=>{}});wu.displayName="PressResponderContext";const QE=T.useInsertionEffect??Gt;function Dr(e){const t=T.useRef(null);return QE(()=>{t.current=e},[e]),T.useCallback((...n)=>{const o=t.current;return o?.(...n)},[])}function Cu(){let e=T.useRef(new Map),t=T.useCallback((a,s,i,l)=>{let c=l?.once?(...d)=>{e.current.delete(i),i(...d)}:i;e.current.set(i,{type:s,eventTarget:a,fn:c,options:l}),a.addEventListener(s,c,l)},[]),n=T.useCallback((a,s,i,l)=>{let c=e.current.get(i)?.fn||i;a.removeEventListener(s,c,l),e.current.delete(i)},[]),o=T.useCallback(()=>{e.current.forEach((a,s)=>{n(a.eventTarget,a.type,s,a.options)})},[n]);return T.useEffect(()=>o,[o]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:o}}function ew(e){let t=T.useContext(wu);if(t){let{register:n,ref:o,...a}=t;e=dt(a,e),n()}return hu(t,e.ref),e}class Nr{#e;constructor(t,n,o,a){this.#e=!0;const i=(a?.target??o.currentTarget)?.getBoundingClientRect();let l,c=0,d,m=null;o.clientX!=null&&o.clientY!=null&&(d=o.clientX,m=o.clientY),i&&(d!=null&&m!=null?(l=d-i.left,c=m-i.top):(l=i.width/2,c=i.height/2)),this.type=t,this.pointerType=n,this.target=o.currentTarget,this.shiftKey=o.shiftKey,this.metaKey=o.metaKey,this.ctrlKey=o.ctrlKey,this.altKey=o.altKey,this.x=l,this.y=c,this.key=o.key}continuePropagation(){this.#e=!1}get shouldStopPropagation(){return this.#e}}const Du=Symbol("linkClicked"),Nu="react-aria-pressable-style",Iu="data-react-aria-pressable";function xu(e){let{onPress:t,onPressChange:n,onPressStart:o,onPressEnd:a,onPressUp:s,onClick:i,isDisabled:l,isPressed:c,preventFocusOnPress:d,shouldCancelOnPointerExit:m,allowTextSelectionOnPress:u,ref:p,...f}=ew(e),[g,b]=T.useState(!1),y=T.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:v,removeAllGlobalListeners:h}=Cu(),x=T.useCallback((E,V)=>{let R=y.current;if(l||R.didFirePressStart)return!1;let k=!0;if(R.isTriggeringEvent=!0,o){let Y=new Nr("pressstart",V,E);o(Y),k=Y.shouldStopPropagation}return n&&n(!0),R.isTriggeringEvent=!1,R.didFirePressStart=!0,b(!0),k},[l,o,n]),C=T.useCallback((E,V,R=!0)=>{let k=y.current;if(!k.didFirePressStart)return!1;k.didFirePressStart=!1,k.isTriggeringEvent=!0;let Y=!0;if(a){let N=new Nr("pressend",V,E);a(N),Y=N.shouldStopPropagation}if(n&&n(!1),b(!1),t&&R&&!l){let N=new Nr("press",V,E);t(N),Y&&=N.shouldStopPropagation}return k.isTriggeringEvent=!1,Y},[l,a,n,t]),w=Dr(C),M=T.useCallback((E,V)=>{let R=y.current;if(l)return!1;if(s){R.isTriggeringEvent=!0;let k=new Nr("pressup",V,E);return s(k),R.isTriggeringEvent=!1,k.shouldStopPropagation}return!0},[l,s]),P=Dr(M),O=T.useCallback(E=>{let V=y.current;if(V.isPressed&&V.target){V.didFirePressStart&&V.pointerType!=null&&C(dn(V.target,E),V.pointerType,!1),V.isPressed=!1,V.isOverTarget=!1,V.activePointerId=null,V.pointerType=null,h(),u||qs(V.target);for(let R of V.disposables)R();V.disposables=[]}},[u,h,C]),_=Dr(O),F=T.useCallback(E=>{m&&O(E)},[m,O]),W=T.useCallback(E=>{l||i?.(E)},[l,i]),Z=T.useCallback((E,V)=>{if(!l&&i){let R=new MouseEvent("click",E);IE(R,V),i(au(R))}},[l,i]),K=T.useMemo(()=>{let E=y.current,V={onKeyDown(k){if(Zs(k.nativeEvent,k.currentTarget)&&ye(k.currentTarget,fe(k))){Lu(fe(k),k.key)&&k.preventDefault();let Y=!0;!E.isPressed&&!k.repeat&&(E.target=k.currentTarget,E.isPressed=!0,E.pointerType="keyboard",Y=x(k,"keyboard"));let N=k.currentTarget,D=L=>{Zs(L,N)&&!L.repeat&&ye(N,fe(L))&&E.target&&P(dn(E.target,L),"keyboard")};v(Ae(k.currentTarget),"keyup",Os(D,R),!0),Y&&k.stopPropagation(),k.metaKey&&ln()&&E.metaKeyEvents?.set(k.key,k.nativeEvent)}else k.key==="Meta"&&(E.metaKeyEvents=new Map)},onClick(k){if(!(k&&!ye(k.currentTarget,fe(k)))&&k&&k.button===0&&!E.isTriggeringEvent&&!Ot.isOpening){let Y=!0;if(l&&k.preventDefault(),!E.ignoreEmulatedMouseEvents&&!E.isPressed&&(E.pointerType==="virtual"||Vs(k.nativeEvent))){let N=x(k,"virtual"),D=P(k,"virtual"),L=w(k,"virtual");W(k),Y=N&&D&&L}else if(E.isPressed&&E.pointerType!=="keyboard"){let N=E.pointerType||k.nativeEvent.pointerType||"virtual",D=P(dn(k.currentTarget,k),N),L=w(dn(k.currentTarget,k),N,!0);Y=D&&L,E.isOverTarget=!1,W(k),_(k)}E.ignoreEmulatedMouseEvents=!1,Y&&k.stopPropagation()}}},R=k=>{if(E.isPressed&&E.target&&Zs(k,E.target)){Lu(fe(k),k.key)&&k.preventDefault();let Y=fe(k),N=ye(E.target,Y);w(dn(E.target,k),"keyboard",N),N&&Z(k,E.target),h(),k.key!=="Enter"&&Xs(E.target)&&ye(E.target,Y)&&!k[Du]&&(k[Du]=!0,Ot(E.target,k,!1)),E.isPressed=!1,E.metaKeyEvents?.delete(k.key)}else if(k.key==="Meta"&&E.metaKeyEvents?.size){let Y=E.metaKeyEvents;E.metaKeyEvents=void 0;for(let N of Y.values())E.target?.dispatchEvent(new KeyboardEvent("keyup",N))}};if(typeof PointerEvent<"u"){V.onPointerDown=N=>{if(N.button!==0||!ye(N.currentTarget,fe(N)))return;if(BE(N.nativeEvent)){E.pointerType="virtual";return}E.pointerType=N.pointerType;let D=!0;if(!E.isPressed){E.isPressed=!0,E.isOverTarget=!0,E.activePointerId=N.pointerId,E.target=N.currentTarget,u||Tu(E.target),D=x(N,E.pointerType);let L=fe(N);"releasePointerCapture"in L&&("hasPointerCapture"in L?L.hasPointerCapture(N.pointerId)&&L.releasePointerCapture(N.pointerId):L.releasePointerCapture(N.pointerId)),v(Ae(N.currentTarget),"pointerup",k,!1),v(Ae(N.currentTarget),"pointercancel",Y,!1)}D&&N.stopPropagation()},V.onMouseDown=N=>{if(ye(N.currentTarget,fe(N))&&N.button===0){if(d){let D=su(N.target);D&&E.disposables.push(D)}N.stopPropagation()}},V.onPointerUp=N=>{!ye(N.currentTarget,fe(N))||E.pointerType==="virtual"||N.button===0&&!E.isPressed&&P(N,E.pointerType||N.pointerType)},V.onPointerEnter=N=>{N.pointerId===E.activePointerId&&E.target&&!E.isOverTarget&&E.pointerType!=null&&(E.isOverTarget=!0,x(dn(E.target,N),E.pointerType))},V.onPointerLeave=N=>{N.pointerId===E.activePointerId&&E.target&&E.isOverTarget&&E.pointerType!=null&&(E.isOverTarget=!1,w(dn(E.target,N),E.pointerType,!1),F(N))};let k=N=>{if(N.pointerId===E.activePointerId&&E.isPressed&&N.button===0&&E.target){if(ye(E.target,fe(N))&&E.pointerType!=null){let D=!1,L=setTimeout(()=>{E.isPressed&&E.target instanceof HTMLElement&&(D?_(N):(Pt(E.target),E.target.click()))},80);v(N.currentTarget,"click",()=>D=!0,!0),E.disposables.push(()=>clearTimeout(L))}else _(N);E.isOverTarget=!1}},Y=N=>{_(N)};V.onDragStart=N=>{ye(N.currentTarget,fe(N))&&_(N)}}else if(process.env.NODE_ENV==="test"){V.onMouseDown=N=>{if(N.button!==0||!ye(N.currentTarget,fe(N)))return;if(E.ignoreEmulatedMouseEvents){N.stopPropagation();return}if(E.isPressed=!0,E.isOverTarget=!0,E.target=N.currentTarget,E.pointerType=Vs(N.nativeEvent)?"virtual":"mouse",Ln.flushSync(()=>x(N,E.pointerType))&&N.stopPropagation(),d){let L=su(N.target);L&&E.disposables.push(L)}v(Ae(N.currentTarget),"mouseup",k,!1)},V.onMouseEnter=N=>{if(!ye(N.currentTarget,fe(N)))return;let D=!0;E.isPressed&&!E.ignoreEmulatedMouseEvents&&E.pointerType!=null&&(E.isOverTarget=!0,D=x(N,E.pointerType)),D&&N.stopPropagation()},V.onMouseLeave=N=>{if(!ye(N.currentTarget,fe(N)))return;let D=!0;E.isPressed&&!E.ignoreEmulatedMouseEvents&&E.pointerType!=null&&(E.isOverTarget=!1,D=w(N,E.pointerType,!1),F(N)),D&&N.stopPropagation()},V.onMouseUp=N=>{ye(N.currentTarget,fe(N))&&!E.ignoreEmulatedMouseEvents&&N.button===0&&!E.isPressed&&P(N,E.pointerType||"mouse")};let k=N=>{if(N.button===0){if(E.ignoreEmulatedMouseEvents){E.ignoreEmulatedMouseEvents=!1;return}E.target&&ye(E.target,fe(N))&&E.pointerType!=null||_(N),E.isOverTarget=!1}};V.onTouchStart=N=>{if(!ye(N.currentTarget,fe(N)))return;let D=tw(N.nativeEvent);if(!D)return;E.activePointerId=D.identifier,E.ignoreEmulatedMouseEvents=!0,E.isOverTarget=!0,E.isPressed=!0,E.target=N.currentTarget,E.pointerType="touch",u||Tu(E.target),x(zt(E.target,N),E.pointerType)&&N.stopPropagation(),v(pt(N.currentTarget),"scroll",Y,!0)},V.onTouchMove=N=>{if(!ye(N.currentTarget,fe(N)))return;if(!E.isPressed){N.stopPropagation();return}let D=ku(N.nativeEvent,E.activePointerId),L=!0;D&&Mu(D,N.currentTarget)?!E.isOverTarget&&E.pointerType!=null&&(E.isOverTarget=!0,L=x(zt(E.target,N),E.pointerType)):E.isOverTarget&&E.pointerType!=null&&(E.isOverTarget=!1,L=w(zt(E.target,N),E.pointerType,!1),F(zt(E.target,N))),L&&N.stopPropagation()},V.onTouchEnd=N=>{if(!ye(N.currentTarget,fe(N)))return;if(!E.isPressed){N.stopPropagation();return}let D=ku(N.nativeEvent,E.activePointerId),L=!0;D&&Mu(D,N.currentTarget)&&E.pointerType!=null?(P(zt(E.target,N),E.pointerType),L=w(zt(E.target,N),E.pointerType),Z(N.nativeEvent,E.target)):E.isOverTarget&&E.pointerType!=null&&(L=w(zt(E.target,N),E.pointerType,!1)),L&&N.stopPropagation(),E.isPressed=!1,E.activePointerId=null,E.isOverTarget=!1,E.ignoreEmulatedMouseEvents=!0,E.target&&!u&&qs(E.target),h()},V.onTouchCancel=N=>{ye(N.currentTarget,fe(N))&&(N.stopPropagation(),E.isPressed&&_(zt(E.target,N)))};let Y=N=>{E.isPressed&&ye(fe(N),E.target)&&_({currentTarget:E.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};V.onDragStart=N=>{ye(N.currentTarget,fe(N))&&_(N)}}return V},[v,l,d,h,u,F,x,W,Z]);return T.useEffect(()=>{if(!p||process.env.NODE_ENV==="test")return;const E=Ae(p.current);if(!E||!E.head||E.getElementById(Nu))return;const V=E.createElement("style");V.id=Nu;let R=ZE(E);R&&(V.nonce=R),V.textContent=`
10032
10032
  @layer {
10033
10033
  [${Iu}] {
10034
10034
  touch-action: pan-x pan-y pinch-zoom;
10035
10035
  }
10036
10036
  }
10037
- `.trim(),E.head.prepend(V)},[p]),T.useEffect(()=>{let E=y.current;return()=>{u||qs(E.target??void 0);for(let V of E.disposables)V();E.disposables=[]}},[u]),{isPressed:c||g,pressProps:dt(f,K,{[Iu]:!0})}}function Xs(e){return e.tagName==="A"&&e.hasAttribute("href")}function Zs(e,t){const{key:n,code:o}=e,a=t,s=a.getAttribute("role");return(n==="Enter"||n===" "||n==="Spacebar"||o==="Space")&&!(a instanceof pt(a).HTMLInputElement&&!_u(a,n)||a instanceof pt(a).HTMLTextAreaElement||a.isContentEditable)&&!((s==="link"||!s&&Xs(a))&&n!=="Enter")}function tw(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function ku(e,t){const n=e.changedTouches;for(let o=0;o<n.length;o++){const a=n[o];if(a.identifier===t)return a}return null}function zt(e,t){let n=0,o=0;return t.targetTouches&&t.targetTouches.length===1&&(n=t.targetTouches[0].clientX,o=t.targetTouches[0].clientY),{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:n,clientY:o}}function dn(e,t){let n=t.clientX,o=t.clientY;return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:n,clientY:o,key:t.key}}function nw(e){let t=0,n=0;return e.width!==void 0?t=e.width/2:e.radiusX!==void 0&&(t=e.radiusX),e.height!==void 0?n=e.height/2:e.radiusY!==void 0&&(n=e.radiusY),{top:e.clientY-n,right:e.clientX+t,bottom:e.clientY+n,left:e.clientX-t}}function ow(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function Mu(e,t){let n=t.getBoundingClientRect(),o=nw(e);return ow(n,o)}function rw(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!Xs(e)}function Lu(e,t){return e instanceof HTMLInputElement?!_u(e,t):rw(e)}const aw=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function _u(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":aw.has(e.type)}let sw=0;const Qs=new Map;function iw(e){let[t,n]=T.useState();return Gt(()=>{if(!e)return;let o=Qs.get(e);if(o)n(o.element.id);else{let a=`react-aria-description-${sw++}`;n(a);let s=document.createElement("div");s.id=a,s.style.display="none",s.textContent=e,document.body.appendChild(s),o={refCount:0,element:s},Qs.set(e,o)}return o.refCount++,()=>{o&&--o.refCount===0&&(o.element.remove(),Qs.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}const lw=500;function cw(e){let{isDisabled:t,onLongPressStart:n,onLongPressEnd:o,onLongPress:a,threshold:s=lw,accessibilityDescription:i}=e;const l=T.useRef(void 0);let{addGlobalListener:c,removeGlobalListener:d}=Cu(),{pressProps:m}=xu({isDisabled:t,onPressStart(p){if(p.continuePropagation(),(p.pointerType==="mouse"||p.pointerType==="touch")&&(n&&n({...p,type:"longpressstart"}),l.current=setTimeout(()=>{p.target.dispatchEvent(new PointerEvent("pointercancel",{bubbles:!0})),Ae(p.target).activeElement!==p.target&&Pt(p.target),a&&a({...p,type:"longpress"}),l.current=void 0},s),p.pointerType==="touch")){let f=b=>{b.preventDefault()},g=pt(p.target);c(p.target,"contextmenu",f,{once:!0}),c(g,"pointerup",()=>{setTimeout(()=>{d(p.target,"contextmenu",f)},30)},{once:!0})}},onPressEnd(p){l.current&&clearTimeout(l.current),o&&(p.pointerType==="mouse"||p.pointerType==="touch")&&o({...p,type:"longpressend"})}}),u=iw(a&&!t?i:void 0);return{longPressProps:dt(m,u)}}function dw(e){let{id:t,selectionManager:n,key:o,ref:a,shouldSelectOnPressUp:s,shouldUseVirtualFocus:i,focus:l,isDisabled:c,onAction:d,allowsDifferentPressOrigin:m,linkBehavior:u="action"}=e,p=Ks();t=gr(t);let f=C=>{if(C.pointerType==="keyboard"&&zs(C))n.toggleSelection(o);else{if(n.selectionMode==="none")return;if(n.isLink(o)){if(u==="selection"&&a.current){let L=n.getItemProps(o);p.open(a.current,C,L.href,L.routerOptions),n.setSelectedKeys(n.selectedKeys);return}else if(u==="override"||u==="none")return}n.selectionMode==="single"?n.isSelected(o)&&!n.disallowEmptySelection?n.toggleSelection(o):n.replaceSelection(o):C&&C.shiftKey?n.extendSelection(o):n.selectionBehavior==="toggle"||C&&(kn(C)||C.pointerType==="touch"||C.pointerType==="virtual")?n.toggleSelection(o):n.replaceSelection(o)}};T.useEffect(()=>{o===n.focusedKey&&n.isFocused&&(i?vu(a.current):l?l():It()!==a.current&&a.current&&wr(a.current))},[a,o,n.focusedKey,n.childFocusStrategy,n.isFocused,i]),c=c||n.isDisabled(o);let g={};!i&&!c?g={tabIndex:o===n.focusedKey?0:-1,onFocus(C){fe(C)===a.current&&n.setFocusedKey(o)}}:c&&(g.onMouseDown=C=>{C.preventDefault()}),T.useEffect(()=>{c&&n.focusedKey===o&&n.setFocusedKey(null)},[n,c,o]);let b=n.isLink(o)&&u==="override",y=d&&e.UNSTABLE_itemBehavior==="action",v=n.isLink(o)&&u!=="selection"&&u!=="none",h=!c&&n.canSelectItem(o)&&!b&&!y,x=(d||v)&&!c,D=x&&(n.selectionBehavior==="replace"?!h:!h||n.isEmpty),w=x&&h&&n.selectionBehavior==="replace",k=D||w,R=T.useRef(null),F=k&&h,_=T.useRef(!1),O=T.useRef(!1),W=n.getItemProps(o),Z=C=>{d&&(d(),a.current?.dispatchEvent(new CustomEvent("react-aria-item-action",{bubbles:!0}))),v&&a.current&&p.open(a.current,C,W.href,W.routerOptions)},K={ref:a};if(s?(K.onPressStart=C=>{R.current=C.pointerType,_.current=F,C.pointerType==="keyboard"&&(!k||Bu(C.key))&&f(C)},m?(K.onPressUp=D?void 0:C=>{C.pointerType==="mouse"&&h&&f(C)},K.onPress=D?Z:C=>{C.pointerType!=="keyboard"&&C.pointerType!=="mouse"&&h&&f(C)}):K.onPress=C=>{if(D||w&&C.pointerType!=="mouse"){if(C.pointerType==="keyboard"&&!Pu(C.key))return;Z(C)}else C.pointerType!=="keyboard"&&h&&f(C)}):(K.onPressStart=C=>{R.current=C.pointerType,_.current=F,O.current=D,h&&(C.pointerType==="mouse"&&!D||C.pointerType==="keyboard"&&(!x||Bu(C.key)))&&f(C)},K.onPress=C=>{(C.pointerType==="touch"||C.pointerType==="pen"||C.pointerType==="virtual"||C.pointerType==="keyboard"&&k&&Pu(C.key)||C.pointerType==="mouse"&&O.current)&&(k?Z(C):h&&f(C))}),g["data-collection"]=qE(n.collection),g["data-key"]=o,K.preventFocusOnPress=i,i&&(K=dt(K,{onPressStart(C){C.pointerType!=="touch"&&(n.setFocused(!0),n.setFocusedKey(o))},onPress(C){C.pointerType==="touch"&&(n.setFocused(!0),n.setFocusedKey(o))}})),W)for(let C of["onPressStart","onPressEnd","onPressChange","onPress","onPressUp","onClick"])W[C]&&(K[C]=Os(K[C],W[C]));let{pressProps:E,isPressed:V}=xu(K),B=w?C=>{R.current==="mouse"&&(C.stopPropagation(),C.preventDefault(),Z(C))}:void 0,{longPressProps:M}=cw({isDisabled:!F,onLongPress(C){C.pointerType==="touch"&&(f(C),n.setSelectionBehavior("toggle"))}}),Y=C=>{R.current==="touch"&&_.current&&C.preventDefault()},N=u!=="none"&&n.isLink(o)?C=>{Ot.isOpening||C.preventDefault()}:void 0;return{itemProps:dt(g,h||D||i&&!c?E:{},F?M:{},{onDoubleClick:B,onDragStartCapture:Y,onClick:N,id:t},i?{onMouseDown:C=>C.preventDefault()}:void 0),isPressed:V,isSelected:n.isSelected(o),isFocused:n.isFocused&&n.focusedKey===o,isDisabled:c,allowsSelection:h,hasAction:k}}function Pu(e){return e==="Enter"}function Bu(e){return e===" "}function pw(e,t,n){let{key:o,isDisabled:a,shouldSelectOnPressUp:s}=e,{selectionManager:i,selectedKey:l}=t,c=o===l,d=a||t.isDisabled||t.selectionManager.isDisabled(o),m=t.collection.getItem(o),{itemProps:u,isPressed:p}=dw({selectionManager:i,key:o,ref:n,isDisabled:d,shouldSelectOnPressUp:s??m?.props.href!=null,linkBehavior:"selection"}),f=fr(t,o,"tab"),g=fr(t,o,"tabpanel"),{tabIndex:b}=u,y=oE(m?.props,{labelable:!0});delete y.id;let v=AE(m?.props),{focusableProps:h}=jE({...m?.props,isDisabled:d},n);return{tabProps:dt(y,h,v,u,{id:f,"aria-selected":c,"aria-disabled":d||void 0,"aria-controls":c?g:void 0,tabIndex:d?void 0:b,role:"tab"}),isSelected:c,isDisabled:d,isPressed:p}}class uw{constructor(t,n,o,a){this._walkerStack=[],this._currentSetFor=new Set,this._acceptNode=i=>{if(i.nodeType===Node.ELEMENT_NODE){const l=i.shadowRoot;if(l){const c=this._doc.createTreeWalker(l,this.whatToShow,{acceptNode:this._acceptNode});return this._walkerStack.unshift(c),NodeFilter.FILTER_ACCEPT}else{if(typeof this.filter=="function")return this.filter(i);if(this.filter?.acceptNode)return this.filter.acceptNode(i);if(this.filter===null)return NodeFilter.FILTER_ACCEPT}}return NodeFilter.FILTER_SKIP},this._doc=t,this.root=n,this.filter=a??null,this.whatToShow=o??NodeFilter.SHOW_ALL,this._currentNode=n,this._walkerStack.unshift(t.createTreeWalker(n,o,this._acceptNode));const s=n.shadowRoot;if(s){const i=this._doc.createTreeWalker(s,this.whatToShow,{acceptNode:this._acceptNode});this._walkerStack.unshift(i)}}get currentNode(){return this._currentNode}set currentNode(t){if(!ye(this.root,t))throw new Error("Cannot set currentNode to a node that is not contained by the root node.");const n=[];let o=t,a=t;for(this._currentNode=t;o&&o!==this.root;)if(o.nodeType===Node.DOCUMENT_FRAGMENT_NODE){const i=o,l=this._doc.createTreeWalker(i,this.whatToShow,{acceptNode:this._acceptNode});n.push(l),l.currentNode=a,this._currentSetFor.add(l),o=a=i.host}else o=o.parentNode;const s=this._doc.createTreeWalker(this.root,this.whatToShow,{acceptNode:this._acceptNode});n.push(s),s.currentNode=a,this._currentSetFor.add(s),this._walkerStack=n}get doc(){return this._doc}firstChild(){let t=this.currentNode,n=this.nextNode();return ye(t,n)?(n&&(this.currentNode=n),n):(this.currentNode=t,null)}lastChild(){let n=this._walkerStack[0].lastChild();return n&&(this.currentNode=n),n}nextNode(){const t=this._walkerStack[0].nextNode();if(t){if(t.shadowRoot){let o;if(typeof this.filter=="function"?o=this.filter(t):this.filter?.acceptNode&&(o=this.filter.acceptNode(t)),o===NodeFilter.FILTER_ACCEPT)return this.currentNode=t,t;let a=this.nextNode();return a&&(this.currentNode=a),a}return t&&(this.currentNode=t),t}else if(this._walkerStack.length>1){this._walkerStack.shift();let n=this.nextNode();return n&&(this.currentNode=n),n}else return null}previousNode(){const t=this._walkerStack[0];if(t.currentNode===t.root){if(this._currentSetFor.has(t))if(this._currentSetFor.delete(t),this._walkerStack.length>1){this._walkerStack.shift();let o=this.previousNode();return o&&(this.currentNode=o),o}else return null;return null}const n=t.previousNode();if(n){if(n.shadowRoot){let a;if(typeof this.filter=="function"?a=this.filter(n):this.filter?.acceptNode&&(a=this.filter.acceptNode(n)),a===NodeFilter.FILTER_ACCEPT)return n&&(this.currentNode=n),n;let s=this.lastChild();return s&&(this.currentNode=s),s}return n&&(this.currentNode=n),n}else if(this._walkerStack.length>1){this._walkerStack.shift();let o=this.previousNode();return o&&(this.currentNode=o),o}else return null}nextSibling(){return null}previousSibling(){return null}parentNode(){return null}}function mw(e,t,n,o){return br()?new uw(e,t,n,o):e.createTreeWalker(t,n,o)}function fw(e){if(!e.form)return Array.from(Ae(e).querySelectorAll(`input[type="radio"][name="${CSS.escape(e.name)}"]`)).filter(o=>!o.form);const t=e.form.elements.namedItem(e.name);let n=pt(e);return t instanceof n.RadioNodeList?Array.from(t).filter(o=>o instanceof n.HTMLInputElement):t instanceof n.HTMLInputElement?[t]:[]}function Sw(e){if(e.checked)return!0;const t=fw(e);return t.length>0&&!t.some(n=>n.checked)}function Ou(e,t){return!e||!t?!1:t.some(n=>ye(n,e))}function Ru(e,t,n){let o=t?.tabbable?ou:nu,a=e?.nodeType===Node.ELEMENT_NODE?e:null,s=Ae(a),i=mw(s,e||s,NodeFilter.SHOW_ELEMENT,{acceptNode(l){return ye(t?.from,l)||t?.tabbable&&l.tagName==="INPUT"&&l.getAttribute("type")==="radio"&&(!Sw(l)||i.currentNode.tagName==="INPUT"&&i.currentNode.type==="radio"&&i.currentNode.name===l.name)?NodeFilter.FILTER_REJECT:o(l)&&(!n||Ou(l,n))&&(!t?.accept||t.accept(l))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t?.from&&(i.currentNode=t.from),i}class ei{constructor(){this.fastMap=new Map,this.root=new Fu({scopeRef:null}),this.fastMap.set(null,this.root)}get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,n,o){let a=this.fastMap.get(n??null);if(!a)return;let s=new Fu({scopeRef:t});a.addChild(s),s.parent=a,this.fastMap.set(t,s),o&&(s.nodeToRestore=o)}addNode(t){this.fastMap.set(t.scopeRef,t)}removeTreeNode(t){if(t===null)return;let n=this.fastMap.get(t);if(!n)return;let o=n.parent;for(let s of this.traverse())s!==n&&n.nodeToRestore&&s.nodeToRestore&&n.scopeRef&&n.scopeRef.current&&Ou(s.nodeToRestore,n.scopeRef.current)&&(s.nodeToRestore=n.nodeToRestore);let a=n.children;o&&(o.removeChild(n),a.size>0&&a.forEach(s=>o&&o.addChild(s))),this.fastMap.delete(n.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.size>0)for(let n of t.children)yield*this.traverse(n)}clone(){let t=new ei;for(let n of this.traverse())t.addTreeNode(n.scopeRef,n.parent?.scopeRef??null,n.nodeToRestore);return t}}class Fu{constructor(t){this.children=new Set,this.contain=!1,this.scopeRef=t.scopeRef}addChild(t){this.children.add(t),t.parent=this}removeChild(t){this.children.delete(t),t.parent=void 0}}new ei;function gw(e,t){let n=t?.isDisabled,[o,a]=T.useState(!1);return Gt(()=>{if(e?.current&&!n){let s=()=>{if(e.current){let l=Ru(e.current,{tabbable:!0});a(!!l.nextNode())}};s();let i=new MutationObserver(s);return i.observe(e.current,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["tabIndex","disabled"]}),()=>{i.disconnect()}}}),n?!1:o}function Au(e,t){let{id:n,"aria-label":o,"aria-labelledby":a}=e;return n=gr(n),a&&o?a=[...new Set([n,...a.trim().split(/\s+/)])].join(" "):a&&(a=a.trim().split(/\s+/).join(" ")),!o&&!a&&t&&(o=t),{id:n,"aria-label":o,"aria-labelledby":a}}function hw(e,t,n){let o=gw(n)?void 0:0;const a=fr(t,e.id??t?.selectedKey,"tabpanel"),s=Au({...e,id:a,"aria-labelledby":fr(t,t?.selectedKey,"tab")});return{tabPanelProps:dt(s,{tabIndex:o,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class bw{constructor(t,n,o,a=new Set){this.collection=t,this.flipDirection=n==="rtl"&&o==="horizontal",this.disabledKeys=a,this.tabDirection=o==="horizontal"}getKeyLeftOf(t){return this.flipDirection?this.getNextKey(t):this.getPreviousKey(t)}getKeyRightOf(t){return this.flipDirection?this.getPreviousKey(t):this.getNextKey(t)}isDisabled(t){return this.disabledKeys.has(t)||!!this.collection.getItem(t)?.props?.isDisabled}getFirstKey(){let t=this.collection.getFirstKey();return t!=null&&this.isDisabled(t)&&(t=this.getNextKey(t)),t}getLastKey(){let t=this.collection.getLastKey();return t!=null&&this.isDisabled(t)&&(t=this.getPreviousKey(t)),t}getKeyAbove(t){return this.tabDirection?null:this.getPreviousKey(t)}getKeyBelow(t){return this.tabDirection?null:this.getNextKey(t)}getNextKey(t){let n=t;do n=this.collection.getKeyAfter(n),n==null&&(n=this.collection.getFirstKey());while(n!=null&&this.isDisabled(n));return n}getPreviousKey(t){let n=t;do n=this.collection.getKeyBefore(n),n==null&&(n=this.collection.getLastKey());while(n!=null&&this.isDisabled(n));return n}}const vw=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),yw=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function Tw(e){if(Intl.Locale){let n=new Intl.Locale(e).maximize(),o=typeof n.getTextInfo=="function"?n.getTextInfo():n.textInfo;if(o)return o.direction==="rtl";if(n.script)return vw.has(n.script)}let t=e.split("-")[0];return yw.has(t)}const $u=Symbol.for("react-aria.i18n.locale");function Vu(){let e=typeof window<"u"&&window[$u]||typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:Tw(e)?"rtl":"ltr"}}let ti=Vu(),fo=new Set;function Ku(){ti=Vu();for(let e of fo)e(ti)}function Ew(){let e=Qp(),[t,n]=T.useState(ti);return T.useEffect(()=>(fo.size===0&&window.addEventListener("languagechange",Ku),fo.add(n),()=>{fo.delete(n),fo.size===0&&window.removeEventListener("languagechange",Ku)}),[]),e?{locale:typeof window<"u"&&window[$u]||"en-US",direction:"ltr"}:t}const ww=T.createContext(null);function Hu(){let e=Ew();return T.useContext(ww)||e}const Cw="react-aria-clear-focus",Dw="react-aria-focus";function Nw(e,t){if(!e)return!1;let n=window.getComputedStyle(e),o=document.scrollingElement||document.documentElement,a=/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY);return e===o&&n.overflow!=="hidden"&&(a=!0),a&&t&&(a=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),a}function Wu(e,t){let n=[],o=document.scrollingElement||document.documentElement;do Nw(e,t)&&n.push(e),e=e.parentElement;while(e&&e!==o);return n}function ni(e,t,n={}){let{block:o="nearest",inline:a="nearest"}=n;if(e===t)return;let s=e.scrollTop,i=e.scrollLeft,l=t.getBoundingClientRect(),c=e.getBoundingClientRect(),d=window.getComputedStyle(t),m=window.getComputedStyle(e),u=document.scrollingElement||document.documentElement,p=e===u?0:c.top,f=e===u?e.clientHeight:c.bottom,g=e===u?0:c.left,b=e===u?e.clientWidth:c.right,y=parseInt(d.scrollMarginTop,10)||0,v=parseInt(d.scrollMarginBottom,10)||0,h=parseInt(d.scrollMarginLeft,10)||0,x=parseInt(d.scrollMarginRight,10)||0,D=parseInt(m.scrollPaddingTop,10)||0,w=parseInt(m.scrollPaddingBottom,10)||0,k=parseInt(m.scrollPaddingLeft,10)||0,R=parseInt(m.scrollPaddingRight,10)||0,F=parseInt(m.borderTopWidth,10)||0,_=parseInt(m.borderBottomWidth,10)||0,O=parseInt(m.borderLeftWidth,10)||0,W=parseInt(m.borderRightWidth,10)||0,Z=l.top-y,K=l.bottom+v,E=l.left-h,V=l.right+x,B=e===u?0:O+W,M=e===u?0:F+_,Y=e.offsetWidth-e.clientWidth-B,N=e.offsetHeight-e.clientHeight-M,C=p+F+D,L=f-_-w-N,q=g+O+k,Q=b-W-R;m.direction==="rtl"&&!Tr()?q+=Y:Q-=Y;let ne=Z<C||K>L,oe=E<q||V>Q;if(ne&&o==="start")s+=Z-C;else if(ne&&o==="center")s+=(Z+K)/2-(C+L)/2;else if(ne&&o==="end")s+=K-L;else if(ne&&o==="nearest"){let U=Z-C,X=K-L;s+=Math.abs(U)<=Math.abs(X)?U:X}if(oe&&a==="start")i+=E-q;else if(oe&&a==="center")i+=(E+V)/2-(q+Q)/2;else if(oe&&a==="end")i+=V-Q;else if(oe&&a==="nearest"){let U=E-q,X=V-Q;i+=Math.abs(U)<=Math.abs(X)?U:X}if(process.env.NODE_ENV==="test"){e.scrollLeft=i,e.scrollTop=s;return}e.scrollTo({left:i,top:s})}function Gu(e,t={}){let{containingElement:n}=t;if(e&&e.isConnected){let o=document.scrollingElement||document.documentElement;if(window.getComputedStyle(o).overflow==="hidden"){let{left:s,top:i}=e.getBoundingClientRect(),l=Wu(e,!0);for(let m of l)ni(m,e);let{left:c,top:d}=e.getBoundingClientRect();if(Math.abs(s-c)>1||Math.abs(i-d)>1){l=n?Wu(n,!0):[];for(let m of l)ni(m,n,{block:"center",inline:"center"})}}else{let{left:s,top:i}=e.getBoundingClientRect();e?.scrollIntoView?.({block:"nearest"});let{left:l,top:c}=e.getBoundingClientRect();(Math.abs(s-l)>1||Math.abs(i-c)>1)&&(n?.scrollIntoView?.({block:"center",inline:"center"}),e.scrollIntoView?.({block:"nearest"}))}}}function Ir(e,t,n,o){let a=Dr(n),s=n==null;T.useEffect(()=>{if(s||!e.current)return;let i=e.current;return i.addEventListener(t,a,o),()=>{i.removeEventListener(t,a,o)}},[e,t,o,s])}const Iw=1e3;function xw(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:o}=e,a=T.useRef({search:"",timeout:void 0}).current,s=i=>{let l=kw(i.key);if(!(!l||i.ctrlKey||i.metaKey||!ye(i.currentTarget,fe(i))||a.search.length===0&&l===" ")){if(l===" "&&a.search.trim().length>0&&(i.preventDefault(),"continuePropagation"in i||i.stopPropagation()),a.search+=l,t.getKeyForSearch!=null){let c=t.getKeyForSearch(a.search,n.focusedKey);c==null&&(c=t.getKeyForSearch(a.search)),c!=null&&(n.setFocusedKey(c),o&&o(c))}clearTimeout(a.timeout),a.timeout=setTimeout(()=>{a.search=""},Iw)}};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?s:void 0}}}function kw(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}function Uu(e,t){const n=T.useRef(!0),o=T.useRef(null);Gt(()=>(n.current=!0,()=>{n.current=!1}),[]),Gt(()=>{n.current?n.current=!1:(!o.current||t.some((a,s)=>!Object.is(a,o[s])))&&e(),o.current=t},t)}function Mw(e){let{selectionManager:t,keyboardDelegate:n,ref:o,autoFocus:a=!1,shouldFocusWrap:s=!1,disallowEmptySelection:i=!1,disallowSelectAll:l=!1,escapeKeyBehavior:c="clearSelection",selectOnFocus:d=t.selectionBehavior==="replace",disallowTypeAhead:m=!1,shouldUseVirtualFocus:u,allowsTabNavigation:p=!1,scrollRef:f=o,linkBehavior:g="action"}=e,{direction:b}=Hu(),y=Ks(),v=E=>{if(E.altKey&&E.key==="Tab"&&E.preventDefault(),!o.current||!ye(o.current,fe(E)))return;const V=(B,M)=>{if(B!=null){if(t.isLink(B)&&g==="selection"&&d&&!zs(E)){Ln.flushSync(()=>{t.setFocusedKey(B,M)});let Y=js(o,B),N=t.getItemProps(B);Y&&y.open(Y,E,N.href,N.routerOptions);return}if(t.setFocusedKey(B,M),t.isLink(B)&&g==="override")return;E.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(B):d&&!zs(E)&&t.replaceSelection(B)}};switch(E.key){case"ArrowDown":if(n.getKeyBelow){let B=t.focusedKey!=null?n.getKeyBelow?.(t.focusedKey):n.getFirstKey?.();B==null&&s&&(B=n.getFirstKey?.(t.focusedKey)),B!=null&&(E.preventDefault(),V(B))}break;case"ArrowUp":if(n.getKeyAbove){let B=t.focusedKey!=null?n.getKeyAbove?.(t.focusedKey):n.getLastKey?.();B==null&&s&&(B=n.getLastKey?.(t.focusedKey)),B!=null&&(E.preventDefault(),V(B))}break;case"ArrowLeft":if(n.getKeyLeftOf){let B=t.focusedKey!=null?n.getKeyLeftOf?.(t.focusedKey):n.getFirstKey?.();B==null&&s&&(B=b==="rtl"?n.getFirstKey?.(t.focusedKey):n.getLastKey?.(t.focusedKey)),B!=null&&(E.preventDefault(),V(B,b==="rtl"?"first":"last"))}break;case"ArrowRight":if(n.getKeyRightOf){let B=t.focusedKey!=null?n.getKeyRightOf?.(t.focusedKey):n.getFirstKey?.();B==null&&s&&(B=b==="rtl"?n.getLastKey?.(t.focusedKey):n.getFirstKey?.(t.focusedKey)),B!=null&&(E.preventDefault(),V(B,b==="rtl"?"last":"first"))}break;case"Home":if(n.getFirstKey){if(t.focusedKey===null&&E.shiftKey)return;E.preventDefault();let B=n.getFirstKey(t.focusedKey,kn(E));t.setFocusedKey(B),B!=null&&(kn(E)&&E.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(B):d&&t.replaceSelection(B))}break;case"End":if(n.getLastKey){if(t.focusedKey===null&&E.shiftKey)return;E.preventDefault();let B=n.getLastKey(t.focusedKey,kn(E));t.setFocusedKey(B),B!=null&&(kn(E)&&E.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(B):d&&t.replaceSelection(B))}break;case"PageDown":if(n.getKeyPageBelow&&t.focusedKey!=null){let B=n.getKeyPageBelow(t.focusedKey);B!=null&&(E.preventDefault(),V(B))}break;case"PageUp":if(n.getKeyPageAbove&&t.focusedKey!=null){let B=n.getKeyPageAbove(t.focusedKey);B!=null&&(E.preventDefault(),V(B))}break;case"a":kn(E)&&t.selectionMode==="multiple"&&l!==!0&&(E.preventDefault(),t.selectAll());break;case"Escape":c==="clearSelection"&&!i&&t.selectedKeys.size!==0&&(E.stopPropagation(),E.preventDefault(),t.clearSelection());break;case"Tab":if(!p){if(E.shiftKey)o.current.focus();else{let B=Ru(o.current,{tabbable:!0}),M,Y;do Y=B.lastChild(),Y&&(M=Y);while(Y);let N=It();M&&(!tu(M)||N&&!ou(N))&&Pt(M)}break}}},h=T.useRef({top:0,left:0});Ir(f,"scroll",()=>{h.current={top:f.current?.scrollTop??0,left:f.current?.scrollLeft??0}});let x=E=>{if(t.isFocused){ye(E.currentTarget,fe(E))||t.setFocused(!1);return}if(ye(E.currentTarget,fe(E))){if(t.setFocused(!0),t.focusedKey==null){let V=M=>{M!=null&&(t.setFocusedKey(M),d&&!t.isSelected(M)&&t.replaceSelection(M))},B=E.relatedTarget;B&&E.currentTarget.compareDocumentPosition(B)&Node.DOCUMENT_POSITION_FOLLOWING?V(t.lastSelectedKey??n.getLastKey?.()):V(t.firstSelectedKey??n.getFirstKey?.())}else f.current&&(f.current.scrollTop=h.current.top,f.current.scrollLeft=h.current.left);if(t.focusedKey!=null&&f.current){let V=js(o,t.focusedKey);V instanceof HTMLElement&&(!tu(V)&&!u&&Pt(V),Gs()==="keyboard"&&Gu(V,{containingElement:o.current}))}}},D=E=>{ye(E.currentTarget,E.relatedTarget)||t.setFocused(!1)},w=T.useRef(!1);Ir(o,Dw,u?E=>{let{detail:V}=E;E.stopPropagation(),t.setFocused(!0),V?.focusStrategy==="first"&&(w.current=!0)}:void 0),Uu(()=>{if(w.current){let E=n.getFirstKey?.()??null;if(E==null){let V=It();vu(o.current),yu(V,null),t.collection.size>0&&(w.current=!1)}else t.setFocusedKey(E),w.current=!1}},[t.collection]),Uu(()=>{t.collection.size>0&&(w.current=!1)},[t.focusedKey]),Ir(o,Cw,u?E=>{E.stopPropagation(),t.setFocused(!1),E.detail?.clearFocusKey&&t.setFocusedKey(null)}:void 0);const k=T.useRef(a),R=T.useRef(!1);T.useEffect(()=>{if(k.current){let E=null;a==="first"&&(E=n.getFirstKey?.()??null),a==="last"&&(E=n.getLastKey?.()??null);let V=t.selectedKeys;if(V.size){for(let B of V)if(t.canSelectItem(B)){E=B;break}}t.setFocused(!0),t.setFocusedKey(E),E==null&&!u&&o.current&&wr(o.current),t.collection.size>0&&(k.current=!1,R.current=!0)}});let F=T.useRef(t.focusedKey),_=T.useRef(null);T.useEffect(()=>{if(t.isFocused&&t.focusedKey!=null&&(t.focusedKey!==F.current||R.current)&&f.current&&o.current){let E=Gs(),V=js(o,t.focusedKey);if(!(V instanceof HTMLElement))return;(E==="keyboard"||R.current)&&(_.current&&cancelAnimationFrame(_.current),_.current=requestAnimationFrame(()=>{f.current&&(ni(f.current,V),E!=="virtual"&&Gu(V,{containingElement:o.current}))}))}!u&&t.isFocused&&t.focusedKey==null&&F.current!=null&&o.current&&wr(o.current),F.current=t.focusedKey,R.current=!1}),T.useEffect(()=>()=>{_.current&&cancelAnimationFrame(_.current)},[]),Ir(o,"react-aria-focus-scope-restore",E=>{E.preventDefault(),t.setFocused(!0)});let O={onKeyDown:v,onFocus:x,onBlur:D,onMouseDown(E){f.current===fe(E)&&E.preventDefault()}},{typeSelectProps:W}=xw({keyboardDelegate:n,selectionManager:t});m||(O=dt(W,O));let Z;u||(Z=t.focusedKey==null?0:-1);let K=YE(t.collection);return{collectionProps:dt(O,{tabIndex:Z,"data-collection":K})}}function Lw(e,t,n){let{orientation:o="horizontal",keyboardActivation:a="automatic"}=e,{collection:s,selectionManager:i,disabledKeys:l}=t,{direction:c}=Hu(),d=T.useMemo(()=>new bw(s,c,o,l),[s,l,o,c]),{collectionProps:m}=Mw({ref:n,selectionManager:i,keyboardDelegate:d,selectOnFocus:a==="automatic",disallowEmptySelection:!0,scrollRef:n,linkBehavior:"selection"}),u=gr();Xp.set(t,u);let p=Au({...e,id:u});return{tabListProps:{...dt(m,p),role:"tablist","aria-orientation":o,tabIndex:void 0}}}function zu({item:e,state:t}){const{key:n}=e,o=r.useRef(null),{tabProps:a}=pw({key:n},t,o),s=t.selectedKey===n,i=t.disabledKeys.has(n);return r.createElement("div",{...a,ref:o,className:$("sps-nav__item","sps-nav__link",s&&"active",i&&"sps-nav__item--disabled")},e.rendered)}function ju({state:e,...t}){const n=r.useRef(null),{tabPanelProps:o}=hw(t,e,n);return r.createElement("div",{...o,ref:n,className:"sps-card__body"},e.selectedItem?e.selectedItem.props.children:null)}class Yu{constructor(t){this.keyMap=new Map,this.firstKey=null,this.lastKey=null,this.iterable=t;let n=i=>{if(this.keyMap.set(i.key,i),i.childNodes&&i.type==="section")for(let l of i.childNodes)n(l)};for(let i of t)n(i);let o=null,a=0,s=0;for(let[i,l]of this.keyMap)o?(o.nextKey=i,l.prevKey=o.key):(this.firstKey=i,l.prevKey=void 0),l.type==="item"&&(l.index=a++),(l.type==="section"||l.type==="item")&&s++,o=l,o.nextKey=void 0;this._size=s,this.lastKey=o?.key??null}*[Symbol.iterator](){yield*this.iterable}get size(){return this._size}getKeys(){return this.keyMap.keys()}getKeyBefore(t){let n=this.keyMap.get(t);return n?n.prevKey??null:null}getKeyAfter(t){let n=this.keyMap.get(t);return n?n.nextKey??null:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(t){return this.keyMap.get(t)??null}at(t){const n=[...this.getKeys()];return this.getItem(n[t])}getChildren(t){return this.keyMap.get(t)?.childNodes||[]}}class vt extends Set{constructor(t,n,o){super(t),t instanceof vt?(this.anchorKey=n??t.anchorKey,this.currentKey=o??t.currentKey):(this.anchorKey=n??null,this.currentKey=o??null)}}const _w=typeof document<"u"?T.useInsertionEffect??T.useLayoutEffect:()=>{};function qu(e,t,n){let[o,a]=T.useState(e||t),s=T.useRef(o),i=T.useRef(e!==void 0),l=e!==void 0;T.useEffect(()=>{let u=i.current;u!==l&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${u?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}.`),i.current=l},[l]);let c=l?e:o;_w(()=>{s.current=c});let[,d]=T.useReducer(()=>({}),{}),m=T.useCallback((u,...p)=>{let f=typeof u=="function"?u(s.current):u;Object.is(s.current,f)||(s.current=f,a(f),d(),n?.(f,...p))},[n]);return[c,m]}function Pw(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function Bw(e){let{selectionMode:t="none",disallowEmptySelection:n=!1,allowDuplicateSelectionEvents:o,selectionBehavior:a="toggle",disabledBehavior:s="all"}=e,i=T.useRef(!1),[,l]=T.useState(!1),c=T.useRef(null),d=T.useRef(null),[,m]=T.useState(null),u=T.useMemo(()=>Ju(e.selectedKeys),[e.selectedKeys]),p=T.useMemo(()=>Ju(e.defaultSelectedKeys,new vt),[e.defaultSelectedKeys]),[f,g]=qu(u,p,e.onSelectionChange),b=T.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[y,v]=T.useState(a);a==="replace"&&y==="toggle"&&typeof f=="object"&&f.size===0&&v("replace");let h=T.useRef(a);return T.useEffect(()=>{a!==h.current&&(v(a),h.current=a)},[a]),{selectionMode:t,disallowEmptySelection:n,selectionBehavior:y,setSelectionBehavior:v,get isFocused(){return i.current},setFocused(x){i.current=x,l(x)},get focusedKey(){return c.current},get childFocusStrategy(){return d.current},setFocusedKey(x,D="first"){c.current=x,d.current=D,m(x)},selectedKeys:f,setSelectedKeys(x){(o||!Pw(x,f))&&g(x)},disabledKeys:b,disabledBehavior:s}}function Ju(e,t){return e?e==="all"?"all":new vt(e):t}function Ow(e,t){return typeof t.getChildren=="function"?t.getChildren(e.key):e.childNodes}function Rw(e){return Fw(e)}function Fw(e,t){for(let n of e)return n}function oi(e,t,n){if(t.parentKey===n.parentKey)return t.index-n.index;let o=[...Xu(e,t),t],a=[...Xu(e,n),n],s=o.slice(0,a.length).findIndex((i,l)=>i!==a[l]);return s!==-1?(t=o[s],n=a[s],t.index-n.index):o.findIndex(i=>i===n)>=0?1:(a.findIndex(i=>i===t)>=0,-1)}function Xu(e,t){let n=[],o=t;for(;o?.parentKey!=null;)o=e.getItem(o.parentKey),o&&n.unshift(o);return n}class ri{constructor(t,n,o){this.collection=t,this.state=n,this.allowsCellSelection=o?.allowsCellSelection??!1,this._isSelectAll=null,this.layoutDelegate=o?.layoutDelegate||null,this.fullCollection=o?.fullCollection||null}get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(t){this.state.setSelectionBehavior(t)}get isFocused(){return this.state.isFocused}setFocused(t){this.state.setFocused(t)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(t,n){(t==null||this.collection.getItem(t))&&this.state.setFocusedKey(t,n)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(t){if(this.state.selectionMode==="none")return!1;let n=this.getKey(t);return n==null?!1:this.state.selectedKeys==="all"?this.canSelectItem(n):this.state.selectedKeys.has(n)}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let t=this.getSelectAllKeys(),n=this.state.selectedKeys;return this._isSelectAll=t.every(o=>n.has(o)),this._isSelectAll}get firstSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let o=this.collection.getItem(n);(!t||o&&oi(this.collection,o,t)<0)&&(t=o)}return t?.key??null}get lastSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let o=this.collection.getItem(n);(!t||o&&oi(this.collection,o,t)>0)&&(t=o)}return t?.key??null}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(t);return}let n=this.getKey(t);if(n==null)return;let o;if(this.state.selectedKeys==="all")o=new vt([n],n,n);else{let a=this.state.selectedKeys,s=a.anchorKey??n;o=new vt(a,s,n);for(let i of this.getKeyRange(s,a.currentKey??n))o.delete(i);for(let i of this.getKeyRange(n,s))this.canSelectItem(i)&&o.add(i)}this.state.setSelectedKeys(o)}getKeyRange(t,n){let o=this.collection.getItem(t),a=this.collection.getItem(n);return o&&a?oi(this.collection,o,a)<=0?this.getKeyRangeInternal(t,n):this.getKeyRangeInternal(n,t):[]}getKeyRangeInternal(t,n){if(this.layoutDelegate?.getKeyRange)return this.layoutDelegate.getKeyRange(t,n);let o=[],a=t;for(;a!=null;){let s=this.collection.getItem(a);if(s&&(s.type==="item"||s.type==="cell"&&this.allowsCellSelection)&&o.push(a),a===n)return o;a=this.collection.getKeyAfter(a)}return[]}getKey(t){let n=this.collection.getItem(t);if(!n||n.type==="cell"&&this.allowsCellSelection)return t;for(;n&&n.type!=="item"&&n.parentKey!=null;)n=this.collection.getItem(n.parentKey);return!n||n.type!=="item"?null:n.key}toggleSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(t)){this.replaceSelection(t);return}let n=this.getKey(t);if(n==null)return;let o=new vt(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);o.has(n)?o.delete(n):this.canSelectItem(n)&&(o.add(n),o.anchorKey=n,o.currentKey=n),!(this.disallowEmptySelection&&o.size===0)&&this.state.setSelectedKeys(o)}replaceSelection(t){if(this.selectionMode==="none")return;let n=this.getKey(t);if(n==null)return;let o=this.canSelectItem(n)?new vt([n],n,n):new vt;this.state.setSelectedKeys(o)}setSelectedKeys(t){if(this.selectionMode==="none")return;let n=new vt;for(let o of t){let a=this.getKey(o);if(a!=null&&(n.add(a),this.selectionMode==="single"))break}this.state.setSelectedKeys(n)}getSelectAllKeys(){let t=this.fullCollection??this.collection,n=[],o=a=>{for(;a!=null;){if(this.canSelectItemIn(a,t)){let s=t.getItem(a);s?.type==="item"&&n.push(a),s?.hasChildNodes&&(this.allowsCellSelection||s.type!=="item")&&o(Rw(Ow(s,t))?.key??null)}a=t.getKeyAfter(a)}};return o(t.getFirstKey()),n}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new vt)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(t,n){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(t)&&!this.disallowEmptySelection?this.toggleSelection(t):this.replaceSelection(t):this.selectionBehavior==="toggle"||n&&(n.pointerType==="touch"||n.pointerType==="virtual")?this.toggleSelection(t):this.replaceSelection(t))}isSelectionEqual(t){if(t===this.state.selectedKeys)return!0;let n=this.selectedKeys;if(t.size!==n.size)return!1;for(let o of t)if(!n.has(o))return!1;for(let o of n)if(!t.has(o))return!1;return!0}canSelectItem(t){return this.canSelectItemIn(t,this.collection)}canSelectItemIn(t,n){if(this.state.selectionMode==="none"||this.state.disabledKeys.has(t))return!1;let o=n.getItem(t);return!(!o||o?.props?.isDisabled||o.type==="cell"&&!this.allowsCellSelection)}isDisabled(t){return this.state.disabledBehavior==="all"&&(this.state.disabledKeys.has(t)||!!this.collection.getItem(t)?.props?.isDisabled)}isLink(t){return!!this.collection.getItem(t)?.props?.href}getItemProps(t){return this.collection.getItem(t)?.props}withCollection(t){return new ri(t,this.state,{allowsCellSelection:this.allowsCellSelection,layoutDelegate:this.layoutDelegate||void 0,fullCollection:this.fullCollection??this.collection})}}class Aw{build(t,n){return this.context=n,Zu(()=>this.iterateCollection(t))}*iterateCollection(t){let{children:n,items:o}=t;if(T.isValidElement(n)&&n.type===T.Fragment)yield*this.iterateCollection({children:n.props.children,items:o});else if(typeof n=="function"){if(!o)throw new Error("props.children was a function but props.items is missing");let a=0;for(let s of o)yield*this.getFullNode({value:s,index:a},{renderer:n}),a++}else{let a=[];T.Children.forEach(n,i=>{i&&a.push(i)});let s=0;for(let i of a){let l=this.getFullNode({element:i,index:s},{});for(let c of l)s++,yield c}}}getKey(t,n,o,a){if(t.key!=null)return t.key;if(n.type==="cell"&&n.key!=null)return`${a}${n.key}`;let s=n.value;if(s!=null){let i=s.key??s.id;if(i==null)throw new Error("No key found for item");return i}return a?`${a}.${n.index}`:`$.${n.index}`}getChildState(t,n){return{renderer:n.renderer||t.renderer}}*getFullNode(t,n,o,a){if(T.isValidElement(t.element)&&t.element.type===T.Fragment){let c=[];T.Children.forEach(t.element.props.children,m=>{c.push(m)});let d=t.index??0;for(const m of c)yield*this.getFullNode({element:m,index:d++},n,o,a);return}let s=t.element;if(!s&&t.value&&n&&n.renderer){let c=this.cache.get(t.value);if(c&&(!c.shouldInvalidate||!c.shouldInvalidate(this.context))){c.index=t.index,c.parentKey=a?a.key:null,yield c;return}s=n.renderer(t.value)}if(T.isValidElement(s)){let c=s.type;if(typeof c!="function"&&typeof c.getCollectionNode!="function"){let p=s.type;throw new Error(`Unknown element <${p}> in collection.`)}let d=c.getCollectionNode(s.props,this.context),m=t.index??0,u=d.next();for(;!u.done&&u.value;){let p=u.value;t.index=m;let f=p.key??null;f==null&&(f=p.element?null:this.getKey(s,t,n,o));let b=[...this.getFullNode({...p,key:f,index:m,wrapper:$w(t.wrapper,p.wrapper)},this.getChildState(n,p),o?`${o}${s.key}`:s.key,a)];for(let y of b){if(y.value=p.value??t.value??null,y.value&&this.cache.set(y.value,y),t.type&&y.type!==t.type)throw new Error(`Unsupported type <${ai(y.type)}> in <${ai(a?.type??"unknown parent type")}>. Only <${ai(t.type)}> is supported.`);m++,yield y}u=d.next(b)}return}if(t.key==null||t.type==null)return;let i=this,l={type:t.type,props:t.props,key:t.key,parentKey:a?a.key:null,value:t.value??null,level:(a?.level??0)+(a?.type==="item"?1:0),index:t.index,rendered:t.rendered,textValue:t.textValue??"","aria-label":t["aria-label"],wrapper:t.wrapper,shouldInvalidate:t.shouldInvalidate,hasChildNodes:t.hasChildNodes||!1,childNodes:Zu(function*(){if(!t.hasChildNodes||!t.childNodes)return;let c=0;for(let d of t.childNodes()){d.key!=null&&(d.key=`${l.key}${d.key}`);let m=i.getFullNode({...d,index:c},i.getChildState(n,d),l.key,l);for(let u of m)c++,yield u}})};yield l}constructor(){this.cache=new WeakMap}}function Zu(e){let t=[],n=null;return{*[Symbol.iterator](){for(let o of t)yield o;n||(n=e());for(let o of n)t.push(o),yield o}}}function $w(e,t){if(e&&t)return n=>e(t(n));if(e)return e;if(t)return t}function ai(e){return e[0].toUpperCase()+e.slice(1)}function Vw(e,t,n){let o=T.useMemo(()=>new Aw,[]),{children:a,items:s,collection:i}=e;return T.useMemo(()=>{if(i)return i;let c=o.build({children:a,items:s},n);return t(c)},[o,a,s,i,n,t])}function Kw(e){let{filter:t,layoutDelegate:n}=e,o=Bw(e),a=T.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),s=T.useCallback(d=>t?new Yu(t(d)):new Yu(d),[t]),i=T.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),l=Vw(e,s,i),c=T.useMemo(()=>new ri(l,o,{layoutDelegate:n}),[l,o,n]);return Hw(l,c),{collection:l,disabledKeys:a,selectionManager:c}}function Hw(e,t){const n=T.useRef(null);T.useEffect(()=>{if(t.focusedKey!=null&&!e.getItem(t.focusedKey)&&n.current){let o=n.current.getKeyAfter(t.focusedKey),a=null;for(;o!=null;){let s=e.getItem(o);if(s&&s.type==="item"&&!t.isDisabled(o)){a=o;break}o=n.current.getKeyAfter(o)}if(a==null)for(o=n.current.getKeyBefore(t.focusedKey);o!=null;){let s=e.getItem(o);if(s&&s.type==="item"&&!t.isDisabled(o)){a=o;break}o=n.current.getKeyBefore(o)}t.setFocusedKey(a)}n.current=e},[e,t])}function Ww(e){let[t,n]=qu(e.selectedKey,e.defaultSelectedKey??null,e.onSelectionChange),o=T.useMemo(()=>t!=null?[t]:[],[t]),{collection:a,disabledKeys:s,selectionManager:i}=Kw({...e,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:o,onSelectionChange:c=>{if(c==="all")return;let d=c.values().next().value??null;d===t&&e.onSelectionChange&&e.onSelectionChange(d),n(d)}}),l=t!=null?a.getItem(t):null;return{collection:a,disabledKeys:s,selectionManager:i,selectedKey:t,setSelectedKey:n,selectedItem:l}}function Gw(e){let t=Ww({...e,onSelectionChange:e.onSelectionChange?i=>{i!=null&&e.onSelectionChange?.(i)}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:e.defaultSelectedKey??Qu(e.collection,e.disabledKeys?new Set(e.disabledKeys):new Set)??void 0}),{selectionManager:n,collection:o,selectedKey:a}=t,s=T.useRef(a);return T.useEffect(()=>{let i=a;e.selectedKey==null&&(n.isEmpty||i==null||!o.getItem(i))&&(i=Qu(o,t.disabledKeys),i!=null&&n.setSelectedKeys([i])),(i!=null&&n.focusedKey==null||!n.isFocused&&i!==s.current)&&n.setFocusedKey(i),s.current=i}),{...t,isDisabled:e.isDisabled||!1}}function Qu(e,t){let n=null;if(e){for(n=e.getFirstKey();n!=null&&(t.has(n)||e.getItem(n)?.props?.isDisabled)&&n!==e.getLastKey();)n=e.getKeyAfter(n);n!=null&&(t.has(n)||e.getItem(n)?.props?.isDisabled)&&n===e.getLastKey()&&(n=e.getFirstKey())}return n}const Uw={},zw={};function si(e){const{selectedKey:t,defaultSelectedKey:n,...o}=e,a={...o,selectedKey:t??void 0,defaultSelectedKey:n??void 0},s=Gw(a),i=r.useRef(null),{tabListProps:l}=Lw(a,s,i);return r.createElement(r.Fragment,null,r.createElement("div",{...l,ref:i,className:"sps-nav sps-nav--tabs sps-tabs-v2"},[...s.collection].map(c=>r.createElement(zu,{key:c.key,item:c,state:s}))),r.createElement(ju,{key:s.selectedItem?s.selectedItem.key:null,state:s}))}Object.assign(si,{props:Uw,propTypes:zw,displayName:"SpsTabsV2"});const jw={};function ii({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__footer",t),...n},e)}Object.assign(ii,{props:jw,displayName:"SpsCardV2Footer"});const Yw={};function li({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__header",t),...n},e)}Object.assign(li,{props:Yw,displayName:"SpsCardV2Header"});const qw={};function em({children:e,className:t,...n}){const[o,a,s,i,l]=at(e,[{type:li},{type:si},{custom:d=>d?.displayName==="Tabs"},{type:ii}]),c=a.length>0?a:s;return r.createElement("div",{className:$("sps-card",t),...n},o,c.length>0?c:r.createElement("div",{className:"sps-card__body"},l),i)}Object.assign(em,{props:qw,displayName:"SpsCardV2"});const Jw={};function tm({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__title",t),...n},e)}Object.assign(tm,{props:Jw,displayName:"SpsCardV2Title"});const Xw={...Sd,controlsDisabled:"boolean",footerLinks:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",isOpen:"boolean",onClear:"() => void",onSubmit:"React.FormEventHandler"};function nm(e){const{children:t,className:n,controlsDisabled:o,footerLinks:a,formArray:s,formGroup:i,formMeta:l,isOpen:c,onClear:d,onSubmit:m,unsafelyReplaceClassName:u,...p}=e,{t:f}=Se.useWoodlandLanguage();function g(){d&&d()}const b=$(u||"sps-advanced-search",c&&"sps-advanced-search--open",n);return r.createElement("div",{className:b,...p},r.createElement(so,{onSubmit:m,formArray:s,formGroup:i,formMeta:l},r.createElement("div",{className:"sps-advanced-search__form"},t),r.createElement("div",{className:"sps-advanced-search__footer"},a&&r.createElement("div",{id:"footer_links"},qe(a)),r.createElement("div",{className:"sps-advanced-search__footer-controls"},r.createElement(Ne,{kind:A.ButtonKind.DEFAULT,type:A.ButtonType.BUTTON,className:"mr-2",onClick:g,disabled:o},f("advancedSearch.clear")),r.createElement(Ne,{kind:A.ButtonKind.KEY,type:A.ButtonType.SUBMIT,disabled:o},f("advancedSearch.search"))))))}Object.assign(nm,{props:Xw,displayName:"SpsAdvancedSearch"});const Zw={general:{label:"General Usage",description:({NavigateTo:e,Link:t})=>r.createElement(r.Fragment,null,r.createElement("p",null,'Advanced Search is comprised of a panel of input fields, and a text button that exposes and hides the panel. By default, the Advanced Search panel is hidden (with the exception of "Advanced Search Only" scenarios).'),r.createElement("p",null,"Advanced Search works in conjunction with the"," ",r.createElement(e,{to:"list-toolbar"},"List Bar")," and"," ",r.createElement(e,{to:"search-results-bar"},"Search Results")," components. Refer to those pages for additional details."),r.createElement("p",null,"Use the following guidelines when including Advanced Search on your page:",r.createElement("ul",null,r.createElement("li",null,"The Advanced Search Panel can contain any number of input fields."),r.createElement("li",null,"The Advanced Search Panel can place input fields in any unique layout to best serve the needs of the search criteria, but must adhere to the rules of the"," ",r.createElement(t,{to:"/style-and-layout/grid/"},"SPS Grid")," and guidelines for"," ",r.createElement(e,{to:"form"},"Form Layouts"),"."))))},basic:{label:"Basic Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"A Basic Advanced Search consists of the List Bar with a search input and an Advanced Search text button. For more details on additional button and component options in the List Bar reference the ",r.createElement(e,{to:"list-toolbar"},"List Bar")," page.")),examples:{basic:{react:S.code`
10037
+ `.trim(),E.head.prepend(V)},[p]),T.useEffect(()=>{let E=y.current;return()=>{u||qs(E.target??void 0);for(let V of E.disposables)V();E.disposables=[]}},[u]),{isPressed:c||g,pressProps:dt(f,K,{[Iu]:!0})}}function Xs(e){return e.tagName==="A"&&e.hasAttribute("href")}function Zs(e,t){const{key:n,code:o}=e,a=t,s=a.getAttribute("role");return(n==="Enter"||n===" "||n==="Spacebar"||o==="Space")&&!(a instanceof pt(a).HTMLInputElement&&!_u(a,n)||a instanceof pt(a).HTMLTextAreaElement||a.isContentEditable)&&!((s==="link"||!s&&Xs(a))&&n!=="Enter")}function tw(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function ku(e,t){const n=e.changedTouches;for(let o=0;o<n.length;o++){const a=n[o];if(a.identifier===t)return a}return null}function zt(e,t){let n=0,o=0;return t.targetTouches&&t.targetTouches.length===1&&(n=t.targetTouches[0].clientX,o=t.targetTouches[0].clientY),{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:n,clientY:o}}function dn(e,t){let n=t.clientX,o=t.clientY;return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:n,clientY:o,key:t.key}}function nw(e){let t=0,n=0;return e.width!==void 0?t=e.width/2:e.radiusX!==void 0&&(t=e.radiusX),e.height!==void 0?n=e.height/2:e.radiusY!==void 0&&(n=e.radiusY),{top:e.clientY-n,right:e.clientX+t,bottom:e.clientY+n,left:e.clientX-t}}function ow(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function Mu(e,t){let n=t.getBoundingClientRect(),o=nw(e);return ow(n,o)}function rw(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!Xs(e)}function Lu(e,t){return e instanceof HTMLInputElement?!_u(e,t):rw(e)}const aw=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function _u(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":aw.has(e.type)}let sw=0;const Qs=new Map;function iw(e){let[t,n]=T.useState();return Gt(()=>{if(!e)return;let o=Qs.get(e);if(o)n(o.element.id);else{let a=`react-aria-description-${sw++}`;n(a);let s=document.createElement("div");s.id=a,s.style.display="none",s.textContent=e,document.body.appendChild(s),o={refCount:0,element:s},Qs.set(e,o)}return o.refCount++,()=>{o&&--o.refCount===0&&(o.element.remove(),Qs.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}const lw=500;function cw(e){let{isDisabled:t,onLongPressStart:n,onLongPressEnd:o,onLongPress:a,threshold:s=lw,accessibilityDescription:i}=e;const l=T.useRef(void 0);let{addGlobalListener:c,removeGlobalListener:d}=Cu(),{pressProps:m}=xu({isDisabled:t,onPressStart(p){if(p.continuePropagation(),(p.pointerType==="mouse"||p.pointerType==="touch")&&(n&&n({...p,type:"longpressstart"}),l.current=setTimeout(()=>{p.target.dispatchEvent(new PointerEvent("pointercancel",{bubbles:!0})),Ae(p.target).activeElement!==p.target&&Pt(p.target),a&&a({...p,type:"longpress"}),l.current=void 0},s),p.pointerType==="touch")){let f=b=>{b.preventDefault()},g=pt(p.target);c(p.target,"contextmenu",f,{once:!0}),c(g,"pointerup",()=>{setTimeout(()=>{d(p.target,"contextmenu",f)},30)},{once:!0})}},onPressEnd(p){l.current&&clearTimeout(l.current),o&&(p.pointerType==="mouse"||p.pointerType==="touch")&&o({...p,type:"longpressend"})}}),u=iw(a&&!t?i:void 0);return{longPressProps:dt(m,u)}}function dw(e){let{id:t,selectionManager:n,key:o,ref:a,shouldSelectOnPressUp:s,shouldUseVirtualFocus:i,focus:l,isDisabled:c,onAction:d,allowsDifferentPressOrigin:m,linkBehavior:u="action"}=e,p=Ks();t=gr(t);let f=D=>{if(D.pointerType==="keyboard"&&zs(D))n.toggleSelection(o);else{if(n.selectionMode==="none")return;if(n.isLink(o)){if(u==="selection"&&a.current){let L=n.getItemProps(o);p.open(a.current,D,L.href,L.routerOptions),n.setSelectedKeys(n.selectedKeys);return}else if(u==="override"||u==="none")return}n.selectionMode==="single"?n.isSelected(o)&&!n.disallowEmptySelection?n.toggleSelection(o):n.replaceSelection(o):D&&D.shiftKey?n.extendSelection(o):n.selectionBehavior==="toggle"||D&&(kn(D)||D.pointerType==="touch"||D.pointerType==="virtual")?n.toggleSelection(o):n.replaceSelection(o)}};T.useEffect(()=>{o===n.focusedKey&&n.isFocused&&(i?vu(a.current):l?l():It()!==a.current&&a.current&&wr(a.current))},[a,o,n.focusedKey,n.childFocusStrategy,n.isFocused,i]),c=c||n.isDisabled(o);let g={};!i&&!c?g={tabIndex:o===n.focusedKey?0:-1,onFocus(D){fe(D)===a.current&&n.setFocusedKey(o)}}:c&&(g.onMouseDown=D=>{D.preventDefault()}),T.useEffect(()=>{c&&n.focusedKey===o&&n.setFocusedKey(null)},[n,c,o]);let b=n.isLink(o)&&u==="override",y=d&&e.UNSTABLE_itemBehavior==="action",v=n.isLink(o)&&u!=="selection"&&u!=="none",h=!c&&n.canSelectItem(o)&&!b&&!y,x=(d||v)&&!c,C=x&&(n.selectionBehavior==="replace"?!h:!h||n.isEmpty),w=x&&h&&n.selectionBehavior==="replace",M=C||w,P=T.useRef(null),O=M&&h,_=T.useRef(!1),F=T.useRef(!1),W=n.getItemProps(o),Z=D=>{d&&(d(),a.current?.dispatchEvent(new CustomEvent("react-aria-item-action",{bubbles:!0}))),v&&a.current&&p.open(a.current,D,W.href,W.routerOptions)},K={ref:a};if(s?(K.onPressStart=D=>{P.current=D.pointerType,_.current=O,D.pointerType==="keyboard"&&(!M||Bu(D.key))&&f(D)},m?(K.onPressUp=C?void 0:D=>{D.pointerType==="mouse"&&h&&f(D)},K.onPress=C?Z:D=>{D.pointerType!=="keyboard"&&D.pointerType!=="mouse"&&h&&f(D)}):K.onPress=D=>{if(C||w&&D.pointerType!=="mouse"){if(D.pointerType==="keyboard"&&!Pu(D.key))return;Z(D)}else D.pointerType!=="keyboard"&&h&&f(D)}):(K.onPressStart=D=>{P.current=D.pointerType,_.current=O,F.current=C,h&&(D.pointerType==="mouse"&&!C||D.pointerType==="keyboard"&&(!x||Bu(D.key)))&&f(D)},K.onPress=D=>{(D.pointerType==="touch"||D.pointerType==="pen"||D.pointerType==="virtual"||D.pointerType==="keyboard"&&M&&Pu(D.key)||D.pointerType==="mouse"&&F.current)&&(M?Z(D):h&&f(D))}),g["data-collection"]=qE(n.collection),g["data-key"]=o,K.preventFocusOnPress=i,i&&(K=dt(K,{onPressStart(D){D.pointerType!=="touch"&&(n.setFocused(!0),n.setFocusedKey(o))},onPress(D){D.pointerType==="touch"&&(n.setFocused(!0),n.setFocusedKey(o))}})),W)for(let D of["onPressStart","onPressEnd","onPressChange","onPress","onPressUp","onClick"])W[D]&&(K[D]=Os(K[D],W[D]));let{pressProps:E,isPressed:V}=xu(K),R=w?D=>{P.current==="mouse"&&(D.stopPropagation(),D.preventDefault(),Z(D))}:void 0,{longPressProps:k}=cw({isDisabled:!O,onLongPress(D){D.pointerType==="touch"&&(f(D),n.setSelectionBehavior("toggle"))}}),Y=D=>{P.current==="touch"&&_.current&&D.preventDefault()},N=u!=="none"&&n.isLink(o)?D=>{Ot.isOpening||D.preventDefault()}:void 0;return{itemProps:dt(g,h||C||i&&!c?E:{},O?k:{},{onDoubleClick:R,onDragStartCapture:Y,onClick:N,id:t},i?{onMouseDown:D=>D.preventDefault()}:void 0),isPressed:V,isSelected:n.isSelected(o),isFocused:n.isFocused&&n.focusedKey===o,isDisabled:c,allowsSelection:h,hasAction:M}}function Pu(e){return e==="Enter"}function Bu(e){return e===" "}function pw(e,t,n){let{key:o,isDisabled:a,shouldSelectOnPressUp:s}=e,{selectionManager:i,selectedKey:l}=t,c=o===l,d=a||t.isDisabled||t.selectionManager.isDisabled(o),m=t.collection.getItem(o),{itemProps:u,isPressed:p}=dw({selectionManager:i,key:o,ref:n,isDisabled:d,shouldSelectOnPressUp:s??m?.props.href!=null,linkBehavior:"selection"}),f=fr(t,o,"tab"),g=fr(t,o,"tabpanel"),{tabIndex:b}=u,y=oE(m?.props,{labelable:!0});delete y.id;let v=AE(m?.props),{focusableProps:h}=jE({...m?.props,isDisabled:d},n);return{tabProps:dt(y,h,v,u,{id:f,"aria-selected":c,"aria-disabled":d||void 0,"aria-controls":c?g:void 0,tabIndex:d?void 0:b,role:"tab"}),isSelected:c,isDisabled:d,isPressed:p}}class uw{constructor(t,n,o,a){this._walkerStack=[],this._currentSetFor=new Set,this._acceptNode=i=>{if(i.nodeType===Node.ELEMENT_NODE){const l=i.shadowRoot;if(l){const c=this._doc.createTreeWalker(l,this.whatToShow,{acceptNode:this._acceptNode});return this._walkerStack.unshift(c),NodeFilter.FILTER_ACCEPT}else{if(typeof this.filter=="function")return this.filter(i);if(this.filter?.acceptNode)return this.filter.acceptNode(i);if(this.filter===null)return NodeFilter.FILTER_ACCEPT}}return NodeFilter.FILTER_SKIP},this._doc=t,this.root=n,this.filter=a??null,this.whatToShow=o??NodeFilter.SHOW_ALL,this._currentNode=n,this._walkerStack.unshift(t.createTreeWalker(n,o,this._acceptNode));const s=n.shadowRoot;if(s){const i=this._doc.createTreeWalker(s,this.whatToShow,{acceptNode:this._acceptNode});this._walkerStack.unshift(i)}}get currentNode(){return this._currentNode}set currentNode(t){if(!ye(this.root,t))throw new Error("Cannot set currentNode to a node that is not contained by the root node.");const n=[];let o=t,a=t;for(this._currentNode=t;o&&o!==this.root;)if(o.nodeType===Node.DOCUMENT_FRAGMENT_NODE){const i=o,l=this._doc.createTreeWalker(i,this.whatToShow,{acceptNode:this._acceptNode});n.push(l),l.currentNode=a,this._currentSetFor.add(l),o=a=i.host}else o=o.parentNode;const s=this._doc.createTreeWalker(this.root,this.whatToShow,{acceptNode:this._acceptNode});n.push(s),s.currentNode=a,this._currentSetFor.add(s),this._walkerStack=n}get doc(){return this._doc}firstChild(){let t=this.currentNode,n=this.nextNode();return ye(t,n)?(n&&(this.currentNode=n),n):(this.currentNode=t,null)}lastChild(){let n=this._walkerStack[0].lastChild();return n&&(this.currentNode=n),n}nextNode(){const t=this._walkerStack[0].nextNode();if(t){if(t.shadowRoot){let o;if(typeof this.filter=="function"?o=this.filter(t):this.filter?.acceptNode&&(o=this.filter.acceptNode(t)),o===NodeFilter.FILTER_ACCEPT)return this.currentNode=t,t;let a=this.nextNode();return a&&(this.currentNode=a),a}return t&&(this.currentNode=t),t}else if(this._walkerStack.length>1){this._walkerStack.shift();let n=this.nextNode();return n&&(this.currentNode=n),n}else return null}previousNode(){const t=this._walkerStack[0];if(t.currentNode===t.root){if(this._currentSetFor.has(t))if(this._currentSetFor.delete(t),this._walkerStack.length>1){this._walkerStack.shift();let o=this.previousNode();return o&&(this.currentNode=o),o}else return null;return null}const n=t.previousNode();if(n){if(n.shadowRoot){let a;if(typeof this.filter=="function"?a=this.filter(n):this.filter?.acceptNode&&(a=this.filter.acceptNode(n)),a===NodeFilter.FILTER_ACCEPT)return n&&(this.currentNode=n),n;let s=this.lastChild();return s&&(this.currentNode=s),s}return n&&(this.currentNode=n),n}else if(this._walkerStack.length>1){this._walkerStack.shift();let o=this.previousNode();return o&&(this.currentNode=o),o}else return null}nextSibling(){return null}previousSibling(){return null}parentNode(){return null}}function mw(e,t,n,o){return br()?new uw(e,t,n,o):e.createTreeWalker(t,n,o)}function fw(e){if(!e.form)return Array.from(Ae(e).querySelectorAll(`input[type="radio"][name="${CSS.escape(e.name)}"]`)).filter(o=>!o.form);const t=e.form.elements.namedItem(e.name);let n=pt(e);return t instanceof n.RadioNodeList?Array.from(t).filter(o=>o instanceof n.HTMLInputElement):t instanceof n.HTMLInputElement?[t]:[]}function Sw(e){if(e.checked)return!0;const t=fw(e);return t.length>0&&!t.some(n=>n.checked)}function Ou(e,t){return!e||!t?!1:t.some(n=>ye(n,e))}function Ru(e,t,n){let o=t?.tabbable?ou:nu,a=e?.nodeType===Node.ELEMENT_NODE?e:null,s=Ae(a),i=mw(s,e||s,NodeFilter.SHOW_ELEMENT,{acceptNode(l){return ye(t?.from,l)||t?.tabbable&&l.tagName==="INPUT"&&l.getAttribute("type")==="radio"&&(!Sw(l)||i.currentNode.tagName==="INPUT"&&i.currentNode.type==="radio"&&i.currentNode.name===l.name)?NodeFilter.FILTER_REJECT:o(l)&&(!n||Ou(l,n))&&(!t?.accept||t.accept(l))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t?.from&&(i.currentNode=t.from),i}class ei{constructor(){this.fastMap=new Map,this.root=new Fu({scopeRef:null}),this.fastMap.set(null,this.root)}get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,n,o){let a=this.fastMap.get(n??null);if(!a)return;let s=new Fu({scopeRef:t});a.addChild(s),s.parent=a,this.fastMap.set(t,s),o&&(s.nodeToRestore=o)}addNode(t){this.fastMap.set(t.scopeRef,t)}removeTreeNode(t){if(t===null)return;let n=this.fastMap.get(t);if(!n)return;let o=n.parent;for(let s of this.traverse())s!==n&&n.nodeToRestore&&s.nodeToRestore&&n.scopeRef&&n.scopeRef.current&&Ou(s.nodeToRestore,n.scopeRef.current)&&(s.nodeToRestore=n.nodeToRestore);let a=n.children;o&&(o.removeChild(n),a.size>0&&a.forEach(s=>o&&o.addChild(s))),this.fastMap.delete(n.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.size>0)for(let n of t.children)yield*this.traverse(n)}clone(){let t=new ei;for(let n of this.traverse())t.addTreeNode(n.scopeRef,n.parent?.scopeRef??null,n.nodeToRestore);return t}}class Fu{constructor(t){this.children=new Set,this.contain=!1,this.scopeRef=t.scopeRef}addChild(t){this.children.add(t),t.parent=this}removeChild(t){this.children.delete(t),t.parent=void 0}}new ei;function gw(e,t){let n=t?.isDisabled,[o,a]=T.useState(!1);return Gt(()=>{if(e?.current&&!n){let s=()=>{if(e.current){let l=Ru(e.current,{tabbable:!0});a(!!l.nextNode())}};s();let i=new MutationObserver(s);return i.observe(e.current,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["tabIndex","disabled"]}),()=>{i.disconnect()}}}),n?!1:o}function Au(e,t){let{id:n,"aria-label":o,"aria-labelledby":a}=e;return n=gr(n),a&&o?a=[...new Set([n,...a.trim().split(/\s+/)])].join(" "):a&&(a=a.trim().split(/\s+/).join(" ")),!o&&!a&&t&&(o=t),{id:n,"aria-label":o,"aria-labelledby":a}}function hw(e,t,n){let o=gw(n)?void 0:0;const a=fr(t,e.id??t?.selectedKey,"tabpanel"),s=Au({...e,id:a,"aria-labelledby":fr(t,t?.selectedKey,"tab")});return{tabPanelProps:dt(s,{tabIndex:o,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class bw{constructor(t,n,o,a=new Set){this.collection=t,this.flipDirection=n==="rtl"&&o==="horizontal",this.disabledKeys=a,this.tabDirection=o==="horizontal"}getKeyLeftOf(t){return this.flipDirection?this.getNextKey(t):this.getPreviousKey(t)}getKeyRightOf(t){return this.flipDirection?this.getPreviousKey(t):this.getNextKey(t)}isDisabled(t){return this.disabledKeys.has(t)||!!this.collection.getItem(t)?.props?.isDisabled}getFirstKey(){let t=this.collection.getFirstKey();return t!=null&&this.isDisabled(t)&&(t=this.getNextKey(t)),t}getLastKey(){let t=this.collection.getLastKey();return t!=null&&this.isDisabled(t)&&(t=this.getPreviousKey(t)),t}getKeyAbove(t){return this.tabDirection?null:this.getPreviousKey(t)}getKeyBelow(t){return this.tabDirection?null:this.getNextKey(t)}getNextKey(t){let n=t;do n=this.collection.getKeyAfter(n),n==null&&(n=this.collection.getFirstKey());while(n!=null&&this.isDisabled(n));return n}getPreviousKey(t){let n=t;do n=this.collection.getKeyBefore(n),n==null&&(n=this.collection.getLastKey());while(n!=null&&this.isDisabled(n));return n}}const vw=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),yw=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function Tw(e){if(Intl.Locale){let n=new Intl.Locale(e).maximize(),o=typeof n.getTextInfo=="function"?n.getTextInfo():n.textInfo;if(o)return o.direction==="rtl";if(n.script)return vw.has(n.script)}let t=e.split("-")[0];return yw.has(t)}const $u=Symbol.for("react-aria.i18n.locale");function Vu(){let e=typeof window<"u"&&window[$u]||typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:Tw(e)?"rtl":"ltr"}}let ti=Vu(),fo=new Set;function Ku(){ti=Vu();for(let e of fo)e(ti)}function Ew(){let e=Qp(),[t,n]=T.useState(ti);return T.useEffect(()=>(fo.size===0&&window.addEventListener("languagechange",Ku),fo.add(n),()=>{fo.delete(n),fo.size===0&&window.removeEventListener("languagechange",Ku)}),[]),e?{locale:typeof window<"u"&&window[$u]||"en-US",direction:"ltr"}:t}const ww=T.createContext(null);function Hu(){let e=Ew();return T.useContext(ww)||e}const Cw="react-aria-clear-focus",Dw="react-aria-focus";function Nw(e,t){if(!e)return!1;let n=window.getComputedStyle(e),o=document.scrollingElement||document.documentElement,a=/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY);return e===o&&n.overflow!=="hidden"&&(a=!0),a&&t&&(a=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),a}function Wu(e,t){let n=[],o=document.scrollingElement||document.documentElement;do Nw(e,t)&&n.push(e),e=e.parentElement;while(e&&e!==o);return n}function ni(e,t,n={}){let{block:o="nearest",inline:a="nearest"}=n;if(e===t)return;let s=e.scrollTop,i=e.scrollLeft,l=t.getBoundingClientRect(),c=e.getBoundingClientRect(),d=window.getComputedStyle(t),m=window.getComputedStyle(e),u=document.scrollingElement||document.documentElement,p=e===u?0:c.top,f=e===u?e.clientHeight:c.bottom,g=e===u?0:c.left,b=e===u?e.clientWidth:c.right,y=parseInt(d.scrollMarginTop,10)||0,v=parseInt(d.scrollMarginBottom,10)||0,h=parseInt(d.scrollMarginLeft,10)||0,x=parseInt(d.scrollMarginRight,10)||0,C=parseInt(m.scrollPaddingTop,10)||0,w=parseInt(m.scrollPaddingBottom,10)||0,M=parseInt(m.scrollPaddingLeft,10)||0,P=parseInt(m.scrollPaddingRight,10)||0,O=parseInt(m.borderTopWidth,10)||0,_=parseInt(m.borderBottomWidth,10)||0,F=parseInt(m.borderLeftWidth,10)||0,W=parseInt(m.borderRightWidth,10)||0,Z=l.top-y,K=l.bottom+v,E=l.left-h,V=l.right+x,R=e===u?0:F+W,k=e===u?0:O+_,Y=e.offsetWidth-e.clientWidth-R,N=e.offsetHeight-e.clientHeight-k,D=p+O+C,L=f-_-w-N,q=g+F+M,Q=b-W-P;m.direction==="rtl"&&!Tr()?q+=Y:Q-=Y;let ne=Z<D||K>L,oe=E<q||V>Q;if(ne&&o==="start")s+=Z-D;else if(ne&&o==="center")s+=(Z+K)/2-(D+L)/2;else if(ne&&o==="end")s+=K-L;else if(ne&&o==="nearest"){let U=Z-D,X=K-L;s+=Math.abs(U)<=Math.abs(X)?U:X}if(oe&&a==="start")i+=E-q;else if(oe&&a==="center")i+=(E+V)/2-(q+Q)/2;else if(oe&&a==="end")i+=V-Q;else if(oe&&a==="nearest"){let U=E-q,X=V-Q;i+=Math.abs(U)<=Math.abs(X)?U:X}if(process.env.NODE_ENV==="test"){e.scrollLeft=i,e.scrollTop=s;return}e.scrollTo({left:i,top:s})}function Gu(e,t={}){let{containingElement:n}=t;if(e&&e.isConnected){let o=document.scrollingElement||document.documentElement;if(window.getComputedStyle(o).overflow==="hidden"){let{left:s,top:i}=e.getBoundingClientRect(),l=Wu(e,!0);for(let m of l)ni(m,e);let{left:c,top:d}=e.getBoundingClientRect();if(Math.abs(s-c)>1||Math.abs(i-d)>1){l=n?Wu(n,!0):[];for(let m of l)ni(m,n,{block:"center",inline:"center"})}}else{let{left:s,top:i}=e.getBoundingClientRect();e?.scrollIntoView?.({block:"nearest"});let{left:l,top:c}=e.getBoundingClientRect();(Math.abs(s-l)>1||Math.abs(i-c)>1)&&(n?.scrollIntoView?.({block:"center",inline:"center"}),e.scrollIntoView?.({block:"nearest"}))}}}function Ir(e,t,n,o){let a=Dr(n),s=n==null;T.useEffect(()=>{if(s||!e.current)return;let i=e.current;return i.addEventListener(t,a,o),()=>{i.removeEventListener(t,a,o)}},[e,t,o,s])}const Iw=1e3;function xw(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:o}=e,a=T.useRef({search:"",timeout:void 0}).current,s=i=>{let l=kw(i.key);if(!(!l||i.ctrlKey||i.metaKey||!ye(i.currentTarget,fe(i))||a.search.length===0&&l===" ")){if(l===" "&&a.search.trim().length>0&&(i.preventDefault(),"continuePropagation"in i||i.stopPropagation()),a.search+=l,t.getKeyForSearch!=null){let c=t.getKeyForSearch(a.search,n.focusedKey);c==null&&(c=t.getKeyForSearch(a.search)),c!=null&&(n.setFocusedKey(c),o&&o(c))}clearTimeout(a.timeout),a.timeout=setTimeout(()=>{a.search=""},Iw)}};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?s:void 0}}}function kw(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}function Uu(e,t){const n=T.useRef(!0),o=T.useRef(null);Gt(()=>(n.current=!0,()=>{n.current=!1}),[]),Gt(()=>{n.current?n.current=!1:(!o.current||t.some((a,s)=>!Object.is(a,o[s])))&&e(),o.current=t},t)}function Mw(e){let{selectionManager:t,keyboardDelegate:n,ref:o,autoFocus:a=!1,shouldFocusWrap:s=!1,disallowEmptySelection:i=!1,disallowSelectAll:l=!1,escapeKeyBehavior:c="clearSelection",selectOnFocus:d=t.selectionBehavior==="replace",disallowTypeAhead:m=!1,shouldUseVirtualFocus:u,allowsTabNavigation:p=!1,scrollRef:f=o,linkBehavior:g="action"}=e,{direction:b}=Hu(),y=Ks(),v=E=>{if(E.altKey&&E.key==="Tab"&&E.preventDefault(),!o.current||!ye(o.current,fe(E)))return;const V=(R,k)=>{if(R!=null){if(t.isLink(R)&&g==="selection"&&d&&!zs(E)){Ln.flushSync(()=>{t.setFocusedKey(R,k)});let Y=js(o,R),N=t.getItemProps(R);Y&&y.open(Y,E,N.href,N.routerOptions);return}if(t.setFocusedKey(R,k),t.isLink(R)&&g==="override")return;E.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(R):d&&!zs(E)&&t.replaceSelection(R)}};switch(E.key){case"ArrowDown":if(n.getKeyBelow){let R=t.focusedKey!=null?n.getKeyBelow?.(t.focusedKey):n.getFirstKey?.();R==null&&s&&(R=n.getFirstKey?.(t.focusedKey)),R!=null&&(E.preventDefault(),V(R))}break;case"ArrowUp":if(n.getKeyAbove){let R=t.focusedKey!=null?n.getKeyAbove?.(t.focusedKey):n.getLastKey?.();R==null&&s&&(R=n.getLastKey?.(t.focusedKey)),R!=null&&(E.preventDefault(),V(R))}break;case"ArrowLeft":if(n.getKeyLeftOf){let R=t.focusedKey!=null?n.getKeyLeftOf?.(t.focusedKey):n.getFirstKey?.();R==null&&s&&(R=b==="rtl"?n.getFirstKey?.(t.focusedKey):n.getLastKey?.(t.focusedKey)),R!=null&&(E.preventDefault(),V(R,b==="rtl"?"first":"last"))}break;case"ArrowRight":if(n.getKeyRightOf){let R=t.focusedKey!=null?n.getKeyRightOf?.(t.focusedKey):n.getFirstKey?.();R==null&&s&&(R=b==="rtl"?n.getLastKey?.(t.focusedKey):n.getFirstKey?.(t.focusedKey)),R!=null&&(E.preventDefault(),V(R,b==="rtl"?"last":"first"))}break;case"Home":if(n.getFirstKey){if(t.focusedKey===null&&E.shiftKey)return;E.preventDefault();let R=n.getFirstKey(t.focusedKey,kn(E));t.setFocusedKey(R),R!=null&&(kn(E)&&E.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(R):d&&t.replaceSelection(R))}break;case"End":if(n.getLastKey){if(t.focusedKey===null&&E.shiftKey)return;E.preventDefault();let R=n.getLastKey(t.focusedKey,kn(E));t.setFocusedKey(R),R!=null&&(kn(E)&&E.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(R):d&&t.replaceSelection(R))}break;case"PageDown":if(n.getKeyPageBelow&&t.focusedKey!=null){let R=n.getKeyPageBelow(t.focusedKey);R!=null&&(E.preventDefault(),V(R))}break;case"PageUp":if(n.getKeyPageAbove&&t.focusedKey!=null){let R=n.getKeyPageAbove(t.focusedKey);R!=null&&(E.preventDefault(),V(R))}break;case"a":kn(E)&&t.selectionMode==="multiple"&&l!==!0&&(E.preventDefault(),t.selectAll());break;case"Escape":c==="clearSelection"&&!i&&t.selectedKeys.size!==0&&(E.stopPropagation(),E.preventDefault(),t.clearSelection());break;case"Tab":if(!p){if(E.shiftKey)o.current.focus();else{let R=Ru(o.current,{tabbable:!0}),k,Y;do Y=R.lastChild(),Y&&(k=Y);while(Y);let N=It();k&&(!tu(k)||N&&!ou(N))&&Pt(k)}break}}},h=T.useRef({top:0,left:0});Ir(f,"scroll",()=>{h.current={top:f.current?.scrollTop??0,left:f.current?.scrollLeft??0}});let x=E=>{if(t.isFocused){ye(E.currentTarget,fe(E))||t.setFocused(!1);return}if(ye(E.currentTarget,fe(E))){if(t.setFocused(!0),t.focusedKey==null){let V=k=>{k!=null&&(t.setFocusedKey(k),d&&!t.isSelected(k)&&t.replaceSelection(k))},R=E.relatedTarget;R&&E.currentTarget.compareDocumentPosition(R)&Node.DOCUMENT_POSITION_FOLLOWING?V(t.lastSelectedKey??n.getLastKey?.()):V(t.firstSelectedKey??n.getFirstKey?.())}else f.current&&(f.current.scrollTop=h.current.top,f.current.scrollLeft=h.current.left);if(t.focusedKey!=null&&f.current){let V=js(o,t.focusedKey);V instanceof HTMLElement&&(!tu(V)&&!u&&Pt(V),Gs()==="keyboard"&&Gu(V,{containingElement:o.current}))}}},C=E=>{ye(E.currentTarget,E.relatedTarget)||t.setFocused(!1)},w=T.useRef(!1);Ir(o,Dw,u?E=>{let{detail:V}=E;E.stopPropagation(),t.setFocused(!0),V?.focusStrategy==="first"&&(w.current=!0)}:void 0),Uu(()=>{if(w.current){let E=n.getFirstKey?.()??null;if(E==null){let V=It();vu(o.current),yu(V,null),t.collection.size>0&&(w.current=!1)}else t.setFocusedKey(E),w.current=!1}},[t.collection]),Uu(()=>{t.collection.size>0&&(w.current=!1)},[t.focusedKey]),Ir(o,Cw,u?E=>{E.stopPropagation(),t.setFocused(!1),E.detail?.clearFocusKey&&t.setFocusedKey(null)}:void 0);const M=T.useRef(a),P=T.useRef(!1);T.useEffect(()=>{if(M.current){let E=null;a==="first"&&(E=n.getFirstKey?.()??null),a==="last"&&(E=n.getLastKey?.()??null);let V=t.selectedKeys;if(V.size){for(let R of V)if(t.canSelectItem(R)){E=R;break}}t.setFocused(!0),t.setFocusedKey(E),E==null&&!u&&o.current&&wr(o.current),t.collection.size>0&&(M.current=!1,P.current=!0)}});let O=T.useRef(t.focusedKey),_=T.useRef(null);T.useEffect(()=>{if(t.isFocused&&t.focusedKey!=null&&(t.focusedKey!==O.current||P.current)&&f.current&&o.current){let E=Gs(),V=js(o,t.focusedKey);if(!(V instanceof HTMLElement))return;(E==="keyboard"||P.current)&&(_.current&&cancelAnimationFrame(_.current),_.current=requestAnimationFrame(()=>{f.current&&(ni(f.current,V),E!=="virtual"&&Gu(V,{containingElement:o.current}))}))}!u&&t.isFocused&&t.focusedKey==null&&O.current!=null&&o.current&&wr(o.current),O.current=t.focusedKey,P.current=!1}),T.useEffect(()=>()=>{_.current&&cancelAnimationFrame(_.current)},[]),Ir(o,"react-aria-focus-scope-restore",E=>{E.preventDefault(),t.setFocused(!0)});let F={onKeyDown:v,onFocus:x,onBlur:C,onMouseDown(E){f.current===fe(E)&&E.preventDefault()}},{typeSelectProps:W}=xw({keyboardDelegate:n,selectionManager:t});m||(F=dt(W,F));let Z;u||(Z=t.focusedKey==null?0:-1);let K=YE(t.collection);return{collectionProps:dt(F,{tabIndex:Z,"data-collection":K})}}function Lw(e,t,n){let{orientation:o="horizontal",keyboardActivation:a="automatic"}=e,{collection:s,selectionManager:i,disabledKeys:l}=t,{direction:c}=Hu(),d=T.useMemo(()=>new bw(s,c,o,l),[s,l,o,c]),{collectionProps:m}=Mw({ref:n,selectionManager:i,keyboardDelegate:d,selectOnFocus:a==="automatic",disallowEmptySelection:!0,scrollRef:n,linkBehavior:"selection"}),u=gr();Xp.set(t,u);let p=Au({...e,id:u});return{tabListProps:{...dt(m,p),role:"tablist","aria-orientation":o,tabIndex:void 0}}}function zu({item:e,state:t}){const{key:n}=e,o=r.useRef(null),{tabProps:a}=pw({key:n},t,o),s=t.selectedKey===n,i=t.disabledKeys.has(n);return r.createElement("div",{...a,ref:o,className:$("sps-nav__item","sps-nav__link",s&&"active",i&&"sps-nav__item--disabled")},e.rendered)}function ju({state:e,...t}){const n=r.useRef(null),{tabPanelProps:o}=hw(t,e,n);return r.createElement("div",{...o,ref:n,className:"sps-card__body"},e.selectedItem?e.selectedItem.props.children:null)}class Yu{constructor(t){this.keyMap=new Map,this.firstKey=null,this.lastKey=null,this.iterable=t;let n=i=>{if(this.keyMap.set(i.key,i),i.childNodes&&i.type==="section")for(let l of i.childNodes)n(l)};for(let i of t)n(i);let o=null,a=0,s=0;for(let[i,l]of this.keyMap)o?(o.nextKey=i,l.prevKey=o.key):(this.firstKey=i,l.prevKey=void 0),l.type==="item"&&(l.index=a++),(l.type==="section"||l.type==="item")&&s++,o=l,o.nextKey=void 0;this._size=s,this.lastKey=o?.key??null}*[Symbol.iterator](){yield*this.iterable}get size(){return this._size}getKeys(){return this.keyMap.keys()}getKeyBefore(t){let n=this.keyMap.get(t);return n?n.prevKey??null:null}getKeyAfter(t){let n=this.keyMap.get(t);return n?n.nextKey??null:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(t){return this.keyMap.get(t)??null}at(t){const n=[...this.getKeys()];return this.getItem(n[t])}getChildren(t){return this.keyMap.get(t)?.childNodes||[]}}class vt extends Set{constructor(t,n,o){super(t),t instanceof vt?(this.anchorKey=n??t.anchorKey,this.currentKey=o??t.currentKey):(this.anchorKey=n??null,this.currentKey=o??null)}}const _w=typeof document<"u"?T.useInsertionEffect??T.useLayoutEffect:()=>{};function qu(e,t,n){let[o,a]=T.useState(e||t),s=T.useRef(o),i=T.useRef(e!==void 0),l=e!==void 0;T.useEffect(()=>{let u=i.current;u!==l&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${u?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}.`),i.current=l},[l]);let c=l?e:o;_w(()=>{s.current=c});let[,d]=T.useReducer(()=>({}),{}),m=T.useCallback((u,...p)=>{let f=typeof u=="function"?u(s.current):u;Object.is(s.current,f)||(s.current=f,a(f),d(),n?.(f,...p))},[n]);return[c,m]}function Pw(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function Bw(e){let{selectionMode:t="none",disallowEmptySelection:n=!1,allowDuplicateSelectionEvents:o,selectionBehavior:a="toggle",disabledBehavior:s="all"}=e,i=T.useRef(!1),[,l]=T.useState(!1),c=T.useRef(null),d=T.useRef(null),[,m]=T.useState(null),u=T.useMemo(()=>Ju(e.selectedKeys),[e.selectedKeys]),p=T.useMemo(()=>Ju(e.defaultSelectedKeys,new vt),[e.defaultSelectedKeys]),[f,g]=qu(u,p,e.onSelectionChange),b=T.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[y,v]=T.useState(a);a==="replace"&&y==="toggle"&&typeof f=="object"&&f.size===0&&v("replace");let h=T.useRef(a);return T.useEffect(()=>{a!==h.current&&(v(a),h.current=a)},[a]),{selectionMode:t,disallowEmptySelection:n,selectionBehavior:y,setSelectionBehavior:v,get isFocused(){return i.current},setFocused(x){i.current=x,l(x)},get focusedKey(){return c.current},get childFocusStrategy(){return d.current},setFocusedKey(x,C="first"){c.current=x,d.current=C,m(x)},selectedKeys:f,setSelectedKeys(x){(o||!Pw(x,f))&&g(x)},disabledKeys:b,disabledBehavior:s}}function Ju(e,t){return e?e==="all"?"all":new vt(e):t}function Ow(e,t){return typeof t.getChildren=="function"?t.getChildren(e.key):e.childNodes}function Rw(e){return Fw(e)}function Fw(e,t){for(let n of e)return n}function oi(e,t,n){if(t.parentKey===n.parentKey)return t.index-n.index;let o=[...Xu(e,t),t],a=[...Xu(e,n),n],s=o.slice(0,a.length).findIndex((i,l)=>i!==a[l]);return s!==-1?(t=o[s],n=a[s],t.index-n.index):o.findIndex(i=>i===n)>=0?1:(a.findIndex(i=>i===t)>=0,-1)}function Xu(e,t){let n=[],o=t;for(;o?.parentKey!=null;)o=e.getItem(o.parentKey),o&&n.unshift(o);return n}class ri{constructor(t,n,o){this.collection=t,this.state=n,this.allowsCellSelection=o?.allowsCellSelection??!1,this._isSelectAll=null,this.layoutDelegate=o?.layoutDelegate||null,this.fullCollection=o?.fullCollection||null}get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(t){this.state.setSelectionBehavior(t)}get isFocused(){return this.state.isFocused}setFocused(t){this.state.setFocused(t)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(t,n){(t==null||this.collection.getItem(t))&&this.state.setFocusedKey(t,n)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(t){if(this.state.selectionMode==="none")return!1;let n=this.getKey(t);return n==null?!1:this.state.selectedKeys==="all"?this.canSelectItem(n):this.state.selectedKeys.has(n)}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let t=this.getSelectAllKeys(),n=this.state.selectedKeys;return this._isSelectAll=t.every(o=>n.has(o)),this._isSelectAll}get firstSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let o=this.collection.getItem(n);(!t||o&&oi(this.collection,o,t)<0)&&(t=o)}return t?.key??null}get lastSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let o=this.collection.getItem(n);(!t||o&&oi(this.collection,o,t)>0)&&(t=o)}return t?.key??null}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(t);return}let n=this.getKey(t);if(n==null)return;let o;if(this.state.selectedKeys==="all")o=new vt([n],n,n);else{let a=this.state.selectedKeys,s=a.anchorKey??n;o=new vt(a,s,n);for(let i of this.getKeyRange(s,a.currentKey??n))o.delete(i);for(let i of this.getKeyRange(n,s))this.canSelectItem(i)&&o.add(i)}this.state.setSelectedKeys(o)}getKeyRange(t,n){let o=this.collection.getItem(t),a=this.collection.getItem(n);return o&&a?oi(this.collection,o,a)<=0?this.getKeyRangeInternal(t,n):this.getKeyRangeInternal(n,t):[]}getKeyRangeInternal(t,n){if(this.layoutDelegate?.getKeyRange)return this.layoutDelegate.getKeyRange(t,n);let o=[],a=t;for(;a!=null;){let s=this.collection.getItem(a);if(s&&(s.type==="item"||s.type==="cell"&&this.allowsCellSelection)&&o.push(a),a===n)return o;a=this.collection.getKeyAfter(a)}return[]}getKey(t){let n=this.collection.getItem(t);if(!n||n.type==="cell"&&this.allowsCellSelection)return t;for(;n&&n.type!=="item"&&n.parentKey!=null;)n=this.collection.getItem(n.parentKey);return!n||n.type!=="item"?null:n.key}toggleSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(t)){this.replaceSelection(t);return}let n=this.getKey(t);if(n==null)return;let o=new vt(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);o.has(n)?o.delete(n):this.canSelectItem(n)&&(o.add(n),o.anchorKey=n,o.currentKey=n),!(this.disallowEmptySelection&&o.size===0)&&this.state.setSelectedKeys(o)}replaceSelection(t){if(this.selectionMode==="none")return;let n=this.getKey(t);if(n==null)return;let o=this.canSelectItem(n)?new vt([n],n,n):new vt;this.state.setSelectedKeys(o)}setSelectedKeys(t){if(this.selectionMode==="none")return;let n=new vt;for(let o of t){let a=this.getKey(o);if(a!=null&&(n.add(a),this.selectionMode==="single"))break}this.state.setSelectedKeys(n)}getSelectAllKeys(){let t=this.fullCollection??this.collection,n=[],o=a=>{for(;a!=null;){if(this.canSelectItemIn(a,t)){let s=t.getItem(a);s?.type==="item"&&n.push(a),s?.hasChildNodes&&(this.allowsCellSelection||s.type!=="item")&&o(Rw(Ow(s,t))?.key??null)}a=t.getKeyAfter(a)}};return o(t.getFirstKey()),n}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new vt)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(t,n){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(t)&&!this.disallowEmptySelection?this.toggleSelection(t):this.replaceSelection(t):this.selectionBehavior==="toggle"||n&&(n.pointerType==="touch"||n.pointerType==="virtual")?this.toggleSelection(t):this.replaceSelection(t))}isSelectionEqual(t){if(t===this.state.selectedKeys)return!0;let n=this.selectedKeys;if(t.size!==n.size)return!1;for(let o of t)if(!n.has(o))return!1;for(let o of n)if(!t.has(o))return!1;return!0}canSelectItem(t){return this.canSelectItemIn(t,this.collection)}canSelectItemIn(t,n){if(this.state.selectionMode==="none"||this.state.disabledKeys.has(t))return!1;let o=n.getItem(t);return!(!o||o?.props?.isDisabled||o.type==="cell"&&!this.allowsCellSelection)}isDisabled(t){return this.state.disabledBehavior==="all"&&(this.state.disabledKeys.has(t)||!!this.collection.getItem(t)?.props?.isDisabled)}isLink(t){return!!this.collection.getItem(t)?.props?.href}getItemProps(t){return this.collection.getItem(t)?.props}withCollection(t){return new ri(t,this.state,{allowsCellSelection:this.allowsCellSelection,layoutDelegate:this.layoutDelegate||void 0,fullCollection:this.fullCollection??this.collection})}}class Aw{build(t,n){return this.context=n,Zu(()=>this.iterateCollection(t))}*iterateCollection(t){let{children:n,items:o}=t;if(T.isValidElement(n)&&n.type===T.Fragment)yield*this.iterateCollection({children:n.props.children,items:o});else if(typeof n=="function"){if(!o)throw new Error("props.children was a function but props.items is missing");let a=0;for(let s of o)yield*this.getFullNode({value:s,index:a},{renderer:n}),a++}else{let a=[];T.Children.forEach(n,i=>{i&&a.push(i)});let s=0;for(let i of a){let l=this.getFullNode({element:i,index:s},{});for(let c of l)s++,yield c}}}getKey(t,n,o,a){if(t.key!=null)return t.key;if(n.type==="cell"&&n.key!=null)return`${a}${n.key}`;let s=n.value;if(s!=null){let i=s.key??s.id;if(i==null)throw new Error("No key found for item");return i}return a?`${a}.${n.index}`:`$.${n.index}`}getChildState(t,n){return{renderer:n.renderer||t.renderer}}*getFullNode(t,n,o,a){if(T.isValidElement(t.element)&&t.element.type===T.Fragment){let c=[];T.Children.forEach(t.element.props.children,m=>{c.push(m)});let d=t.index??0;for(const m of c)yield*this.getFullNode({element:m,index:d++},n,o,a);return}let s=t.element;if(!s&&t.value&&n&&n.renderer){let c=this.cache.get(t.value);if(c&&(!c.shouldInvalidate||!c.shouldInvalidate(this.context))){c.index=t.index,c.parentKey=a?a.key:null,yield c;return}s=n.renderer(t.value)}if(T.isValidElement(s)){let c=s.type;if(typeof c!="function"&&typeof c.getCollectionNode!="function"){let p=s.type;throw new Error(`Unknown element <${p}> in collection.`)}let d=c.getCollectionNode(s.props,this.context),m=t.index??0,u=d.next();for(;!u.done&&u.value;){let p=u.value;t.index=m;let f=p.key??null;f==null&&(f=p.element?null:this.getKey(s,t,n,o));let b=[...this.getFullNode({...p,key:f,index:m,wrapper:$w(t.wrapper,p.wrapper)},this.getChildState(n,p),o?`${o}${s.key}`:s.key,a)];for(let y of b){if(y.value=p.value??t.value??null,y.value&&this.cache.set(y.value,y),t.type&&y.type!==t.type)throw new Error(`Unsupported type <${ai(y.type)}> in <${ai(a?.type??"unknown parent type")}>. Only <${ai(t.type)}> is supported.`);m++,yield y}u=d.next(b)}return}if(t.key==null||t.type==null)return;let i=this,l={type:t.type,props:t.props,key:t.key,parentKey:a?a.key:null,value:t.value??null,level:(a?.level??0)+(a?.type==="item"?1:0),index:t.index,rendered:t.rendered,textValue:t.textValue??"","aria-label":t["aria-label"],wrapper:t.wrapper,shouldInvalidate:t.shouldInvalidate,hasChildNodes:t.hasChildNodes||!1,childNodes:Zu(function*(){if(!t.hasChildNodes||!t.childNodes)return;let c=0;for(let d of t.childNodes()){d.key!=null&&(d.key=`${l.key}${d.key}`);let m=i.getFullNode({...d,index:c},i.getChildState(n,d),l.key,l);for(let u of m)c++,yield u}})};yield l}constructor(){this.cache=new WeakMap}}function Zu(e){let t=[],n=null;return{*[Symbol.iterator](){for(let o of t)yield o;n||(n=e());for(let o of n)t.push(o),yield o}}}function $w(e,t){if(e&&t)return n=>e(t(n));if(e)return e;if(t)return t}function ai(e){return e[0].toUpperCase()+e.slice(1)}function Vw(e,t,n){let o=T.useMemo(()=>new Aw,[]),{children:a,items:s,collection:i}=e;return T.useMemo(()=>{if(i)return i;let c=o.build({children:a,items:s},n);return t(c)},[o,a,s,i,n,t])}function Kw(e){let{filter:t,layoutDelegate:n}=e,o=Bw(e),a=T.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),s=T.useCallback(d=>t?new Yu(t(d)):new Yu(d),[t]),i=T.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),l=Vw(e,s,i),c=T.useMemo(()=>new ri(l,o,{layoutDelegate:n}),[l,o,n]);return Hw(l,c),{collection:l,disabledKeys:a,selectionManager:c}}function Hw(e,t){const n=T.useRef(null);T.useEffect(()=>{if(t.focusedKey!=null&&!e.getItem(t.focusedKey)&&n.current){let o=n.current.getKeyAfter(t.focusedKey),a=null;for(;o!=null;){let s=e.getItem(o);if(s&&s.type==="item"&&!t.isDisabled(o)){a=o;break}o=n.current.getKeyAfter(o)}if(a==null)for(o=n.current.getKeyBefore(t.focusedKey);o!=null;){let s=e.getItem(o);if(s&&s.type==="item"&&!t.isDisabled(o)){a=o;break}o=n.current.getKeyBefore(o)}t.setFocusedKey(a)}n.current=e},[e,t])}function Ww(e){let[t,n]=qu(e.selectedKey,e.defaultSelectedKey??null,e.onSelectionChange),o=T.useMemo(()=>t!=null?[t]:[],[t]),{collection:a,disabledKeys:s,selectionManager:i}=Kw({...e,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:o,onSelectionChange:c=>{if(c==="all")return;let d=c.values().next().value??null;d===t&&e.onSelectionChange&&e.onSelectionChange(d),n(d)}}),l=t!=null?a.getItem(t):null;return{collection:a,disabledKeys:s,selectionManager:i,selectedKey:t,setSelectedKey:n,selectedItem:l}}function Gw(e){let t=Ww({...e,onSelectionChange:e.onSelectionChange?i=>{i!=null&&e.onSelectionChange?.(i)}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:e.defaultSelectedKey??Qu(e.collection,e.disabledKeys?new Set(e.disabledKeys):new Set)??void 0}),{selectionManager:n,collection:o,selectedKey:a}=t,s=T.useRef(a);return T.useEffect(()=>{let i=a;e.selectedKey==null&&(n.isEmpty||i==null||!o.getItem(i))&&(i=Qu(o,t.disabledKeys),i!=null&&n.setSelectedKeys([i])),(i!=null&&n.focusedKey==null||!n.isFocused&&i!==s.current)&&n.setFocusedKey(i),s.current=i}),{...t,isDisabled:e.isDisabled||!1}}function Qu(e,t){let n=null;if(e){for(n=e.getFirstKey();n!=null&&(t.has(n)||e.getItem(n)?.props?.isDisabled)&&n!==e.getLastKey();)n=e.getKeyAfter(n);n!=null&&(t.has(n)||e.getItem(n)?.props?.isDisabled)&&n===e.getLastKey()&&(n=e.getFirstKey())}return n}const Uw={},zw={};function si(e){const{selectedKey:t,defaultSelectedKey:n,...o}=e,a={...o,selectedKey:t??void 0,defaultSelectedKey:n??void 0},s=Gw(a),i=r.useRef(null),{tabListProps:l}=Lw(a,s,i);return r.createElement(r.Fragment,null,r.createElement("div",{...l,ref:i,className:"sps-nav sps-nav--tabs sps-tabs-v2"},[...s.collection].map(c=>r.createElement(zu,{key:c.key,item:c,state:s}))),r.createElement(ju,{key:s.selectedItem?s.selectedItem.key:null,state:s}))}Object.assign(si,{props:Uw,propTypes:zw,displayName:"SpsTabsV2"});const jw={};function ii({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__footer",t),...n},e)}Object.assign(ii,{props:jw,displayName:"SpsCardV2Footer"});const Yw={};function li({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__header",t),...n},e)}Object.assign(li,{props:Yw,displayName:"SpsCardV2Header"});const qw={};function em({children:e,className:t,...n}){const[o,a,s,i,l]=at(e,[{type:li},{type:si},{custom:d=>d?.displayName==="Tabs"},{type:ii}]),c=a.length>0?a:s;return r.createElement("div",{className:$("sps-card",t),...n},o,c.length>0?c:r.createElement("div",{className:"sps-card__body"},l),i)}Object.assign(em,{props:qw,displayName:"SpsCardV2"});const Jw={};function tm({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__title",t),...n},e)}Object.assign(tm,{props:Jw,displayName:"SpsCardV2Title"});const Xw={...Sd,controlsDisabled:"boolean",footerLinks:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",isOpen:"boolean",onClear:"() => void",onSubmit:"React.FormEventHandler"};function nm(e){const{children:t,className:n,controlsDisabled:o,footerLinks:a,formArray:s,formGroup:i,formMeta:l,isOpen:c,onClear:d,onSubmit:m,unsafelyReplaceClassName:u,...p}=e,{t:f}=Se.useWoodlandLanguage();function g(){d&&d()}const b=$(u||"sps-advanced-search",c&&"sps-advanced-search--open",n);return r.createElement("div",{className:b,...p},r.createElement(so,{onSubmit:m,formArray:s,formGroup:i,formMeta:l},r.createElement("div",{className:"sps-advanced-search__form"},t),r.createElement("div",{className:"sps-advanced-search__footer"},a&&r.createElement("div",{id:"footer_links"},qe(a)),r.createElement("div",{className:"sps-advanced-search__footer-controls"},r.createElement(Ne,{kind:A.ButtonKind.DEFAULT,type:A.ButtonType.BUTTON,className:"mr-2",onClick:g,disabled:o},f("advancedSearch.clear")),r.createElement(Ne,{kind:A.ButtonKind.KEY,type:A.ButtonType.SUBMIT,disabled:o},f("advancedSearch.search"))))))}Object.assign(nm,{props:Xw,displayName:"SpsAdvancedSearch"});const Zw={general:{label:"General Usage",description:({NavigateTo:e,Link:t})=>r.createElement(r.Fragment,null,r.createElement("p",null,'Advanced Search is comprised of a panel of input fields, and a text button that exposes and hides the panel. By default, the Advanced Search panel is hidden (with the exception of "Advanced Search Only" scenarios).'),r.createElement("p",null,"Advanced Search works in conjunction with the"," ",r.createElement(e,{to:"list-toolbar"},"List Bar")," and"," ",r.createElement(e,{to:"search-results-bar"},"Search Results")," components. Refer to those pages for additional details."),r.createElement("p",null,"Use the following guidelines when including Advanced Search on your page:",r.createElement("ul",null,r.createElement("li",null,"The Advanced Search Panel can contain any number of input fields."),r.createElement("li",null,"The Advanced Search Panel can place input fields in any unique layout to best serve the needs of the search criteria, but must adhere to the rules of the"," ",r.createElement(t,{to:"/style-and-layout/grid/"},"SPS Grid")," and guidelines for"," ",r.createElement(e,{to:"form"},"Form Layouts"),"."))))},basic:{label:"Basic Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"A Basic Advanced Search consists of the List Bar with a search input and an Advanced Search text button. For more details on additional button and component options in the List Bar reference the ",r.createElement(e,{to:"list-toolbar"},"List Bar")," page.")),examples:{basic:{react:S.code`
10038
10038
  import {
10039
10039
  SpsListToolbar,
10040
10040
  SpsListToolbarSearch,
@@ -10395,7 +10395,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
10395
10395
  </>
10396
10396
  );
10397
10397
  }
10398
- `}}}},iC={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"};function pi(e){const{children:t,className:n,imgSrc:o,kind:a=A.GrowlerKind.INFO,onClose:s,persist:i,title:l,unsafelyReplaceClassName:c,...d}=e,m=r.useRef(s);r.useEffect(()=>{m.current=s},[s]);const{t:u}=Se.useWoodlandLanguage(),[p,f]=r.useState(!0),[g,b]=r.useState(!1);function y(){return[window.setTimeout(()=>b(!0),A.GROWLER_VISIBLE_DURATION_MS),window.setTimeout(()=>{f(!1),m.current&&m.current()},A.GROWLER_VISIBLE_DURATION_MS+A.GROWLER_FADEOUT_DURATION_MS)]}const v=r.useRef([]);function h(){i||(v.current=y())}function x(){for(const _ of v.current)window.clearTimeout(_);v.current=[]}function D(){x(),f(!0),b(!1)}function w(){D(),b(!1),f(!1),s&&s()}const k=a===A.GrowlerKind.PROGRESS?"sps-spinner":$("sps-icon",`sps-icon-${A.GrowlerIcon.get(a)}`),R=$(c||"sps-growler",p&&"show",g&&"fade",`sps-growler--${a}`,n);return r.useEffect(()=>(h(),()=>{x()}),[]),gn("sps-growler-display-area",["sps-growler-area","z-stratum-growlers"])(r.createElement("div",{role:"alert",className:R,onMouseEnter:D,onMouseLeave:h,...d},r.createElement("div",{className:"sps-growler__icon-box"},o&&r.createElement("img",{src:o,alt:""}),!o&&r.createElement("i",{className:k,"aria-hidden":"true"})),r.createElement("div",{className:"sps-growler__message-box"},r.createElement("div",{className:"sps-growler__message-box-text"},l&&r.createElement("span",{className:"sps-growler__message-box-title d-block"},l),r.createElement("div",{className:"sps-growler__message-box-subtitle"},t)),r.createElement("button",{type:"button",className:"sps-growler__close-button","aria-hidden":"true",onClick:w},r.createElement("i",{className:"sps-icon sps-icon-x",title:u("growler.dismiss",{defaultValue:"Dismiss"})})))))}Object.assign(pi,{props:iC,displayName:"SpsGrowler"});function lC(){const[e,t]=r.useState([]),n=r.useCallback(()=>e.map(a=>r.createElement(pi,{id:a.id,key:a.id,title:a.title,kind:a.kind,imgSrc:a.imgSrc,persist:a.persist,onClose:()=>{a.onClose&&a.onClose(),a.closed=!0,e.every(s=>s.closed)&&t([])}},qe(a.content))),[e]),o=r.useCallback(a=>{t(s=>[...s,{...a,kind:a.kind||A.GrowlerKind.INFO,id:a.id||We()}])},[]);return[n,o]}const cC={writingGuidelines:{label:"Writing Guidelines",customSection:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Use the following guidelines to write an effective Growler message."),r.createElement("ul",null,r.createElement("li",null,"Write all messages in sentence case.",r.createElement("ul",null,r.createElement("li",null,"Capitalize the first word of the message."),r.createElement("li",null,"Add punctuation, such as a period, at the end of the message."))),r.createElement("li",null,"Keep messages as succinct as possible while also providing sufficient information to the customer."),r.createElement("li",null,"If you can clearly convey your message in a single statement, use only the Primary Message."),r.createElement("li",null,"If the message requires additional details, such as further information or instructions, use both the Primary and Secondary Messages.")),r.createElement("p",null,"For more examples of effective feedback message writing, refer to"," ",r.createElement("a",{href:"https://atlassian.design/content/messaging-guidelines",target:"_blank",rel:"noreferrer"},"Atlassian's Messaging Guidelines"),"."))},error:{label:"Error",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Acceptable message: Document ABC123 has not been sent. Check the form and try sending it again."),r.createElement("p",null,`Unacceptable message: Can't send your document."`)),examples:{primary:{description:"Primary Message Only",react:S.code`
10398
+ `}}}},iC={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"};function pi(e){const{children:t,className:n,imgSrc:o,kind:a=A.GrowlerKind.INFO,onClose:s,persist:i,title:l,unsafelyReplaceClassName:c,...d}=e,m=r.useRef(s);r.useEffect(()=>{m.current=s},[s]);const{t:u}=Se.useWoodlandLanguage(),[p,f]=r.useState(!0),[g,b]=r.useState(!1);function y(){return[window.setTimeout(()=>b(!0),A.GROWLER_VISIBLE_DURATION_MS),window.setTimeout(()=>{f(!1),m.current&&m.current()},A.GROWLER_VISIBLE_DURATION_MS+A.GROWLER_FADEOUT_DURATION_MS)]}const v=r.useRef([]);function h(){i||(v.current=y())}function x(){for(const _ of v.current)window.clearTimeout(_);v.current=[]}function C(){x(),f(!0),b(!1)}function w(){C(),b(!1),f(!1),s&&s()}const M=a===A.GrowlerKind.PROGRESS?"sps-spinner":$("sps-icon",`sps-icon-${A.GrowlerIcon.get(a)}`),P=$(c||"sps-growler",p&&"show",g&&"fade",`sps-growler--${a}`,n);return r.useEffect(()=>(h(),()=>{x()}),[]),gn("sps-growler-display-area",["sps-growler-area","z-stratum-growlers"])(r.createElement("div",{role:"alert",className:P,onMouseEnter:C,onMouseLeave:h,...d},r.createElement("div",{className:"sps-growler__icon-box"},o&&r.createElement("img",{src:o,alt:""}),!o&&r.createElement("i",{className:M,"aria-hidden":"true"})),r.createElement("div",{className:"sps-growler__message-box"},r.createElement("div",{className:"sps-growler__message-box-text"},l&&r.createElement("span",{className:"sps-growler__message-box-title d-block"},l),r.createElement("div",{className:"sps-growler__message-box-subtitle"},t)),r.createElement("button",{type:"button",className:"sps-growler__close-button","aria-hidden":"true",onClick:w},r.createElement("i",{className:"sps-icon sps-icon-x",title:u("growler.dismiss",{defaultValue:"Dismiss"})})))))}Object.assign(pi,{props:iC,displayName:"SpsGrowler"});function lC(){const[e,t]=r.useState([]),n=r.useCallback(()=>e.map(a=>r.createElement(pi,{id:a.id,key:a.id,title:a.title,kind:a.kind,imgSrc:a.imgSrc,persist:a.persist,onClose:()=>{a.onClose&&a.onClose(),a.closed=!0,e.every(s=>s.closed)&&t([])}},qe(a.content))),[e]),o=r.useCallback(a=>{t(s=>[...s,{...a,kind:a.kind||A.GrowlerKind.INFO,id:a.id||We()}])},[]);return[n,o]}const cC={writingGuidelines:{label:"Writing Guidelines",customSection:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Use the following guidelines to write an effective Growler message."),r.createElement("ul",null,r.createElement("li",null,"Write all messages in sentence case.",r.createElement("ul",null,r.createElement("li",null,"Capitalize the first word of the message."),r.createElement("li",null,"Add punctuation, such as a period, at the end of the message."))),r.createElement("li",null,"Keep messages as succinct as possible while also providing sufficient information to the customer."),r.createElement("li",null,"If you can clearly convey your message in a single statement, use only the Primary Message."),r.createElement("li",null,"If the message requires additional details, such as further information or instructions, use both the Primary and Secondary Messages.")),r.createElement("p",null,"For more examples of effective feedback message writing, refer to"," ",r.createElement("a",{href:"https://atlassian.design/content/messaging-guidelines",target:"_blank",rel:"noreferrer"},"Atlassian's Messaging Guidelines"),"."))},error:{label:"Error",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Acceptable message: Document ABC123 has not been sent. Check the form and try sending it again."),r.createElement("p",null,`Unacceptable message: Can't send your document."`)),examples:{primary:{description:"Primary Message Only",react:S.code`
10399
10399
  import { SpsButton, SpsGrowler } from "@spscommerce/ds-react";
10400
10400
  import { ButtonKind, GrowlerKind } from "@spscommerce/ds-shared";
10401
10401
 
@@ -10930,7 +10930,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
10930
10930
  </>
10931
10931
  )
10932
10932
  }
10933
- `}}}},vC={onSubmit:"FormEventHandler"};function mi(e){const{children:t,onSubmit:n}=e;function o(a){a.preventDefault(),n&&n(a)}return r.createElement("form",{onSubmit:o,className:"sps-list-toolbar__search-form",noValidate:!0},r.createElement(In,{className:"sps-list-toolbar__search-field"},t))}Object.assign(mi,{props:vC,displayName:"SpsListToolbarSearch"});const yC={};function fi(e){const{children:t}=e;return r.createElement("div",null,t)}Object.assign(fi,{props:yC,displayName:"SpsListToolbarSearchInfo"});const TC={activeTab:"SpsTab",advancedSearch:"{ isOpen: boolean, enteredFields: number }",onToggleAdvancedSearch:"(boolean) => void",onTabChange:"(SpsTab) => void",title:"string",tabs:"Array<SpsTab>",onToolbarPinned:"(boolean) => void",selectable:"boolean",isSelected:"boolean",isIndeterminate:"boolean",onSelectionChange:"(boolean) => void",pinResultsBar:"boolean",pinToolbar:"boolean"};function dm(e){const{activeTab:t,advancedSearch:n,children:o,className:a,onToggleAdvancedSearch:s,onTabChange:i,tabs:l,title:c,unsafelyReplaceClassName:d,onToolbarPinned:m,selectable:u,isSelected:p,isIndeterminate:f,onSelectionChange:g,pinResultsBar:b,pinToolbar:y=!0,"data-testid":v,...h}=e,{t:x}=Se.useWoodlandLanguage();let D=null;const[w,k]=r.useState(!1),R=r.useRef(null),F=r.useRef(null),_=S.lockToAnimationFrames(()=>{if(R.current&&y){const N=R.current.getBoundingClientRect();N&&N.height>0&&N.top<=60&&(typeof D=="number"?window.scrollY<D&&(D=null,k(!1)):(D=window.scrollY,k(!0),s&&s(!1)))}});r.useEffect(()=>(window.addEventListener("scroll",_),()=>{window.removeEventListener("scroll",_)}),[]);const O=r.useRef();r.useLayoutEffect(()=>{if(F.current&&R.current&&y){if(w&&O.current)F.current.style.height=O.current.height,F.current.style.width=O.current.width,F.current.style.marginBottom=O.current.marginBottom;else if(!w){F.current.style.height="",F.current.style.width="",F.current.style.marginBottom="";const N=window.getComputedStyle(R.current);O.current={height:N.height,width:N.width,marginBottom:N.marginBottom}}}},[w]);function W(N){i&&i(N)}function Z(){s&&s(!n?.isOpen)}function K(N){m&&m(N)}r.useEffect(()=>{K(w)},[w]);const E=$(d||"sps-list-toolbar",w&&y&&"sps-list-toolbar--pinned",w&&y&&"z-stratum-toolbar",n&&n.isOpen&&"sps-list-toolbar--advanced-search-open",a),[V,B,M,Y]=at(o,[{type:mi},{type:fi},{type:ui}]);return r.createElement("div",{className:"sps-list-toolbar__wrapper",ref:F},r.createElement("div",{className:E,"data-testid":v,ref:R,...h},r.createElement("div",{className:"sps-list-toolbar__content"},!!u&&r.createElement("div",{className:"sps-list-toolbar__selection-controls"},r.createElement(Jt,{checked:p,indeterminate:f,onChange:()=>{g?.(!p)}})),l&&r.createElement(lm,{tabs:l,onTabChange:W,activeTab:t,"data-testid":`${v}__tabs`}),r.createElement("div",{className:"sps-list-toolbar__search-controls"},!c&&V,!c&&B,V.length>0&&n&&r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle","data-testid":`${v}__advanced-search`},r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle-button-wrapper"},r.createElement(Ne,{kind:A.ButtonKind.LINK,onClick:Z},x("listToolbar.advancedSearchToggle",{defaultValue:"Advanced Search"}))),(n.enteredFields||0)>0&&r.createElement(gt,{"data-testid":`${v}__entered_fields`,kind:A.TagKind.INFO},r.createElement("span",null,n.enteredFields))),c&&r.createElement("div",{"data-testid":`${v}-title`,className:"sps-list-toolbar__advanced-search-title"},c)),w?r.createElement("div",{className:"sps-list-toolbar__header-content"},r.createElement(rt.Provider,{value:{fixed:!0}},Y)):r.createElement("div",{className:"sps-list-toolbar__header-content"},Y)),r.createElement("div",null,(!w||b)&&M)))}Object.assign(dm,{props:TC,displayName:"SpsListToolbar"});const EC={options:"SortOption[]",activeOption:"SortOption",onSortChange:"(option: SortOption) => void",defaultOption:"SortOption"};function pm(e){const{options:t,onSortChange:n,defaultOption:o,activeOption:a,className:s,unsafelyReplaceClassName:i}=e,l=(t||[]).map(d=>[{label:d.label,icon:d.icon},()=>{n&&n(d)}]),c=$(i||"sps-list-toolbar-sort-by",s);return r.createElement(an,{className:c,icon:a?.icon||o?.icon,label:a?.label||o?.label,options:l})}Object.assign(pm,{props:EC,displayName:"SpsListToolbarSortBy"});function um(){const[e,t]=r.useState(!1);function n(){t(!1)}function o(){t(!0)}return r.createElement(r.Fragment,null,r.createElement("p",null,"The List Bar is divided into a number of different sections. It spans the entire width of the corresponding list."),r.createElement(Ne,{kind:A.ButtonKind.LINK,onClick:o},"View Content Order Example"),r.createElement(di,{isOpen:e,onClose:n},r.createElement("h1",null,"Content Order"),r.createElement("img",{src:"assets/images/list-toolbar-example.svg",alt:"A List Toolbar with labels on each section",className:"w-100 mb-3"}),r.createElement(sn,null,r.createElement(Ht,null,r.createElement(Fe,{style:{width:"80px"}},"Order"),r.createElement(Fe,null,"Section"),r.createElement(Fe,null,"Notes")),r.createElement(Wt,null,r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(se,null,"Checkbox"),r.createElement(se,null,"For Content Rows and Content Tiles only.")),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(se,null,"Search/Filter Box"),r.createElement(se,null)),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(se,null,"Saved Search"),r.createElement(se,null)),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(se,null,"Advanced Search"),r.createElement(se,null,"For more information, visit the Advanced Search page.")),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(se,null,"Column Editor"),r.createElement(se,{wrap:500},"Use for Tables only. For more information, visit the Column Editor page.")),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"6")),r.createElement(se,null,"List View Selector"),r.createElement(se,null)),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"7")),r.createElement(se,null,"Sorting"),r.createElement(se,null)),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"8")),r.createElement(se,null,"Buttons"),r.createElement(se,{wrap:500},"Buttons always appear in the rightmost section of the List Toolbar. For the ordering of Buttons, refer to the Button Groups section on the Buttons page."))))))}const wC={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a List Toolbar:"),r.createElement("ul",null,r.createElement("li",null,"When list content needs to be searched, filtered, sorted, or otherwise interacted with.")),r.createElement("h5",null,"Avoid a List Toolbar:"),r.createElement("ul",null,r.createElement("li",null,"When no list is present."),r.createElement("li",null,"When there will always be a small number of elements in the list, or the list does not require searching, filtering, or other actions.")))},contentOrder:{label:"Content Order",description:r.createElement(um,null)},checkbox:{label:"Checkbox",description:({NavigateTo:e})=>r.createElement("p",null,"Use a Checkbox in the List Toolbar when items in a"," ",r.createElement(e,{to:"Content rows"},"Content Row")," or"," ",r.createElement(e,{to:"Content tiles"},"Content Tile")," are selectable. The Checkbox selects all items in the list, and will cause the Action Bar to appear. Do not use this with a Table, as Tables have a built-in checkbox in the header row."),examples:{checkbox:{react:S.code`
10933
+ `}}}},vC={onSubmit:"FormEventHandler"};function mi(e){const{children:t,onSubmit:n}=e;function o(a){a.preventDefault(),n&&n(a)}return r.createElement("form",{onSubmit:o,className:"sps-list-toolbar__search-form",noValidate:!0},r.createElement(In,{className:"sps-list-toolbar__search-field"},t))}Object.assign(mi,{props:vC,displayName:"SpsListToolbarSearch"});const yC={};function fi(e){const{children:t}=e;return r.createElement("div",null,t)}Object.assign(fi,{props:yC,displayName:"SpsListToolbarSearchInfo"});const TC={activeTab:"SpsTab",advancedSearch:"{ isOpen: boolean, enteredFields: number }",onToggleAdvancedSearch:"(boolean) => void",onTabChange:"(SpsTab) => void",title:"string",tabs:"Array<SpsTab>",onToolbarPinned:"(boolean) => void",selectable:"boolean",isSelected:"boolean",isIndeterminate:"boolean",onSelectionChange:"(boolean) => void",pinResultsBar:"boolean",pinToolbar:"boolean"};function dm(e){const{activeTab:t,advancedSearch:n,children:o,className:a,onToggleAdvancedSearch:s,onTabChange:i,tabs:l,title:c,unsafelyReplaceClassName:d,onToolbarPinned:m,selectable:u,isSelected:p,isIndeterminate:f,onSelectionChange:g,pinResultsBar:b,pinToolbar:y=!0,"data-testid":v,...h}=e,{t:x}=Se.useWoodlandLanguage();let C=null;const[w,M]=r.useState(!1),P=r.useRef(null),O=r.useRef(null),_=S.lockToAnimationFrames(()=>{if(P.current&&y){const N=P.current.getBoundingClientRect();N&&N.height>0&&N.top<=60&&(typeof C=="number"?window.scrollY<C&&(C=null,M(!1)):(C=window.scrollY,M(!0),s&&s(!1)))}});r.useEffect(()=>(window.addEventListener("scroll",_),()=>{window.removeEventListener("scroll",_)}),[]);const F=r.useRef();r.useLayoutEffect(()=>{if(O.current&&P.current&&y){if(w&&F.current)O.current.style.height=F.current.height,O.current.style.width=F.current.width,O.current.style.marginBottom=F.current.marginBottom;else if(!w){O.current.style.height="",O.current.style.width="",O.current.style.marginBottom="";const N=window.getComputedStyle(P.current);F.current={height:N.height,width:N.width,marginBottom:N.marginBottom}}}},[w]);function W(N){i&&i(N)}function Z(){s&&s(!n?.isOpen)}function K(N){m&&m(N)}r.useEffect(()=>{K(w)},[w]);const E=$(d||"sps-list-toolbar",w&&y&&"sps-list-toolbar--pinned",w&&y&&"z-stratum-toolbar",n&&n.isOpen&&"sps-list-toolbar--advanced-search-open",a),[V,R,k,Y]=at(o,[{type:mi},{type:fi},{type:ui}]);return r.createElement("div",{className:"sps-list-toolbar__wrapper",ref:O},r.createElement("div",{className:E,"data-testid":v,ref:P,...h},r.createElement("div",{className:"sps-list-toolbar__content"},!!u&&r.createElement("div",{className:"sps-list-toolbar__selection-controls"},r.createElement(Jt,{checked:p,indeterminate:f,onChange:()=>{g?.(!p)}})),l&&r.createElement(lm,{tabs:l,onTabChange:W,activeTab:t,"data-testid":`${v}__tabs`}),r.createElement("div",{className:"sps-list-toolbar__search-controls"},!c&&V,!c&&R,V.length>0&&n&&r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle","data-testid":`${v}__advanced-search`},r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle-button-wrapper"},r.createElement(Ne,{kind:A.ButtonKind.LINK,onClick:Z},x("listToolbar.advancedSearchToggle",{defaultValue:"Advanced Search"}))),(n.enteredFields||0)>0&&r.createElement(gt,{"data-testid":`${v}__entered_fields`,kind:A.TagKind.INFO},r.createElement("span",null,n.enteredFields))),c&&r.createElement("div",{"data-testid":`${v}-title`,className:"sps-list-toolbar__advanced-search-title"},c)),w?r.createElement("div",{className:"sps-list-toolbar__header-content"},r.createElement(rt.Provider,{value:{fixed:!0}},Y)):r.createElement("div",{className:"sps-list-toolbar__header-content"},Y)),r.createElement("div",null,(!w||b)&&k)))}Object.assign(dm,{props:TC,displayName:"SpsListToolbar"});const EC={options:"SortOption[]",activeOption:"SortOption",onSortChange:"(option: SortOption) => void",defaultOption:"SortOption"};function pm(e){const{options:t,onSortChange:n,defaultOption:o,activeOption:a,className:s,unsafelyReplaceClassName:i}=e,l=(t||[]).map(d=>[{label:d.label,icon:d.icon},()=>{n&&n(d)}]),c=$(i||"sps-list-toolbar-sort-by",s);return r.createElement(an,{className:c,icon:a?.icon||o?.icon,label:a?.label||o?.label,options:l})}Object.assign(pm,{props:EC,displayName:"SpsListToolbarSortBy"});function um(){const[e,t]=r.useState(!1);function n(){t(!1)}function o(){t(!0)}return r.createElement(r.Fragment,null,r.createElement("p",null,"The List Bar is divided into a number of different sections. It spans the entire width of the corresponding list."),r.createElement(Ne,{kind:A.ButtonKind.LINK,onClick:o},"View Content Order Example"),r.createElement(di,{isOpen:e,onClose:n},r.createElement("h1",null,"Content Order"),r.createElement("img",{src:"assets/images/list-toolbar-example.svg",alt:"A List Toolbar with labels on each section",className:"w-100 mb-3"}),r.createElement(sn,null,r.createElement(Ht,null,r.createElement(Fe,{style:{width:"80px"}},"Order"),r.createElement(Fe,null,"Section"),r.createElement(Fe,null,"Notes")),r.createElement(Wt,null,r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(se,null,"Checkbox"),r.createElement(se,null,"For Content Rows and Content Tiles only.")),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(se,null,"Search/Filter Box"),r.createElement(se,null)),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(se,null,"Saved Search"),r.createElement(se,null)),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(se,null,"Advanced Search"),r.createElement(se,null,"For more information, visit the Advanced Search page.")),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(se,null,"Column Editor"),r.createElement(se,{wrap:500},"Use for Tables only. For more information, visit the Column Editor page.")),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"6")),r.createElement(se,null,"List View Selector"),r.createElement(se,null)),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"7")),r.createElement(se,null,"Sorting"),r.createElement(se,null)),r.createElement(De,null,r.createElement(se,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"8")),r.createElement(se,null,"Buttons"),r.createElement(se,{wrap:500},"Buttons always appear in the rightmost section of the List Toolbar. For the ordering of Buttons, refer to the Button Groups section on the Buttons page."))))))}const wC={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a List Toolbar:"),r.createElement("ul",null,r.createElement("li",null,"When list content needs to be searched, filtered, sorted, or otherwise interacted with.")),r.createElement("h5",null,"Avoid a List Toolbar:"),r.createElement("ul",null,r.createElement("li",null,"When no list is present."),r.createElement("li",null,"When there will always be a small number of elements in the list, or the list does not require searching, filtering, or other actions.")))},contentOrder:{label:"Content Order",description:r.createElement(um,null)},checkbox:{label:"Checkbox",description:({NavigateTo:e})=>r.createElement("p",null,"Use a Checkbox in the List Toolbar when items in a"," ",r.createElement(e,{to:"Content rows"},"Content Row")," or"," ",r.createElement(e,{to:"Content tiles"},"Content Tile")," are selectable. The Checkbox selects all items in the list, and will cause the Action Bar to appear. Do not use this with a Table, as Tables have a built-in checkbox in the header row."),examples:{checkbox:{react:S.code`
10934
10934
  import {
10935
10935
  SpsListToolbar,
10936
10936
  SpsListToolbarSearch,
@@ -11735,7 +11735,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11735
11735
  MacNeil Automotive Parts
11736
11736
  </SpsPageSubtitle>
11737
11737
  </SpsPageTitle>
11738
- `}}}},kC={active:"boolean",as:"React.ElementType"};function Si(e){const{active:t,as:n="a",children:o,className:a,unsafelyReplaceClassName:s,...i}=e,l=$(s||"sps-nav__item","sps-nav__link",t&&"active");return r.createElement(n,{className:l,...i},o)}Object.assign(Si,{props:kC,displayName:"SpsProductBarTab"});const MC={activeTab:"string",fullWidth:"boolean",onTabChange:"(newTab: string) => void",onProductNameClick:"React.MouseEventHandler",productLogoSrc:"string",productName:"string",productNameHref:"string",tabs:"Array<string>"};function gm(e){const{activeTab:t,children:n,className:o,fullWidth:a,onProductNameClick:s,onTabChange:i,productLogoSrc:l,productName:c,productNameHref:d,tabs:m=[],unsafelyReplaceClassName:u,...p}=e,{t:f}=Se.useWoodlandLanguage(),g=r.useRef(null),[b,y]=at(n,[{type:Si}]),[v,h]=r.useState(t||m[0]);r.useEffect(()=>{h(t||m[0])},[t]);function x(w){h(w),i&&i(w)}const D=$(u||"sps-navbar-container","z-stratum-bar",o);return r.createElement("div",{className:D,...p,ref:g},r.createElement("nav",{className:$("sps-navbar","sps-navbar--expand-lg",a&&"sps-navbar--full-width")},c||l?r.createElement(r.Fragment,null,r.createElement("a",{className:"sps-navbar__brand",href:d,onClick:s},l&&r.createElement("img",{className:"sps-navbar__brand-logo",src:l,"aria-hidden":"true",alt:`${c} Logo`}),c&&r.createElement("span",{className:"sps-navbar__brand-name"},c)),r.createElement("span",{className:"sps-vertical-rule"})):null,r.createElement("div",{className:"sps-navbar__nav"},m.map(w=>r.createElement("a",{className:$("sps-nav__item","sps-nav__link",w===v&&"active"),key:w,onClick:()=>x(w)},r.createElement("span",null,w),w===v&&r.createElement("span",{className:"sr-only"},"(",f("productBar.current",{defaultValue:"current"}),")"))),b),r.createElement("div",{className:"sps-navbar__content"},r.createElement(rt.Provider,{value:{parentElementRef:g,fixed:!0}},y))))}Object.assign(gm,{props:MC,displayName:"SpsProductBar"});const LC={basic:{label:"Basic",description:S.code`
11738
+ `}}}},kC={active:"boolean",as:"React.ElementType"};function Si(e){const{active:t,as:n="a",children:o,className:a,unsafelyReplaceClassName:s,...i}=e,l=$(s||"sps-nav__item","sps-nav__link",t&&"active");return r.createElement(n,{className:l,...i},o)}Object.assign(Si,{props:kC,displayName:"SpsProductBarTab"});const MC={activeTab:"string",fullWidth:"boolean",onTabChange:"(newTab: string) => void",onProductNameClick:"React.MouseEventHandler",productLogoSrc:"string",productName:"string",productNameHref:"string",tabs:"Array<string>"};function gm(e){const{activeTab:t,children:n,className:o,fullWidth:a,onProductNameClick:s,onTabChange:i,productLogoSrc:l,productName:c,productNameHref:d,tabs:m=[],unsafelyReplaceClassName:u,...p}=e,{t:f}=Se.useWoodlandLanguage(),g=r.useRef(null),[b,y]=at(n,[{type:Si}]),[v,h]=r.useState(t||m[0]);r.useEffect(()=>{h(t||m[0])},[t]);function x(w){h(w),i&&i(w)}const C=$(u||"sps-navbar-container","z-stratum-bar",o);return r.createElement("div",{className:C,...p,ref:g},r.createElement("nav",{className:$("sps-navbar","sps-navbar--expand-lg",a&&"sps-navbar--full-width")},c||l?r.createElement(r.Fragment,null,r.createElement("a",{className:"sps-navbar__brand",href:d,onClick:s},l&&r.createElement("img",{className:"sps-navbar__brand-logo",src:l,"aria-hidden":"true",alt:`${c} Logo`}),c&&r.createElement("span",{className:"sps-navbar__brand-name"},c)),r.createElement("span",{className:"sps-vertical-rule"})):null,r.createElement("div",{className:"sps-navbar__nav"},m.map(w=>r.createElement("a",{className:$("sps-nav__item","sps-nav__link",w===v&&"active"),key:w,onClick:()=>x(w)},r.createElement("span",null,w),w===v&&r.createElement("span",{className:"sr-only"},"(",f("productBar.current",{defaultValue:"current"}),")"))),b),r.createElement("div",{className:"sps-navbar__content"},r.createElement(rt.Provider,{value:{parentElementRef:g,fixed:!0}},y))))}Object.assign(gm,{props:MC,displayName:"SpsProductBar"});const LC={basic:{label:"Basic",description:S.code`
11739
11739
  <p>Product navigation bar</p>
11740
11740
  `,examples:{basic:{react:S.code`
11741
11741
  import { SpsProductBar, SpsButton } from "@spscommerce/ds-react";