@spscommerce/ds-react 8.46.3 → 8.46.5

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(x,E){typeof exports=="object"&&typeof module<"u"?E(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/tabs"),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/tabs","@sps-woodland/illustrations"],E):(x=typeof globalThis<"u"?globalThis:x||self,E(x.DSReact={},x.React,x.utils,x.moment$3,x.dsShared,x.i18n,x.ReactDOM,x.dsColors,x.tabs,x.illustrations))})(this,(function(x,E,S,Me,F,he,Ln,Nr,Im,gi){"use strict";function hi(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=hi(E),un=hi(Me);function bi(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=bi(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=bi(e))&&(o&&(o+=" "),o+=t);return o}const xm="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let He=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=xm[n[e]&63];return t};function Rt(e){return E.useRef(e||He())}function We(e,t){const n=Rt(e),o=E.useRef(`${n.current}_ctrl`);return E.useEffect(()=>{t&&(t.id=o.current,t.update())},[t]),{wrapperId:n.current||void 0,controlId:o.current}}function Ir(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var xr,vi;function km(){if(vi)return xr;vi=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),d=a.toString,c=n(Object.getPrototypeOf,Object);function u(p){return!!p&&typeof p=="object"}function m(p){if(!u(p)||d.call(p)!=e||t(p))return!1;var f=c(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 xr=m,xr}var Mm=km();const yi=Ir(Mm),Ze=new Set,mn=new Set,wt=new Set,So=new Set;function Ei(e){Ze.has(e)||wt.has(e)||So.has(e)||mn.add(e)}function Ti(e){Ze.has(e)||wt.has(e)||mn.has(e)||So.add(e)}const Fe=un.default||un,fn="MM/DD/YYYY",Lm="MM/DD/YYYY hh:mm A",_m="MM/DD/YYYY HH:mm",Om="hh:mm A",Pm="HH:mm",Bm=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,_n=Symbol("Date Parse Error");function Sn(e){return Fe.isMoment(e)?e.year()*1e4+(e.month()+1)*100+e.date():e.year*1e4+e.month*100+e.date}const Y=Object.freeze({createFrom(e,t){if(!e)return null;if(typeof e=="string"){if(t){const n=Fe(e,t,!0);if(n.isValid())return Object.freeze({year:n.year(),month:n.month()+1,date:n.date()})}else{const n=Bm.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=Fe(e,t,!0):n=Fe(e):Fe.isMoment(e)?n=e:n=Y.toMoment(e),n!==null&&Fe.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=Y.getRangeSeparator(t),o=new RegExp(`[^\\d]*${n}[^\\d]*`);return e.split(o).slice(0,2).map(a=>Y.createFrom(a,t))}else return e.split(/[^\d]*-[^\d]*/).slice(0,2).map(n=>Y.createFrom(n))},isValid(e){return e?Fe.isMoment(e)?e.isValid():typeof e=="object"&&typeof e.year=="number"&&typeof e.month=="number"&&typeof e.date=="number"&&Y.toMoment(e)?.isValid():!1},nullifyInvalidDate(e){return Y.isValid(e)?e:null},toMoment(e){return e?Fe.isMoment(e)?e:Fe({...e,month:e.month-1}):null},toString(e,t){const n=Y.toMoment(e);return n&&n.isValid()?n.format(t||fn):""},toStringRange(e,t){if(!e)return"";const n=Y.getRangeSeparator(t);return e.slice(0,2).map(o=>Y.toString(o,t)).join(n)},toDateTimeString(e,t=!1,n){return e&&Fe.isMoment(e)&&e.isValid()?n?t?e.format(`${n} ${Pm}`):e.format(`${n} ${Om}`):t?e.format(_m):e.format(Lm):""},toDateTimeStringRange(e,t=!1,n){if(!e)return"";const o=Y.getRangeSeparator(n);return e.map(a=>Y.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:Sn(e)>Sn(t)},isBefore(e,t){return!e||!t?null:Sn(e)<Sn(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const o=Sn(e),[a,s]=t.map(Sn);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=Fe(),o=n.clone().subtract(Fe.duration(e.definition));return[Y.createFrom(o,t),Y.createFrom(n,t)]},createDateTimeRangeFromPreset(e){if(typeof e.definition=="function")return e.definition();const t=Fe().subtract(Fe.duration(e.definition)).startOf("day"),n=Fe().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&&Fe.isMoment(e)&&e.isValid()?Y.toDateTimeString(e,t,n).split(" "):["",a,t?void 0:s]},getCurrentMoment(){return Fe()},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}`}}}),kr=["01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00"],Mr=["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 go=fn;function wi(e){go=e}const On=function(t){if(Array.isArray(t)){const n=On(t[0]),o=On(t[1]);return n||o}if(t&&t.hasOwnProperty("year")){if(t[_n])return{dateFormat:go};if(!Y.isValid(t))return{dateValidity:!0}}return null};Ze.add("dateFormat"),Ze.add("dateValidity");const Ci=function(t){if(Array.isArray(t)){const n=On(t);if(n)return n;if(t&&Y.isBefore(t[1],t[0]))return{dateRangeOrder:!0}}return null};Ze.add("dateRangeOrder");const Di=function({minDate:t,maxDate:n}){function o(a){const s=Y.isBefore(a,t),i=Y.isAfter(a,n),l={minExceeded:s?Y.toString(t,go):null,maxExceeded:i?Y.toString(n,go):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 Rm=Object.freeze(Object.defineProperty({__proto__:null,date:On,dateConstraint:Di,dateRange:Ci,setDateFormat:wi},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 Fm=function(t){function n(o){return Number(o)>=t?null:{min:t}}return o=>Mt(o,n)};Ze.add("min");const Am=function(t){function n(o){return Number(o)<=t?null:{max:t}}return o=>Mt(o,n)};mn.add("max");const $m=function(t){return typeof t>"u"||t===null||t===""||Number.isNaN(t)||t?.length===0?{required:!0}:null};mn.add("required");const Vm=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 Km=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 Hm=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 Wm=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 Gm=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 Um=function(e){function t(n){return new RegExp("^\\p{L}*$","u").test(n)?null:{alpha:!0}}return Mt(e,t)};wt.add("alpha");const zm=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 Ym=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return Mt(e,t)};wt.add("nonNumeric");const ho=Object.freeze({...Rm,min:Fm,max:Am,required:$m,minLength:Vm,minLengthArray:Km,maxLength:Hm,maxLengthArray:Wm,pattern:Gm,alpha:Um,numeric:zm,nonNumeric:Ym,positiveOrNegativeNumber:jm,OnBlurErrorKeys:Ze});function bo(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 qm(e,t={},n=[]){for(const[o,a]of Object.entries(t))a===0?Ei(o):a===2&&Ti(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=bo(t,this.validators);let s={onSubmit:{},onChange:{},onBlur:{}};a&&(s=Object.keys(a).reduce((i,l)=>(So.has(l)?i.onSubmit[l]=a[l]:mn.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.indexOf(ho.required)>-1}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}class Pn extends Yt{constructor(){super(...arguments),this.id=He(),this.focused=!1,this.pristine=!0}setValue(t){if(this.preventativeErrors=[],this.validators&&this.validators.length>0){const n=bo(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 Pn{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 vo(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 Ni extends qt{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class Ii extends qt{inferMembers(t){this.fields=t.map((n,o)=>this.inferSpsControl(n,String(o)))}}function vo(e,t,n){return e instanceof Yt?(e.path=t,e.update=n,e):Array.isArray(e)?new Ii(e,t,n):yi(e)?new Ni(e,t,n):new Pn(t,n)}function Bn(e,t){return t.length===0||!e?e:Bn(e.fields[t[0]],t.slice(1,t.length))}function Lr(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,...Lr(s,t)],[])}return Lr(e.fields[n],t)}function _r(e,t,n){for(const o of Object.keys(t)){const a=t[o];for(const s of Lr(e,o.split(".")))s&&a&&n(s,a)}}function yo(e,t,n,o=!1,a=!1){_r(t,n,(s,i)=>{s.validators=typeof i=="function"?i(e):i,o&&s.validate(S.getPath(e,s.path),void 0,a)})}function Or(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((o,a)=>a===Number(n)?Or(o,t):o):yi(e)?Object.keys(e).reduce((o,a)=>Object.assign(o,{[a]:a===n?Or(e[a],t):e[a]}),{}):e}function Jm(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function xi(e,t={}){Jm(e);const[,n]=E.useState({}),o=E.useRef(!1);o.current=!1;const a=E.useRef(t),s=E.useCallback(p=>{const f=m.current;let g;if(p)if(p.path)if(p.markAsBlurred){const h=Bn(f.formMeta,p.path);if(h){h.focused=!1;const y=S.getPath(f.formValue,p.path);h.validate(y,Ct.ON_BLUR)}}else if(p.newValidators){if(a.current){const h=p.path.join(".");a.current={...a.current,[h]:p.newValidators},yo(f.formValue,f.formMeta,a.current,!0)}}else if(p.markAsSubmitted){const h=Bn(f.formMeta,p.path);if(h){h.submitted=!0;const y=S.getPath(f.formValue,p.path);h.validate(y,Ct.ON_SUBMIT)}}else g=Or(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},yo(f.formValue,f.formMeta,a.current,p.updateFormOptions?.runValidators??!0)),g){f.formMeta.submitted=!1,S.deepFreeze(g);const h=S.diff(f.formValue,g);for(const{type:v,key:b,parentPath:N,objects:[,w]}of h){const T=Bn(f.formMeta,N);if(typeof b!="symbol"&&T){let L;switch(v){case S.DiffChange.ADDITION:T.fields[b]=vo(w[b],[...N,b],l);break;case S.DiffChange.DELETION:Array.isArray(T.fields)?T.fields[b]=void 0:delete T.fields[b];break;case S.DiffChange.ALTERATION:L=vo(w[b],[...N,b],l),(L instanceof qt&&!(T.fields[b]instanceof qt)||!(L instanceof qt)&&T.fields[b]instanceof qt)&&(L.pristine=!1,T.fields[b]=L);break}}}const y=new Set;if(h.filter(v=>v.type===S.DiffChange.DELETION).reduce((v,b)=>(v.has(b.parentPath)||v.add(b.parentPath),v),y),Array.from(y).forEach(v=>{const b=Bn(f.formMeta,v);Array.isArray(b.fields)&&(b.fields=b.fields.filter(N=>N!==void 0))}),a.current){yo(g,f.formMeta,a.current);const v=new Set;t&&_r(f.formMeta,t,(b,N)=>{typeof N=="function"&&(b.validate(S.getPath(g,b.path)),v.add(b))});for(const{type:b,key:N,parentPath:w,objects:[,T]}of h)if(typeof N!="symbol"){let L=f.formMeta,R=g;if(L){for(const _ of w)L=L.fields[_],R=R[_],v.has(L)||L.validate(R,Ct.ON_CHANGE);if(b===S.DiffChange.ADDITION||b===S.DiffChange.ALTERATION){const _=L.fields[N];if(!v.has(_)&&(L.fields[N].validate(T[N],Ct.ON_CHANGE),b===S.DiffChange.ADDITION&&_.fields))for(const[P,A]of Object.entries(_.fields))A.validate(T[N][P],Ct.ON_CHANGE)}}}}}m.current={...f,formValue:g||f.formValue},o.current||n({})},[]),i=E.useCallback((p,f)=>{p||f?s({value:p,updateFormOptions:f}):s()},[s]),l=E.useCallback((p,f,g=!1,h,y=!1)=>{p?s({path:p,value:f,markAsBlurred:g,newValidators:h,markAsSubmitted:y}):i()},[s,i]),d=E.useMemo(()=>{S.deepFreeze(e);const p=vo(e,[],l);return t&&yo(e,p,t,!1,!0),p},[]),c=E.useCallback(()=>(m.current.formMeta.markAsDirty(),a.current&&_r(m.current.formMeta,a.current,(p,f)=>{(typeof f=="function"||Array.isArray(f))&&p.validate(S.getPath(m.current.formValue,p.path))}),m.current.formMeta.isValid()),[]),u=E.useCallback(()=>m.current.formValue,[]),m=E.useRef({formValue:e,formMeta:d,updateForm:i,validateForm:c,getCurrentFormValue:u});return m.current}const Le=r.forwardRef((e,t)=>{const{className:n,children:o,focusInputOnClick:a,formControl:s,formMeta:i,inputRef:l,onClick:d,...c}=e,u=r.useRef(),p=l||(t||u);function f(){p&&p!==t&&p.current&&p.current.focus()}function g(){p&&p!==t&&p.current&&i&&i instanceof Pn&&i.markAsFocused()}function h(){p&&p!==t&&p.current&&i&&i instanceof Pn&&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(b){a&&f(),d&&d(b)}return r.useEffect(()=>{function b(N){N.target.classList.contains("sps-form-control__clear-btn")&&N.preventDefault()}return document.addEventListener("mousedown",b),()=>{document.removeEventListener("mousedown",b)}},[]),r.createElement("div",{...c,className:y,ref:t,tabIndex:-1,onClick:v,onFocus:g,onBlur:h},o)});Object.assign(Le,{displayName:"SpsFormComponentWrapper"});const ki=e=>typeof e=="object"&&e!=null&&e.nodeType===1,Mi=(e,t)=>(!t||e!=="hidden")&&e!=="visible"&&e!=="clip",Eo=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){const n=getComputedStyle(e,null);return Mi(n.overflowY,t)||Mi(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},To=(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,Xm=e=>{const t=e.parentElement;return t??(e.getRootNode().host||null)},Li=(e,t)=>{var n,o,a,s;if(typeof document>"u")return[];const{scrollMode:i,block:l,inline:d,boundary:c,skipOverflowHiddenElements:u}=t,m=typeof c=="function"?c:B=>B!==c;if(!ki(e))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,f=[];let g=e;for(;ki(g)&&m(g);){if(g=Xm(g),g===p){f.push(g);break}g!=null&&g===document.body&&Eo(g)&&!Eo(document.documentElement)||g!=null&&Eo(g,u)&&f.push(g)}const h=(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:b}=window,{height:N,width:w,top:T,right:L,bottom:R,left:_}=e.getBoundingClientRect(),{top:P,right:A,bottom:U,left:X}=(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 H=l==="start"||l==="nearest"?T-P:l==="end"?R+U:T+N/2-P+U,C=d==="center"?_+w/2-X+A:d==="end"?L+A:_-X;const K=[];for(let B=0;B<f.length;B++){const M=f[B],{height:q,width:I,top:D,right:k,bottom:G,left:Z}=M.getBoundingClientRect();if(i==="if-needed"&&T>=0&&_>=0&&R<=y&&L<=h&&(M===p&&!Eo(M)||T>=D&&R<=G&&_>=Z&&L<=k))return K;const te=getComputedStyle(M),ne=parseInt(te.borderLeftWidth,10),V=parseInt(te.borderTopWidth,10),j=parseInt(te.borderRightWidth,10),J=parseInt(te.borderBottomWidth,10);let W=0,Q=0;const z="offsetWidth"in M?M.offsetWidth-M.clientWidth-ne-j:0,ee="offsetHeight"in M?M.offsetHeight-M.clientHeight-V-J:0,me="offsetWidth"in M?M.offsetWidth===0?0:I/M.offsetWidth:0,ue="offsetHeight"in M?M.offsetHeight===0?0:q/M.offsetHeight:0;if(p===M)W=l==="start"?H:l==="end"?H-y:l==="nearest"?To(b,b+y,y,V,J,b+H,b+H+N,N):H-y/2,Q=d==="start"?C:d==="center"?C-h/2:d==="end"?C-h:To(v,v+h,h,ne,j,v+C,v+C+w,w),W=Math.max(0,W+b),Q=Math.max(0,Q+v);else{W=l==="start"?H-D-V:l==="end"?H-G+J+ee:l==="nearest"?To(D,G,q,V,J+ee,H,H+N,N):H-(D+q/2)+ee/2,Q=d==="start"?C-Z-ne:d==="center"?C-(Z+I/2)+z/2:d==="end"?C-k+j+z:To(Z,k,I,ne,j+z,C,C+w,w);const{scrollLeft:ge,scrollTop:ze}=M;W=ue===0?0:Math.max(0,Math.min(ze+W/ue,M.scrollHeight-q/ue+ee)),Q=me===0?0:Math.max(0,Math.min(ge+Q/me,M.scrollWidth-I/me+z)),H+=ze-W,C+=ge-Q}K.push({el:M,top:W,left:Q})}return K},Zm=e=>e===!1?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&Object.keys(t).length!==0)(e)?e:{block:"start",inline:"nearest"};function wo(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(Li(e,t));const o=typeof t=="boolean"||t==null?void 0:t.behavior;for(const{el:a,top:s,left:i}of Li(e,Zm(t))){const l=s-n.top+n.bottom,d=i-n.left+n.right;a.scroll({top:l,left:d,behavior:o})}}const Pr=Object.freeze(Object.defineProperty({__proto__:null,default:wo},Symbol.toStringTag,{value:"Module"})),Qm={alt:"string",size:"SpinnerSize",title:"string"};function Br(e){const{alt:t,className:n,size:o=F.SpinnerSize.MEDIUM,"data-testid":a,title:s,unsafelyReplaceClassName:i,...l}=e,{t:d}=he.useWoodlandLanguage(),c=t||s||d("spinner.defaultAltText",{defaultValue:"Loading..."}),u=$(i||"sps-spinner",`sps-spinner--${o}`,n);return r.createElement("i",{className:u,"data-testid":a,title:c,...l})}Object.assign(Br,{props:Qm,displayName:"SpsSpinner"});const ef=60;function Co(e){return typeof e>"u"?"inherit":`${e}px`}function Rr(e){switch(e){case F.Position.TOP_LEFT:return F.Position.BOTTOM_LEFT;case F.Position.TOP_MIDDLE:return F.Position.BOTTOM_MIDDLE;case F.Position.TOP_RIGHT:return F.Position.BOTTOM_RIGHT;case F.Position.RIGHT_TOP:return F.Position.LEFT_TOP;case F.Position.RIGHT_MIDDLE:return F.Position.LEFT_MIDDLE;case F.Position.RIGHT_BOTTOM:return F.Position.LEFT_BOTTOM;case F.Position.BOTTOM_RIGHT:return F.Position.TOP_RIGHT;case F.Position.BOTTOM_MIDDLE:return F.Position.TOP_MIDDLE;case F.Position.BOTTOM_LEFT:return F.Position.TOP_LEFT;case F.Position.LEFT_BOTTOM:return F.Position.RIGHT_BOTTOM;case F.Position.LEFT_MIDDLE:return F.Position.RIGHT_MIDDLE;case F.Position.LEFT_TOP:return F.Position.RIGHT_TOP}}function tf(e,t,n,o,a,s,i,l){const d=i&&i.current,c=d?d.scrollTop:window.pageYOffset,u=l?0:c,m=d?d.scrollLeft:window.pageXOffset,p=l?0:m,[f,g]=e.split(" ");let h,y,v,b;switch(f){case"top":v=t.height-n.top-u-s[0];break;case"left":y=t.width-n.left-p-s[0];break;case"right":b=n.right+p-s[0];break;case"bottom":h=n.bottom+u-s[0];break;default:throw new Error(`Invalid position ${e}`)}switch(g){case"left":b=n.left+p+s[1];break;case"top":h=n.top+u+s[1];break;case"middle":f==="top"||f==="bottom"?b=n.left+p+n.width/2-a/2+s[1]:(f==="left"||f==="right")&&(h=n.top+u+n.height/2-o.height/2+s[1]);break;case"bottom":v=t.height-n.bottom-u+s[1];break;case"right":y=t.width-n.right-p+s[1];break;default:throw new Error(`Invalid position ${e}`)}return[h,y,v,b]}function Jt(e,t,n,{altPosition:o,setMinWidth:a=!1,setWidth:s=!1,parentElementRef:i,fixed:l=!1,offsets:d=[0,0]}){if(e.current&&t.current){const c=e.current.getBoundingClientRect(),u=t.current.getBoundingClientRect(),m=Math.max(document.documentElement.clientHeight,window.innerHeight||0),p=document.documentElement.getBoundingClientRect().width;let g=(i?.current??document.documentElement).getBoundingClientRect();l&&(g={x:0,y:0,width:p,height:m,top:0,left:0,bottom:m,right:p,toJSON(){return{width:p,height:m,top:0,left:0,bottom:m,right:p}}});const[h,y]=n.split(" ");let v=n;if(o&&(h==="top"&&u.top-c.height<ef||h==="right"&&u.right+c.width>p||h==="bottom"&&u.bottom+c.height>m||h==="left"&&u.left-c.width<0)&&(v=o),y==="left"&&u.left+c.width+(d?.[1]??0)>document.documentElement.getBoundingClientRect().right)switch(h){case"bottom":v=F.Position.BOTTOM_RIGHT;break;case"top":v=F.Position.TOP_RIGHT;break}const b=a?Math.max(u.width,c.width):c.width,N=s?u.width:b,[w,T,L,R]=tf(v,g,u,c,N,d,i,l),_={top:Co(w),right:Co(T),bottom:Co(L),left:Co(R)};return l&&(_.position="fixed",_.zIndex=F.ZStratum.BAR),a&&(_.minWidth=`${u.width}px`),s&&(_.width=`${u.width}px`),[_,v===o]}return[{},!1]}const rt=E.createContext(null);function gn(e,t=[]){const n=E.useContext(rt);return E.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 d of t)i.classList.add(d);s.appendChild(i)}return Ln.createPortal(o,i)},[n])}const Fr=["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 _i(e,t,n,o,a,s){const i=typeof e.options=="function"?e.options(t.value):e.options||[],l=i instanceof Promise,d=m=>m.replace(/([.?*+^$[\]\\(){}|-])/g,"");n({pending:l}),s.current=l?i:null;const c=l?await i||[]:i||[];if(l&&s.current!==i)return;let u=Array.from(c).filter(Boolean).map(m=>new F.SpsOptionListOption(m,typeof m=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&u.unshift(new F.SpsOptionListOption(null,{text:e.nullOption})),t.value&&!e.disableDefaultOptionsFiltering){const m=d(t.value);n({replacementPattern:new RegExp(`(${m})`,"ig")}),u=u.filter(p=>{const f=new RegExp(m,"i"),g=d(p.text);return e.filterByTextAndCaptionKey?f.test(g)||f.test(d(p.caption)):f.test(g)})}else n({replacementPattern:null});if(e.disabledOptions)for(const m of u)e.disabledOptions.includes(m.value)&&(m.disabled=!0);o(Object.freeze(u)),e.onOptionListChanged&&e.onOptionListChanged(u.length),a(u.some(m=>m.value&&!!m.value.icon)),n({pending:!1})}function nf(e,t,n){const[o,a]=r.useState(Object.freeze([])),[s,i]=r.useState(!1),l=r.useRef(null),d=r.useRef(e.options);(typeof e.options!="function"||e.disableOptionsMemoization)&&(d.current=e.options);const c=r.useMemo(()=>typeof d.current=="function"?S.debounce(_i,typeof e.searchDebounce<"u"?e.searchDebounce:500):_i,[d.current,e.disabledOptions]);return r.useEffect(()=>{c(e,t,n,a,i,l)},[d.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 of(e,t){return{...e,...t}}function Dt(e){return E.useReducer(of,e)}function rf({hideInlineSearch:e,showInlineSearch:t,options:n,onSearchChange:o,search:a="",searchPlaceholder:s,searchInputRef:i}){const{t:l}=he.useWoodlandLanguage(),d=s??l("select.searchPlaceholder",{defaultValue:"Search…"}),[c,u]=Dt({isAsync:typeof n=="function",pending:!1,value:a,replacementPattern:null}),m=r.useCallback(y=>{u({value:y.target.value}),o&&o(y)},[o]),p=r.useCallback(y=>{y.nativeEvent.stopImmediatePropagation(),y.stopPropagation()},[]),f=r.useCallback(y=>{y.nativeEvent.stopImmediatePropagation(),u({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(()=>{u({value:a})},[a]),[(c.isAsync||t)&&!e?r.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},r.createElement("div",{className:"sps-form-control"},!c.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:d,ref:i,value:c.value,onChange:m,onClick:p,onKeyDown:g}),c.value&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:f}))):r.createElement(r.Fragment,null),c,u]}const af=wo||Pr,sf=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"];function lf(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:d,zeroState:c,hideInlineSearch:u,showInlineSearch:m,onSearchChange:p,search:f,searchDebounce:g,searchPlaceholder:h,onSpecialActionSelect:y,attachTo:v,className:b,conformWidth:N,id:w,ignoreWidthStyles:T,isOpen:L,keepOpen:R,keyDown:_,nullOption:P,onOptionListChanged:A,onOptionSelected:U,onPositionFlip:X,onSelfToggle:H,optionRole:C,positionOverride:K,selectedOption:B,specialAction:M,unsafelyReplaceClassName:q,loading:I,filterByTextAndCaptionKey:D,maxHeightPx:k,maxHeightRem:G,disableOptionsMemoization:Z,disableDefaultOptionsFiltering:te,"data-testid":ne,typeaheadEvent:V,...j}=e,J=r.useMemo(()=>M?new F.SpsOptionListOption(M,{textKey:"label",captionKey:"caption"}):null,[M]),[W,Q]=r.useState(-1),[z,ee]=r.useState(L),me=t||r.useRef(null),ue=r.useRef(null),ge=r.useRef(null),ze=gn("sps-option-list-portal"),$e=r.useContext(rt),[Xe,nt]=K||[F.Position.BOTTOM_LEFT,F.Position.TOP_LEFT],[[mt,xe],ot]=r.useState([{},!1]),Ve=r.useRef(null),[ft,_e,oe]=rf({...e,searchInputRef:Ve}),[de,je]=nf(e,_e,oe);r.useEffect(()=>{V&&Ye(V)},[V]),r.useEffect(()=>{ot(z?Jt(me,v,Xe,{altPosition:nt,setMinWidth:!T,setWidth:!T&&N,...$e}):[{},!1])},[z,Xe,nt,de]),r.useEffect(()=>{let se;return z&&(se=()=>{z&&ot(Jt(me,v,Xe,{altPosition:nt,setMinWidth:!T,setWidth:!T&&N,...$e}))},document.addEventListener("scroll",se)),()=>{se&&document.removeEventListener("scroll",se)}},[z]),r.useEffect(()=>{Q(-1)},[_e]);const mo=$(q||"sps-option-list","z-stratum-dropdown",z&&"sps-option-list--open",_e.isAsync&&"sps-option-list--searchable",xe&&"sps-option-list--opens-upward",M&&M.label&&"sps-option-list--has-special-action",b),Dr=$(q||"sps-option-list__options",i&&"sps-option-list__options--tall"),xt=r.useCallback(()=>{z||(ee(!0),Ve.current&&Ve.current.focus(),Q(-1),H&&H(!0))},[z,H]),jt=r.useCallback(()=>{z&&(ee(!1),Q(-1),H&&H(!1))},[z,H]),yt=r.useCallback((se,ce)=>{ce||se&&!se.disabled&&(typeof se.value=="function"?(se.value(),y&&y()):typeof U=="function"&&U(se.value),R||jt())},[U,jt]),fo=r.useCallback((se,ce,ke)=>{se.stopPropagation(),yt(ce,ke)},[yt]),ae=r.useRef(a||[]);ae.current=a||[];const we=r.useCallback(se=>{switch(se.key){case"Tab":case"Escape":jt();break;case"Enter":if(W>-1){const ce=de[W]||J;se.preventDefault();const ke=!!ce&&Oi(ae.current,o||"",ce);!ke&&ce&&typeof U=="function"&&typeof ce.value=="function"?ce.value():ce&&yt(ce,ke)}break;case"Up":case"ArrowUp":{let ce=W;xe?W<=-1?ce=de.length-1:W===0?M&&(ce=de.length):W<de.length&&(ce=W-1):W>-1&&(ce=W-1),ce!==W&&(se.preventDefault(),Q(ce));break}case"Down":case"ArrowDown":{xt();let ce=W;xe?W!==-1&&(W>=de.length?ce=0:W===de.length-1?ce=-1:ce=W+1):W<de.length-1+ +!!M&&(ce=W+1),ce!==W&&(se.preventDefault(),Q(ce));break}default:xt()}},[jt,xt,W,yt,U,xe,de]),Ke=r.useCallback(se=>{xt();const ce=de.findIndex(ke=>{if(ke.textKey){const Tt=ke.textKey;return ke.value[Tt].toLowerCase().charAt([0])===se.key.toLocaleLowerCase()}return ke.value.toString().toLowerCase().charAt([0])===se.key.toLocaleLowerCase()});ce>-1&&Q(ce)},[de]),Ye=r.useCallback(se=>{se&&(sf.includes(se.key)?we(se):Fr.includes(se.key)&&!u&&Ke(se))},[jt,xt,W,yt,U,xe,de]);r.useEffect(()=>{if($e!==null&&document.getElementsByClassName("sps-modal__body").length>0){const se=()=>{H&&H(!1)},ce=document.getElementsByClassName("sps-modal__body")[0];return ce.addEventListener("scroll",se),()=>{ce.removeEventListener("scroll",se)}}},[]),r.useEffect(()=>{z&&ge.current&&af(ge.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[W,z]),r.useEffect(()=>{ee(L),L?Ve.current&&Ve.current.focus():Q(-1)},[L]),r.useEffect(()=>{_&&Ye(_)},[_]),r.useEffect(()=>{!z&&ue.current&&(p&&_e.value&&p(new Lt({value:""})),oe({value:""}),ue.current.scrollTop=0),z&&X&&X(xe)},[z]);const Ie=k?k/16:G,Et=Ie?{maxHeight:`${Ie}rem`}:{};function kt(se,ce){return ce?r.createElement(r.Fragment,null,se.split(ce).map((ke,Tt)=>ce.test(ke)?r.createElement("u",{key:Tt},ke):r.createElement(r.Fragment,{key:Tt},ke))):r.createElement(r.Fragment,null,se)}return ze(r.createElement("div",{className:mo,id:w,"aria-activedescendant":W>-1?`${w}-option-${W}`:"",tabIndex:-1,ref:me,style:mt,onMouseLeave:()=>Q(-1),"data-testid":ne,...j},ft,r.createElement("div",{className:Dr,ref:ue,"data-testid":`${ne}-options`,style:Et},!I&&!_e.pending&&c&&de.length===0&&r.createElement("div",{className:"sps-option-list__zero-state"},c),(I||_e.pending)&&r.createElement("div",{className:"sps-option-list__loading"},r.createElement(Br,null)),!I&&!_e.pending&&de.map((se,ce)=>{const ke=`${w}-option-${ce}`,Tt=lf(se.value,B,o),Nm=Oi(ae.current,o||"",se);return r.createElement("a",{key:ke,id:ke,role:C,"aria-selected":Tt,href:se.href,className:$("sps-option-list__option",se.caption&&"sps-option-list__option--has-caption",se.disabled&&"sps-option-list__option--disabled",se.bold&&"sps-option-list__option--bold",(Tt||Nm)&&"sps-option-list__option--selected",W===ce&&"sps-option-list__option--highlighted"),onClick:GC=>fo(GC,se,Nm),onMouseOver:()=>Q(ce),tabIndex:-1,ref:W===ce?ge:null,"data-testid":`${ne}-option-${ce}`},se.value&&se.value.icon&&r.createElement("i",{className:$("sps-icon","sps-option-list__option-icon",`sps-icon-${String(se.value.icon)}`)}),(!se.value||!se.value.icon&&je)&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,kt(se.text,_e.replacementPattern)),se.caption&&r.createElement("div",{className:"sps-option-list__option-caption"},r.createElement("span",null,kt(se.caption,_e.replacementPattern))))})),J&&M?.label&&r.createElement("a",{className:$("sps-option-list__option","sps-option-list__special-action",W===de.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:se=>fo(se,J),onMouseOver:()=>Q(de.length),"data-testid":`${ne}-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 cf(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 Pi=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(Pi,{elements:t.slice(1)},e))},Bi=function({children:e,providers:t=[],...n}){return r.createElement("div",{...n},r.createElement(Pi,{elements:t},e))},df=function({children:e,className:t,...n}){return r.createElement(Bi,{className:`sps-app ${t}`,...n},e)};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{type:d,props:c={}}of o[l])if(s.type===d&&Object.keys(c).every(m=>c[m]===s.props[m])){i=!0,a[l].push(s);break}i||a[a.length-1].push(s)}return a}function Ri(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 Ar(e,t){const n=E.useRef(!1);E.useEffect(()=>()=>{n.current=!1},[]),E.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function $r(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 Fi(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((d=!1)=>{s(!1),o.current=d,n&&n()},[]);return $r("mousedown",Fi,[e,t,l]),$r("pointerdown",Fi,[e,t,l]),{showPopup:a,doShowPopup:i,doHidePopup:l}}const Ai=e=>{const t=/(auto|scroll)/,n=(l,d)=>l.parentNode===null?d:n(l.parentNode,d.concat([l])),o=(l,d)=>getComputedStyle(l,null).getPropertyValue(d),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 d=n(l.parentNode,[]);for(let c=0;c<d.length;c+=1)if(s(d[c]))return d[c];return null})(e)};let Vr=0;function Fn({isOpen:e,rootRef:t}){r.useLayoutEffect(()=>{let n,o,a;if(e&&t.current){Vr+=1,n=Ai(t.current)||document.body,o=n===document.body?window.innerWidth-document.documentElement.clientWidth:n.offsetWidth-n.clientWidth,n.style.overflow="hidden";const s=window.getComputedStyle(n).paddingRight;if(n.style.paddingRight=s&&s!=="0px"?`calc(${s} + ${o}px)`:`${o}px`,n===document.body){if(a=document.getElementsByClassName("sps-navbar-container").item(0),a&&window.getComputedStyle(a).position==="fixed"){const i=window.getComputedStyle(a).paddingRight;a.style.paddingRight=i&&i!=="0px"?`calc(${i} + ${o}px)`:`${o}px`}else if(a=document.getElementsByTagName("nav").item(0)?.parentElement,a&&window.getComputedStyle(a).position==="fixed"){const l=window.getComputedStyle(a).paddingRight;a.style.paddingRight=l&&l!=="0px"?`calc(${l} + ${o}px)`:`${o}px`}}}return()=>{n&&(Vr-=1,Vr===0&&(n.style.overflow=null,n.style.paddingRight=null,a&&(a.style.paddingRight=null)))}},[e])}const pf={debounce:"number",disabled:"boolean",conformWidth:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",onChange:"React.ChangeEventHandler",onSelectionChange:"(newValue: string) => void",placeholder:"string",suggestions:{type:`
1
+ (function(x,E){typeof exports=="object"&&typeof module<"u"?E(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/tabs"),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/tabs","@sps-woodland/illustrations"],E):(x=typeof globalThis<"u"?globalThis:x||self,E(x.DSReact={},x.React,x.utils,x.moment$3,x.dsShared,x.i18n,x.ReactDOM,x.dsColors,x.tabs,x.illustrations))})(this,(function(x,E,S,Me,F,he,Ln,Nr,Im,gi){"use strict";function hi(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=hi(E),un=hi(Me);function bi(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=bi(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=bi(e))&&(o&&(o+=" "),o+=t);return o}const xm="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let We=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=xm[n[e]&63];return t};function Rt(e){return E.useRef(e||We())}function Ge(e,t){const n=Rt(e),o=E.useRef(`${n.current}_ctrl`);return E.useEffect(()=>{t&&(t.id=o.current,t.update())},[t]),{wrapperId:n.current||void 0,controlId:o.current}}function Ir(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var xr,vi;function km(){if(vi)return xr;vi=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),d=a.toString,c=n(Object.getPrototypeOf,Object);function u(p){return!!p&&typeof p=="object"}function m(p){if(!u(p)||d.call(p)!=e||t(p))return!1;var f=c(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 xr=m,xr}var Mm=km();const yi=Ir(Mm),Ze=new Set,mn=new Set,wt=new Set,So=new Set;function Ei(e){Ze.has(e)||wt.has(e)||So.has(e)||mn.add(e)}function Ti(e){Ze.has(e)||wt.has(e)||mn.has(e)||So.add(e)}const Fe=un.default||un,fn="MM/DD/YYYY",Lm="MM/DD/YYYY hh:mm A",_m="MM/DD/YYYY HH:mm",Pm="hh:mm A",Om="HH:mm",Bm=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,_n=Symbol("Date Parse Error");function Sn(e){return Fe.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=Fe(e,t,!0);if(n.isValid())return Object.freeze({year:n.year(),month:n.month()+1,date:n.date()})}else{const n=Bm.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=Fe(e,t,!0):n=Fe(e):Fe.isMoment(e)?n=e:n=j.toMoment(e),n!==null&&Fe.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?Fe.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?Fe.isMoment(e)?e:Fe({...e,month:e.month-1}):null},toString(e,t){const n=j.toMoment(e);return n&&n.isValid()?n.format(t||fn):""},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&&Fe.isMoment(e)&&e.isValid()?n?t?e.format(`${n} ${Om}`):e.format(`${n} ${Pm}`):t?e.format(_m):e.format(Lm):""},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:Sn(e)>Sn(t)},isBefore(e,t){return!e||!t?null:Sn(e)<Sn(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const o=Sn(e),[a,s]=t.map(Sn);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=Fe(),o=n.clone().subtract(Fe.duration(e.definition));return[j.createFrom(o,t),j.createFrom(n,t)]},createDateTimeRangeFromPreset(e){if(typeof e.definition=="function")return e.definition();const t=Fe().subtract(Fe.duration(e.definition)).startOf("day"),n=Fe().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&&Fe.isMoment(e)&&e.isValid()?j.toDateTimeString(e,t,n).split(" "):["",a,t?void 0:s]},getCurrentMoment(){return Fe()},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}`}}}),kr=["01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00"],Mr=["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 go=fn;function wi(e){go=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:go};if(!j.isValid(t))return{dateValidity:!0}}return null};Ze.add("dateFormat"),Ze.add("dateValidity");const Ci=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 Di=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,go):null,maxExceeded:i?j.toString(n,go):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 Rm=Object.freeze(Object.defineProperty({__proto__:null,date:Pn,dateConstraint:Di,dateRange:Ci,setDateFormat:wi},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 Fm=function(t){function n(o){return Number(o)>=t?null:{min:t}}return o=>Mt(o,n)};Ze.add("min");const Am=function(t){function n(o){return Number(o)<=t?null:{max:t}}return o=>Mt(o,n)};mn.add("max");const $m=function(t){return typeof t>"u"||t===null||t===""||Number.isNaN(t)||t?.length===0?{required:!0}:null};mn.add("required");const Vm=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 Km=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 Hm=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 Wm=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 Gm=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 Um=function(e){function t(n){return new RegExp("^\\p{L}*$","u").test(n)?null:{alpha:!0}}return Mt(e,t)};wt.add("alpha");const zm=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 Ym=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return Mt(e,t)};wt.add("nonNumeric");const ho=Object.freeze({...Rm,min:Fm,max:Am,required:$m,minLength:Vm,minLengthArray:Km,maxLength:Hm,maxLengthArray:Wm,pattern:Gm,alpha:Um,numeric:zm,nonNumeric:Ym,positiveOrNegativeNumber:jm,OnBlurErrorKeys:Ze});function bo(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 qm(e,t={},n=[]){for(const[o,a]of Object.entries(t))a===0?Ei(o):a===2&&Ti(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=bo(t,this.validators);let s={onSubmit:{},onChange:{},onBlur:{}};a&&(s=Object.keys(a).reduce((i,l)=>(So.has(l)?i.onSubmit[l]=a[l]:mn.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.indexOf(ho.required)>-1}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}class On 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=bo(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 On{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 vo(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 Ni extends qt{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class Ii extends qt{inferMembers(t){this.fields=t.map((n,o)=>this.inferSpsControl(n,String(o)))}}function vo(e,t,n){return e instanceof Yt?(e.path=t,e.update=n,e):Array.isArray(e)?new Ii(e,t,n):yi(e)?new Ni(e,t,n):new On(t,n)}function Bn(e,t){return t.length===0||!e?e:Bn(e.fields[t[0]],t.slice(1,t.length))}function Lr(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,...Lr(s,t)],[])}return Lr(e.fields[n],t)}function _r(e,t,n){for(const o of Object.keys(t)){const a=t[o];for(const s of Lr(e,o.split(".")))s&&a&&n(s,a)}}function yo(e,t,n,o=!1,a=!1){_r(t,n,(s,i)=>{s.validators=typeof i=="function"?i(e):i,o&&s.validate(S.getPath(e,s.path),void 0,a)})}function Pr(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((o,a)=>a===Number(n)?Pr(o,t):o):yi(e)?Object.keys(e).reduce((o,a)=>Object.assign(o,{[a]:a===n?Pr(e[a],t):e[a]}),{}):e}function Jm(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function xi(e,t={}){Jm(e);const[,n]=E.useState({}),o=E.useRef(!1);o.current=!1;const a=E.useRef(t),s=E.useCallback(p=>{const f=m.current;let g;if(p)if(p.path)if(p.markAsBlurred){const b=Bn(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},yo(f.formValue,f.formMeta,a.current,!0)}}else if(p.markAsSubmitted){const b=Bn(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=Pr(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},yo(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:N,objects:[,w]}of b){const T=Bn(f.formMeta,N);if(typeof h!="symbol"&&T){let L;switch(v){case S.DiffChange.ADDITION:T.fields[h]=vo(w[h],[...N,h],l);break;case S.DiffChange.DELETION:Array.isArray(T.fields)?T.fields[h]=void 0:delete T.fields[h];break;case S.DiffChange.ALTERATION:L=vo(w[h],[...N,h],l),(L instanceof qt&&!(T.fields[h]instanceof qt)||!(L instanceof qt)&&T.fields[h]instanceof qt)&&(L.pristine=!1,T.fields[h]=L);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=Bn(f.formMeta,v);Array.isArray(h.fields)&&(h.fields=h.fields.filter(N=>N!==void 0))}),a.current){yo(g,f.formMeta,a.current);const v=new Set;t&&_r(f.formMeta,t,(h,N)=>{typeof N=="function"&&(h.validate(S.getPath(g,h.path)),v.add(h))});for(const{type:h,key:N,parentPath:w,objects:[,T]}of b)if(typeof N!="symbol"){let L=f.formMeta,R=g;if(L){for(const _ of w)L=L.fields[_],R=R[_],v.has(L)||L.validate(R,Ct.ON_CHANGE);if(h===S.DiffChange.ADDITION||h===S.DiffChange.ALTERATION){const _=L.fields[N];if(!v.has(_)&&(L.fields[N].validate(T[N],Ct.ON_CHANGE),h===S.DiffChange.ADDITION&&_.fields))for(const[O,A]of Object.entries(_.fields))A.validate(T[N][O],Ct.ON_CHANGE)}}}}}m.current={...f,formValue:g||f.formValue},o.current||n({})},[]),i=E.useCallback((p,f)=>{p||f?s({value:p,updateFormOptions:f}):s()},[s]),l=E.useCallback((p,f,g=!1,b,y=!1)=>{p?s({path:p,value:f,markAsBlurred:g,newValidators:b,markAsSubmitted:y}):i()},[s,i]),d=E.useMemo(()=>{S.deepFreeze(e);const p=vo(e,[],l);return t&&yo(e,p,t,!1,!0),p},[]),c=E.useCallback(()=>(m.current.formMeta.markAsDirty(),a.current&&_r(m.current.formMeta,a.current,(p,f)=>{(typeof f=="function"||Array.isArray(f))&&p.validate(S.getPath(m.current.formValue,p.path))}),m.current.formMeta.isValid()),[]),u=E.useCallback(()=>m.current.formValue,[]),m=E.useRef({formValue:e,formMeta:d,updateForm:i,validateForm:c,getCurrentFormValue:u});return m.current}const Le=r.forwardRef((e,t)=>{const{className:n,children:o,focusInputOnClick:a,formControl:s,formMeta:i,inputRef:l,onClick:d,...c}=e,u=r.useRef(),p=l||(t||u);function f(){p&&p!==t&&p.current&&p.current.focus()}function g(){p&&p!==t&&p.current&&i&&i instanceof On&&i.markAsFocused()}function b(){p&&p!==t&&p.current&&i&&i instanceof On&&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(),d&&d(h)}return r.useEffect(()=>{function h(N){N.target.classList.contains("sps-form-control__clear-btn")&&N.preventDefault()}return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[]),r.createElement("div",{...c,className:y,ref:t,tabIndex:-1,onClick:v,onFocus:g,onBlur:b},o)});Object.assign(Le,{displayName:"SpsFormComponentWrapper"});const ki=e=>typeof e=="object"&&e!=null&&e.nodeType===1,Mi=(e,t)=>(!t||e!=="hidden")&&e!=="visible"&&e!=="clip",Eo=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){const n=getComputedStyle(e,null);return Mi(n.overflowY,t)||Mi(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},To=(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,Xm=e=>{const t=e.parentElement;return t??(e.getRootNode().host||null)},Li=(e,t)=>{var n,o,a,s;if(typeof document>"u")return[];const{scrollMode:i,block:l,inline:d,boundary:c,skipOverflowHiddenElements:u}=t,m=typeof c=="function"?c:B=>B!==c;if(!ki(e))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,f=[];let g=e;for(;ki(g)&&m(g);){if(g=Xm(g),g===p){f.push(g);break}g!=null&&g===document.body&&Eo(g)&&!Eo(document.documentElement)||g!=null&&Eo(g,u)&&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:N,width:w,top:T,right:L,bottom:R,left:_}=e.getBoundingClientRect(),{top:O,right:A,bottom:U,left:X}=(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"?T-O:l==="end"?R+U:T+N/2-O+U,C=d==="center"?_+w/2-X+A:d==="end"?L+A:_-X;const V=[];for(let B=0;B<f.length;B++){const M=f[B],{height:J,width:I,top:D,right:k,bottom:G,left:Z}=M.getBoundingClientRect();if(i==="if-needed"&&T>=0&&_>=0&&R<=y&&L<=b&&(M===p&&!Eo(M)||T>=D&&R<=G&&_>=Z&&L<=k))return V;const ne=getComputedStyle(M),te=parseInt(ne.borderLeftWidth,10),H=parseInt(ne.borderTopWidth,10),q=parseInt(ne.borderRightWidth,10),Y=parseInt(ne.borderBottomWidth,10);let W=0,ee=0;const z="offsetWidth"in M?M.offsetWidth-M.clientWidth-te-q:0,Q="offsetHeight"in M?M.offsetHeight-M.clientHeight-H-Y:0,fe="offsetWidth"in M?M.offsetWidth===0?0:I/M.offsetWidth:0,se="offsetHeight"in M?M.offsetHeight===0?0:J/M.offsetHeight:0;if(p===M)W=l==="start"?K:l==="end"?K-y:l==="nearest"?To(h,h+y,y,H,Y,h+K,h+K+N,N):K-y/2,ee=d==="start"?C:d==="center"?C-b/2:d==="end"?C-b:To(v,v+b,b,te,q,v+C,v+C+w,w),W=Math.max(0,W+h),ee=Math.max(0,ee+v);else{W=l==="start"?K-D-H:l==="end"?K-G+Y+Q:l==="nearest"?To(D,G,J,H,Y+Q,K,K+N,N):K-(D+J/2)+Q/2,ee=d==="start"?C-Z-te:d==="center"?C-(Z+I/2)+z/2:d==="end"?C-k+q+z:To(Z,k,I,te,q+z,C,C+w,w);const{scrollLeft:pe,scrollTop:He}=M;W=se===0?0:Math.max(0,Math.min(He+W/se,M.scrollHeight-J/se+Q)),ee=fe===0?0:Math.max(0,Math.min(pe+ee/fe,M.scrollWidth-I/fe+z)),K+=He-W,C+=pe-ee}V.push({el:M,top:W,left:ee})}return V},Zm=e=>e===!1?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&Object.keys(t).length!==0)(e)?e:{block:"start",inline:"nearest"};function wo(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(Li(e,t));const o=typeof t=="boolean"||t==null?void 0:t.behavior;for(const{el:a,top:s,left:i}of Li(e,Zm(t))){const l=s-n.top+n.bottom,d=i-n.left+n.right;a.scroll({top:l,left:d,behavior:o})}}const Or=Object.freeze(Object.defineProperty({__proto__:null,default:wo},Symbol.toStringTag,{value:"Module"})),Qm={alt:"string",size:"SpinnerSize",title:"string"};function Br(e){const{alt:t,className:n,size:o=F.SpinnerSize.MEDIUM,"data-testid":a,title:s,unsafelyReplaceClassName:i,...l}=e,{t:d}=he.useWoodlandLanguage(),c=t||s||d("spinner.defaultAltText",{defaultValue:"Loading..."}),u=$(i||"sps-spinner",`sps-spinner--${o}`,n);return r.createElement("i",{className:u,"data-testid":a,title:c,...l})}Object.assign(Br,{props:Qm,displayName:"SpsSpinner"});const ef=60;function Co(e){return typeof e>"u"?"inherit":`${e}px`}function Rr(e){switch(e){case F.Position.TOP_LEFT:return F.Position.BOTTOM_LEFT;case F.Position.TOP_MIDDLE:return F.Position.BOTTOM_MIDDLE;case F.Position.TOP_RIGHT:return F.Position.BOTTOM_RIGHT;case F.Position.RIGHT_TOP:return F.Position.LEFT_TOP;case F.Position.RIGHT_MIDDLE:return F.Position.LEFT_MIDDLE;case F.Position.RIGHT_BOTTOM:return F.Position.LEFT_BOTTOM;case F.Position.BOTTOM_RIGHT:return F.Position.TOP_RIGHT;case F.Position.BOTTOM_MIDDLE:return F.Position.TOP_MIDDLE;case F.Position.BOTTOM_LEFT:return F.Position.TOP_LEFT;case F.Position.LEFT_BOTTOM:return F.Position.RIGHT_BOTTOM;case F.Position.LEFT_MIDDLE:return F.Position.RIGHT_MIDDLE;case F.Position.LEFT_TOP:return F.Position.RIGHT_TOP}}function tf(e,t,n,o,a,s,i,l){const d=i&&i.current,c=d?d.scrollTop:window.pageYOffset,u=l?0:c,m=d?d.scrollLeft:window.pageXOffset,p=l?0:m,[f,g]=e.split(" ");let b,y,v,h;switch(f){case"top":v=t.height-n.top-u-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+u-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+u+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+u+n.height/2-o.height/2+s[1]);break;case"bottom":v=t.height-n.bottom-u+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 Jt(e,t,n,{altPosition:o,setMinWidth:a=!1,setWidth:s=!1,parentElementRef:i,fixed:l=!1,offsets:d=[0,0]}){if(e.current&&t.current){const c=e.current.getBoundingClientRect(),u=t.current.getBoundingClientRect(),m=Math.max(document.documentElement.clientHeight,window.innerHeight||0),p=document.documentElement.getBoundingClientRect().width;let g=(i?.current??document.documentElement).getBoundingClientRect();l&&(g={x:0,y:0,width:p,height:m,top:0,left:0,bottom:m,right:p,toJSON(){return{width:p,height:m,top:0,left:0,bottom:m,right:p}}});const[b,y]=n.split(" ");let v=n;if(o&&(b==="top"&&u.top-c.height<ef||b==="right"&&u.right+c.width>p||b==="bottom"&&u.bottom+c.height>m||b==="left"&&u.left-c.width<0)&&(v=o),y==="left"&&u.left+c.width+(d?.[1]??0)>document.documentElement.getBoundingClientRect().right)switch(b){case"bottom":v=F.Position.BOTTOM_RIGHT;break;case"top":v=F.Position.TOP_RIGHT;break}const h=a?Math.max(u.width,c.width):c.width,N=s?u.width:h,[w,T,L,R]=tf(v,g,u,c,N,d,i,l),_={top:Co(w),right:Co(T),bottom:Co(L),left:Co(R)};return l&&(_.position="fixed",_.zIndex=F.ZStratum.BAR),a&&(_.minWidth=`${u.width}px`),s&&(_.width=`${u.width}px`),[_,v===o]}return[{},!1]}const rt=E.createContext(null);function gn(e,t=[]){const n=E.useContext(rt);return E.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 d of t)i.classList.add(d);s.appendChild(i)}return Ln.createPortal(o,i)},[n])}const Fr=["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 _i(e,t,n,o,a,s){const i=typeof e.options=="function"?e.options(t.value):e.options||[],l=i instanceof Promise,d=m=>m.replace(/([.?*+^$[\]\\(){}|-])/g,"");n({pending:l}),s.current=l?i:null;const c=l?await i||[]:i||[];if(l&&s.current!==i)return;let u=Array.from(c).filter(Boolean).map(m=>new F.SpsOptionListOption(m,typeof m=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&u.unshift(new F.SpsOptionListOption(null,{text:e.nullOption})),t.value&&!e.disableDefaultOptionsFiltering){const m=d(t.value);n({replacementPattern:new RegExp(`(${m})`,"ig")}),u=u.filter(p=>{const f=new RegExp(m,"i"),g=d(p.text);return e.filterByTextAndCaptionKey?f.test(g)||f.test(d(p.caption)):f.test(g)})}else n({replacementPattern:null});if(e.disabledOptions)for(const m of u)e.disabledOptions.includes(m.value)&&(m.disabled=!0);o(Object.freeze(u)),e.onOptionListChanged&&e.onOptionListChanged(u.length),a(u.some(m=>m.value&&!!m.value.icon)),n({pending:!1})}function nf(e,t,n){const[o,a]=r.useState(Object.freeze([])),[s,i]=r.useState(!1),l=r.useRef(null),d=r.useRef(e.options);(typeof e.options!="function"||e.disableOptionsMemoization)&&(d.current=e.options);const c=r.useMemo(()=>typeof d.current=="function"?S.debounce(_i,typeof e.searchDebounce<"u"?e.searchDebounce:500):_i,[d.current,e.disabledOptions]);return r.useEffect(()=>{c(e,t,n,a,i,l)},[d.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 of(e,t){return{...e,...t}}function Dt(e){return E.useReducer(of,e)}function rf({hideInlineSearch:e,showInlineSearch:t,options:n,onSearchChange:o,search:a="",searchPlaceholder:s,searchInputRef:i}){const{t:l}=he.useWoodlandLanguage(),d=s??l("select.searchPlaceholder",{defaultValue:"Search…"}),[c,u]=Dt({isAsync:typeof n=="function",pending:!1,value:a,replacementPattern:null}),m=r.useCallback(y=>{u({value:y.target.value}),o&&o(y)},[o]),p=r.useCallback(y=>{y.nativeEvent.stopImmediatePropagation(),y.stopPropagation()},[]),f=r.useCallback(y=>{y.nativeEvent.stopImmediatePropagation(),u({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(()=>{u({value:a})},[a]),[(c.isAsync||t)&&!e?r.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},r.createElement("div",{className:"sps-form-control"},!c.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:d,ref:i,value:c.value,onChange:m,onClick:p,onKeyDown:g}),c.value&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:f}))):r.createElement(r.Fragment,null),c,u]}const af=wo||Or,sf=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"];function lf(e,t,n){return n?(e&&e[n])===(t&&t[n]):e===t}function Pi(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:d,zeroState:c,hideInlineSearch:u,showInlineSearch:m,onSearchChange:p,search:f,searchDebounce:g,searchPlaceholder:b,onSpecialActionSelect:y,attachTo:v,className:h,conformWidth:N,id:w,ignoreWidthStyles:T,isOpen:L,keepOpen:R,keyDown:_,nullOption:O,onOptionListChanged:A,onOptionSelected:U,onPositionFlip:X,onSelfToggle:K,optionRole:C,positionOverride:V,selectedOption:B,specialAction:M,unsafelyReplaceClassName:J,loading:I,filterByTextAndCaptionKey:D,maxHeightPx:k,maxHeightRem:G,disableOptionsMemoization:Z,disableDefaultOptionsFiltering:ne,"data-testid":te,typeaheadEvent:H,...q}=e,Y=r.useMemo(()=>M?new F.SpsOptionListOption(M,{textKey:"label",captionKey:"caption"}):null,[M]),[W,ee]=r.useState(-1),[z,Q]=r.useState(L),fe=t||r.useRef(null),se=r.useRef(null),pe=r.useRef(null),He=gn("sps-option-list-portal"),$e=r.useContext(rt),[Xe,nt]=V||[F.Position.BOTTOM_LEFT,F.Position.TOP_LEFT],[[mt,xe],ot]=r.useState([{},!1]),Ve=r.useRef(null),[ft,_e,oe]=rf({...e,searchInputRef:Ve}),[ue,je]=nf(e,_e,oe);r.useEffect(()=>{H&&Ye(H)},[H]),r.useEffect(()=>{ot(z?Jt(fe,v,Xe,{altPosition:nt,setMinWidth:!T,setWidth:!T&&N,...$e}):[{},!1])},[z,Xe,nt,ue]),r.useEffect(()=>{let ie;return z&&(ie=()=>{z&&ot(Jt(fe,v,Xe,{altPosition:nt,setMinWidth:!T,setWidth:!T&&N,...$e}))},document.addEventListener("scroll",ie)),()=>{ie&&document.removeEventListener("scroll",ie)}},[z]),r.useEffect(()=>{ee(-1)},[_e]);const mo=$(J||"sps-option-list","z-stratum-dropdown",z&&"sps-option-list--open",_e.isAsync&&"sps-option-list--searchable",xe&&"sps-option-list--opens-upward",M&&M.label&&"sps-option-list--has-special-action",h),Dr=$(J||"sps-option-list__options",i&&"sps-option-list__options--tall"),xt=r.useCallback(()=>{z||(Q(!0),Ve.current&&Ve.current.focus(),ee(-1),K&&K(!0))},[z,K]),jt=r.useCallback(()=>{z&&(Q(!1),ee(-1),K&&K(!1))},[z,K]),yt=r.useCallback((ie,de)=>{de||ie&&!ie.disabled&&(typeof ie.value=="function"?(ie.value(),y&&y()):typeof U=="function"&&U(ie.value),R||jt())},[U,jt]),fo=r.useCallback((ie,de,ke)=>{ie.stopPropagation(),yt(de,ke)},[yt]),ae=r.useRef(a||[]);ae.current=a||[];const we=r.useCallback(ie=>{switch(ie.key){case"Tab":case"Escape":jt();break;case"Enter":if(W>-1){const de=ue[W]||Y;ie.preventDefault();const ke=!!de&&Pi(ae.current,o||"",de);!ke&&de&&typeof U=="function"&&typeof de.value=="function"?de.value():de&&yt(de,ke)}break;case"Up":case"ArrowUp":{let de=W;xe?W<=-1?de=ue.length-1:W===0?M&&(de=ue.length):W<ue.length&&(de=W-1):W>-1&&(de=W-1),de!==W&&(ie.preventDefault(),ee(de));break}case"Down":case"ArrowDown":{xt();let de=W;xe?W!==-1&&(W>=ue.length?de=0:W===ue.length-1?de=-1:de=W+1):W<ue.length-1+ +!!M&&(de=W+1),de!==W&&(ie.preventDefault(),ee(de));break}default:xt()}},[jt,xt,W,yt,U,xe,ue]),Ke=r.useCallback(ie=>{xt();const de=ue.findIndex(ke=>{if(ke.textKey){const Tt=ke.textKey;return ke.value[Tt].toLowerCase().charAt([0])===ie.key.toLocaleLowerCase()}return ke.value.toString().toLowerCase().charAt([0])===ie.key.toLocaleLowerCase()});de>-1&&ee(de)},[ue]),Ye=r.useCallback(ie=>{ie&&(sf.includes(ie.key)?we(ie):Fr.includes(ie.key)&&!u&&Ke(ie))},[jt,xt,W,yt,U,xe,ue]);r.useEffect(()=>{if($e!==null&&document.getElementsByClassName("sps-modal__body").length>0){const ie=()=>{K&&K(!1)},de=document.getElementsByClassName("sps-modal__body")[0];return de.addEventListener("scroll",ie),()=>{de.removeEventListener("scroll",ie)}}},[]),r.useEffect(()=>{z&&pe.current&&af(pe.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[W,z]),r.useEffect(()=>{Q(L),L?Ve.current&&Ve.current.focus():ee(-1)},[L]),r.useEffect(()=>{_&&Ye(_)},[_]),r.useEffect(()=>{!z&&se.current&&(p&&_e.value&&p(new Lt({value:""})),oe({value:""}),se.current.scrollTop=0),z&&X&&X(xe)},[z]);const Ie=k?k/16:G,Et=Ie?{maxHeight:`${Ie}rem`}:{};function kt(ie,de){return de?r.createElement(r.Fragment,null,ie.split(de).map((ke,Tt)=>de.test(ke)?r.createElement("u",{key:Tt},ke):r.createElement(r.Fragment,{key:Tt},ke))):r.createElement(r.Fragment,null,ie)}return He(r.createElement("div",{className:mo,id:w,"aria-activedescendant":W>-1?`${w}-option-${W}`:"",tabIndex:-1,ref:fe,style:mt,onMouseLeave:()=>ee(-1),"data-testid":te,...q},ft,r.createElement("div",{className:Dr,ref:se,"data-testid":`${te}-options`,style:Et},!I&&!_e.pending&&c&&ue.length===0&&r.createElement("div",{className:"sps-option-list__zero-state"},c),(I||_e.pending)&&r.createElement("div",{className:"sps-option-list__loading"},r.createElement(Br,null)),!I&&!_e.pending&&ue.map((ie,de)=>{const ke=`${w}-option-${de}`,Tt=lf(ie.value,B,o),Nm=Pi(ae.current,o||"",ie);return r.createElement("a",{key:ke,id:ke,role:C,"aria-selected":Tt,href:ie.href,className:$("sps-option-list__option",ie.caption&&"sps-option-list__option--has-caption",ie.disabled&&"sps-option-list__option--disabled",ie.bold&&"sps-option-list__option--bold",(Tt||Nm)&&"sps-option-list__option--selected",W===de&&"sps-option-list__option--highlighted"),onClick:GC=>fo(GC,ie,Nm),onMouseOver:()=>ee(de),tabIndex:-1,ref:W===de?pe:null,"data-testid":`${te}-option-${de}`},ie.value&&ie.value.icon&&r.createElement("i",{className:$("sps-icon","sps-option-list__option-icon",`sps-icon-${String(ie.value.icon)}`)}),(!ie.value||!ie.value.icon&&je)&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,kt(ie.text,_e.replacementPattern)),ie.caption&&r.createElement("div",{className:"sps-option-list__option-caption"},r.createElement("span",null,kt(ie.caption,_e.replacementPattern))))})),Y&&M?.label&&r.createElement("a",{className:$("sps-option-list__option","sps-option-list__special-action",W===ue.length&&"sps-option-list__option--highlighted",M.disabled&&"sps-option-list__special-action--disabled"),href:Y.href,target:Y.href&&M.newTab?"_blank":"_self",onClick:ie=>fo(ie,Y),onMouseOver:()=>ee(ue.length),"data-testid":`${te}-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 cf(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 Oi=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(Oi,{elements:t.slice(1)},e))},Bi=function({children:e,providers:t=[],...n}){return r.createElement("div",{...n},r.createElement(Oi,{elements:t},e))},df=function({children:e,className:t,...n}){return r.createElement(Bi,{className:`sps-app ${t}`,...n},e)};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{type:d,props:c={}}of o[l])if(s.type===d&&Object.keys(c).every(m=>c[m]===s.props[m])){i=!0,a[l].push(s);break}i||a[a.length-1].push(s)}return a}function Ri(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 Ar(e,t){const n=E.useRef(!1);E.useEffect(()=>()=>{n.current=!1},[]),E.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function $r(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 Fi(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((d=!1)=>{s(!1),o.current=d,n&&n()},[]);return $r("mousedown",Fi,[e,t,l]),$r("pointerdown",Fi,[e,t,l]),{showPopup:a,doShowPopup:i,doHidePopup:l}}const Ai=e=>{const t=/(auto|scroll)/,n=(l,d)=>l.parentNode===null?d:n(l.parentNode,d.concat([l])),o=(l,d)=>getComputedStyle(l,null).getPropertyValue(d),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 d=n(l.parentNode,[]);for(let c=0;c<d.length;c+=1)if(s(d[c]))return d[c];return null})(e)};let Vr=0;function Fn({isOpen:e,rootRef:t}){r.useLayoutEffect(()=>{let n,o,a;if(e&&t.current){Vr+=1,n=Ai(t.current)||document.body,o=n===document.body?window.innerWidth-document.documentElement.clientWidth:n.offsetWidth-n.clientWidth,n.style.overflow="hidden";const s=window.getComputedStyle(n).paddingRight;if(n.style.paddingRight=s&&s!=="0px"?`calc(${s} + ${o}px)`:`${o}px`,n===document.body){if(a=document.getElementsByClassName("sps-navbar-container").item(0),a&&window.getComputedStyle(a).position==="fixed"){const i=window.getComputedStyle(a).paddingRight;a.style.paddingRight=i&&i!=="0px"?`calc(${i} + ${o}px)`:`${o}px`}else if(a=document.getElementsByTagName("nav").item(0)?.parentElement,a&&window.getComputedStyle(a).position==="fixed"){const l=window.getComputedStyle(a).paddingRight;a.style.paddingRight=l&&l!=="0px"?`calc(${l} + ${o}px)`:`${o}px`}}}return()=>{n&&(Vr-=1,Vr===0&&(n.style.overflow=null,n.style.paddingRight=null,a&&(a.style.paddingRight=null)))}},[e])}const pf={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:d,id:c,placeholder:u="",suggestions:m,unsafelyReplaceClassName:p,textKey:f,captionKey:g,tallOptionList:h,value:y="",zeroState:v,loading:b,maxHeightOptionListPx:N,maxHeightOptionListRem:w,disableOptionsMemoization:T,inputNotClearable:L,autoFocusOnSelection:R,"data-testid":_,...P}){const A=s||a,{wrapperId:U,controlId:X}=We(c,A),[H,C]=Dt({keyDown:null,opensUpward:!1}),K=r.useRef(null),B=r.useRef(null),M=r.useRef(null),{showPopup:q,doShowPopup:I,doHidePopup:D}=bn(K,M);function k(J,W,Q=!1){A&&(A.setValue(J),A.markAsDirty()),l&&Q?l(J):i&&i(W||new Lt({value:J}))}function G(J){B.current&&(B.current.value="",k("")),J.stopPropagation()}function Z(J){k(J.target.value,J)}function te(J){n||(["Up","ArrowUp","Down","ArrowDown","Enter"].indexOf(J.key)>-1&&J.preventDefault(),J.stopPropagation(),C({keyDown:hn(J)})),J.key==="Tab"&&D()}function ne(J){J?I():D()}function V(J){C({opensUpward:J})}const j=$(p||"sps-autocomplete",q&&"sps-autocomplete--open",q&&"z-stratum-dropdown",H.opensUpward&&"sps-autocomplete--opens-upward",n&&"sps-form-control--disabled",e);return r.useEffect(()=>{let J;return q&&(J=()=>{D()},window.addEventListener("resize",J)),()=>{J&&window.removeEventListener("resize",J)}},[q]),Fn({isOpen:q,rootRef:K}),r.createElement(Le,{id:U,className:j,formControl:a,formMeta:s,inputRef:B,ref:K,focusInputOnClick:!0,onClick:J=>J.nativeEvent.stopImmediatePropagation(),"data-testid":`${_}`},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},d&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${d}`)}),r.createElement("input",{type:"text",ref:B,value:y,className:"sps-text-input__input",placeholder:u,onFocus:I,onClick:I,onChange:Z,onKeyDown:te,disabled:n,id:X,"data-testid":`${_}__input`,...P}),y&&!n&&!L&&r.createElement("i",{"aria-label":"clear",className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:J=>G(J)}))),r.createElement(Rn,{id:`${U}_options`,ref:M,attachTo:K,isOpen:q,options:m,hideInlineSearch:!0,keyDown:H.keyDown,onOptionSelected:J=>{const W=f&&typeof J=="object"&&J!==null?J[f]??"":J;k(W,void 0,!0),R&&B.current?.focus()},onPositionFlip:V,onSelfToggle:ne,offsets:[1,0],search:y,searchDebounce:t,textKey:f,captionKey:g,tall:h,zeroState:v,loading:b,maxHeightPx:N,maxHeightRem:w,disableOptionsMemoization:T,conformWidth:o}))}Object.assign(Nt,{props:pf,displayName:"SpsAutocomplete"});const $i={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:d,id:c,placeholder:u="",suggestions:m,unsafelyReplaceClassName:p,textKey:f,captionKey:g,tallOptionList:b,value:y="",zeroState:v,loading:h,maxHeightOptionListPx:N,maxHeightOptionListRem:w,disableOptionsMemoization:T,inputNotClearable:L,autoFocusOnSelection:R,"data-testid":_,...O}){const A=s||a,{wrapperId:U,controlId:X}=Ge(c,A),[K,C]=Dt({keyDown:null,opensUpward:!1}),V=r.useRef(null),B=r.useRef(null),M=r.useRef(null),{showPopup:J,doShowPopup:I,doHidePopup:D}=bn(V,M);function k(Y,W,ee=!1){A&&(A.setValue(Y),A.markAsDirty()),l&&ee?l(Y):i&&i(W||new Lt({value:Y}))}function G(Y){B.current&&(B.current.value="",k("")),Y.stopPropagation()}function Z(Y){k(Y.target.value,Y)}function ne(Y){n||(["Up","ArrowUp","Down","ArrowDown","Enter"].indexOf(Y.key)>-1&&Y.preventDefault(),Y.stopPropagation(),C({keyDown:hn(Y)})),Y.key==="Tab"&&D()}function te(Y){Y?I():D()}function H(Y){C({opensUpward:Y})}const q=$(p||"sps-autocomplete",J&&"sps-autocomplete--open",J&&"z-stratum-dropdown",K.opensUpward&&"sps-autocomplete--opens-upward",n&&"sps-form-control--disabled",e);return r.useEffect(()=>{let Y;return J&&(Y=()=>{D()},window.addEventListener("resize",Y)),()=>{Y&&window.removeEventListener("resize",Y)}},[J]),Fn({isOpen:J,rootRef:V}),r.createElement(Le,{id:U,className:q,formControl:a,formMeta:s,inputRef:B,ref:V,focusInputOnClick:!0,onClick:Y=>Y.nativeEvent.stopImmediatePropagation(),"data-testid":`${_}`},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},d&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${d}`)}),r.createElement("input",{type:"text",ref:B,value:y,className:"sps-text-input__input",placeholder:u,onFocus:I,onClick:I,onChange:Z,onKeyDown:ne,disabled:n,id:X,"data-testid":`${_}__input`,...O}),y&&!n&&!L&&r.createElement("i",{"aria-label":"clear",className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:Y=>G(Y)}))),r.createElement(Rn,{id:`${U}_options`,ref:M,attachTo:V,isOpen:J,options:m,hideInlineSearch:!0,keyDown:K.keyDown,onOptionSelected:Y=>{const W=f&&typeof Y=="object"&&Y!==null?Y[f]??"":Y;k(W,void 0,!0),R&&B.current?.focus()},onPositionFlip:H,onSelfToggle:te,offsets:[1,0],search:y,searchDebounce:t,textKey:f,captionKey:g,tall:b,zeroState:v,loading:h,maxHeightPx:N,maxHeightRem:w,disableOptionsMemoization:T,conformWidth:o}))}Object.assign(Nt,{props:pf,displayName:"SpsAutocomplete"});const $i={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
- `}}}},uf={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function Xt({checked:e,className:t,disabled:n,formControl:o,formMeta:a,id:s,indeterminate:i=!1,inline:l,label:d,onChange:c,"data-testid":u,unsafelyReplaceClassName:m,...p}){const f=a||o,g=r.useRef(null),[h,y]=r.useState(e),[v,b]=r.useState(i),{wrapperId:N,controlId:w}=We(s,f);r.useEffect(()=>y(e),[e]),r.useEffect(()=>b(i),[i]),r.useEffect(()=>{g.current&&(g.current.indeterminate=v)},[v]);const T=$(m||"sps-checkbox","sps-checkable",l&&"sps-checkable--inline",!d&&"sps-checkable--no-label",t);function L(R){y(R.target.checked),b(!1),f&&(f.setValue(R.target.checked),f.markAsDirty()),c&&c(R),g.current?.focus()}return r.createElement(Le,{id:N,className:T,formControl:o,formMeta:a,inputRef:g,"data-testid":u},r.createElement("input",{type:"checkbox",ref:g,className:"sps-checkable__input",id:w,checked:h,disabled:n,"data-testid":`${u}__checkbox-input`,"data-checked":h?"checked":void 0,onChange:L,...p}),r.createElement("label",{className:"sps-checkable__label",htmlFor:w},d||""))}Object.assign(Xt,{props:uf,displayName:"SpsCheckbox"});const Vi={labels:{label:"Labels",description:S.code`
137
+ `}}}},uf={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function Xt({checked:e,className:t,disabled:n,formControl:o,formMeta:a,id:s,indeterminate:i=!1,inline:l,label:d,onChange:c,"data-testid":u,unsafelyReplaceClassName:m,...p}){const f=a||o,g=r.useRef(null),[b,y]=r.useState(e),[v,h]=r.useState(i),{wrapperId:N,controlId:w}=Ge(s,f);r.useEffect(()=>y(e),[e]),r.useEffect(()=>h(i),[i]),r.useEffect(()=>{g.current&&(g.current.indeterminate=v)},[v]);const T=$(m||"sps-checkbox","sps-checkable",l&&"sps-checkable--inline",!d&&"sps-checkable--no-label",t);function L(R){y(R.target.checked),h(!1),f&&(f.setValue(R.target.checked),f.markAsDirty()),c&&c(R),g.current?.focus()}return r.createElement(Le,{id:N,className:T,formControl:o,formMeta:a,inputRef:g,"data-testid":u},r.createElement("input",{type:"checkbox",ref:g,className:"sps-checkable__input",id:w,checked:b,disabled:n,"data-testid":`${u}__checkbox-input`,"data-checked":b?"checked":void 0,onChange:L,...p}),r.createElement("label",{className:"sps-checkable__label",htmlFor:w},d||""))}Object.assign(Xt,{props:uf,displayName:"SpsCheckbox"});const Vi={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`
@@ -249,7 +249,7 @@
249
249
  </SpsSummaryListRow>
250
250
  );
251
251
  }
252
- `}}}},mf={disabled:"boolean",href:"string",kind:"ClickableTagKind",onAdd:"() => void",onRemove:"() => void"};function An(e){const{children:t,className:n,disabled:o,href:a,kind:s=F.ClickableTagKind.BLUE,onAdd:i,onRemove:l,onClick:d,"data-testid":c,unsafelyReplaceClassName:u,wrap:m=!1,...p}=e,f=$(u||"sps-clickable-tag",`sps-clickable-tag--${s}`,n,o&&"sps-clickable-tag--disabled",(i||l)&&"sps-clickable-tag--icon",m&&"sps-clickable-tag--wrap"),g=$("sps-clickable-tag__label",(a||d)&&"sps-clickable-tag__label--link"),h=r.Children.toArray(t).filter(b=>typeof b=="string").join("");function y(b){i?i():l&&l(),b.stopPropagation()}r.useEffect(()=>{if(l&&i)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[i,l]);function v(b){b.stopPropagation(),d&&d(b)}return r.createElement("div",{className:f,"data-testid":c,...p},r.createElement("span",{className:g,title:h,onClick:v},a&&r.createElement("a",{href:a},t),!a&&t),(i||l)&&!o&&r.createElement("div",{className:"sps-clickable-tag__icon",onClick:y,tabIndex:-1,"aria-label":i?"Add":"Remove"},r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${i?F.SpsIcon.PLUS_SIGN:F.SpsIcon.X}`,"data-testid":`${c}__icon`})))}Object.assign(An,{props:mf,displayName:"SpsClickableTag"});const Ki={basic:{label:"Basic",examples:{basic:{react:S.code`
252
+ `}}}},mf={disabled:"boolean",href:"string",kind:"ClickableTagKind",onAdd:"() => void",onRemove:"() => void"};function An(e){const{children:t,className:n,disabled:o,href:a,kind:s=F.ClickableTagKind.BLUE,onAdd:i,onRemove:l,onClick:d,"data-testid":c,unsafelyReplaceClassName:u,wrap:m=!1,...p}=e,f=$(u||"sps-clickable-tag",`sps-clickable-tag--${s}`,n,o&&"sps-clickable-tag--disabled",(i||l)&&"sps-clickable-tag--icon",m&&"sps-clickable-tag--wrap"),g=$("sps-clickable-tag__label",(a||d)&&"sps-clickable-tag__label--link"),b=r.Children.toArray(t).filter(h=>typeof h=="string").join("");function y(h){i?i():l&&l(),h.stopPropagation()}r.useEffect(()=>{if(l&&i)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[i,l]);function v(h){h.stopPropagation(),d&&d(h)}return r.createElement("div",{className:f,"data-testid":c,...p},r.createElement("span",{className:g,title:b,onClick:v},a&&r.createElement("a",{href:a},t),!a&&t),(i||l)&&!o&&r.createElement("div",{className:"sps-clickable-tag__icon",onClick:y,tabIndex:-1,"aria-label":i?"Add":"Remove"},r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${i?F.SpsIcon.PLUS_SIGN:F.SpsIcon.X}`,"data-testid":`${c}__icon`})))}Object.assign(An,{props:mf,displayName:"SpsClickableTag"});const Ki={basic:{label:"Basic",examples:{basic:{react:S.code`
253
253
  import { SpsClickableTag } from "@spscommerce/ds-react";
254
254
  import { ClickableTagKind } from "@spscommerce/ds-shared";
255
255
  function Component() {
@@ -349,17 +349,17 @@
349
349
  </>
350
350
  );
351
351
  }
352
- `}}}};function Kr(e,t){return Kr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Kr(e,t)}function Hi(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Kr(e,t)}function le(){return le=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},le.apply(null,arguments)}function $n(e){"@babel/helpers - typeof";return $n=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},$n(e)}function ff(e,t){if($n(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var o=n.call(e,t);if($n(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Sf(e){var t=ff(e,"string");return $n(t)=="symbol"?t:t+""}function gf(e,t,n){return(t=Sf(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Wi(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 Gi(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Wi(Object(n),!0).forEach(function(o){gf(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wi(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 Ui=(function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"})(),zi=function(){return Math.random().toString(36).substring(7).split("").join(".")},ji={INIT:"@@redux/INIT"+zi(),REPLACE:"@@redux/REPLACE"+zi()};function hf(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 bf(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(Ef(e))return"date";if(yf(e))return"error";var n=vf(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 vf(e){return typeof e.constructor=="function"?e.constructor.name:null}function yf(e){return e instanceof Error||typeof e.message=="string"&&e.constructor&&typeof e.constructor.stackTraceLimit=="number"}function Ef(e){return e instanceof Date?!0:typeof e.toDateString=="function"&&typeof e.getDate=="function"&&typeof e.setDate=="function"}function Zt(e){var t=typeof e;return process.env.NODE_ENV!=="production"&&(t=bf(e)),t}function Yi(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: '"+Zt(n)+"'");return n(Yi)(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: '"+Zt(e)+"'");var a=e,s=t,i=[],l=i,d=!1;function c(){l===i&&(l=i.slice())}function u(){if(d)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 m(h){if(typeof h!="function")throw new Error(process.env.NODE_ENV==="production"?Je(4):"Expected the listener to be a function. Instead, received: '"+Zt(h)+"'");if(d)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 c(),l.push(h),function(){if(y){if(d)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,c();var b=l.indexOf(h);l.splice(b,1),i=null}}}function p(h){if(!hf(h))throw new Error(process.env.NODE_ENV==="production"?Je(7):"Actions must be plain objects. Instead, the actual type was: '"+Zt(h)+"'. 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 h.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(d)throw new Error(process.env.NODE_ENV==="production"?Je(9):"Reducers may not dispatch actions.");try{d=!0,s=a(s,h)}finally{d=!1}for(var y=i=l,v=0;v<y.length;v++){var b=y[v];b()}return h}function f(h){if(typeof h!="function")throw new Error(process.env.NODE_ENV==="production"?Je(10):"Expected the nextReducer to be a function. Instead, received: '"+Zt(h));a=h,p({type:ji.REPLACE})}function g(){var h,y=m;return h={subscribe:function(b){if(typeof b!="object"||b===null)throw new Error(process.env.NODE_ENV==="production"?Je(11):"Expected the observer to be an object. Instead, received: '"+Zt(b)+"'");function N(){b.next&&b.next(u())}N();var w=y(N);return{unsubscribe:w}}},h[Ui]=function(){return this},h}return p({type:ji.INIT}),o={dispatch:p,subscribe:m,getState:u,replaceReducer:f},o[Ui]=g,o}function qi(e,t){return function(){return t(e.apply(this,arguments))}}function Ji(e,t){if(typeof e=="function")return qi(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: '"+Zt(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]=qi(a,t))}return n}function Xi(){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 Tf(){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(d){return d(i)});return s=Xi.apply(void 0,l)(a.dispatch),Gi(Gi({},a),{},{dispatch:s})}}}var Do={exports:{}},No={exports:{}},be={};var Zi;function wf(){if(Zi)return be;Zi=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,d=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,m=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,h=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function N(T){if(typeof T=="object"&&T!==null){var L=T.$$typeof;switch(L){case t:switch(T=T.type,T){case d:case c:case o:case s:case a:case m:return T;default:switch(T=T&&T.$$typeof,T){case l:case u:case g:case f:case i:return T;default:return L}}case n:return L}}}function w(T){return N(T)===c}return be.AsyncMode=d,be.ConcurrentMode=c,be.ContextConsumer=l,be.ContextProvider=i,be.Element=t,be.ForwardRef=u,be.Fragment=o,be.Lazy=g,be.Memo=f,be.Portal=n,be.Profiler=s,be.StrictMode=a,be.Suspense=m,be.isAsyncMode=function(T){return w(T)||N(T)===d},be.isConcurrentMode=w,be.isContextConsumer=function(T){return N(T)===l},be.isContextProvider=function(T){return N(T)===i},be.isElement=function(T){return typeof T=="object"&&T!==null&&T.$$typeof===t},be.isForwardRef=function(T){return N(T)===u},be.isFragment=function(T){return N(T)===o},be.isLazy=function(T){return N(T)===g},be.isMemo=function(T){return N(T)===f},be.isPortal=function(T){return N(T)===n},be.isProfiler=function(T){return N(T)===s},be.isStrictMode=function(T){return N(T)===a},be.isSuspense=function(T){return N(T)===m},be.isValidElementType=function(T){return typeof T=="string"||typeof T=="function"||T===o||T===c||T===s||T===a||T===m||T===p||typeof T=="object"&&T!==null&&(T.$$typeof===g||T.$$typeof===f||T.$$typeof===i||T.$$typeof===l||T.$$typeof===u||T.$$typeof===y||T.$$typeof===v||T.$$typeof===b||T.$$typeof===h)},be.typeOf=N,be}var ve={};var Qi;function Cf(){return Qi||(Qi=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,d=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,m=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,h=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function N(ee){return typeof ee=="string"||typeof ee=="function"||ee===o||ee===c||ee===s||ee===a||ee===m||ee===p||typeof ee=="object"&&ee!==null&&(ee.$$typeof===g||ee.$$typeof===f||ee.$$typeof===i||ee.$$typeof===l||ee.$$typeof===u||ee.$$typeof===y||ee.$$typeof===v||ee.$$typeof===b||ee.$$typeof===h)}function w(ee){if(typeof ee=="object"&&ee!==null){var me=ee.$$typeof;switch(me){case t:var ue=ee.type;switch(ue){case d:case c:case o:case s:case a:case m:return ue;default:var ge=ue&&ue.$$typeof;switch(ge){case l:case u:case g:case f:case i:return ge;default:return me}}case n:return me}}}var T=d,L=c,R=l,_=i,P=t,A=u,U=o,X=g,H=f,C=n,K=s,B=a,M=m,q=!1;function I(ee){return q||(q=!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(ee)||w(ee)===d}function D(ee){return w(ee)===c}function k(ee){return w(ee)===l}function G(ee){return w(ee)===i}function Z(ee){return typeof ee=="object"&&ee!==null&&ee.$$typeof===t}function te(ee){return w(ee)===u}function ne(ee){return w(ee)===o}function V(ee){return w(ee)===g}function j(ee){return w(ee)===f}function J(ee){return w(ee)===n}function W(ee){return w(ee)===s}function Q(ee){return w(ee)===a}function z(ee){return w(ee)===m}ve.AsyncMode=T,ve.ConcurrentMode=L,ve.ContextConsumer=R,ve.ContextProvider=_,ve.Element=P,ve.ForwardRef=A,ve.Fragment=U,ve.Lazy=X,ve.Memo=H,ve.Portal=C,ve.Profiler=K,ve.StrictMode=B,ve.Suspense=M,ve.isAsyncMode=I,ve.isConcurrentMode=D,ve.isContextConsumer=k,ve.isContextProvider=G,ve.isElement=Z,ve.isForwardRef=te,ve.isFragment=ne,ve.isLazy=V,ve.isMemo=j,ve.isPortal=J,ve.isProfiler=W,ve.isStrictMode=Q,ve.isSuspense=z,ve.isValidElementType=N,ve.typeOf=w})()),ve}var el;function Hr(){return el||(el=1,process.env.NODE_ENV==="production"?No.exports=wf():No.exports=Cf()),No.exports}var Wr,tl;function Df(){if(tl)return Wr;tl=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 d=Object.getOwnPropertyNames(i).map(function(u){return i[u]});if(d.join("")!=="0123456789")return!1;var c={};return"abcdefghijklmnopqrst".split("").forEach(function(u){c[u]=u}),Object.keys(Object.assign({},c)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return Wr=a()?Object.assign:function(s,i){for(var l,d=o(s),c,u=1;u<arguments.length;u++){l=Object(arguments[u]);for(var m in l)t.call(l,m)&&(d[m]=l[m]);if(e){c=e(l);for(var p=0;p<c.length;p++)n.call(l,c[p])&&(d[c[p]]=l[c[p]])}}return d},Wr}var Gr,nl;function Ur(){if(nl)return Gr;nl=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return Gr=e,Gr}var zr,ol;function rl(){return ol||(ol=1,zr=Function.call.bind(Object.prototype.hasOwnProperty)),zr}var jr,al;function Nf(){if(al)return jr;al=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=Ur(),n={},o=rl();e=function(s){var i="Warning: "+s;typeof console<"u"&&console.error(i);try{throw new Error(i)}catch{}}}function a(s,i,l,d,c){if(process.env.NODE_ENV!=="production"){for(var u in s)if(o(s,u)){var m;try{if(typeof s[u]!="function"){var p=Error((d||"React class")+": "+l+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}m=s[u](i,u,d,l,null,t)}catch(g){m=g}if(m&&!(m instanceof Error)&&e((d||"React class")+": type specification of "+l+" `"+u+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof m+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),m instanceof Error&&!(m.message in n)){n[m.message]=!0;var f=c?c():"";e("Failed "+l+" type: "+m.message+(f??""))}}}}return a.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(n={})},jr=a,jr}var Yr,sl;function If(){if(sl)return Yr;sl=1;var e=Hr(),t=Df(),n=Ur(),o=rl(),a=Nf(),s=function(){};process.env.NODE_ENV!=="production"&&(s=function(l){var d="Warning: "+l;typeof console<"u"&&console.error(d);try{throw new Error(d)}catch{}});function i(){return null}return Yr=function(l,d){var c=typeof Symbol=="function"&&Symbol.iterator,u="@@iterator";function m(D){var k=D&&(c&&D[c]||D[u]);if(typeof k=="function")return k}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:b(),arrayOf:N,element:w(),elementType:T(),instanceOf:L,node:A(),objectOf:_,oneOf:R,oneOfType:P,shape:X,exact:H};function g(D,k){return D===k?D!==0||1/D===1/k:D!==D&&k!==k}function h(D,k){this.message=D,this.data=k&&typeof k=="object"?k:{},this.stack=""}h.prototype=Error.prototype;function y(D){if(process.env.NODE_ENV!=="production")var k={},G=0;function Z(ne,V,j,J,W,Q,z){if(J=J||p,Q=Q||j,z!==n){if(d){var ee=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 ee.name="Invariant Violation",ee}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var me=J+":"+j;!k[me]&&G<3&&(s("You are manually calling a React.PropTypes validation function for the `"+Q+"` 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."),k[me]=!0,G++)}}return V[j]==null?ne?V[j]===null?new h("The "+W+" `"+Q+"` is marked as required "+("in `"+J+"`, but its value is `null`.")):new h("The "+W+" `"+Q+"` is marked as required in "+("`"+J+"`, but its value is `undefined`.")):null:D(V,j,J,W,Q)}var te=Z.bind(null,!1);return te.isRequired=Z.bind(null,!0),te}function v(D){function k(G,Z,te,ne,V,j){var J=G[Z],W=B(J);if(W!==D){var Q=M(J);return new h("Invalid "+ne+" `"+V+"` of type "+("`"+Q+"` supplied to `"+te+"`, expected ")+("`"+D+"`."),{expectedType:D})}return null}return y(k)}function b(){return y(i)}function N(D){function k(G,Z,te,ne,V){if(typeof D!="function")return new h("Property `"+V+"` of component `"+te+"` has invalid PropType notation inside arrayOf.");var j=G[Z];if(!Array.isArray(j)){var J=B(j);return new h("Invalid "+ne+" `"+V+"` of type "+("`"+J+"` supplied to `"+te+"`, expected an array."))}for(var W=0;W<j.length;W++){var Q=D(j,W,te,ne,V+"["+W+"]",n);if(Q instanceof Error)return Q}return null}return y(k)}function w(){function D(k,G,Z,te,ne){var V=k[G];if(!l(V)){var j=B(V);return new h("Invalid "+te+" `"+ne+"` of type "+("`"+j+"` supplied to `"+Z+"`, expected a single ReactElement."))}return null}return y(D)}function T(){function D(k,G,Z,te,ne){var V=k[G];if(!e.isValidElementType(V)){var j=B(V);return new h("Invalid "+te+" `"+ne+"` of type "+("`"+j+"` supplied to `"+Z+"`, expected a single ReactElement type."))}return null}return y(D)}function L(D){function k(G,Z,te,ne,V){if(!(G[Z]instanceof D)){var j=D.name||p,J=I(G[Z]);return new h("Invalid "+ne+" `"+V+"` of type "+("`"+J+"` supplied to `"+te+"`, expected ")+("instance of `"+j+"`."))}return null}return y(k)}function R(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 k(G,Z,te,ne,V){for(var j=G[Z],J=0;J<D.length;J++)if(g(j,D[J]))return null;var W=JSON.stringify(D,function(z,ee){var me=M(ee);return me==="symbol"?String(ee):ee});return new h("Invalid "+ne+" `"+V+"` of value `"+String(j)+"` "+("supplied to `"+te+"`, expected one of "+W+"."))}return y(k)}function _(D){function k(G,Z,te,ne,V){if(typeof D!="function")return new h("Property `"+V+"` of component `"+te+"` has invalid PropType notation inside objectOf.");var j=G[Z],J=B(j);if(J!=="object")return new h("Invalid "+ne+" `"+V+"` of type "+("`"+J+"` supplied to `"+te+"`, expected an object."));for(var W in j)if(o(j,W)){var Q=D(j,W,te,ne,V+"."+W,n);if(Q instanceof Error)return Q}return null}return y(k)}function P(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 k=0;k<D.length;k++){var G=D[k];if(typeof G!="function")return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+q(G)+" at index "+k+"."),i}function Z(te,ne,V,j,J){for(var W=[],Q=0;Q<D.length;Q++){var z=D[Q],ee=z(te,ne,V,j,J,n);if(ee==null)return null;ee.data&&o(ee.data,"expectedType")&&W.push(ee.data.expectedType)}var me=W.length>0?", expected one of type ["+W.join(", ")+"]":"";return new h("Invalid "+j+" `"+J+"` supplied to "+("`"+V+"`"+me+"."))}return y(Z)}function A(){function D(k,G,Z,te,ne){return C(k[G])?null:new h("Invalid "+te+" `"+ne+"` supplied to "+("`"+Z+"`, expected a ReactNode."))}return y(D)}function U(D,k,G,Z,te){return new h((D||"React class")+": "+k+" type `"+G+"."+Z+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+te+"`.")}function X(D){function k(G,Z,te,ne,V){var j=G[Z],J=B(j);if(J!=="object")return new h("Invalid "+ne+" `"+V+"` of type `"+J+"` "+("supplied to `"+te+"`, expected `object`."));for(var W in D){var Q=D[W];if(typeof Q!="function")return U(te,ne,V,W,M(Q));var z=Q(j,W,te,ne,V+"."+W,n);if(z)return z}return null}return y(k)}function H(D){function k(G,Z,te,ne,V){var j=G[Z],J=B(j);if(J!=="object")return new h("Invalid "+ne+" `"+V+"` of type `"+J+"` "+("supplied to `"+te+"`, expected `object`."));var W=t({},G[Z],D);for(var Q in W){var z=D[Q];if(o(D,Q)&&typeof z!="function")return U(te,ne,V,Q,M(z));if(!z)return new h("Invalid "+ne+" `"+V+"` key `"+Q+"` supplied to `"+te+"`.\nBad object: "+JSON.stringify(G[Z],null," ")+`
353
- Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."+Q,n);if(ee)return ee}return null}return y(k)}function C(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(C);if(D===null||l(D))return!0;var k=m(D);if(k){var G=k.call(D),Z;if(k!==D.entries){for(;!(Z=G.next()).done;)if(!C(Z.value))return!1}else for(;!(Z=G.next()).done;){var te=Z.value;if(te&&!C(te[1]))return!1}}else return!1;return!0;default:return!1}}function K(D,k){return D==="symbol"?!0:k?k["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&k instanceof Symbol:!1}function B(D){var k=typeof D;return Array.isArray(D)?"array":D instanceof RegExp?"object":K(k,D)?"symbol":k}function M(D){if(typeof D>"u"||D===null)return""+D;var k=B(D);if(k==="object"){if(D instanceof Date)return"date";if(D instanceof RegExp)return"regexp"}return k}function q(D){var k=M(D);switch(k){case"array":case"object":return"an "+k;case"boolean":case"date":case"regexp":return"a "+k;default:return k}}function I(D){return!D.constructor||!D.constructor.name?p:D.constructor.name}return f.checkPropTypes=a,f.resetWarningCache=a.resetWarningCache,f.PropTypes=f,f},Yr}var qr,il;function xf(){if(il)return qr;il=1;var e=Ur();function t(){}function n(){}return n.resetWarningCache=t,qr=function(){function o(i,l,d,c,u,m){if(m!==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},qr}var ll;function kf(){if(ll)return Do.exports;if(ll=1,process.env.NODE_ENV!=="production"){var e=Hr(),t=!0;Do.exports=If()(e.isElement,t)}else Do.exports=xf()();return Do.exports}var Mf=kf();const vn=Ir(Mf);var Jr=E.createContext(null);process.env.NODE_ENV!=="production"&&(Jr.displayName="ReactRedux");function Lf(e){e()}var cl=Lf,_f=function(t){return cl=t},Of=function(){return cl};function Pf(){var e=Of(),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 dl={notify:function(){},get:function(){return[]}};function pl(e,t){var n,o=dl;function a(m){return d(),o.subscribe(m)}function s(){o.notify()}function i(){u.onStateChange&&u.onStateChange()}function l(){return!!n}function d(){n||(n=t?t.addNestedSub(i):e.subscribe(i),o=Pf())}function c(){n&&(n(),n=void 0,o.clear(),o=dl)}var u={addNestedSub:a,notifyNestedSubs:s,handleChangeWrapper:i,isSubscribed:l,trySubscribe:d,tryUnsubscribe:c,getListeners:function(){return o}};return u}var ul=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?E.useLayoutEffect:E.useEffect;function ml(e){var t=e.store,n=e.context,o=e.children,a=E.useMemo(function(){var l=pl(t);return{store:t,subscription:l}},[t]),s=E.useMemo(function(){return t.getState()},[t]);ul(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||Jr;return E.createElement(i.Provider,{value:a},o)}process.env.NODE_ENV!=="production"&&(ml.propTypes={store:vn.shape({subscribe:vn.func.isRequired,dispatch:vn.func.isRequired,getState:vn.func.isRequired}),context:vn.object,children:vn.any});function Io(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 Xr,fl;function Bf(){if(fl)return Xr;fl=1;var e=Hr(),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,d=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols,u=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,p=Object.prototype;function f(g,h,y){if(typeof h!="string"){if(p){var v=m(h);v&&v!==p&&f(g,v,y)}var b=d(h);c&&(b=b.concat(c(h)));for(var N=i(g),w=i(h),T=0;T<b.length;++T){var L=b[T];if(!n[L]&&!(y&&y[L])&&!(w&&w[L])&&!(N&&N[L])){var R=u(h,L);try{l(g,L,R)}catch{}}}}return g}return Xr=f,Xr}var Rf=Bf();const Sl=Ir(Rf);var xo={exports:{}},Ee={};var gl;function Ff(){if(gl)return Ee;gl=1;var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,d=60113,c=60120,u=60115,m=60116,p=60121,f=60122,g=60117,h=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"),d=v("react.suspense"),c=v("react.suspense_list"),u=v("react.memo"),m=v("react.lazy"),p=v("react.block"),f=v("react.server.block"),g=v("react.fundamental"),h=v("react.debug_trace_mode"),y=v("react.legacy_hidden")}function b(H){if(typeof H=="object"&&H!==null){var C=H.$$typeof;switch(C){case e:switch(H=H.type,H){case n:case a:case o:case d:case c:return H;default:switch(H=H&&H.$$typeof,H){case i:case l:case m:case u:case s:return H;default:return C}}case t:return C}}}var N=s,w=e,T=l,L=n,R=m,_=u,P=t,A=a,U=o,X=d;return Ee.ContextConsumer=i,Ee.ContextProvider=N,Ee.Element=w,Ee.ForwardRef=T,Ee.Fragment=L,Ee.Lazy=R,Ee.Memo=_,Ee.Portal=P,Ee.Profiler=A,Ee.StrictMode=U,Ee.Suspense=X,Ee.isAsyncMode=function(){return!1},Ee.isConcurrentMode=function(){return!1},Ee.isContextConsumer=function(H){return b(H)===i},Ee.isContextProvider=function(H){return b(H)===s},Ee.isElement=function(H){return typeof H=="object"&&H!==null&&H.$$typeof===e},Ee.isForwardRef=function(H){return b(H)===l},Ee.isFragment=function(H){return b(H)===n},Ee.isLazy=function(H){return b(H)===m},Ee.isMemo=function(H){return b(H)===u},Ee.isPortal=function(H){return b(H)===t},Ee.isProfiler=function(H){return b(H)===a},Ee.isStrictMode=function(H){return b(H)===o},Ee.isSuspense=function(H){return b(H)===d},Ee.isValidElementType=function(H){return typeof H=="string"||typeof H=="function"||H===n||H===a||H===h||H===o||H===d||H===c||H===y||typeof H=="object"&&H!==null&&(H.$$typeof===m||H.$$typeof===u||H.$$typeof===s||H.$$typeof===i||H.$$typeof===l||H.$$typeof===g||H.$$typeof===p||H[0]===f)},Ee.typeOf=b,Ee}var Te={};var hl;function Af(){return hl||(hl=1,process.env.NODE_ENV!=="production"&&(function(){var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,d=60113,c=60120,u=60115,m=60116,p=60121,f=60122,g=60117,h=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"),d=v("react.suspense"),c=v("react.suspense_list"),u=v("react.memo"),m=v("react.lazy"),p=v("react.block"),f=v("react.server.block"),g=v("react.fundamental"),v("react.scope"),v("react.opaque.id"),h=v("react.debug_trace_mode"),v("react.offscreen"),y=v("react.legacy_hidden")}var b=!1;function N(z){return!!(typeof z=="string"||typeof z=="function"||z===n||z===a||z===h||z===o||z===d||z===c||z===y||b||typeof z=="object"&&z!==null&&(z.$$typeof===m||z.$$typeof===u||z.$$typeof===s||z.$$typeof===i||z.$$typeof===l||z.$$typeof===g||z.$$typeof===p||z[0]===f))}function w(z){if(typeof z=="object"&&z!==null){var ee=z.$$typeof;switch(ee){case e:var me=z.type;switch(me){case n:case a:case o:case d:case c:return me;default:var ue=me&&me.$$typeof;switch(ue){case i:case l:case m:case u:case s:return ue;default:return ee}}case t:return ee}}}var T=i,L=s,R=e,_=l,P=n,A=m,U=u,X=t,H=a,C=o,K=d,B=!1,M=!1;function q(z){return B||(B=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function I(z){return M||(M=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function D(z){return w(z)===i}function k(z){return w(z)===s}function G(z){return typeof z=="object"&&z!==null&&z.$$typeof===e}function Z(z){return w(z)===l}function te(z){return w(z)===n}function ne(z){return w(z)===m}function V(z){return w(z)===u}function j(z){return w(z)===t}function J(z){return w(z)===a}function W(z){return w(z)===o}function Q(z){return w(z)===d}Te.ContextConsumer=T,Te.ContextProvider=L,Te.Element=R,Te.ForwardRef=_,Te.Fragment=P,Te.Lazy=A,Te.Memo=U,Te.Portal=X,Te.Profiler=H,Te.StrictMode=C,Te.Suspense=K,Te.isAsyncMode=q,Te.isConcurrentMode=I,Te.isContextConsumer=D,Te.isContextProvider=k,Te.isElement=G,Te.isForwardRef=Z,Te.isFragment=te,Te.isLazy=ne,Te.isMemo=V,Te.isPortal=j,Te.isProfiler=J,Te.isStrictMode=W,Te.isSuspense=Q,Te.isValidElementType=N,Te.typeOf=w})()),Te}var bl;function $f(){return bl||(bl=1,process.env.NODE_ENV==="production"?xo.exports=Ff():xo.exports=Af()),xo.exports}var vl=$f(),Vf=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],Kf=["reactReduxForwardedRef"],Hf=[],Wf=[null,null],Gf=function(t){try{return JSON.stringify(t)}catch{return String(t)}};function Uf(e,t){var n=e[1];return[t.payload,n+1]}function yl(e,t,n){ul(function(){return e.apply(void 0,t)},n)}function zf(e,t,n,o,a,s,i){e.current=o,t.current=a,n.current=!1,s.current&&(s.current=null,i())}function jf(e,t,n,o,a,s,i,l,d,c){if(e){var u=!1,m=null,p=function(){if(!u){var h=t.getState(),y,v;try{y=o(h,a.current)}catch(b){v=b,m=b}v||(m=null),y===s.current?i.current||d():(s.current=y,l.current=y,i.current=!0,c({type:"STORE_UPDATED",payload:{error:v}}))}};n.onStateChange=p,n.trySubscribe(),p();var f=function(){if(u=!0,n.tryUnsubscribe(),n.onStateChange=null,m)throw m};return f}}var Yf=function(){return[null,0]};function qf(e,t){t===void 0&&(t={});var n=t,o=n.getDisplayName,a=o===void 0?function(L){return"ConnectAdvanced("+L+")"}:o,s=n.methodName,i=s===void 0?"connectAdvanced":s,l=n.renderCountProp,d=l===void 0?void 0:l,c=n.shouldHandleStateChanges,u=c===void 0?!0:c,m=n.storeKey,p=m===void 0?"store":m,f=n.withRef,g=f===void 0?!1:f,h=n.forwardRef,y=h===void 0?!1:h,v=n.context,b=v===void 0?Jr:v,N=Io(n,Vf);if(process.env.NODE_ENV!=="production"){if(d!==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 w="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. "+w)}var T=b;return function(R){if(process.env.NODE_ENV!=="production"&&!vl.isValidElementType(R))throw new Error("You must pass a component to the function returned by "+(i+". Instead received "+Gf(R)));var _=R.displayName||R.name||"Component",P=a(_),A=le({},N,{getDisplayName:a,methodName:i,renderCountProp:d,shouldHandleStateChanges:u,storeKey:p,displayName:P,wrappedComponentName:_,WrappedComponent:R}),U=N.pure;function X(M){return e(M.dispatch,A)}var H=U?E.useMemo:function(M){return M()};function C(M){var q=E.useMemo(function(){var Ve=M.reactReduxForwardedRef,ft=Io(M,Kf);return[M.context,Ve,ft]},[M]),I=q[0],D=q[1],k=q[2],G=E.useMemo(function(){return I&&I.Consumer&&vl.isContextConsumer(E.createElement(I.Consumer,null))?I:T},[I,T]),Z=E.useContext(G),te=!!M.store&&!!M.store.getState&&!!M.store.dispatch,ne=!!Z&&!!Z.store;if(process.env.NODE_ENV!=="production"&&!te&&!ne)throw new Error('Could not find "store" in the context of '+('"'+P+'". Either wrap the root component in a <Provider>, ')+"or pass a custom React context provider to <Provider> and the corresponding "+("React context consumer to "+P+" in connect options."));var V=te?M.store:Z.store,j=E.useMemo(function(){return X(V)},[V]),J=E.useMemo(function(){if(!u)return Wf;var Ve=pl(V,te?null:Z.subscription),ft=Ve.notifyNestedSubs.bind(Ve);return[Ve,ft]},[V,te,Z]),W=J[0],Q=J[1],z=E.useMemo(function(){return te?Z:le({},Z,{subscription:W})},[te,Z,W]),ee=E.useReducer(Uf,Hf,Yf),me=ee[0],ue=me[0],ge=ee[1];if(ue&&ue.error)throw ue.error;var ze=E.useRef(),$e=E.useRef(k),Xe=E.useRef(),nt=E.useRef(!1),mt=H(function(){return Xe.current&&k===$e.current?Xe.current:j(V.getState(),k)},[V,ue,k]);yl(zf,[$e,ze,nt,k,mt,Xe,Q]),yl(jf,[u,V,W,j,$e,ze,nt,Xe,Q,ge],[V,W,j]);var xe=E.useMemo(function(){return E.createElement(R,le({},mt,{ref:D}))},[D,R,mt]),ot=E.useMemo(function(){return u?E.createElement(G.Provider,{value:z},xe):xe},[G,xe,z]);return ot}var K=U?E.memo(C):C;if(K.WrappedComponent=R,K.displayName=C.displayName=P,y){var B=E.forwardRef(function(q,I){return E.createElement(K,le({},q,{reactReduxForwardedRef:I}))});return B.displayName=P,B.WrappedComponent=R,Sl(B,R)}return Sl(K,R)}}function El(e,t){return e===t?e!==0||t!==0||1/e===1/t:e!==e&&t!==t}function Zr(e,t){if(El(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])||!El(e[n[a]],t[n[a]]))return!1;return!0}function Jf(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 Xf(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 Tl(e){typeof console<"u"&&typeof console.error=="function"&&console.error(e);try{throw new Error(e)}catch{}}function wl(e,t,n){Xf(e)||Tl(n+"() in "+t+" must return a plain object. Instead received "+e+".")}function Qr(e){return function(n,o){var a=e(n,o);function s(){return a}return s.dependsOnOwnProps=!1,s}}function Cl(e){return e.dependsOnOwnProps!==null&&e.dependsOnOwnProps!==void 0?!!e.dependsOnOwnProps:e.length!==1}function Dl(e,t){return function(o,a){var s=a.displayName,i=function(d,c){return i.dependsOnOwnProps?i.mapToProps(d,c):i.mapToProps(d)};return i.dependsOnOwnProps=!0,i.mapToProps=function(d,c){i.mapToProps=e,i.dependsOnOwnProps=Cl(e);var u=i(d,c);return typeof u=="function"&&(i.mapToProps=u,i.dependsOnOwnProps=Cl(u),u=i(d,c)),process.env.NODE_ENV!=="production"&&wl(u,s,t),u},i}}function Zf(e){return typeof e=="function"?Dl(e,"mapDispatchToProps"):void 0}function Qf(e){return e?void 0:Qr(function(t){return{dispatch:t}})}function eS(e){return e&&typeof e=="object"?Qr(function(t){return Jf(e,t)}):void 0}const tS=[Zf,Qf,eS];function nS(e){return typeof e=="function"?Dl(e,"mapStateToProps"):void 0}function oS(e){return e?void 0:Qr(function(){return{}})}const rS=[nS,oS];function aS(e,t,n){return le({},n,e,t)}function sS(e){return function(n,o){var a=o.displayName,s=o.pure,i=o.areMergedPropsEqual,l=!1,d;return function(u,m,p){var f=e(u,m,p);return l?(!s||!i(f,d))&&(d=f):(l=!0,d=f,process.env.NODE_ENV!=="production"&&wl(d,a,"mergeProps")),d}}}function iS(e){return typeof e=="function"?sS(e):void 0}function lS(e){return e?void 0:function(){return aS}}const cS=[iS,lS];function ea(e,t,n){if(e)(t==="mapStateToProps"||t==="mapDispatchToProps")&&(Object.prototype.hasOwnProperty.call(e,"dependsOnOwnProps")||Tl("The selector for "+t+" of "+n+" did not specify a value for dependsOnOwnProps."));else throw new Error("Unexpected value for "+t+" in "+n+".")}function dS(e,t,n,o){ea(e,"mapStateToProps",o),ea(t,"mapDispatchToProps",o),ea(n,"mergeProps",o)}var pS=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function uS(e,t,n,o){return function(s,i){return n(e(s,i),t(o,i),i)}}function mS(e,t,n,o,a){var s=a.areStatesEqual,i=a.areOwnPropsEqual,l=a.areStatePropsEqual,d=!1,c,u,m,p,f;function g(N,w){return c=N,u=w,m=e(c,u),p=t(o,u),f=n(m,p,u),d=!0,f}function h(){return m=e(c,u),t.dependsOnOwnProps&&(p=t(o,u)),f=n(m,p,u),f}function y(){return e.dependsOnOwnProps&&(m=e(c,u)),t.dependsOnOwnProps&&(p=t(o,u)),f=n(m,p,u),f}function v(){var N=e(c,u),w=!l(N,m);return m=N,w&&(f=n(m,p,u)),f}function b(N,w){var T=!i(w,u),L=!s(N,c,w,u);return c=N,u=w,T&&L?h():T?y():L?v():f}return function(w,T){return d?b(w,T):g(w,T)}}function fS(e,t){var n=t.initMapStateToProps,o=t.initMapDispatchToProps,a=t.initMergeProps,s=Io(t,pS),i=n(e,s),l=o(e,s),d=a(e,s);process.env.NODE_ENV!=="production"&&dS(i,l,d,s.displayName);var c=s.pure?mS:uS;return c(i,l,d,e,s)}var SS=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function ta(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 gS(e,t){return e===t}function hS(e){var t=e===void 0?{}:e,n=t.connectHOC,o=n===void 0?qf:n,a=t.mapStateToPropsFactories,s=a===void 0?rS:a,i=t.mapDispatchToPropsFactories,l=i===void 0?tS:i,d=t.mergePropsFactories,c=d===void 0?cS:d,u=t.selectorFactory,m=u===void 0?fS:u;return function(f,g,h,y){y===void 0&&(y={});var v=y,b=v.pure,N=b===void 0?!0:b,w=v.areStatesEqual,T=w===void 0?gS:w,L=v.areOwnPropsEqual,R=L===void 0?Zr:L,_=v.areStatePropsEqual,P=_===void 0?Zr:_,A=v.areMergedPropsEqual,U=A===void 0?Zr:A,X=Io(v,SS),H=ta(f,s,"mapStateToProps"),C=ta(g,l,"mapDispatchToProps"),K=ta(h,c,"mergeProps");return o(m,le({methodName:"connect",getDisplayName:function(M){return"Connect("+M+")"},shouldHandleStateChanges:!!f,initMapStateToProps:H,initMapDispatchToProps:C,initMergeProps:K,pure:N,areStatesEqual:T,areOwnPropsEqual:R,areStatePropsEqual:P,areMergedPropsEqual:U},X))}}const Nl=hS();_f(Ln.unstable_batchedUpdates);function bS(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 Il(e,t){var n=E.useState(function(){return{inputs:t,result:e()}})[0],o=E.useRef(!0),a=E.useRef(n),s=o.current||!!(t&&a.current.inputs&&bS(t,a.current.inputs)),i=s?a.current:{inputs:t,result:e()};return E.useEffect(function(){o.current=!1,a.current=i},[i]),i.result}function vS(e,t){return Il(function(){return e},t)}var fe=Il,ie=vS,yS=process.env.NODE_ENV==="production",na="Invariant failed";function xl(e,t){if(yS)throw new Error(na);var n=typeof t=="function"?t():t,o=n?"".concat(na,": ").concat(n):na;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,d={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 d},oa=function(t,n){return{top:t.top-n.top,left:t.left-n.left,bottom:t.bottom+n.bottom,right:t.right+n.right}},kl=function(t,n){return{top:t.top+n.top,left:t.left+n.left,bottom:t.bottom-n.bottom,right:t.right-n.right}},ES=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},ra={top:0,right:0,bottom:0,left:0},aa=function(t){var n=t.borderBox,o=t.margin,a=o===void 0?ra:o,s=t.border,i=s===void 0?ra:s,l=t.padding,d=l===void 0?ra:l,c=St(oa(n,a)),u=St(kl(n,i)),m=St(kl(u,d));return{marginBox:c,borderBox:St(n),paddingBox:u,contentBox:m,margin:a,border:i,padding:d}},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"?xl(!1,"Could not parse value [raw: "+t+", without suffix: "+n+"]"):xl()),a},TS=function(){return{x:window.pageXOffset,y:window.pageYOffset}},ko=function(t,n){var o=t.borderBox,a=t.border,s=t.margin,i=t.padding,l=ES(o,n);return aa({borderBox:l,border:a,margin:s,padding:i})},Mo=function(t,n){return n===void 0&&(n=TS()),ko(t,n)},Ml=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 aa({borderBox:t,margin:o,padding:a,border:s})},Ll=function(t){var n=t.getBoundingClientRect(),o=window.getComputedStyle(t);return Ml(n,o)},_l=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function wS(e,t){return!!(e===t||_l(e)&&_l(t))}function CS(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!wS(e[n],t[n]))return!1;return!0}function Oe(e,t){t===void 0&&(t=CS);var n,o=[],a,s=!1;function i(){for(var l=[],d=0;d<arguments.length;d++)l[d]=arguments[d];return s&&n===this&&t(l,o)||(a=e.apply(this,l),s=!0,n=this,o=l),a}return i}var Vn=function(t){var n=[],o=null,a=function(){for(var i=arguments.length,l=new Array(i),d=0;d<i;d++)l[d]=arguments[d];n=l,!o&&(o=requestAnimationFrame(function(){o=null,t.apply(void 0,n)}))};return a.cancel=function(){o&&(cancelAnimationFrame(o),o=null)},a},DS=process.env.NODE_ENV==="production",NS=/[ \t]{2,}/g,IS=/^[ \t]*/gm,Ol=function(t){return t.replace(NS," ").replace(IS,"").trim()},xS=function(t){return Ol(`
352
+ `}}}};function Kr(e,t){return Kr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Kr(e,t)}function Hi(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Kr(e,t)}function ce(){return ce=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},ce.apply(null,arguments)}function $n(e){"@babel/helpers - typeof";return $n=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},$n(e)}function ff(e,t){if($n(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var o=n.call(e,t);if($n(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Sf(e){var t=ff(e,"string");return $n(t)=="symbol"?t:t+""}function gf(e,t,n){return(t=Sf(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Wi(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 Gi(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Wi(Object(n),!0).forEach(function(o){gf(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wi(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 Ui=(function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"})(),zi=function(){return Math.random().toString(36).substring(7).split("").join(".")},ji={INIT:"@@redux/INIT"+zi(),REPLACE:"@@redux/REPLACE"+zi()};function hf(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 bf(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(Ef(e))return"date";if(yf(e))return"error";var n=vf(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 vf(e){return typeof e.constructor=="function"?e.constructor.name:null}function yf(e){return e instanceof Error||typeof e.message=="string"&&e.constructor&&typeof e.constructor.stackTraceLimit=="number"}function Ef(e){return e instanceof Date?!0:typeof e.toDateString=="function"&&typeof e.getDate=="function"&&typeof e.setDate=="function"}function Zt(e){var t=typeof e;return process.env.NODE_ENV!=="production"&&(t=bf(e)),t}function Yi(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: '"+Zt(n)+"'");return n(Yi)(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: '"+Zt(e)+"'");var a=e,s=t,i=[],l=i,d=!1;function c(){l===i&&(l=i.slice())}function u(){if(d)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 m(b){if(typeof b!="function")throw new Error(process.env.NODE_ENV==="production"?Je(4):"Expected the listener to be a function. Instead, received: '"+Zt(b)+"'");if(d)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 c(),l.push(b),function(){if(y){if(d)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,c();var h=l.indexOf(b);l.splice(h,1),i=null}}}function p(b){if(!hf(b))throw new Error(process.env.NODE_ENV==="production"?Je(7):"Actions must be plain objects. Instead, the actual type was: '"+Zt(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(d)throw new Error(process.env.NODE_ENV==="production"?Je(9):"Reducers may not dispatch actions.");try{d=!0,s=a(s,b)}finally{d=!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: '"+Zt(b));a=b,p({type:ji.REPLACE})}function g(){var b,y=m;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: '"+Zt(h)+"'");function N(){h.next&&h.next(u())}N();var w=y(N);return{unsubscribe:w}}},b[Ui]=function(){return this},b}return p({type:ji.INIT}),o={dispatch:p,subscribe:m,getState:u,replaceReducer:f},o[Ui]=g,o}function qi(e,t){return function(){return t(e.apply(this,arguments))}}function Ji(e,t){if(typeof e=="function")return qi(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: '"+Zt(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]=qi(a,t))}return n}function Xi(){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 Tf(){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(d){return d(i)});return s=Xi.apply(void 0,l)(a.dispatch),Gi(Gi({},a),{},{dispatch:s})}}}var Do={exports:{}},No={exports:{}},be={};var Zi;function wf(){if(Zi)return be;Zi=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,d=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,m=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 N(T){if(typeof T=="object"&&T!==null){var L=T.$$typeof;switch(L){case t:switch(T=T.type,T){case d:case c:case o:case s:case a:case m:return T;default:switch(T=T&&T.$$typeof,T){case l:case u:case g:case f:case i:return T;default:return L}}case n:return L}}}function w(T){return N(T)===c}return be.AsyncMode=d,be.ConcurrentMode=c,be.ContextConsumer=l,be.ContextProvider=i,be.Element=t,be.ForwardRef=u,be.Fragment=o,be.Lazy=g,be.Memo=f,be.Portal=n,be.Profiler=s,be.StrictMode=a,be.Suspense=m,be.isAsyncMode=function(T){return w(T)||N(T)===d},be.isConcurrentMode=w,be.isContextConsumer=function(T){return N(T)===l},be.isContextProvider=function(T){return N(T)===i},be.isElement=function(T){return typeof T=="object"&&T!==null&&T.$$typeof===t},be.isForwardRef=function(T){return N(T)===u},be.isFragment=function(T){return N(T)===o},be.isLazy=function(T){return N(T)===g},be.isMemo=function(T){return N(T)===f},be.isPortal=function(T){return N(T)===n},be.isProfiler=function(T){return N(T)===s},be.isStrictMode=function(T){return N(T)===a},be.isSuspense=function(T){return N(T)===m},be.isValidElementType=function(T){return typeof T=="string"||typeof T=="function"||T===o||T===c||T===s||T===a||T===m||T===p||typeof T=="object"&&T!==null&&(T.$$typeof===g||T.$$typeof===f||T.$$typeof===i||T.$$typeof===l||T.$$typeof===u||T.$$typeof===y||T.$$typeof===v||T.$$typeof===h||T.$$typeof===b)},be.typeOf=N,be}var ve={};var Qi;function Cf(){return Qi||(Qi=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,d=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,m=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 N(Q){return typeof Q=="string"||typeof Q=="function"||Q===o||Q===c||Q===s||Q===a||Q===m||Q===p||typeof Q=="object"&&Q!==null&&(Q.$$typeof===g||Q.$$typeof===f||Q.$$typeof===i||Q.$$typeof===l||Q.$$typeof===u||Q.$$typeof===y||Q.$$typeof===v||Q.$$typeof===h||Q.$$typeof===b)}function w(Q){if(typeof Q=="object"&&Q!==null){var fe=Q.$$typeof;switch(fe){case t:var se=Q.type;switch(se){case d:case c:case o:case s:case a:case m:return se;default:var pe=se&&se.$$typeof;switch(pe){case l:case u:case g:case f:case i:return pe;default:return fe}}case n:return fe}}}var T=d,L=c,R=l,_=i,O=t,A=u,U=o,X=g,K=f,C=n,V=s,B=a,M=m,J=!1;function I(Q){return J||(J=!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(Q)||w(Q)===d}function D(Q){return w(Q)===c}function k(Q){return w(Q)===l}function G(Q){return w(Q)===i}function Z(Q){return typeof Q=="object"&&Q!==null&&Q.$$typeof===t}function ne(Q){return w(Q)===u}function te(Q){return w(Q)===o}function H(Q){return w(Q)===g}function q(Q){return w(Q)===f}function Y(Q){return w(Q)===n}function W(Q){return w(Q)===s}function ee(Q){return w(Q)===a}function z(Q){return w(Q)===m}ve.AsyncMode=T,ve.ConcurrentMode=L,ve.ContextConsumer=R,ve.ContextProvider=_,ve.Element=O,ve.ForwardRef=A,ve.Fragment=U,ve.Lazy=X,ve.Memo=K,ve.Portal=C,ve.Profiler=V,ve.StrictMode=B,ve.Suspense=M,ve.isAsyncMode=I,ve.isConcurrentMode=D,ve.isContextConsumer=k,ve.isContextProvider=G,ve.isElement=Z,ve.isForwardRef=ne,ve.isFragment=te,ve.isLazy=H,ve.isMemo=q,ve.isPortal=Y,ve.isProfiler=W,ve.isStrictMode=ee,ve.isSuspense=z,ve.isValidElementType=N,ve.typeOf=w})()),ve}var el;function Hr(){return el||(el=1,process.env.NODE_ENV==="production"?No.exports=wf():No.exports=Cf()),No.exports}var Wr,tl;function Df(){if(tl)return Wr;tl=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 d=Object.getOwnPropertyNames(i).map(function(u){return i[u]});if(d.join("")!=="0123456789")return!1;var c={};return"abcdefghijklmnopqrst".split("").forEach(function(u){c[u]=u}),Object.keys(Object.assign({},c)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return Wr=a()?Object.assign:function(s,i){for(var l,d=o(s),c,u=1;u<arguments.length;u++){l=Object(arguments[u]);for(var m in l)t.call(l,m)&&(d[m]=l[m]);if(e){c=e(l);for(var p=0;p<c.length;p++)n.call(l,c[p])&&(d[c[p]]=l[c[p]])}}return d},Wr}var Gr,nl;function Ur(){if(nl)return Gr;nl=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return Gr=e,Gr}var zr,ol;function rl(){return ol||(ol=1,zr=Function.call.bind(Object.prototype.hasOwnProperty)),zr}var jr,al;function Nf(){if(al)return jr;al=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=Ur(),n={},o=rl();e=function(s){var i="Warning: "+s;typeof console<"u"&&console.error(i);try{throw new Error(i)}catch{}}}function a(s,i,l,d,c){if(process.env.NODE_ENV!=="production"){for(var u in s)if(o(s,u)){var m;try{if(typeof s[u]!="function"){var p=Error((d||"React class")+": "+l+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}m=s[u](i,u,d,l,null,t)}catch(g){m=g}if(m&&!(m instanceof Error)&&e((d||"React class")+": type specification of "+l+" `"+u+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof m+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),m instanceof Error&&!(m.message in n)){n[m.message]=!0;var f=c?c():"";e("Failed "+l+" type: "+m.message+(f??""))}}}}return a.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(n={})},jr=a,jr}var Yr,sl;function If(){if(sl)return Yr;sl=1;var e=Hr(),t=Df(),n=Ur(),o=rl(),a=Nf(),s=function(){};process.env.NODE_ENV!=="production"&&(s=function(l){var d="Warning: "+l;typeof console<"u"&&console.error(d);try{throw new Error(d)}catch{}});function i(){return null}return Yr=function(l,d){var c=typeof Symbol=="function"&&Symbol.iterator,u="@@iterator";function m(D){var k=D&&(c&&D[c]||D[u]);if(typeof k=="function")return k}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:N,element:w(),elementType:T(),instanceOf:L,node:A(),objectOf:_,oneOf:R,oneOfType:O,shape:X,exact:K};function g(D,k){return D===k?D!==0||1/D===1/k:D!==D&&k!==k}function b(D,k){this.message=D,this.data=k&&typeof k=="object"?k:{},this.stack=""}b.prototype=Error.prototype;function y(D){if(process.env.NODE_ENV!=="production")var k={},G=0;function Z(te,H,q,Y,W,ee,z){if(Y=Y||p,ee=ee||q,z!==n){if(d){var Q=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 Q.name="Invariant Violation",Q}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var fe=Y+":"+q;!k[fe]&&G<3&&(s("You are manually calling a React.PropTypes validation function for the `"+ee+"` prop on `"+Y+"`. 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."),k[fe]=!0,G++)}}return H[q]==null?te?H[q]===null?new b("The "+W+" `"+ee+"` is marked as required "+("in `"+Y+"`, but its value is `null`.")):new b("The "+W+" `"+ee+"` is marked as required in "+("`"+Y+"`, but its value is `undefined`.")):null:D(H,q,Y,W,ee)}var ne=Z.bind(null,!1);return ne.isRequired=Z.bind(null,!0),ne}function v(D){function k(G,Z,ne,te,H,q){var Y=G[Z],W=B(Y);if(W!==D){var ee=M(Y);return new b("Invalid "+te+" `"+H+"` of type "+("`"+ee+"` supplied to `"+ne+"`, expected ")+("`"+D+"`."),{expectedType:D})}return null}return y(k)}function h(){return y(i)}function N(D){function k(G,Z,ne,te,H){if(typeof D!="function")return new b("Property `"+H+"` of component `"+ne+"` has invalid PropType notation inside arrayOf.");var q=G[Z];if(!Array.isArray(q)){var Y=B(q);return new b("Invalid "+te+" `"+H+"` of type "+("`"+Y+"` supplied to `"+ne+"`, expected an array."))}for(var W=0;W<q.length;W++){var ee=D(q,W,ne,te,H+"["+W+"]",n);if(ee instanceof Error)return ee}return null}return y(k)}function w(){function D(k,G,Z,ne,te){var H=k[G];if(!l(H)){var q=B(H);return new b("Invalid "+ne+" `"+te+"` of type "+("`"+q+"` supplied to `"+Z+"`, expected a single ReactElement."))}return null}return y(D)}function T(){function D(k,G,Z,ne,te){var H=k[G];if(!e.isValidElementType(H)){var q=B(H);return new b("Invalid "+ne+" `"+te+"` of type "+("`"+q+"` supplied to `"+Z+"`, expected a single ReactElement type."))}return null}return y(D)}function L(D){function k(G,Z,ne,te,H){if(!(G[Z]instanceof D)){var q=D.name||p,Y=I(G[Z]);return new b("Invalid "+te+" `"+H+"` of type "+("`"+Y+"` supplied to `"+ne+"`, expected ")+("instance of `"+q+"`."))}return null}return y(k)}function R(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 k(G,Z,ne,te,H){for(var q=G[Z],Y=0;Y<D.length;Y++)if(g(q,D[Y]))return null;var W=JSON.stringify(D,function(z,Q){var fe=M(Q);return fe==="symbol"?String(Q):Q});return new b("Invalid "+te+" `"+H+"` of value `"+String(q)+"` "+("supplied to `"+ne+"`, expected one of "+W+"."))}return y(k)}function _(D){function k(G,Z,ne,te,H){if(typeof D!="function")return new b("Property `"+H+"` of component `"+ne+"` has invalid PropType notation inside objectOf.");var q=G[Z],Y=B(q);if(Y!=="object")return new b("Invalid "+te+" `"+H+"` of type "+("`"+Y+"` supplied to `"+ne+"`, expected an object."));for(var W in q)if(o(q,W)){var ee=D(q,W,ne,te,H+"."+W,n);if(ee instanceof Error)return ee}return null}return y(k)}function O(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 k=0;k<D.length;k++){var G=D[k];if(typeof G!="function")return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+J(G)+" at index "+k+"."),i}function Z(ne,te,H,q,Y){for(var W=[],ee=0;ee<D.length;ee++){var z=D[ee],Q=z(ne,te,H,q,Y,n);if(Q==null)return null;Q.data&&o(Q.data,"expectedType")&&W.push(Q.data.expectedType)}var fe=W.length>0?", expected one of type ["+W.join(", ")+"]":"";return new b("Invalid "+q+" `"+Y+"` supplied to "+("`"+H+"`"+fe+"."))}return y(Z)}function A(){function D(k,G,Z,ne,te){return C(k[G])?null:new b("Invalid "+ne+" `"+te+"` supplied to "+("`"+Z+"`, expected a ReactNode."))}return y(D)}function U(D,k,G,Z,ne){return new b((D||"React class")+": "+k+" type `"+G+"."+Z+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+ne+"`.")}function X(D){function k(G,Z,ne,te,H){var q=G[Z],Y=B(q);if(Y!=="object")return new b("Invalid "+te+" `"+H+"` of type `"+Y+"` "+("supplied to `"+ne+"`, expected `object`."));for(var W in D){var ee=D[W];if(typeof ee!="function")return U(ne,te,H,W,M(ee));var z=ee(q,W,ne,te,H+"."+W,n);if(z)return z}return null}return y(k)}function K(D){function k(G,Z,ne,te,H){var q=G[Z],Y=B(q);if(Y!=="object")return new b("Invalid "+te+" `"+H+"` of type `"+Y+"` "+("supplied to `"+ne+"`, expected `object`."));var W=t({},G[Z],D);for(var ee in W){var z=D[ee];if(o(D,ee)&&typeof z!="function")return U(ne,te,H,ee,M(z));if(!z)return new b("Invalid "+te+" `"+H+"` key `"+ee+"` supplied to `"+ne+"`.\nBad object: "+JSON.stringify(G[Z],null," ")+`
353
+ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var Q=z(q,ee,ne,te,H+"."+ee,n);if(Q)return Q}return null}return y(k)}function C(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(C);if(D===null||l(D))return!0;var k=m(D);if(k){var G=k.call(D),Z;if(k!==D.entries){for(;!(Z=G.next()).done;)if(!C(Z.value))return!1}else for(;!(Z=G.next()).done;){var ne=Z.value;if(ne&&!C(ne[1]))return!1}}else return!1;return!0;default:return!1}}function V(D,k){return D==="symbol"?!0:k?k["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&k instanceof Symbol:!1}function B(D){var k=typeof D;return Array.isArray(D)?"array":D instanceof RegExp?"object":V(k,D)?"symbol":k}function M(D){if(typeof D>"u"||D===null)return""+D;var k=B(D);if(k==="object"){if(D instanceof Date)return"date";if(D instanceof RegExp)return"regexp"}return k}function J(D){var k=M(D);switch(k){case"array":case"object":return"an "+k;case"boolean":case"date":case"regexp":return"a "+k;default:return k}}function I(D){return!D.constructor||!D.constructor.name?p:D.constructor.name}return f.checkPropTypes=a,f.resetWarningCache=a.resetWarningCache,f.PropTypes=f,f},Yr}var qr,il;function xf(){if(il)return qr;il=1;var e=Ur();function t(){}function n(){}return n.resetWarningCache=t,qr=function(){function o(i,l,d,c,u,m){if(m!==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},qr}var ll;function kf(){if(ll)return Do.exports;if(ll=1,process.env.NODE_ENV!=="production"){var e=Hr(),t=!0;Do.exports=If()(e.isElement,t)}else Do.exports=xf()();return Do.exports}var Mf=kf();const vn=Ir(Mf);var Jr=E.createContext(null);process.env.NODE_ENV!=="production"&&(Jr.displayName="ReactRedux");function Lf(e){e()}var cl=Lf,_f=function(t){return cl=t},Pf=function(){return cl};function Of(){var e=Pf(),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 dl={notify:function(){},get:function(){return[]}};function pl(e,t){var n,o=dl;function a(m){return d(),o.subscribe(m)}function s(){o.notify()}function i(){u.onStateChange&&u.onStateChange()}function l(){return!!n}function d(){n||(n=t?t.addNestedSub(i):e.subscribe(i),o=Of())}function c(){n&&(n(),n=void 0,o.clear(),o=dl)}var u={addNestedSub:a,notifyNestedSubs:s,handleChangeWrapper:i,isSubscribed:l,trySubscribe:d,tryUnsubscribe:c,getListeners:function(){return o}};return u}var ul=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?E.useLayoutEffect:E.useEffect;function ml(e){var t=e.store,n=e.context,o=e.children,a=E.useMemo(function(){var l=pl(t);return{store:t,subscription:l}},[t]),s=E.useMemo(function(){return t.getState()},[t]);ul(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||Jr;return E.createElement(i.Provider,{value:a},o)}process.env.NODE_ENV!=="production"&&(ml.propTypes={store:vn.shape({subscribe:vn.func.isRequired,dispatch:vn.func.isRequired,getState:vn.func.isRequired}),context:vn.object,children:vn.any});function Io(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 Xr,fl;function Bf(){if(fl)return Xr;fl=1;var e=Hr(),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,d=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols,u=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,p=Object.prototype;function f(g,b,y){if(typeof b!="string"){if(p){var v=m(b);v&&v!==p&&f(g,v,y)}var h=d(b);c&&(h=h.concat(c(b)));for(var N=i(g),w=i(b),T=0;T<h.length;++T){var L=h[T];if(!n[L]&&!(y&&y[L])&&!(w&&w[L])&&!(N&&N[L])){var R=u(b,L);try{l(g,L,R)}catch{}}}}return g}return Xr=f,Xr}var Rf=Bf();const Sl=Ir(Rf);var xo={exports:{}},Ee={};var gl;function Ff(){if(gl)return Ee;gl=1;var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,d=60113,c=60120,u=60115,m=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"),d=v("react.suspense"),c=v("react.suspense_list"),u=v("react.memo"),m=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 C=K.$$typeof;switch(C){case e:switch(K=K.type,K){case n:case a:case o:case d:case c:return K;default:switch(K=K&&K.$$typeof,K){case i:case l:case m:case u:case s:return K;default:return C}}case t:return C}}}var N=s,w=e,T=l,L=n,R=m,_=u,O=t,A=a,U=o,X=d;return Ee.ContextConsumer=i,Ee.ContextProvider=N,Ee.Element=w,Ee.ForwardRef=T,Ee.Fragment=L,Ee.Lazy=R,Ee.Memo=_,Ee.Portal=O,Ee.Profiler=A,Ee.StrictMode=U,Ee.Suspense=X,Ee.isAsyncMode=function(){return!1},Ee.isConcurrentMode=function(){return!1},Ee.isContextConsumer=function(K){return h(K)===i},Ee.isContextProvider=function(K){return h(K)===s},Ee.isElement=function(K){return typeof K=="object"&&K!==null&&K.$$typeof===e},Ee.isForwardRef=function(K){return h(K)===l},Ee.isFragment=function(K){return h(K)===n},Ee.isLazy=function(K){return h(K)===m},Ee.isMemo=function(K){return h(K)===u},Ee.isPortal=function(K){return h(K)===t},Ee.isProfiler=function(K){return h(K)===a},Ee.isStrictMode=function(K){return h(K)===o},Ee.isSuspense=function(K){return h(K)===d},Ee.isValidElementType=function(K){return typeof K=="string"||typeof K=="function"||K===n||K===a||K===b||K===o||K===d||K===c||K===y||typeof K=="object"&&K!==null&&(K.$$typeof===m||K.$$typeof===u||K.$$typeof===s||K.$$typeof===i||K.$$typeof===l||K.$$typeof===g||K.$$typeof===p||K[0]===f)},Ee.typeOf=h,Ee}var Te={};var hl;function Af(){return hl||(hl=1,process.env.NODE_ENV!=="production"&&(function(){var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,d=60113,c=60120,u=60115,m=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"),d=v("react.suspense"),c=v("react.suspense_list"),u=v("react.memo"),m=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 N(z){return!!(typeof z=="string"||typeof z=="function"||z===n||z===a||z===b||z===o||z===d||z===c||z===y||h||typeof z=="object"&&z!==null&&(z.$$typeof===m||z.$$typeof===u||z.$$typeof===s||z.$$typeof===i||z.$$typeof===l||z.$$typeof===g||z.$$typeof===p||z[0]===f))}function w(z){if(typeof z=="object"&&z!==null){var Q=z.$$typeof;switch(Q){case e:var fe=z.type;switch(fe){case n:case a:case o:case d:case c:return fe;default:var se=fe&&fe.$$typeof;switch(se){case i:case l:case m:case u:case s:return se;default:return Q}}case t:return Q}}}var T=i,L=s,R=e,_=l,O=n,A=m,U=u,X=t,K=a,C=o,V=d,B=!1,M=!1;function J(z){return B||(B=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function I(z){return M||(M=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function D(z){return w(z)===i}function k(z){return w(z)===s}function G(z){return typeof z=="object"&&z!==null&&z.$$typeof===e}function Z(z){return w(z)===l}function ne(z){return w(z)===n}function te(z){return w(z)===m}function H(z){return w(z)===u}function q(z){return w(z)===t}function Y(z){return w(z)===a}function W(z){return w(z)===o}function ee(z){return w(z)===d}Te.ContextConsumer=T,Te.ContextProvider=L,Te.Element=R,Te.ForwardRef=_,Te.Fragment=O,Te.Lazy=A,Te.Memo=U,Te.Portal=X,Te.Profiler=K,Te.StrictMode=C,Te.Suspense=V,Te.isAsyncMode=J,Te.isConcurrentMode=I,Te.isContextConsumer=D,Te.isContextProvider=k,Te.isElement=G,Te.isForwardRef=Z,Te.isFragment=ne,Te.isLazy=te,Te.isMemo=H,Te.isPortal=q,Te.isProfiler=Y,Te.isStrictMode=W,Te.isSuspense=ee,Te.isValidElementType=N,Te.typeOf=w})()),Te}var bl;function $f(){return bl||(bl=1,process.env.NODE_ENV==="production"?xo.exports=Ff():xo.exports=Af()),xo.exports}var vl=$f(),Vf=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],Kf=["reactReduxForwardedRef"],Hf=[],Wf=[null,null],Gf=function(t){try{return JSON.stringify(t)}catch{return String(t)}};function Uf(e,t){var n=e[1];return[t.payload,n+1]}function yl(e,t,n){ul(function(){return e.apply(void 0,t)},n)}function zf(e,t,n,o,a,s,i){e.current=o,t.current=a,n.current=!1,s.current&&(s.current=null,i())}function jf(e,t,n,o,a,s,i,l,d,c){if(e){var u=!1,m=null,p=function(){if(!u){var b=t.getState(),y,v;try{y=o(b,a.current)}catch(h){v=h,m=h}v||(m=null),y===s.current?i.current||d():(s.current=y,l.current=y,i.current=!0,c({type:"STORE_UPDATED",payload:{error:v}}))}};n.onStateChange=p,n.trySubscribe(),p();var f=function(){if(u=!0,n.tryUnsubscribe(),n.onStateChange=null,m)throw m};return f}}var Yf=function(){return[null,0]};function qf(e,t){t===void 0&&(t={});var n=t,o=n.getDisplayName,a=o===void 0?function(L){return"ConnectAdvanced("+L+")"}:o,s=n.methodName,i=s===void 0?"connectAdvanced":s,l=n.renderCountProp,d=l===void 0?void 0:l,c=n.shouldHandleStateChanges,u=c===void 0?!0:c,m=n.storeKey,p=m===void 0?"store":m,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?Jr:v,N=Io(n,Vf);if(process.env.NODE_ENV!=="production"){if(d!==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 w="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. "+w)}var T=h;return function(R){if(process.env.NODE_ENV!=="production"&&!vl.isValidElementType(R))throw new Error("You must pass a component to the function returned by "+(i+". Instead received "+Gf(R)));var _=R.displayName||R.name||"Component",O=a(_),A=ce({},N,{getDisplayName:a,methodName:i,renderCountProp:d,shouldHandleStateChanges:u,storeKey:p,displayName:O,wrappedComponentName:_,WrappedComponent:R}),U=N.pure;function X(M){return e(M.dispatch,A)}var K=U?E.useMemo:function(M){return M()};function C(M){var J=E.useMemo(function(){var Ve=M.reactReduxForwardedRef,ft=Io(M,Kf);return[M.context,Ve,ft]},[M]),I=J[0],D=J[1],k=J[2],G=E.useMemo(function(){return I&&I.Consumer&&vl.isContextConsumer(E.createElement(I.Consumer,null))?I:T},[I,T]),Z=E.useContext(G),ne=!!M.store&&!!M.store.getState&&!!M.store.dispatch,te=!!Z&&!!Z.store;if(process.env.NODE_ENV!=="production"&&!ne&&!te)throw new Error('Could not find "store" in the context of '+('"'+O+'". Either wrap the root component in a <Provider>, ')+"or pass a custom React context provider to <Provider> and the corresponding "+("React context consumer to "+O+" in connect options."));var H=ne?M.store:Z.store,q=E.useMemo(function(){return X(H)},[H]),Y=E.useMemo(function(){if(!u)return Wf;var Ve=pl(H,ne?null:Z.subscription),ft=Ve.notifyNestedSubs.bind(Ve);return[Ve,ft]},[H,ne,Z]),W=Y[0],ee=Y[1],z=E.useMemo(function(){return ne?Z:ce({},Z,{subscription:W})},[ne,Z,W]),Q=E.useReducer(Uf,Hf,Yf),fe=Q[0],se=fe[0],pe=Q[1];if(se&&se.error)throw se.error;var He=E.useRef(),$e=E.useRef(k),Xe=E.useRef(),nt=E.useRef(!1),mt=K(function(){return Xe.current&&k===$e.current?Xe.current:q(H.getState(),k)},[H,se,k]);yl(zf,[$e,He,nt,k,mt,Xe,ee]),yl(jf,[u,H,W,q,$e,He,nt,Xe,ee,pe],[H,W,q]);var xe=E.useMemo(function(){return E.createElement(R,ce({},mt,{ref:D}))},[D,R,mt]),ot=E.useMemo(function(){return u?E.createElement(G.Provider,{value:z},xe):xe},[G,xe,z]);return ot}var V=U?E.memo(C):C;if(V.WrappedComponent=R,V.displayName=C.displayName=O,y){var B=E.forwardRef(function(J,I){return E.createElement(V,ce({},J,{reactReduxForwardedRef:I}))});return B.displayName=O,B.WrappedComponent=R,Sl(B,R)}return Sl(V,R)}}function El(e,t){return e===t?e!==0||t!==0||1/e===1/t:e!==e&&t!==t}function Zr(e,t){if(El(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])||!El(e[n[a]],t[n[a]]))return!1;return!0}function Jf(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 Xf(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 Tl(e){typeof console<"u"&&typeof console.error=="function"&&console.error(e);try{throw new Error(e)}catch{}}function wl(e,t,n){Xf(e)||Tl(n+"() in "+t+" must return a plain object. Instead received "+e+".")}function Qr(e){return function(n,o){var a=e(n,o);function s(){return a}return s.dependsOnOwnProps=!1,s}}function Cl(e){return e.dependsOnOwnProps!==null&&e.dependsOnOwnProps!==void 0?!!e.dependsOnOwnProps:e.length!==1}function Dl(e,t){return function(o,a){var s=a.displayName,i=function(d,c){return i.dependsOnOwnProps?i.mapToProps(d,c):i.mapToProps(d)};return i.dependsOnOwnProps=!0,i.mapToProps=function(d,c){i.mapToProps=e,i.dependsOnOwnProps=Cl(e);var u=i(d,c);return typeof u=="function"&&(i.mapToProps=u,i.dependsOnOwnProps=Cl(u),u=i(d,c)),process.env.NODE_ENV!=="production"&&wl(u,s,t),u},i}}function Zf(e){return typeof e=="function"?Dl(e,"mapDispatchToProps"):void 0}function Qf(e){return e?void 0:Qr(function(t){return{dispatch:t}})}function eS(e){return e&&typeof e=="object"?Qr(function(t){return Jf(e,t)}):void 0}const tS=[Zf,Qf,eS];function nS(e){return typeof e=="function"?Dl(e,"mapStateToProps"):void 0}function oS(e){return e?void 0:Qr(function(){return{}})}const rS=[nS,oS];function aS(e,t,n){return ce({},n,e,t)}function sS(e){return function(n,o){var a=o.displayName,s=o.pure,i=o.areMergedPropsEqual,l=!1,d;return function(u,m,p){var f=e(u,m,p);return l?(!s||!i(f,d))&&(d=f):(l=!0,d=f,process.env.NODE_ENV!=="production"&&wl(d,a,"mergeProps")),d}}}function iS(e){return typeof e=="function"?sS(e):void 0}function lS(e){return e?void 0:function(){return aS}}const cS=[iS,lS];function ea(e,t,n){if(e)(t==="mapStateToProps"||t==="mapDispatchToProps")&&(Object.prototype.hasOwnProperty.call(e,"dependsOnOwnProps")||Tl("The selector for "+t+" of "+n+" did not specify a value for dependsOnOwnProps."));else throw new Error("Unexpected value for "+t+" in "+n+".")}function dS(e,t,n,o){ea(e,"mapStateToProps",o),ea(t,"mapDispatchToProps",o),ea(n,"mergeProps",o)}var pS=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function uS(e,t,n,o){return function(s,i){return n(e(s,i),t(o,i),i)}}function mS(e,t,n,o,a){var s=a.areStatesEqual,i=a.areOwnPropsEqual,l=a.areStatePropsEqual,d=!1,c,u,m,p,f;function g(N,w){return c=N,u=w,m=e(c,u),p=t(o,u),f=n(m,p,u),d=!0,f}function b(){return m=e(c,u),t.dependsOnOwnProps&&(p=t(o,u)),f=n(m,p,u),f}function y(){return e.dependsOnOwnProps&&(m=e(c,u)),t.dependsOnOwnProps&&(p=t(o,u)),f=n(m,p,u),f}function v(){var N=e(c,u),w=!l(N,m);return m=N,w&&(f=n(m,p,u)),f}function h(N,w){var T=!i(w,u),L=!s(N,c,w,u);return c=N,u=w,T&&L?b():T?y():L?v():f}return function(w,T){return d?h(w,T):g(w,T)}}function fS(e,t){var n=t.initMapStateToProps,o=t.initMapDispatchToProps,a=t.initMergeProps,s=Io(t,pS),i=n(e,s),l=o(e,s),d=a(e,s);process.env.NODE_ENV!=="production"&&dS(i,l,d,s.displayName);var c=s.pure?mS:uS;return c(i,l,d,e,s)}var SS=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function ta(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 gS(e,t){return e===t}function hS(e){var t=e===void 0?{}:e,n=t.connectHOC,o=n===void 0?qf:n,a=t.mapStateToPropsFactories,s=a===void 0?rS:a,i=t.mapDispatchToPropsFactories,l=i===void 0?tS:i,d=t.mergePropsFactories,c=d===void 0?cS:d,u=t.selectorFactory,m=u===void 0?fS:u;return function(f,g,b,y){y===void 0&&(y={});var v=y,h=v.pure,N=h===void 0?!0:h,w=v.areStatesEqual,T=w===void 0?gS:w,L=v.areOwnPropsEqual,R=L===void 0?Zr:L,_=v.areStatePropsEqual,O=_===void 0?Zr:_,A=v.areMergedPropsEqual,U=A===void 0?Zr:A,X=Io(v,SS),K=ta(f,s,"mapStateToProps"),C=ta(g,l,"mapDispatchToProps"),V=ta(b,c,"mergeProps");return o(m,ce({methodName:"connect",getDisplayName:function(M){return"Connect("+M+")"},shouldHandleStateChanges:!!f,initMapStateToProps:K,initMapDispatchToProps:C,initMergeProps:V,pure:N,areStatesEqual:T,areOwnPropsEqual:R,areStatePropsEqual:O,areMergedPropsEqual:U},X))}}const Nl=hS();_f(Ln.unstable_batchedUpdates);function bS(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 Il(e,t){var n=E.useState(function(){return{inputs:t,result:e()}})[0],o=E.useRef(!0),a=E.useRef(n),s=o.current||!!(t&&a.current.inputs&&bS(t,a.current.inputs)),i=s?a.current:{inputs:t,result:e()};return E.useEffect(function(){o.current=!1,a.current=i},[i]),i.result}function vS(e,t){return Il(function(){return e},t)}var Se=Il,le=vS,yS=process.env.NODE_ENV==="production",na="Invariant failed";function xl(e,t){if(yS)throw new Error(na);var n=typeof t=="function"?t():t,o=n?"".concat(na,": ").concat(n):na;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,d={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 d},oa=function(t,n){return{top:t.top-n.top,left:t.left-n.left,bottom:t.bottom+n.bottom,right:t.right+n.right}},kl=function(t,n){return{top:t.top+n.top,left:t.left+n.left,bottom:t.bottom-n.bottom,right:t.right-n.right}},ES=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},ra={top:0,right:0,bottom:0,left:0},aa=function(t){var n=t.borderBox,o=t.margin,a=o===void 0?ra:o,s=t.border,i=s===void 0?ra:s,l=t.padding,d=l===void 0?ra:l,c=St(oa(n,a)),u=St(kl(n,i)),m=St(kl(u,d));return{marginBox:c,borderBox:St(n),paddingBox:u,contentBox:m,margin:a,border:i,padding:d}},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"?xl(!1,"Could not parse value [raw: "+t+", without suffix: "+n+"]"):xl()),a},TS=function(){return{x:window.pageXOffset,y:window.pageYOffset}},ko=function(t,n){var o=t.borderBox,a=t.border,s=t.margin,i=t.padding,l=ES(o,n);return aa({borderBox:l,border:a,margin:s,padding:i})},Mo=function(t,n){return n===void 0&&(n=TS()),ko(t,n)},Ml=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 aa({borderBox:t,margin:o,padding:a,border:s})},Ll=function(t){var n=t.getBoundingClientRect(),o=window.getComputedStyle(t);return Ml(n,o)},_l=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function wS(e,t){return!!(e===t||_l(e)&&_l(t))}function CS(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!wS(e[n],t[n]))return!1;return!0}function Pe(e,t){t===void 0&&(t=CS);var n,o=[],a,s=!1;function i(){for(var l=[],d=0;d<arguments.length;d++)l[d]=arguments[d];return s&&n===this&&t(l,o)||(a=e.apply(this,l),s=!0,n=this,o=l),a}return i}var Vn=function(t){var n=[],o=null,a=function(){for(var i=arguments.length,l=new Array(i),d=0;d<i;d++)l[d]=arguments[d];n=l,!o&&(o=requestAnimationFrame(function(){o=null,t.apply(void 0,n)}))};return a.cancel=function(){o&&(cancelAnimationFrame(o),o=null)},a},DS=process.env.NODE_ENV==="production",NS=/[ \t]{2,}/g,IS=/^[ \t]*/gm,Pl=function(t){return t.replace(NS," ").replace(IS,"").trim()},xS=function(t){return Pl(`
354
354
  %creact-beautiful-dnd
355
355
 
356
- %c`+Ol(t)+`
356
+ %c`+Pl(t)+`
357
357
 
358
358
  %c👷‍ This is a development only message. It will be removed in production builds.
359
- `)},kS=function(t){return[xS(t),"color: #00C584; font-size: 1.2em; font-weight: bold;","line-height: 1.5","color: #723874;"]},MS="__react-beautiful-dnd-disable-dev-warnings";function Pl(e,t){var n;DS||typeof window<"u"&&window[MS]||(n=console)[e].apply(n,kS(t))}var Ce=Pl.bind(null,"warn"),sa=Pl.bind(null,"error");function Ft(){}function LS(e,t){return le({},e,{},t)}function it(e,t,n){var o=t.map(function(a){var s=LS(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 _S=process.env.NODE_ENV==="production",Bl="Invariant failed";function Kn(e){this.message=e}Kn.prototype.toString=function(){return this.message};function O(e,t){throw _S?new Kn(Bl):new Kn(Bl+": "+(t||""))}var OS=(function(e){Hi(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 d=o.getCallbacks();d.isDragging()&&(d.tryAbort(),process.env.NODE_ENV!=="production"&&Ce(`
359
+ `)},kS=function(t){return[xS(t),"color: #00C584; font-size: 1.2em; font-weight: bold;","line-height: 1.5","color: #723874;"]},MS="__react-beautiful-dnd-disable-dev-warnings";function Ol(e,t){var n;DS||typeof window<"u"&&window[MS]||(n=console)[e].apply(n,kS(t))}var Ce=Ol.bind(null,"warn"),sa=Ol.bind(null,"error");function Ft(){}function LS(e,t){return ce({},e,{},t)}function it(e,t,n){var o=t.map(function(a){var s=LS(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 _S=process.env.NODE_ENV==="production",Bl="Invariant failed";function Kn(e){this.message=e}Kn.prototype.toString=function(){return this.message};function P(e,t){throw _S?new Kn(Bl):new Kn(Bl+": "+(t||""))}var PS=(function(e){Hi(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 d=o.getCallbacks();d.isDragging()&&(d.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
- `));var c=l.error;c instanceof Kn&&(l.preventDefault(),process.env.NODE_ENV!=="production"&&sa(c.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 Kn){process.env.NODE_ENV!=="production"&&sa(a.message),this.setState({});return}throw a},n.componentWillUnmount=function(){this.unbind()},n.render=function(){return this.props.children(this.setCallbacks)},t})(E.Component),PS=`
362
+ `));var c=l.error;c instanceof Kn&&(l.preventDefault(),process.env.NODE_ENV!=="production"&&sa(c.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 Kn){process.env.NODE_ENV!=="production"&&sa(a.message),this.setState({});return}throw a},n.componentWillUnmount=function(){this.unbind()},n.render=function(){return this.props.children(this.setCallbacks)},t})(E.Component),OS=`
363
363
  Press space bar to start a drag.
364
364
  When dragging you can use the arrow keys to move the item around and escape to cancel.
365
365
  Some screen readers may require you to be in focus mode or to use your pass through key
@@ -395,27 +395,27 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
395
395
  `:`
396
396
  The item has been dropped while not over a drop area.
397
397
  `+Al(t.source)+`
398
- `},_o={dragHandleUsageInstructions:PS,onDragStart:BS,onDragUpdate:RS,onDragEnd:FS},Pe={x:0,y:0},Ae=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}},Qt=function(t,n,o){var a;return o===void 0&&(o=0),a={},a[t]=n,a[t==="x"?"y":"x"]=o,a},Hn=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},$l=function(t,n){return Math.min.apply(Math,n.map(function(o){return Hn(t,o)}))},Vl=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},AS=(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}),Wn=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},Kl=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}]},$S={top:0,right:0,bottom:0,left:0},VS=function(t,n){return n?Wn(t,n.scroll.diff.displacement):t},KS=function(t,n,o){if(o&&o.increasedBy){var a;return le({},t,(a={},a[n.end]=t[n.end]+o.increasedBy[n.line],a))}return t},HS=function(t,n){return n&&n.shouldClipSubject?AS(n.pageMarginBox,t):St(t)},En=(function(e){var t=e.page,n=e.withPlaceholder,o=e.axis,a=e.frame,s=VS(t.marginBox,a),i=KS(s,o,n),l=HS(i,a);return{page:t,withPlaceholder:n,active:l}}),ia=(function(e,t){e.frame||(process.env.NODE_ENV,O());var n=e.frame,o=Qe(t,n.scroll.initial),a=yn(o),s=le({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:o,displacement:a},max:n.scroll.max}}),i=En({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:s}),l=le({},e,{frame:s,subject:i});return l});function WS(e){return Number.isInteger?Number.isInteger(e):typeof e=="number"&&isFinite(e)&&Math.floor(e)===e}function Oo(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function la(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=la(e,t);if(n!==-1)return e[n]}function Hl(e){return Array.prototype.slice.call(e)}var Wl=Oe(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Gl=Oe(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Po=Oe(function(e){return Oo(e)}),GS=Oe(function(e){return Oo(e)}),en=Oe(function(e,t){var n=GS(t).filter(function(o){return e===o.descriptor.droppableId}).sort(function(o,a){return o.descriptor.index-a.descriptor.index});return n});function ca(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function Bo(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var Ro=Oe(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),US=(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=ca(s);if(!i)return null;function l(h){var y={type:"COMBINE",combine:{draggableId:h,droppableId:o.descriptor.id}};return le({},s,{at:y})}var d=s.displaced.all,c=d.length?d[0]:null;if(t)return c?l(c):null;var u=Ro(n,a);if(!c){if(!u.length)return null;var m=u[u.length-1];return l(m.descriptor.id)}var p=la(u,function(h){return h.descriptor.id===c});p===-1&&(process.env.NODE_ENV!=="production"?O(!1,"Could not find displaced item in set"):O());var f=p-1;if(f<0)return null;var g=u[f];return l(g.descriptor.id)}),Tn=(function(e,t){return e.descriptor.droppableId===t.descriptor.id}),Ul={point:Pe,value:0},Gn={invisible:{},visible:{},all:[]},zS={displaced:Gn,displacedBy:Ul,at:null},lt=(function(e,t){return function(n){return e<=n&&n<=t}}),zl=(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 d=o.top<e.top&&o.bottom>e.bottom,c=o.left<e.left&&o.right>e.right,u=d&&c;if(u)return!0;var m=d&&i||c&&s;return m}}),jS=(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}}),da={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},jl={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},YS=(function(e){return function(t){var n=lt(t.top,t.bottom),o=lt(t.left,t.right);return function(a){return e===da?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:Pe;return Wn(t,o)},JS=function(t,n,o){return n.subject.active?o(n.subject.active)(t):!1},XS=function(t,n,o){return o(n)(t)},pa=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 JS(l,o,i)&&XS(l,a,i)},ZS=function(t){return pa(le({},t,{isVisibleThroughFrameFn:zl}))},Yl=function(t){return pa(le({},t,{isVisibleThroughFrameFn:jS}))},QS=function(t){return pa(le({},t,{isVisibleThroughFrameFn:YS(t.destination.axis)}))},eg=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 tg(e,t){var n=e.page.marginBox,o={top:t.point.y,right:0,bottom:0,left:t.point.x};return St(oa(n,o))}function Un(e){var t=e.afterDragging,n=e.destination,o=e.displacedBy,a=e.viewport,s=e.forceShouldAnimate,i=e.last;return t.reduce(function(d,c){var u=tg(c,o),m=c.descriptor.id;d.all.push(m);var p=ZS({target:u,destination:n,viewport:a,withDroppableDisplacement:!0});if(!p)return d.invisible[c.descriptor.id]=!0,d;var f=eg(m,i,s),g={draggableId:m,shouldAnimate:f};return d.visible[m]=g,d},{all:[],visible:{},invisible:{}})}function ng(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function ql(e){var t=e.insideDestination,n=e.inHomeList,o=e.displacedBy,a=e.destination,s=ng(t,{inHomeList:n});return{displaced:Gn,displacedBy:o,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:s}}}}function Fo(e){var t=e.draggable,n=e.insideDestination,o=e.destination,a=e.viewport,s=e.displacedBy,i=e.last,l=e.index,d=e.forceShouldAnimate,c=Tn(t,o);if(l==null)return ql({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var u=$t(n,function(h){return h.descriptor.index===l});if(!u)return ql({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var m=Ro(t,n),p=n.indexOf(u),f=m.slice(p),g=Un({afterDragging:f,destination:o,displacedBy:s,last:i,viewport:a.frame,forceShouldAnimate:d});return{displaced:g,displacedBy:s,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:l}}}}function Vt(e,t){return!!t.effected[e]}var og=(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],d=l.descriptor.index,c=Vt(i,s);return c?t?d:d-1:t?d+1:d}),rg=(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,d=o[o.length-1].descriptor.index,c=n?d:d+1;return i<l||i>c?null:i}),ag=(function(e){var t=e.isMovingForward,n=e.isInHomeList,o=e.draggable,a=e.draggables,s=e.destination,i=e.insideDestination,l=e.previousImpact,d=e.viewport,c=e.afterCritical,u=l.at;if(u||(process.env.NODE_ENV!=="production"?O(!1,"Cannot move in direction without previous impact location"):O()),u.type==="REORDER"){var m=rg({isMovingForward:t,isInHomeList:n,location:u.destination,insideDestination:i});return m==null?null:Fo({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:m})}var p=og({isMovingForward:t,destination:s,displaced:l.displaced,draggables:a,combine:u.combine,afterCritical:c});return p==null?null:Fo({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:p})}),sg=(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?Pe:yn(a.point):s?a.point:Pe}),ig=(function(e){var t=e.afterCritical,n=e.impact,o=e.draggables,a=Bo(n);a||(process.env.NODE_ENV,O());var s=a.draggableId,i=o[s].page.borderBox.center,l=sg({displaced:n.displaced,afterCritical:t,combineWith:s,displacedBy:n.displacedBy});return Ae(i,l)}),Jl=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},lg=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},ua=function(t,n,o){return n[t.crossAxisStart]+o.margin[t.crossAxisStart]+o.borderBox[t.crossAxisSize]/2},Xl=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Qt(n.line,o.marginBox[n.end]+Jl(n,a),ua(n,o.marginBox,a))},Zl=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Qt(n.line,o.marginBox[n.start]-lg(n,a),ua(n,o.marginBox,a))},cg=function(t){var n=t.axis,o=t.moveInto,a=t.isMoving;return Qt(n.line,o.contentBox[n.start]+Jl(n,a),ua(n,o.contentBox,a))},dg=(function(e){var t=e.impact,n=e.draggable,o=e.draggables,a=e.droppable,s=e.afterCritical,i=en(a.descriptor.id,o),l=n.page,d=a.axis;if(!i.length)return cg({axis:d,moveInto:a.page,isMoving:l});var c=t.displaced,u=t.displacedBy,m=c.all[0];if(m){var p=o[m];if(Vt(m,s))return Zl({axis:d,moveRelativeTo:p.page,isMoving:l});var f=ko(p.page,u.point);return Zl({axis:d,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 h=ko(g.page,yn(s.displacedBy.point));return Xl({axis:d,moveRelativeTo:h,isMoving:l})}return Xl({axis:d,moveRelativeTo:g.page,isMoving:l})}),ma=(function(e,t){var n=e.frame;return n?Ae(t,n.scroll.diff.displacement):t}),pg=function(t){var n=t.impact,o=t.draggable,a=t.droppable,s=t.draggables,i=t.afterCritical,l=o.page.borderBox.center,d=n.at;return!a||!d?l:d.type==="REORDER"?dg({impact:n,draggable:o,draggables:s,droppable:a,afterCritical:i}):ig({impact:n,draggables:s,afterCritical:i})},Ao=(function(e){var t=pg(e),n=e.droppable,o=n?ma(n,t):t;return o}),Ql=(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 ec(e,t){return e.map(function(n){return t[n]})}function ug(e,t){for(var n=0;n<t.length;n++){var o=t[n].visible[e];if(o)return o}return null}var mg=(function(e){var t=e.impact,n=e.viewport,o=e.destination,a=e.draggables,s=e.maxScrollChange,i=Ql(n,Ae(n.scroll.current,s)),l=o.frame?ia(o,Ae(o.frame.scroll.current,s)):o,d=t.displaced,c=Un({afterDragging:ec(d.all,a),destination:o,displacedBy:t.displacedBy,viewport:i.frame,last:d,forceShouldAnimate:!1}),u=Un({afterDragging:ec(d.all,a),destination:l,displacedBy:t.displacedBy,viewport:n.frame,last:d,forceShouldAnimate:!1}),m={},p={},f=[d,c,u];d.all.forEach(function(h){var y=ug(h,f);if(y){p[h]=y;return}m[h]=!0});var g=le({},t,{displaced:{all:d.all,invisible:m,visible:p}});return g}),fg=(function(e,t){return Ae(e.scroll.diff.displacement,t)}),fa=(function(e){var t=e.pageBorderBoxCenter,n=e.draggable,o=e.viewport,a=fg(o,t),s=Qe(a,n.page.borderBox.center);return Ae(n.client.borderBox.center,s)}),tc=(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,d=Qe(o,t.page.borderBox.center),c=Wn(t.page.borderBox,d),u={target:c,destination:n,withDroppableDisplacement:s,viewport:a};return l?QS(u):Yl(u)}),Sg=(function(e){var t=e.isMovingForward,n=e.draggable,o=e.destination,a=e.draggables,s=e.previousImpact,i=e.viewport,l=e.previousPageBorderBoxCenter,d=e.previousClientSelection,c=e.afterCritical;if(!o.isEnabled)return null;var u=en(o.descriptor.id,a),m=Tn(n,o),p=US({isMovingForward:t,draggable:n,destination:o,insideDestination:u,previousImpact:s})||ag({isMovingForward:t,isInHomeList:m,draggable:n,draggables:a,destination:o,insideDestination:u,previousImpact:s,viewport:i,afterCritical:c});if(!p)return null;var f=Ao({impact:p,draggable:n,droppable:o,draggables:a,afterCritical:c}),g=tc({draggable:n,destination:o,newPageBorderBoxCenter:f,viewport:i.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(g){var h=fa({pageBorderBoxCenter:f,draggable:n,viewport:i});return{clientSelection:h,impact:p,scrollJumpRequest:null}}var y=Qe(f,l),v=mg({impact:p,viewport:i,destination:o,draggables:a,maxScrollChange:y});return{clientSelection:d,impact:v,scrollJumpRequest:y}}),Ge=function(t){var n=t.subject.active;return n||(process.env.NODE_ENV!=="production"?O(!1,"Cannot get clipped area from droppable"):O()),n},gg=(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,d=lt(i[l.start],i[l.end]),c=Po(a).filter(function(m){return m!==o}).filter(function(m){return m.isEnabled}).filter(function(m){return!!m.subject.active}).filter(function(m){return zl(s.frame)(Ge(m))}).filter(function(m){var p=Ge(m);return t?i[l.crossAxisEnd]<p[l.crossAxisEnd]:p[l.crossAxisStart]<i[l.crossAxisStart]}).filter(function(m){var p=Ge(m),f=lt(p[l.start],p[l.end]);return d(p[l.start])||d(p[l.end])||f(i[l.start])||f(i[l.end])}).sort(function(m,p){var f=Ge(m)[l.crossAxisStart],g=Ge(p)[l.crossAxisStart];return t?f-g:g-f}).filter(function(m,p,f){return Ge(m)[l.crossAxisStart]===Ge(f[0])[l.crossAxisStart]});if(!c.length)return null;if(c.length===1)return c[0];var u=c.filter(function(m){var p=lt(Ge(m)[l.start],Ge(m)[l.end]);return p(n[l.line])});return u.length===1?u[0]:u.length>1?u.sort(function(m,p){return Ge(m)[l.start]-Ge(p)[l.start]})[0]:c.sort(function(m,p){var f=$l(n,Kl(Ge(m))),g=$l(n,Kl(Ge(p)));return f!==g?f-g:Ge(m)[l.start]-Ge(p)[l.start]})[0]}),nc=function(t,n){var o=t.page.borderBox.center;return Vt(t.descriptor.id,n)?Qe(o,n.displacedBy.point):o},hg=function(t,n){var o=t.page.borderBox;return Vt(t.descriptor.id,n)?Wn(o,yn(n.displacedBy.point)):o},bg=(function(e){var t=e.pageBorderBoxCenter,n=e.viewport,o=e.destination,a=e.insideDestination,s=e.afterCritical,i=a.filter(function(l){return Yl({target:hg(l,s),destination:o,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(l,d){var c=Hn(t,ma(o,nc(l,s))),u=Hn(t,ma(o,nc(d,s)));return c<u?-1:u<c?1:l.descriptor.index-d.descriptor.index});return i[0]||null}),zn=Oe(function(t,n){var o=n[t.line];return{value:o,point:Qt(t.line,o)}}),vg=function(t,n,o){var a=t.axis;if(t.descriptor.mode==="virtual")return Qt(a.line,n[a.line]);var s=t.subject.page.contentBox[a.size],i=en(t.descriptor.id,o),l=i.reduce(function(u,m){return u+m.client.marginBox[a.size]},0),d=l+n[a.line],c=d-s;return c<=0?null:Qt(a.line,c)},oc=function(t,n){return le({},t,{scroll:le({},t.scroll,{max:n})})},rc=function(t,n,o){var a=t.frame;Tn(n,t)&&(process.env.NODE_ENV!=="production"?O(!1,"Should not add placeholder space to home list"):O()),t.subject.withPlaceholder&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot add placeholder size to a subject when it already has one"):O());var s=zn(t.axis,n.displaceBy).point,i=vg(t,s,o),l={placeholderSize:s,increasedBy:i,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!a){var d=En({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:t.frame});return le({},t,{subject:d})}var c=i?Ae(a.scroll.max,i):a.scroll.max,u=oc(a,c),m=En({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:u});return le({},t,{subject:m,frame:u})},yg=function(t){var n=t.subject.withPlaceholder;n||(process.env.NODE_ENV!=="production"?O(!1,"Cannot remove placeholder form subject when there was none"):O());var o=t.frame;if(!o){var a=En({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return le({},t,{subject:a})}var s=n.oldFrameMaxScroll;s||(process.env.NODE_ENV!=="production"?O(!1,"Expected droppable with frame to have old max frame scroll when removing placeholder"):O());var i=oc(o,s),l=En({page:t.subject.page,axis:t.axis,frame:i,withPlaceholder:null});return le({},t,{subject:l,frame:i})},Eg=(function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,o=e.insideDestination,a=e.draggable,s=e.draggables,i=e.destination,l=e.viewport,d=e.afterCritical;if(!n){if(o.length)return null;var c={displaced:Gn,displacedBy:Ul,at:{type:"REORDER",destination:{droppableId:i.descriptor.id,index:0}}},u=Ao({impact:c,draggable:a,droppable:i,draggables:s,afterCritical:d}),m=Tn(a,i)?i:rc(i,a,s),p=tc({draggable:a,destination:m,newPageBorderBoxCenter:u,viewport:l.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});return p?c: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})(),h=zn(i.axis,a.displaceBy);return Fo({draggable:a,insideDestination:o,destination:i,viewport:l,displacedBy:h,last:Gn,index:g})}),Tg=(function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,o=e.draggable,a=e.isOver,s=e.draggables,i=e.droppables,l=e.viewport,d=e.afterCritical,c=gg({isMovingForward:t,pageBorderBoxCenter:n,source:a,droppables:i,viewport:l});if(!c)return null;var u=en(c.descriptor.id,s),m=bg({pageBorderBoxCenter:n,viewport:l,destination:c,insideDestination:u,afterCritical:d}),p=Eg({previousPageBorderBoxCenter:n,destination:c,draggable:o,draggables:s,moveRelativeTo:m,insideDestination:u,viewport:l,afterCritical:d});if(!p)return null;var f=Ao({impact:p,draggable:o,droppable:c,draggables:s,afterCritical:d}),g=fa({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}),wg=function(t,n){var o=et(t);return o?n[o]:null},Cg=(function(e){var t=e.state,n=e.type,o=wg(t.impact,t.dimensions.droppables),a=!!o,s=t.dimensions.droppables[t.critical.droppable.id],i=o||s,l=i.axis.direction,d=l==="vertical"&&(n==="MOVE_UP"||n==="MOVE_DOWN")||l==="horizontal"&&(n==="MOVE_LEFT"||n==="MOVE_RIGHT");if(d&&!a)return null;var c=n==="MOVE_DOWN"||n==="MOVE_RIGHT",u=t.dimensions.draggables[t.critical.draggable.id],m=t.current.page.borderBoxCenter,p=t.dimensions,f=p.draggables,g=p.droppables;return d?Sg({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,destination:i,draggables:f,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):Tg({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,isOver:i,draggables:f,droppables:g,viewport:t.viewport,afterCritical:t.afterCritical})});function tn(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function ac(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 Dg(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function Ng(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,d=Qt(i.axis.line,t.center[l.line],i.page.borderBox.center[l.crossAxisLine]);return{id:i.descriptor.id,distance:Hn(a,d)}}).sort(function(i,l){return l.distance-i.distance});return s[0]?s[0].id:null}function Ig(e){var t=e.pageBorderBox,n=e.draggable,o=e.droppables,a=Po(o).filter(function(s){if(!s.isEnabled)return!1;var i=s.subject.active;if(!i||!Dg(t,i))return!1;if(ac(i)(t.center))return!0;var l=s.axis,d=i.center[l.crossAxisLine],c=t[l.crossAxisStart],u=t[l.crossAxisEnd],m=lt(i[l.crossAxisStart],i[l.crossAxisEnd]),p=m(c),f=m(u);return!p&&!f?!0:p?c<d:u>d});return a.length?a.length===1?a[0].descriptor.id:Ng({pageBorderBox:t,draggable:n,candidates:a}):null}var sc=function(t,n){return St(Wn(t,n))},xg=(function(e,t){var n=e.frame;return n?sc(t,n.scroll.diff.value):t});function ic(e){var t=e.displaced,n=e.id;return!!(t.visible[n]||t.invisible[n])}function kg(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 Mg=(function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,o=e.destination,a=e.insideDestination,s=e.last,i=e.viewport,l=e.afterCritical,d=o.axis,c=zn(o.axis,n.displaceBy),u=c.value,m=t[d.start],p=t[d.end],f=Ro(n,a),g=$t(f,function(y){var v=y.descriptor.id,b=y.page.borderBox.center[d.line],N=Vt(v,l),w=ic({displaced:s,id:v});return N?w?p<=b:m<b-u:w?p<=b+u:m<b}),h=kg({draggable:n,closest:g,inHomeList:Tn(n,o)});return Fo({draggable:n,insideDestination:a,destination:o,viewport:i,last:s,displacedBy:c,index:h})}),Lg=4,_g=(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,d=zn(a.axis,t.displaceBy),c=d.value,u=n[l.start],m=n[l.end],p=Ro(t,s),f=$t(p,function(h){var y=h.descriptor.id,v=h.page.borderBox,b=v[l.size],N=b/Lg,w=Vt(y,i),T=ic({displaced:o.displaced,id:y});return w?T?m>v[l.start]+N&&m<v[l.end]-N:u>v[l.start]-c+N&&u<v[l.end]-c-N:T?m>v[l.start]+c+N&&m<v[l.end]+c-N:u>v[l.start]+N&&u<v[l.end]-N});if(!f)return null;var g={displacedBy:d,displaced:o.displaced,at:{type:"COMBINE",combine:{draggableId:f.descriptor.id,droppableId:a.descriptor.id}}};return g}),lc=(function(e){var t=e.pageOffset,n=e.draggable,o=e.draggables,a=e.droppables,s=e.previousImpact,i=e.viewport,l=e.afterCritical,d=sc(n.page.borderBox,t),c=Ig({pageBorderBox:d,draggable:n,droppables:a});if(!c)return zS;var u=a[c],m=en(u.descriptor.id,o),p=xg(u,d);return _g({pageBorderBoxWithDroppableScroll:p,draggable:n,previousImpact:s,destination:u,insideDestination:m,afterCritical:l})||Mg({pageBorderBoxWithDroppableScroll:p,draggable:n,destination:u,insideDestination:m,last:s.displaced,viewport:i,afterCritical:l})}),Sa=(function(e,t){var n;return le({},e,(n={},n[t.descriptor.id]=t,n))}),Og=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 d=yg(l);return Sa(a,d)},Pg=(function(e){var t=e.draggable,n=e.draggables,o=e.droppables,a=e.previousImpact,s=e.impact,i=Og({previousImpact:a,impact:s,droppables:o}),l=et(s);if(!l)return i;var d=o[l];if(Tn(t,d)||d.subject.withPlaceholder)return i;var c=rc(d,t,n);return Sa(i,c)}),jn=(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,d=o||t.dimensions,c=n||t.current.client.selection,u=Qe(c,t.initial.client.selection),m={offset:u,selection:c,borderBoxCenter:Ae(t.initial.client.borderBoxCenter,u)},p={selection:Ae(m.selection,l.scroll.current),borderBoxCenter:Ae(m.borderBoxCenter,l.scroll.current),offset:Ae(m.offset,l.scroll.diff.value)},f={client:m,page:p};if(t.phase==="COLLECTING")return le({phase:"COLLECTING"},t,{dimensions:d,viewport:l,current:f});var g=d.draggables[t.critical.draggable.id],h=s||lc({pageOffset:p.offset,draggable:g,draggables:d.draggables,droppables:d.droppables,previousImpact:t.impact,viewport:l,afterCritical:t.afterCritical}),y=Pg({draggable:g,impact:h,previousImpact:t.impact,draggables:d.draggables,droppables:d.droppables}),v=le({},t,{current:f,dimensions:{draggables:d.draggables,droppables:y},impact:h,viewport:l,scrollJumpRequest:i||null,forceShouldAnimate:i?!1:null});return v});function Bg(e,t){return e.map(function(n){return t[n]})}var cc=(function(e){var t=e.impact,n=e.viewport,o=e.draggables,a=e.destination,s=e.forceShouldAnimate,i=t.displaced,l=Bg(i.all,o),d=Un({afterDragging:l,destination:a,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:s,last:i});return le({},t,{displaced:d})}),dc=(function(e){var t=e.impact,n=e.draggable,o=e.droppable,a=e.draggables,s=e.viewport,i=e.afterCritical,l=Ao({impact:t,draggable:n,draggables:a,droppable:o,afterCritical:i});return fa({pageBorderBoxCenter:l,draggable:n,viewport:s})}),pc=(function(e){var t=e.state,n=e.dimensions,o=e.viewport;t.movementMode!=="SNAP"&&(process.env.NODE_ENV,O());var a=t.impact,s=o||t.viewport,i=n||t.dimensions,l=i.draggables,d=i.droppables,c=l[t.critical.draggable.id],u=et(a);u||(process.env.NODE_ENV!=="production"?O(!1,"Must be over a destination in SNAP movement mode"):O());var m=d[u],p=cc({impact:a,viewport:s,destination:m,draggables:l}),f=dc({impact:p,draggable:c,droppable:m,draggables:l,viewport:s,afterCritical:t.afterCritical});return jn({impact:p,clientSelection:f,state:t,dimensions:i,viewport:s})}),Rg=(function(e){return{index:e.index,droppableId:e.droppableId}}),uc=(function(e){var t=e.draggable,n=e.home,o=e.draggables,a=e.viewport,s=zn(n.axis,t.displaceBy),i=en(n.descriptor.id,o),l=i.indexOf(t);l===-1&&(process.env.NODE_ENV!=="production"?O(!1,"Expected draggable to be inside home list"):O());var d=i.slice(l+1),c=d.reduce(function(f,g){return f[g.descriptor.id]=!0,f},{}),u={inVirtualList:n.descriptor.mode==="virtual",displacedBy:s,effected:c},m=Un({afterDragging:d,destination:n,displacedBy:s,last:null,viewport:a.frame,forceShouldAnimate:!1}),p={displaced:m,displacedBy:s,at:{type:"REORDER",destination:Rg(t.descriptor)}};return{impact:p,afterCritical:u}}),Fg=(function(e,t){return{draggables:e.draggables,droppables:Sa(e.droppables,t)}}),Yn=function(t){process.env.NODE_ENV},qn=function(t){process.env.NODE_ENV},Ag=(function(e){var t=e.draggable,n=e.offset,o=e.initialWindowScroll,a=ko(t.client,n),s=Mo(a,o),i=le({},t,{placeholder:le({},t.placeholder,{client:a}),client:a,page:s});return i}),$g=(function(e){var t=e.frame;return t||(process.env.NODE_ENV!=="production"?O(!1,"Expected Droppable to have a frame"):O()),t}),Vg=(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],d=$g(l),c=d.scroll.diff.value,u=Ae(a,c),m=Ag({draggable:s,offset:u,initialWindowScroll:o.scroll.initial});return m})}),Kg=(function(e){var t=e.state,n=e.published;Yn();var o=n.modified.map(function(N){var w=t.dimensions.droppables[N.droppableId],T=ia(w,N.scroll);return T}),a=le({},t.dimensions.droppables,{},Wl(o)),s=Gl(Vg({additions:n.additions,updatedDroppables:a,viewport:t.viewport})),i=le({},t.dimensions.draggables,{},s);n.removals.forEach(function(N){delete i[N]});var l={droppables:a,draggables:i},d=et(t.impact),c=d?l.droppables[d]:null,u=l.draggables[t.critical.draggable.id],m=l.droppables[t.critical.droppable.id],p=uc({draggable:u,home:m,draggables:i,viewport:t.viewport}),f=p.impact,g=p.afterCritical,h=c&&c.isCombineEnabled?t.impact:f,y=lc({pageOffset:t.current.page.offset,draggable:l.draggables[t.critical.draggable.id],draggables:l.draggables,droppables:l.droppables,previousImpact:h,viewport:t.viewport,afterCritical:g});qn();var v=le({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:y,onLiftImpact:f,dimensions:l,afterCritical:g,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return v;var b=le({phase:"DROP_PENDING"},v,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return b}),ga=function(t){return t.movementMode==="SNAP"},ha=function(t,n,o){var a=Fg(t.dimensions,n);return!ga(t)||o?jn({state:t,dimensions:a}):pc({state:t,dimensions:a})};function ba(e){return e.isDragging&&e.movementMode==="SNAP"?le({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var mc={phase:"IDLE",completed:null,shouldFlush:!1},Hg=(function(e,t){if(e===void 0&&(e=mc),t.type==="FLUSH")return le({},mc,{shouldFlush:!0});if(t.type==="INITIAL_PUBLISH"){e.phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?O(!1,"INITIAL_PUBLISH must come after a IDLE phase"):O());var n=t.payload,o=n.critical,a=n.clientSelection,s=n.viewport,i=n.dimensions,l=n.movementMode,d=i.draggables[o.draggable.id],c=i.droppables[o.droppable.id],u={selection:a,borderBoxCenter:d.client.borderBox.center,offset:Pe},m={client:u,page:{selection:Ae(u.selection,s.scroll.initial),borderBoxCenter:Ae(u.selection,s.scroll.initial),offset:Ae(u.selection,s.scroll.diff.value)}},p=Po(i.droppables).every(function(z){return!z.isFixedOnPage}),f=uc({draggable:d,home:c,draggables:i.draggables,viewport:s}),g=f.impact,h=f.afterCritical,y={phase:"DRAGGING",isDragging:!0,critical:o,movementMode:l,dimensions:i,initial:m,current:m,isWindowScrollAllowed:p,impact:g,afterCritical:h,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"?O(!1,"Collection cannot start from phase "+e.phase):O());var v=le({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"?O(!1,"Unexpected "+t.type+" received in phase "+e.phase):O()),Kg({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;tn(e)||(process.env.NODE_ENV!=="production"?O(!1,t.type+" not permitted in phase "+e.phase):O());var b=t.payload.client;return At(b,e.current.client.selection)?e:jn({state:e,clientSelection:b,impact:ga(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return ba(e);tn(e)||(process.env.NODE_ENV!=="production"?O(!1,t.type+" not permitted in phase "+e.phase):O());var N=t.payload,w=N.id,T=N.newScroll,L=e.dimensions.droppables[w];if(!L)return e;var R=ia(L,T);return ha(e,R,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;tn(e)||(process.env.NODE_ENV!=="production"?O(!1,"Attempting to move in an unsupported phase "+e.phase):O());var _=t.payload,P=_.id,A=_.isEnabled,U=e.dimensions.droppables[P];U||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find Droppable[id: "+P+"] to toggle its enabled state"):O()),U.isEnabled===A&&(process.env.NODE_ENV!=="production"?O(!1,"Trying to set droppable isEnabled to "+String(A)+`
399
- but it is already `+String(U.isEnabled)):O());var X=le({},U,{isEnabled:A});return ha(e,X,!0)}if(t.type==="UPDATE_DROPPABLE_IS_COMBINE_ENABLED"){if(e.phase==="DROP_PENDING")return e;tn(e)||(process.env.NODE_ENV!=="production"?O(!1,"Attempting to move in an unsupported phase "+e.phase):O());var H=t.payload,C=H.id,K=H.isCombineEnabled,B=e.dimensions.droppables[C];B||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find Droppable[id: "+C+"] to toggle its isCombineEnabled state"):O()),B.isCombineEnabled===K&&(process.env.NODE_ENV!=="production"?O(!1,"Trying to set droppable isCombineEnabled to "+String(K)+`
400
- but it is already `+String(B.isCombineEnabled)):O());var M=le({},B,{isCombineEnabled:K});return ha(e,M,!0)}if(t.type==="MOVE_BY_WINDOW_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="DROP_ANIMATING")return e;tn(e)||(process.env.NODE_ENV!=="production"?O(!1,"Cannot move by window in phase "+e.phase):O()),e.isWindowScrollAllowed||(process.env.NODE_ENV!=="production"?O(!1,"Window scrolling is currently not supported for fixed lists"):O());var q=t.payload.newScroll;if(At(e.viewport.scroll.current,q))return ba(e);var I=Ql(e.viewport,q);return ga(e)?pc({state:e,viewport:I}):jn({state:e,viewport:I})}if(t.type==="UPDATE_VIEWPORT_MAX_SCROLL"){if(!tn(e))return e;var D=t.payload.maxScroll;if(At(D,e.viewport.scroll.max))return e;var k=le({},e.viewport,{scroll:le({},e.viewport.scroll,{max:D})});return le({phase:"DRAGGING"},e,{viewport:k})}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"?O(!1,t.type+" received while not in DRAGGING phase"):O());var G=Cg({state:e,type:t.type});return G?jn({state:e,impact:G.impact,clientSelection:G.clientSelection,scrollJumpRequest:G.scrollJumpRequest}):e}if(t.type==="DROP_PENDING"){var Z=t.payload.reason;e.phase!=="COLLECTING"&&(process.env.NODE_ENV!=="production"?O(!1,"Can only move into the DROP_PENDING phase from the COLLECTING phase"):O());var te=le({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:Z});return te}if(t.type==="DROP_ANIMATE"){var ne=t.payload,V=ne.completed,j=ne.dropDuration,J=ne.newHomeClientOffset;e.phase==="DRAGGING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?O(!1,"Cannot animate drop from phase "+e.phase):O());var W={phase:"DROP_ANIMATING",completed:V,dropDuration:j,newHomeClientOffset:J,dimensions:e.dimensions};return W}if(t.type==="DROP_COMPLETE"){var Q=t.payload.completed;return{phase:"IDLE",completed:Q,shouldFlush:!1}}return e}),Wg=function(t){return{type:"BEFORE_INITIAL_CAPTURE",payload:t}},Gg=function(t){return{type:"LIFT",payload:t}},Ug=function(t){return{type:"INITIAL_PUBLISH",payload:t}},zg=function(t){return{type:"PUBLISH_WHILE_DRAGGING",payload:t}},jg=function(){return{type:"COLLECTION_STARTING",payload:null}},Yg=function(t){return{type:"UPDATE_DROPPABLE_SCROLL",payload:t}},qg=function(t){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:t}},Jg=function(t){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:t}},fc=function(t){return{type:"MOVE",payload:t}},Xg=function(t){return{type:"MOVE_BY_WINDOW_SCROLL",payload:t}},Zg=function(t){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:t}},Qg=function(){return{type:"MOVE_UP",payload:null}},eh=function(){return{type:"MOVE_DOWN",payload:null}},th=function(){return{type:"MOVE_RIGHT",payload:null}},nh=function(){return{type:"MOVE_LEFT",payload:null}},va=function(){return{type:"FLUSH",payload:null}},oh=function(t){return{type:"DROP_ANIMATE",payload:t}},ya=function(t){return{type:"DROP_COMPLETE",payload:t}},Sc=function(t){return{type:"DROP",payload:t}},rh=function(t){return{type:"DROP_PENDING",payload:t}},gc=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}};function ah(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 d=!!n[l];return d?"[🔥"+l+"]":""+l}).join(", ");process.env.NODE_ENV!=="production"&&Ce(`
398
+ `},_o={dragHandleUsageInstructions:OS,onDragStart:BS,onDragUpdate:RS,onDragEnd:FS},Oe={x:0,y:0},Ae=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}},Qt=function(t,n,o){var a;return o===void 0&&(o=0),a={},a[t]=n,a[t==="x"?"y":"x"]=o,a},Hn=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},$l=function(t,n){return Math.min.apply(Math,n.map(function(o){return Hn(t,o)}))},Vl=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},AS=(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}),Wn=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},Kl=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}]},$S={top:0,right:0,bottom:0,left:0},VS=function(t,n){return n?Wn(t,n.scroll.diff.displacement):t},KS=function(t,n,o){if(o&&o.increasedBy){var a;return ce({},t,(a={},a[n.end]=t[n.end]+o.increasedBy[n.line],a))}return t},HS=function(t,n){return n&&n.shouldClipSubject?AS(n.pageMarginBox,t):St(t)},En=(function(e){var t=e.page,n=e.withPlaceholder,o=e.axis,a=e.frame,s=VS(t.marginBox,a),i=KS(s,o,n),l=HS(i,a);return{page:t,withPlaceholder:n,active:l}}),ia=(function(e,t){e.frame||(process.env.NODE_ENV,P());var n=e.frame,o=Qe(t,n.scroll.initial),a=yn(o),s=ce({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:o,displacement:a},max:n.scroll.max}}),i=En({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:s}),l=ce({},e,{frame:s,subject:i});return l});function WS(e){return Number.isInteger?Number.isInteger(e):typeof e=="number"&&isFinite(e)&&Math.floor(e)===e}function Po(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function la(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=la(e,t);if(n!==-1)return e[n]}function Hl(e){return Array.prototype.slice.call(e)}var Wl=Pe(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Gl=Pe(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Oo=Pe(function(e){return Po(e)}),GS=Pe(function(e){return Po(e)}),en=Pe(function(e,t){var n=GS(t).filter(function(o){return e===o.descriptor.droppableId}).sort(function(o,a){return o.descriptor.index-a.descriptor.index});return n});function ca(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function Bo(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var Ro=Pe(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),US=(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=ca(s);if(!i)return null;function l(b){var y={type:"COMBINE",combine:{draggableId:b,droppableId:o.descriptor.id}};return ce({},s,{at:y})}var d=s.displaced.all,c=d.length?d[0]:null;if(t)return c?l(c):null;var u=Ro(n,a);if(!c){if(!u.length)return null;var m=u[u.length-1];return l(m.descriptor.id)}var p=la(u,function(b){return b.descriptor.id===c});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=u[f];return l(g.descriptor.id)}),Tn=(function(e,t){return e.descriptor.droppableId===t.descriptor.id}),Ul={point:Oe,value:0},Gn={invisible:{},visible:{},all:[]},zS={displaced:Gn,displacedBy:Ul,at:null},lt=(function(e,t){return function(n){return e<=n&&n<=t}}),zl=(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 d=o.top<e.top&&o.bottom>e.bottom,c=o.left<e.left&&o.right>e.right,u=d&&c;if(u)return!0;var m=d&&i||c&&s;return m}}),jS=(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}}),da={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},jl={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},YS=(function(e){return function(t){var n=lt(t.top,t.bottom),o=lt(t.left,t.right);return function(a){return e===da?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:Oe;return Wn(t,o)},JS=function(t,n,o){return n.subject.active?o(n.subject.active)(t):!1},XS=function(t,n,o){return o(n)(t)},pa=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 JS(l,o,i)&&XS(l,a,i)},ZS=function(t){return pa(ce({},t,{isVisibleThroughFrameFn:zl}))},Yl=function(t){return pa(ce({},t,{isVisibleThroughFrameFn:jS}))},QS=function(t){return pa(ce({},t,{isVisibleThroughFrameFn:YS(t.destination.axis)}))},eg=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 tg(e,t){var n=e.page.marginBox,o={top:t.point.y,right:0,bottom:0,left:t.point.x};return St(oa(n,o))}function Un(e){var t=e.afterDragging,n=e.destination,o=e.displacedBy,a=e.viewport,s=e.forceShouldAnimate,i=e.last;return t.reduce(function(d,c){var u=tg(c,o),m=c.descriptor.id;d.all.push(m);var p=ZS({target:u,destination:n,viewport:a,withDroppableDisplacement:!0});if(!p)return d.invisible[c.descriptor.id]=!0,d;var f=eg(m,i,s),g={draggableId:m,shouldAnimate:f};return d.visible[m]=g,d},{all:[],visible:{},invisible:{}})}function ng(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function ql(e){var t=e.insideDestination,n=e.inHomeList,o=e.displacedBy,a=e.destination,s=ng(t,{inHomeList:n});return{displaced:Gn,displacedBy:o,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:s}}}}function Fo(e){var t=e.draggable,n=e.insideDestination,o=e.destination,a=e.viewport,s=e.displacedBy,i=e.last,l=e.index,d=e.forceShouldAnimate,c=Tn(t,o);if(l==null)return ql({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var u=$t(n,function(b){return b.descriptor.index===l});if(!u)return ql({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var m=Ro(t,n),p=n.indexOf(u),f=m.slice(p),g=Un({afterDragging:f,destination:o,displacedBy:s,last:i,viewport:a.frame,forceShouldAnimate:d});return{displaced:g,displacedBy:s,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:l}}}}function Vt(e,t){return!!t.effected[e]}var og=(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],d=l.descriptor.index,c=Vt(i,s);return c?t?d:d-1:t?d+1:d}),rg=(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,d=o[o.length-1].descriptor.index,c=n?d:d+1;return i<l||i>c?null:i}),ag=(function(e){var t=e.isMovingForward,n=e.isInHomeList,o=e.draggable,a=e.draggables,s=e.destination,i=e.insideDestination,l=e.previousImpact,d=e.viewport,c=e.afterCritical,u=l.at;if(u||(process.env.NODE_ENV!=="production"?P(!1,"Cannot move in direction without previous impact location"):P()),u.type==="REORDER"){var m=rg({isMovingForward:t,isInHomeList:n,location:u.destination,insideDestination:i});return m==null?null:Fo({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:m})}var p=og({isMovingForward:t,destination:s,displaced:l.displaced,draggables:a,combine:u.combine,afterCritical:c});return p==null?null:Fo({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:p})}),sg=(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?Oe:yn(a.point):s?a.point:Oe}),ig=(function(e){var t=e.afterCritical,n=e.impact,o=e.draggables,a=Bo(n);a||(process.env.NODE_ENV,P());var s=a.draggableId,i=o[s].page.borderBox.center,l=sg({displaced:n.displaced,afterCritical:t,combineWith:s,displacedBy:n.displacedBy});return Ae(i,l)}),Jl=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},lg=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},ua=function(t,n,o){return n[t.crossAxisStart]+o.margin[t.crossAxisStart]+o.borderBox[t.crossAxisSize]/2},Xl=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Qt(n.line,o.marginBox[n.end]+Jl(n,a),ua(n,o.marginBox,a))},Zl=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Qt(n.line,o.marginBox[n.start]-lg(n,a),ua(n,o.marginBox,a))},cg=function(t){var n=t.axis,o=t.moveInto,a=t.isMoving;return Qt(n.line,o.contentBox[n.start]+Jl(n,a),ua(n,o.contentBox,a))},dg=(function(e){var t=e.impact,n=e.draggable,o=e.draggables,a=e.droppable,s=e.afterCritical,i=en(a.descriptor.id,o),l=n.page,d=a.axis;if(!i.length)return cg({axis:d,moveInto:a.page,isMoving:l});var c=t.displaced,u=t.displacedBy,m=c.all[0];if(m){var p=o[m];if(Vt(m,s))return Zl({axis:d,moveRelativeTo:p.page,isMoving:l});var f=ko(p.page,u.point);return Zl({axis:d,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=ko(g.page,yn(s.displacedBy.point));return Xl({axis:d,moveRelativeTo:b,isMoving:l})}return Xl({axis:d,moveRelativeTo:g.page,isMoving:l})}),ma=(function(e,t){var n=e.frame;return n?Ae(t,n.scroll.diff.displacement):t}),pg=function(t){var n=t.impact,o=t.draggable,a=t.droppable,s=t.draggables,i=t.afterCritical,l=o.page.borderBox.center,d=n.at;return!a||!d?l:d.type==="REORDER"?dg({impact:n,draggable:o,draggables:s,droppable:a,afterCritical:i}):ig({impact:n,draggables:s,afterCritical:i})},Ao=(function(e){var t=pg(e),n=e.droppable,o=n?ma(n,t):t;return o}),Ql=(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 ec(e,t){return e.map(function(n){return t[n]})}function ug(e,t){for(var n=0;n<t.length;n++){var o=t[n].visible[e];if(o)return o}return null}var mg=(function(e){var t=e.impact,n=e.viewport,o=e.destination,a=e.draggables,s=e.maxScrollChange,i=Ql(n,Ae(n.scroll.current,s)),l=o.frame?ia(o,Ae(o.frame.scroll.current,s)):o,d=t.displaced,c=Un({afterDragging:ec(d.all,a),destination:o,displacedBy:t.displacedBy,viewport:i.frame,last:d,forceShouldAnimate:!1}),u=Un({afterDragging:ec(d.all,a),destination:l,displacedBy:t.displacedBy,viewport:n.frame,last:d,forceShouldAnimate:!1}),m={},p={},f=[d,c,u];d.all.forEach(function(b){var y=ug(b,f);if(y){p[b]=y;return}m[b]=!0});var g=ce({},t,{displaced:{all:d.all,invisible:m,visible:p}});return g}),fg=(function(e,t){return Ae(e.scroll.diff.displacement,t)}),fa=(function(e){var t=e.pageBorderBoxCenter,n=e.draggable,o=e.viewport,a=fg(o,t),s=Qe(a,n.page.borderBox.center);return Ae(n.client.borderBox.center,s)}),tc=(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,d=Qe(o,t.page.borderBox.center),c=Wn(t.page.borderBox,d),u={target:c,destination:n,withDroppableDisplacement:s,viewport:a};return l?QS(u):Yl(u)}),Sg=(function(e){var t=e.isMovingForward,n=e.draggable,o=e.destination,a=e.draggables,s=e.previousImpact,i=e.viewport,l=e.previousPageBorderBoxCenter,d=e.previousClientSelection,c=e.afterCritical;if(!o.isEnabled)return null;var u=en(o.descriptor.id,a),m=Tn(n,o),p=US({isMovingForward:t,draggable:n,destination:o,insideDestination:u,previousImpact:s})||ag({isMovingForward:t,isInHomeList:m,draggable:n,draggables:a,destination:o,insideDestination:u,previousImpact:s,viewport:i,afterCritical:c});if(!p)return null;var f=Ao({impact:p,draggable:n,droppable:o,draggables:a,afterCritical:c}),g=tc({draggable:n,destination:o,newPageBorderBoxCenter:f,viewport:i.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(g){var b=fa({pageBorderBoxCenter:f,draggable:n,viewport:i});return{clientSelection:b,impact:p,scrollJumpRequest:null}}var y=Qe(f,l),v=mg({impact:p,viewport:i,destination:o,draggables:a,maxScrollChange:y});return{clientSelection:d,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},gg=(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,d=lt(i[l.start],i[l.end]),c=Oo(a).filter(function(m){return m!==o}).filter(function(m){return m.isEnabled}).filter(function(m){return!!m.subject.active}).filter(function(m){return zl(s.frame)(Ue(m))}).filter(function(m){var p=Ue(m);return t?i[l.crossAxisEnd]<p[l.crossAxisEnd]:p[l.crossAxisStart]<i[l.crossAxisStart]}).filter(function(m){var p=Ue(m),f=lt(p[l.start],p[l.end]);return d(p[l.start])||d(p[l.end])||f(i[l.start])||f(i[l.end])}).sort(function(m,p){var f=Ue(m)[l.crossAxisStart],g=Ue(p)[l.crossAxisStart];return t?f-g:g-f}).filter(function(m,p,f){return Ue(m)[l.crossAxisStart]===Ue(f[0])[l.crossAxisStart]});if(!c.length)return null;if(c.length===1)return c[0];var u=c.filter(function(m){var p=lt(Ue(m)[l.start],Ue(m)[l.end]);return p(n[l.line])});return u.length===1?u[0]:u.length>1?u.sort(function(m,p){return Ue(m)[l.start]-Ue(p)[l.start]})[0]:c.sort(function(m,p){var f=$l(n,Kl(Ue(m))),g=$l(n,Kl(Ue(p)));return f!==g?f-g:Ue(m)[l.start]-Ue(p)[l.start]})[0]}),nc=function(t,n){var o=t.page.borderBox.center;return Vt(t.descriptor.id,n)?Qe(o,n.displacedBy.point):o},hg=function(t,n){var o=t.page.borderBox;return Vt(t.descriptor.id,n)?Wn(o,yn(n.displacedBy.point)):o},bg=(function(e){var t=e.pageBorderBoxCenter,n=e.viewport,o=e.destination,a=e.insideDestination,s=e.afterCritical,i=a.filter(function(l){return Yl({target:hg(l,s),destination:o,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(l,d){var c=Hn(t,ma(o,nc(l,s))),u=Hn(t,ma(o,nc(d,s)));return c<u?-1:u<c?1:l.descriptor.index-d.descriptor.index});return i[0]||null}),zn=Pe(function(t,n){var o=n[t.line];return{value:o,point:Qt(t.line,o)}}),vg=function(t,n,o){var a=t.axis;if(t.descriptor.mode==="virtual")return Qt(a.line,n[a.line]);var s=t.subject.page.contentBox[a.size],i=en(t.descriptor.id,o),l=i.reduce(function(u,m){return u+m.client.marginBox[a.size]},0),d=l+n[a.line],c=d-s;return c<=0?null:Qt(a.line,c)},oc=function(t,n){return ce({},t,{scroll:ce({},t.scroll,{max:n})})},rc=function(t,n,o){var a=t.frame;Tn(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=zn(t.axis,n.displaceBy).point,i=vg(t,s,o),l={placeholderSize:s,increasedBy:i,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!a){var d=En({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:t.frame});return ce({},t,{subject:d})}var c=i?Ae(a.scroll.max,i):a.scroll.max,u=oc(a,c),m=En({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:u});return ce({},t,{subject:m,frame:u})},yg=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=En({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return ce({},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=oc(o,s),l=En({page:t.subject.page,axis:t.axis,frame:i,withPlaceholder:null});return ce({},t,{subject:l,frame:i})},Eg=(function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,o=e.insideDestination,a=e.draggable,s=e.draggables,i=e.destination,l=e.viewport,d=e.afterCritical;if(!n){if(o.length)return null;var c={displaced:Gn,displacedBy:Ul,at:{type:"REORDER",destination:{droppableId:i.descriptor.id,index:0}}},u=Ao({impact:c,draggable:a,droppable:i,draggables:s,afterCritical:d}),m=Tn(a,i)?i:rc(i,a,s),p=tc({draggable:a,destination:m,newPageBorderBoxCenter:u,viewport:l.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});return p?c: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=zn(i.axis,a.displaceBy);return Fo({draggable:a,insideDestination:o,destination:i,viewport:l,displacedBy:b,last:Gn,index:g})}),Tg=(function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,o=e.draggable,a=e.isOver,s=e.draggables,i=e.droppables,l=e.viewport,d=e.afterCritical,c=gg({isMovingForward:t,pageBorderBoxCenter:n,source:a,droppables:i,viewport:l});if(!c)return null;var u=en(c.descriptor.id,s),m=bg({pageBorderBoxCenter:n,viewport:l,destination:c,insideDestination:u,afterCritical:d}),p=Eg({previousPageBorderBoxCenter:n,destination:c,draggable:o,draggables:s,moveRelativeTo:m,insideDestination:u,viewport:l,afterCritical:d});if(!p)return null;var f=Ao({impact:p,draggable:o,droppable:c,draggables:s,afterCritical:d}),g=fa({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}),wg=function(t,n){var o=et(t);return o?n[o]:null},Cg=(function(e){var t=e.state,n=e.type,o=wg(t.impact,t.dimensions.droppables),a=!!o,s=t.dimensions.droppables[t.critical.droppable.id],i=o||s,l=i.axis.direction,d=l==="vertical"&&(n==="MOVE_UP"||n==="MOVE_DOWN")||l==="horizontal"&&(n==="MOVE_LEFT"||n==="MOVE_RIGHT");if(d&&!a)return null;var c=n==="MOVE_DOWN"||n==="MOVE_RIGHT",u=t.dimensions.draggables[t.critical.draggable.id],m=t.current.page.borderBoxCenter,p=t.dimensions,f=p.draggables,g=p.droppables;return d?Sg({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,destination:i,draggables:f,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):Tg({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,isOver:i,draggables:f,droppables:g,viewport:t.viewport,afterCritical:t.afterCritical})});function tn(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function ac(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 Dg(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function Ng(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,d=Qt(i.axis.line,t.center[l.line],i.page.borderBox.center[l.crossAxisLine]);return{id:i.descriptor.id,distance:Hn(a,d)}}).sort(function(i,l){return l.distance-i.distance});return s[0]?s[0].id:null}function Ig(e){var t=e.pageBorderBox,n=e.draggable,o=e.droppables,a=Oo(o).filter(function(s){if(!s.isEnabled)return!1;var i=s.subject.active;if(!i||!Dg(t,i))return!1;if(ac(i)(t.center))return!0;var l=s.axis,d=i.center[l.crossAxisLine],c=t[l.crossAxisStart],u=t[l.crossAxisEnd],m=lt(i[l.crossAxisStart],i[l.crossAxisEnd]),p=m(c),f=m(u);return!p&&!f?!0:p?c<d:u>d});return a.length?a.length===1?a[0].descriptor.id:Ng({pageBorderBox:t,draggable:n,candidates:a}):null}var sc=function(t,n){return St(Wn(t,n))},xg=(function(e,t){var n=e.frame;return n?sc(t,n.scroll.diff.value):t});function ic(e){var t=e.displaced,n=e.id;return!!(t.visible[n]||t.invisible[n])}function kg(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 Mg=(function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,o=e.destination,a=e.insideDestination,s=e.last,i=e.viewport,l=e.afterCritical,d=o.axis,c=zn(o.axis,n.displaceBy),u=c.value,m=t[d.start],p=t[d.end],f=Ro(n,a),g=$t(f,function(y){var v=y.descriptor.id,h=y.page.borderBox.center[d.line],N=Vt(v,l),w=ic({displaced:s,id:v});return N?w?p<=h:m<h-u:w?p<=h+u:m<h}),b=kg({draggable:n,closest:g,inHomeList:Tn(n,o)});return Fo({draggable:n,insideDestination:a,destination:o,viewport:i,last:s,displacedBy:c,index:b})}),Lg=4,_g=(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,d=zn(a.axis,t.displaceBy),c=d.value,u=n[l.start],m=n[l.end],p=Ro(t,s),f=$t(p,function(b){var y=b.descriptor.id,v=b.page.borderBox,h=v[l.size],N=h/Lg,w=Vt(y,i),T=ic({displaced:o.displaced,id:y});return w?T?m>v[l.start]+N&&m<v[l.end]-N:u>v[l.start]-c+N&&u<v[l.end]-c-N:T?m>v[l.start]+c+N&&m<v[l.end]+c-N:u>v[l.start]+N&&u<v[l.end]-N});if(!f)return null;var g={displacedBy:d,displaced:o.displaced,at:{type:"COMBINE",combine:{draggableId:f.descriptor.id,droppableId:a.descriptor.id}}};return g}),lc=(function(e){var t=e.pageOffset,n=e.draggable,o=e.draggables,a=e.droppables,s=e.previousImpact,i=e.viewport,l=e.afterCritical,d=sc(n.page.borderBox,t),c=Ig({pageBorderBox:d,draggable:n,droppables:a});if(!c)return zS;var u=a[c],m=en(u.descriptor.id,o),p=xg(u,d);return _g({pageBorderBoxWithDroppableScroll:p,draggable:n,previousImpact:s,destination:u,insideDestination:m,afterCritical:l})||Mg({pageBorderBoxWithDroppableScroll:p,draggable:n,destination:u,insideDestination:m,last:s.displaced,viewport:i,afterCritical:l})}),Sa=(function(e,t){var n;return ce({},e,(n={},n[t.descriptor.id]=t,n))}),Pg=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 d=yg(l);return Sa(a,d)},Og=(function(e){var t=e.draggable,n=e.draggables,o=e.droppables,a=e.previousImpact,s=e.impact,i=Pg({previousImpact:a,impact:s,droppables:o}),l=et(s);if(!l)return i;var d=o[l];if(Tn(t,d)||d.subject.withPlaceholder)return i;var c=rc(d,t,n);return Sa(i,c)}),jn=(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,d=o||t.dimensions,c=n||t.current.client.selection,u=Qe(c,t.initial.client.selection),m={offset:u,selection:c,borderBoxCenter:Ae(t.initial.client.borderBoxCenter,u)},p={selection:Ae(m.selection,l.scroll.current),borderBoxCenter:Ae(m.borderBoxCenter,l.scroll.current),offset:Ae(m.offset,l.scroll.diff.value)},f={client:m,page:p};if(t.phase==="COLLECTING")return ce({phase:"COLLECTING"},t,{dimensions:d,viewport:l,current:f});var g=d.draggables[t.critical.draggable.id],b=s||lc({pageOffset:p.offset,draggable:g,draggables:d.draggables,droppables:d.droppables,previousImpact:t.impact,viewport:l,afterCritical:t.afterCritical}),y=Og({draggable:g,impact:b,previousImpact:t.impact,draggables:d.draggables,droppables:d.droppables}),v=ce({},t,{current:f,dimensions:{draggables:d.draggables,droppables:y},impact:b,viewport:l,scrollJumpRequest:i||null,forceShouldAnimate:i?!1:null});return v});function Bg(e,t){return e.map(function(n){return t[n]})}var cc=(function(e){var t=e.impact,n=e.viewport,o=e.draggables,a=e.destination,s=e.forceShouldAnimate,i=t.displaced,l=Bg(i.all,o),d=Un({afterDragging:l,destination:a,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:s,last:i});return ce({},t,{displaced:d})}),dc=(function(e){var t=e.impact,n=e.draggable,o=e.droppable,a=e.draggables,s=e.viewport,i=e.afterCritical,l=Ao({impact:t,draggable:n,draggables:a,droppable:o,afterCritical:i});return fa({pageBorderBoxCenter:l,draggable:n,viewport:s})}),pc=(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,d=i.droppables,c=l[t.critical.draggable.id],u=et(a);u||(process.env.NODE_ENV!=="production"?P(!1,"Must be over a destination in SNAP movement mode"):P());var m=d[u],p=cc({impact:a,viewport:s,destination:m,draggables:l}),f=dc({impact:p,draggable:c,droppable:m,draggables:l,viewport:s,afterCritical:t.afterCritical});return jn({impact:p,clientSelection:f,state:t,dimensions:i,viewport:s})}),Rg=(function(e){return{index:e.index,droppableId:e.droppableId}}),uc=(function(e){var t=e.draggable,n=e.home,o=e.draggables,a=e.viewport,s=zn(n.axis,t.displaceBy),i=en(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 d=i.slice(l+1),c=d.reduce(function(f,g){return f[g.descriptor.id]=!0,f},{}),u={inVirtualList:n.descriptor.mode==="virtual",displacedBy:s,effected:c},m=Un({afterDragging:d,destination:n,displacedBy:s,last:null,viewport:a.frame,forceShouldAnimate:!1}),p={displaced:m,displacedBy:s,at:{type:"REORDER",destination:Rg(t.descriptor)}};return{impact:p,afterCritical:u}}),Fg=(function(e,t){return{draggables:e.draggables,droppables:Sa(e.droppables,t)}}),Yn=function(t){process.env.NODE_ENV},qn=function(t){process.env.NODE_ENV},Ag=(function(e){var t=e.draggable,n=e.offset,o=e.initialWindowScroll,a=ko(t.client,n),s=Mo(a,o),i=ce({},t,{placeholder:ce({},t.placeholder,{client:a}),client:a,page:s});return i}),$g=(function(e){var t=e.frame;return t||(process.env.NODE_ENV!=="production"?P(!1,"Expected Droppable to have a frame"):P()),t}),Vg=(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],d=$g(l),c=d.scroll.diff.value,u=Ae(a,c),m=Ag({draggable:s,offset:u,initialWindowScroll:o.scroll.initial});return m})}),Kg=(function(e){var t=e.state,n=e.published;Yn();var o=n.modified.map(function(N){var w=t.dimensions.droppables[N.droppableId],T=ia(w,N.scroll);return T}),a=ce({},t.dimensions.droppables,{},Wl(o)),s=Gl(Vg({additions:n.additions,updatedDroppables:a,viewport:t.viewport})),i=ce({},t.dimensions.draggables,{},s);n.removals.forEach(function(N){delete i[N]});var l={droppables:a,draggables:i},d=et(t.impact),c=d?l.droppables[d]:null,u=l.draggables[t.critical.draggable.id],m=l.droppables[t.critical.droppable.id],p=uc({draggable:u,home:m,draggables:i,viewport:t.viewport}),f=p.impact,g=p.afterCritical,b=c&&c.isCombineEnabled?t.impact:f,y=lc({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});qn();var v=ce({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:y,onLiftImpact:f,dimensions:l,afterCritical:g,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return v;var h=ce({phase:"DROP_PENDING"},v,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return h}),ga=function(t){return t.movementMode==="SNAP"},ha=function(t,n,o){var a=Fg(t.dimensions,n);return!ga(t)||o?jn({state:t,dimensions:a}):pc({state:t,dimensions:a})};function ba(e){return e.isDragging&&e.movementMode==="SNAP"?ce({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var mc={phase:"IDLE",completed:null,shouldFlush:!1},Hg=(function(e,t){if(e===void 0&&(e=mc),t.type==="FLUSH")return ce({},mc,{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,d=i.draggables[o.draggable.id],c=i.droppables[o.droppable.id],u={selection:a,borderBoxCenter:d.client.borderBox.center,offset:Oe},m={client:u,page:{selection:Ae(u.selection,s.scroll.initial),borderBoxCenter:Ae(u.selection,s.scroll.initial),offset:Ae(u.selection,s.scroll.diff.value)}},p=Oo(i.droppables).every(function(z){return!z.isFixedOnPage}),f=uc({draggable:d,home:c,draggables:i.draggables,viewport:s}),g=f.impact,b=f.afterCritical,y={phase:"DRAGGING",isDragging:!0,critical:o,movementMode:l,dimensions:i,initial:m,current:m,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=ce({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()),Kg({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;tn(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:jn({state:e,clientSelection:h,impact:ga(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return ba(e);tn(e)||(process.env.NODE_ENV!=="production"?P(!1,t.type+" not permitted in phase "+e.phase):P());var N=t.payload,w=N.id,T=N.newScroll,L=e.dimensions.droppables[w];if(!L)return e;var R=ia(L,T);return ha(e,R,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;tn(e)||(process.env.NODE_ENV!=="production"?P(!1,"Attempting to move in an unsupported phase "+e.phase):P());var _=t.payload,O=_.id,A=_.isEnabled,U=e.dimensions.droppables[O];U||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find Droppable[id: "+O+"] to toggle its enabled state"):P()),U.isEnabled===A&&(process.env.NODE_ENV!=="production"?P(!1,"Trying to set droppable isEnabled to "+String(A)+`
399
+ but it is already `+String(U.isEnabled)):P());var X=ce({},U,{isEnabled:A});return ha(e,X,!0)}if(t.type==="UPDATE_DROPPABLE_IS_COMBINE_ENABLED"){if(e.phase==="DROP_PENDING")return e;tn(e)||(process.env.NODE_ENV!=="production"?P(!1,"Attempting to move in an unsupported phase "+e.phase):P());var K=t.payload,C=K.id,V=K.isCombineEnabled,B=e.dimensions.droppables[C];B||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find Droppable[id: "+C+"] 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=ce({},B,{isCombineEnabled:V});return ha(e,M,!0)}if(t.type==="MOVE_BY_WINDOW_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="DROP_ANIMATING")return e;tn(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 J=t.payload.newScroll;if(At(e.viewport.scroll.current,J))return ba(e);var I=Ql(e.viewport,J);return ga(e)?pc({state:e,viewport:I}):jn({state:e,viewport:I})}if(t.type==="UPDATE_VIEWPORT_MAX_SCROLL"){if(!tn(e))return e;var D=t.payload.maxScroll;if(At(D,e.viewport.scroll.max))return e;var k=ce({},e.viewport,{scroll:ce({},e.viewport.scroll,{max:D})});return ce({phase:"DRAGGING"},e,{viewport:k})}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 G=Cg({state:e,type:t.type});return G?jn({state:e,impact:G.impact,clientSelection:G.clientSelection,scrollJumpRequest:G.scrollJumpRequest}):e}if(t.type==="DROP_PENDING"){var Z=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=ce({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:Z});return ne}if(t.type==="DROP_ANIMATE"){var te=t.payload,H=te.completed,q=te.dropDuration,Y=te.newHomeClientOffset;e.phase==="DRAGGING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?P(!1,"Cannot animate drop from phase "+e.phase):P());var W={phase:"DROP_ANIMATING",completed:H,dropDuration:q,newHomeClientOffset:Y,dimensions:e.dimensions};return W}if(t.type==="DROP_COMPLETE"){var ee=t.payload.completed;return{phase:"IDLE",completed:ee,shouldFlush:!1}}return e}),Wg=function(t){return{type:"BEFORE_INITIAL_CAPTURE",payload:t}},Gg=function(t){return{type:"LIFT",payload:t}},Ug=function(t){return{type:"INITIAL_PUBLISH",payload:t}},zg=function(t){return{type:"PUBLISH_WHILE_DRAGGING",payload:t}},jg=function(){return{type:"COLLECTION_STARTING",payload:null}},Yg=function(t){return{type:"UPDATE_DROPPABLE_SCROLL",payload:t}},qg=function(t){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:t}},Jg=function(t){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:t}},fc=function(t){return{type:"MOVE",payload:t}},Xg=function(t){return{type:"MOVE_BY_WINDOW_SCROLL",payload:t}},Zg=function(t){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:t}},Qg=function(){return{type:"MOVE_UP",payload:null}},eh=function(){return{type:"MOVE_DOWN",payload:null}},th=function(){return{type:"MOVE_RIGHT",payload:null}},nh=function(){return{type:"MOVE_LEFT",payload:null}},va=function(){return{type:"FLUSH",payload:null}},oh=function(t){return{type:"DROP_ANIMATE",payload:t}},ya=function(t){return{type:"DROP_COMPLETE",payload:t}},Sc=function(t){return{type:"DROP",payload:t}},rh=function(t){return{type:"DROP_PENDING",payload:t}},gc=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}};function ah(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 d=!!n[l];return d?"[🔥"+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 sh(e,t){if(process.env.NODE_ENV!=="production"){var n=en(e.droppable.id,t.draggables);ah(n)}}var ih=(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,d=i.clientSelection,c=i.movementMode,u=n();u.phase==="DROP_ANIMATING"&&o(ya({completed:u.completed})),n().phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?O(!1,"Unexpected phase to start a drag"):O()),o(va()),o(Wg({draggableId:l,movementMode:c}));var m={shouldPublishImmediately:c==="SNAP"},p={draggableId:l,scrollOptions:m},f=e.startPublishing(p),g=f.critical,h=f.dimensions,y=f.viewport;sh(g,h),o(Ug({critical:g,dimensions:h,clientSelection:d,movementMode:c,viewport:y}))}}}}),lh=(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)}}}}),Ea={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},Jn={opacity:{drop:0,combining:.7},scale:{drop:.75}},Ta={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},nn=Ta.outOfTheWay+"s "+Ea.outOfTheWay,Xn={fluid:"opacity "+nn,snap:"transform "+nn+", opacity "+nn,drop:function(t){var n=t+"s "+Ea.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+nn,placeholder:"height "+nn+", width "+nn+", margin "+nn},hc=function(t){return At(t,Pe)?null:"translate("+t.x+"px, "+t.y+"px)"},wa={moveTo:hc,drop:function(t,n){var o=hc(t);return o?n?o+" scale("+Jn.scale.drop+")":o:null}},Ca=Ta.minDropTime,bc=Ta.maxDropTime,ch=bc-Ca,vc=1500,dh=.6,ph=(function(e){var t=e.current,n=e.destination,o=e.reason,a=Hn(t,n);if(a<=0)return Ca;if(a>=vc)return bc;var s=a/vc,i=Ca+ch*s,l=o==="CANCEL"?i*dh:i;return Number(l.toFixed(2))}),uh=(function(e){var t=e.impact,n=e.draggable,o=e.dimensions,a=e.viewport,s=e.afterCritical,i=o.draggables,l=o.droppables,d=et(t),c=d?l[d]:null,u=l[n.descriptor.droppableId],m=dc({impact:t,draggable:n,draggables:i,afterCritical:s,droppable:c||u,viewport:a}),p=Qe(m,n.client.borderBox.center);return p}),mh=(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=cc({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 d=le({},o,{displaced:Gn});return{impact:d,didDropInsideDroppable:!0}}),fh=(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(rh({reason:i}));return}if(s.phase!=="IDLE"){var l=s.phase==="DROP_PENDING"&&s.isWaiting;l&&(process.env.NODE_ENV!=="production"?O(!1,"A DROP action occurred while DROP_PENDING and still waiting"):O()),s.phase==="DRAGGING"||s.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?O(!1,"Cannot drop in phase: "+s.phase):O());var d=s.critical,c=s.dimensions,u=c.draggables[s.critical.draggable.id],m=mh({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=m.impact,f=m.didDropInsideDroppable,g=f?ca(p):null,h=f?Bo(p):null,y={index:d.draggable.index,droppableId:d.droppable.id},v={draggableId:u.descriptor.id,type:u.descriptor.type,source:y,reason:i,mode:s.movementMode,destination:g,combine:h},b=uh({impact:p,draggable:u,dimensions:c,viewport:s.viewport,afterCritical:s.afterCritical}),N={critical:s.critical,afterCritical:s.afterCritical,result:v,impact:p},w=!At(s.current.client.offset,b)||!!v.combine;if(!w){n(ya({completed:N}));return}var T=ph({current:s.current.client.offset,destination:b,reason:i}),L={newHomeClientOffset:b,dropDuration:T,completed:N};n(oh(L))}}}}),yc=(function(){return{x:window.pageXOffset,y:window.pageYOffset}});function Sh(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(n){n.target!==window&&n.target!==window.document||e()}}}function gh(e){var t=e.onWindowScroll;function n(){t(yc())}var o=Vn(n),a=Sh(o),s=Ft;function i(){return s!==Ft}function l(){i()&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot start scroll listener when already active"):O()),s=it(window,[a])}function d(){i()||(process.env.NODE_ENV!=="production"?O(!1,"Cannot stop scroll listener when not active"):O()),o.cancel(),s(),s=Ft}return{start:l,stop:d,isActive:i}}var hh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},bh=(function(e){var t=gh({onWindowScroll:function(o){e.dispatch(Xg({newScroll:o}))}});return function(n){return function(o){!t.isActive()&&o.type==="INITIAL_PUBLISH"&&t.start(),t.isActive()&&hh(o)&&t.stop(),n(o)}}}),vh=(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 sh(e,t){if(process.env.NODE_ENV!=="production"){var n=en(e.droppable.id,t.draggables);ah(n)}}var ih=(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,d=i.clientSelection,c=i.movementMode,u=n();u.phase==="DROP_ANIMATING"&&o(ya({completed:u.completed})),n().phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?P(!1,"Unexpected phase to start a drag"):P()),o(va()),o(Wg({draggableId:l,movementMode:c}));var m={shouldPublishImmediately:c==="SNAP"},p={draggableId:l,scrollOptions:m},f=e.startPublishing(p),g=f.critical,b=f.dimensions,y=f.viewport;sh(g,b),o(Ug({critical:g,dimensions:b,clientSelection:d,movementMode:c,viewport:y}))}}}}),lh=(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)}}}}),Ea={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},Jn={opacity:{drop:0,combining:.7},scale:{drop:.75}},Ta={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},nn=Ta.outOfTheWay+"s "+Ea.outOfTheWay,Xn={fluid:"opacity "+nn,snap:"transform "+nn+", opacity "+nn,drop:function(t){var n=t+"s "+Ea.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+nn,placeholder:"height "+nn+", width "+nn+", margin "+nn},hc=function(t){return At(t,Oe)?null:"translate("+t.x+"px, "+t.y+"px)"},wa={moveTo:hc,drop:function(t,n){var o=hc(t);return o?n?o+" scale("+Jn.scale.drop+")":o:null}},Ca=Ta.minDropTime,bc=Ta.maxDropTime,ch=bc-Ca,vc=1500,dh=.6,ph=(function(e){var t=e.current,n=e.destination,o=e.reason,a=Hn(t,n);if(a<=0)return Ca;if(a>=vc)return bc;var s=a/vc,i=Ca+ch*s,l=o==="CANCEL"?i*dh:i;return Number(l.toFixed(2))}),uh=(function(e){var t=e.impact,n=e.draggable,o=e.dimensions,a=e.viewport,s=e.afterCritical,i=o.draggables,l=o.droppables,d=et(t),c=d?l[d]:null,u=l[n.descriptor.droppableId],m=dc({impact:t,draggable:n,draggables:i,afterCritical:s,droppable:c||u,viewport:a}),p=Qe(m,n.client.borderBox.center);return p}),mh=(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=cc({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 d=ce({},o,{displaced:Gn});return{impact:d,didDropInsideDroppable:!0}}),fh=(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(rh({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 d=s.critical,c=s.dimensions,u=c.draggables[s.critical.draggable.id],m=mh({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=m.impact,f=m.didDropInsideDroppable,g=f?ca(p):null,b=f?Bo(p):null,y={index:d.draggable.index,droppableId:d.droppable.id},v={draggableId:u.descriptor.id,type:u.descriptor.type,source:y,reason:i,mode:s.movementMode,destination:g,combine:b},h=uh({impact:p,draggable:u,dimensions:c,viewport:s.viewport,afterCritical:s.afterCritical}),N={critical:s.critical,afterCritical:s.afterCritical,result:v,impact:p},w=!At(s.current.client.offset,h)||!!v.combine;if(!w){n(ya({completed:N}));return}var T=ph({current:s.current.client.offset,destination:h,reason:i}),L={newHomeClientOffset:h,dropDuration:T,completed:N};n(oh(L))}}}}),yc=(function(){return{x:window.pageXOffset,y:window.pageYOffset}});function Sh(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(n){n.target!==window&&n.target!==window.document||e()}}}function gh(e){var t=e.onWindowScroll;function n(){t(yc())}var o=Vn(n),a=Sh(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 d(){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:d,isActive:i}}var hh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},bh=(function(e){var t=gh({onWindowScroll:function(o){e.dispatch(Xg({newScroll:o}))}});return function(n){return function(o){!t.isActive()&&o.type==="INITIAL_PUBLISH"&&t.start(),t.isActive()&&hh(o)&&t.stop(),n(o)}}}),vh=(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}),yh=(function(){var e=[],t=function(s){var i=la(e,function(c){return c.timerId===s});i===-1&&(process.env.NODE_ENV!=="production"?O(!1,"Could not find timer"):O());var l=e.splice(i,1),d=l[0];d.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}}),Eh=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},Th=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},wh=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},Zn=function(t,n){Yn(),n(),qn()},$o=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},Da=function(t,n,o,a){if(!t){o(a(n));return}var s=vh(o),i={announce:s};t(n,i),s.wasCalled()||o(a(n))},Ch=(function(e,t){var n=yh(),o=null,a=function(p,f){o&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot fire onBeforeCapture as a drag start has already been published"):O()),Zn("onBeforeCapture",function(){var g=e().onBeforeCapture;if(g){var h={draggableId:p,mode:f};g(h)}})},s=function(p,f){o&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):O()),Zn("onBeforeDragStart",function(){var g=e().onBeforeDragStart;g&&g($o(p,f))})},i=function(p,f){o&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):O());var g=$o(p,f);o={mode:f,lastCritical:p,lastLocation:g.source,lastCombine:null},n.add(function(){Zn("onDragStart",function(){return Da(e().onDragStart,g,t,_o.onDragStart)})})},l=function(p,f){var g=ca(f),h=Bo(f);o||(process.env.NODE_ENV!=="production"?O(!1,"Cannot fire onDragMove when onDragStart has not been called"):O());var y=!wh(p,o.lastCritical);y&&(o.lastCritical=p);var v=!Eh(o.lastLocation,g);v&&(o.lastLocation=g);var b=!Th(o.lastCombine,h);if(b&&(o.lastCombine=h),!(!y&&!v&&!b)){var N=le({},$o(p,o.mode),{combine:h,destination:g});n.add(function(){Zn("onDragUpdate",function(){return Da(e().onDragUpdate,N,t,_o.onDragUpdate)})})}},d=function(){o||(process.env.NODE_ENV!=="production"?O(!1,"Can only flush responders while dragging"):O()),n.flush()},c=function(p){o||(process.env.NODE_ENV!=="production"?O(!1,"Cannot fire onDragEnd when there is no matching onDragStart"):O()),o=null,Zn("onDragEnd",function(){return Da(e().onDragEnd,p,t,_o.onDragEnd)})},u=function(){if(o){var p=le({},$o(o.lastCritical,o.mode),{combine:null,destination:null,reason:"CANCEL"});c(p)}};return{beforeCapture:a,beforeStart:s,start:i,update:l,flush:d,drop:c,abort:u}}),Dh=(function(e,t){var n=Ch(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 d=o.getState();d.phase==="DRAGGING"&&n.update(d.critical,d.impact)}}}}),Nh=(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"?O(!1,"Cannot finish a drop animating when no drop is occurring"):O()),e.dispatch(ya({completed:o.completed}))}}}),Ih=(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 d=e.getState();d.phase==="DROP_ANIMATING"&&e.dispatch(gc())}};n=requestAnimationFrame(function(){n=null,t=it(window,[i])})}}}}),xh=(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)}}}}),kh=(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()}}}}}}),Mh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Lh=(function(e){return function(t){return function(n){return function(o){if(Mh(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"?O(!1,"Expected phase to be DRAGGING after INITIAL_PUBLISH"):O()),e.start(a);return}n(o),e.scroll(t.getState())}}}}),_h=(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(Sc({reason:o.reason})))}}}}),Oh=process.env.NODE_ENV!=="production"&&typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({name:"react-beautiful-dnd"}):Xi,Ph=(function(e){var t=e.dimensionMarshal,n=e.focusMarshal,o=e.styleMarshal,a=e.getResponders,s=e.announce,i=e.autoScroller;return Yi(Hg,Oh(Tf(lh(o),xh(t),ih(t),fh,Nh,Ih,_h,Lh(i),bh,kh(n),Dh(a,s))))}),Na=function(){return{additions:{},removals:{},modified:{}}};function Bh(e){var t=e.registry,n=e.callbacks,o=Na(),a=null,s=function(){a||(n.collectionStarting(),a=requestAnimationFrame(function(){a=null,Yn();var u=o,m=u.additions,p=u.removals,f=u.modified,g=Object.keys(m).map(function(v){return t.draggable.getById(v).getDimension(Pe)}).sort(function(v,b){return v.descriptor.index-b.descriptor.index}),h=Object.keys(f).map(function(v){var b=t.droppable.getById(v),N=b.callbacks.getScrollWhileDragging();return{droppableId:v,scroll:N}}),y={additions:g,removals:Object.keys(p),modified:h};o=Na(),qn(),n.publish(y)}))},i=function(u){var m=u.descriptor.id;o.additions[m]=u,o.modified[u.descriptor.droppableId]=!0,o.removals[m]&&delete o.removals[m],s()},l=function(u){var m=u.descriptor;o.removals[m.id]=!0,o.modified[m.droppableId]=!0,o.additions[m.id]&&delete o.additions[m.id],s()},d=function(){a&&(cancelAnimationFrame(a),a=null,o=Na())};return{add:i,remove:l,stop:d}}var Ec=(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}),Tc=(function(){var e=document.documentElement;return e||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find document.documentElement"):O()),e}),wc=(function(){var e=Tc(),t=Ec({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t}),Rh=(function(){var e=yc(),t=wc(),n=e.y,o=e.x,a=Tc(),s=a.clientWidth,i=a.clientHeight,l=o+s,d=n+i,c=St({top:n,left:o,right:l,bottom:d}),u={frame:c,scroll:{initial:e,current:e,max:t,diff:{value:Pe,displacement:Pe}}};return u}),Fh=(function(e){var t=e.critical,n=e.scrollOptions,o=e.registry;Yn();var a=Rh(),s=a.scroll.current,i=t.droppable,l=o.droppable.getAllByType(i.type).map(function(m){return m.callbacks.getDimensionAndWatchScroll(s,n)}),d=o.draggable.getAllByType(t.draggable.type).map(function(m){return m.getDimension(s)}),c={draggables:Gl(d),droppables:Wl(l)};qn();var u={dimensions:c,critical:t,viewport:a};return u});function Cc(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}),yh=(function(){var e=[],t=function(s){var i=la(e,function(c){return c.timerId===s});i===-1&&(process.env.NODE_ENV!=="production"?P(!1,"Could not find timer"):P());var l=e.splice(i,1),d=l[0];d.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}}),Eh=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},Th=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},wh=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},Zn=function(t,n){Yn(),n(),qn()},$o=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},Da=function(t,n,o,a){if(!t){o(a(n));return}var s=vh(o),i={announce:s};t(n,i),s.wasCalled()||o(a(n))},Ch=(function(e,t){var n=yh(),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()),Zn("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()),Zn("onBeforeDragStart",function(){var g=e().onBeforeDragStart;g&&g($o(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=$o(p,f);o={mode:f,lastCritical:p,lastLocation:g.source,lastCombine:null},n.add(function(){Zn("onDragStart",function(){return Da(e().onDragStart,g,t,_o.onDragStart)})})},l=function(p,f){var g=ca(f),b=Bo(f);o||(process.env.NODE_ENV!=="production"?P(!1,"Cannot fire onDragMove when onDragStart has not been called"):P());var y=!wh(p,o.lastCritical);y&&(o.lastCritical=p);var v=!Eh(o.lastLocation,g);v&&(o.lastLocation=g);var h=!Th(o.lastCombine,b);if(h&&(o.lastCombine=b),!(!y&&!v&&!h)){var N=ce({},$o(p,o.mode),{combine:b,destination:g});n.add(function(){Zn("onDragUpdate",function(){return Da(e().onDragUpdate,N,t,_o.onDragUpdate)})})}},d=function(){o||(process.env.NODE_ENV!=="production"?P(!1,"Can only flush responders while dragging"):P()),n.flush()},c=function(p){o||(process.env.NODE_ENV!=="production"?P(!1,"Cannot fire onDragEnd when there is no matching onDragStart"):P()),o=null,Zn("onDragEnd",function(){return Da(e().onDragEnd,p,t,_o.onDragEnd)})},u=function(){if(o){var p=ce({},$o(o.lastCritical,o.mode),{combine:null,destination:null,reason:"CANCEL"});c(p)}};return{beforeCapture:a,beforeStart:s,start:i,update:l,flush:d,drop:c,abort:u}}),Dh=(function(e,t){var n=Ch(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 d=o.getState();d.phase==="DRAGGING"&&n.update(d.critical,d.impact)}}}}),Nh=(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(ya({completed:o.completed}))}}}),Ih=(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 d=e.getState();d.phase==="DROP_ANIMATING"&&e.dispatch(gc())}};n=requestAnimationFrame(function(){n=null,t=it(window,[i])})}}}}),xh=(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)}}}}),kh=(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()}}}}}}),Mh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Lh=(function(e){return function(t){return function(n){return function(o){if(Mh(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())}}}}),_h=(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(Sc({reason:o.reason})))}}}}),Ph=process.env.NODE_ENV!=="production"&&typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({name:"react-beautiful-dnd"}):Xi,Oh=(function(e){var t=e.dimensionMarshal,n=e.focusMarshal,o=e.styleMarshal,a=e.getResponders,s=e.announce,i=e.autoScroller;return Yi(Hg,Ph(Tf(lh(o),xh(t),ih(t),fh,Nh,Ih,_h,Lh(i),bh,kh(n),Dh(a,s))))}),Na=function(){return{additions:{},removals:{},modified:{}}};function Bh(e){var t=e.registry,n=e.callbacks,o=Na(),a=null,s=function(){a||(n.collectionStarting(),a=requestAnimationFrame(function(){a=null,Yn();var u=o,m=u.additions,p=u.removals,f=u.modified,g=Object.keys(m).map(function(v){return t.draggable.getById(v).getDimension(Oe)}).sort(function(v,h){return v.descriptor.index-h.descriptor.index}),b=Object.keys(f).map(function(v){var h=t.droppable.getById(v),N=h.callbacks.getScrollWhileDragging();return{droppableId:v,scroll:N}}),y={additions:g,removals:Object.keys(p),modified:b};o=Na(),qn(),n.publish(y)}))},i=function(u){var m=u.descriptor.id;o.additions[m]=u,o.modified[u.descriptor.droppableId]=!0,o.removals[m]&&delete o.removals[m],s()},l=function(u){var m=u.descriptor;o.removals[m.id]=!0,o.modified[m.droppableId]=!0,o.additions[m.id]&&delete o.additions[m.id],s()},d=function(){a&&(cancelAnimationFrame(a),a=null,o=Na())};return{add:i,remove:l,stop:d}}var Ec=(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}),Tc=(function(){var e=document.documentElement;return e||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find document.documentElement"):P()),e}),wc=(function(){var e=Tc(),t=Ec({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t}),Rh=(function(){var e=yc(),t=wc(),n=e.y,o=e.x,a=Tc(),s=a.clientWidth,i=a.clientHeight,l=o+s,d=n+i,c=St({top:n,left:o,right:l,bottom:d}),u={frame:c,scroll:{initial:e,current:e,max:t,diff:{value:Oe,displacement:Oe}}};return u}),Fh=(function(e){var t=e.critical,n=e.scrollOptions,o=e.registry;Yn();var a=Rh(),s=a.scroll.current,i=t.droppable,l=o.droppable.getAllByType(i.type).map(function(m){return m.callbacks.getDimensionAndWatchScroll(s,n)}),d=o.draggable.getAllByType(t.draggable.type).map(function(m){return m.getDimension(s)}),c={draggables:Gl(d),droppables:Wl(l)};qn();var u={dimensions:c,critical:t,viewport:a};return u});function Cc(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 Ah=(function(e,t){var n=null,o=Bh({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),a=function(f,g){e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?O(!1,"Cannot update is enabled flag of Droppable "+f+" as it is not registered"):O()),n&&t.updateDroppableIsEnabled({id:f,isEnabled:g})},s=function(f,g){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?O(!1,"Cannot update isCombineEnabled flag of Droppable "+f+" as it is not registered"):O()),t.updateDroppableIsCombineEnabled({id:f,isCombineEnabled:g}))},i=function(f,g){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?O(!1,"Cannot update the scroll on Droppable "+f+" as it is not registered"):O()),t.updateDroppableScroll({id:f,newScroll:g}))},l=function(f,g){n&&e.droppable.getById(f).callbacks.scroll(g)},d=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}},c=function(f){n||(process.env.NODE_ENV!=="production"?O(!1,"Should only be subscribed when a collection is occurring"):O());var g=n.critical.draggable;f.type==="ADDITION"&&Cc(e,g,f.value)&&o.add(f.value),f.type==="REMOVAL"&&Cc(e,g,f.value)&&o.remove(f.value)},u=function(f){n&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot start capturing critical dimensions as there is already a collection"):O());var g=e.draggable.getById(f.draggableId),h=e.droppable.getById(g.descriptor.droppableId),y={draggable:g.descriptor,droppable:h.descriptor},v=e.subscribe(c);return n={critical:y,unsubscribe:v},Fh({critical:y,registry:e,scrollOptions:f.scrollOptions})},m={updateDroppableIsEnabled:a,updateDroppableIsCombineEnabled:s,scrollDroppable:l,updateDroppableScroll:i,startPublishing:u,stopPublishing:d};return m}),Dc=(function(e,t){return e.phase==="IDLE"?!0:e.phase!=="DROP_ANIMATING"||e.completed.result.draggableId===t?!1:e.completed.result.reason==="DROP"}),$h=(function(e){window.scrollBy(e.x,e.y)}),Vh=Oe(function(e){return Po(e).filter(function(t){return!(!t.isEnabled||!t.frame)})}),Kh=function(t,n){var o=$t(Vh(n),function(a){return a.frame||(process.env.NODE_ENV!=="production"?O(!1,"Invalid result"):O()),ac(a.frame.pageMarginBox)(t)});return o},Hh=(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=Kh(t,o);return s}),Kt={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:function(t){return Math.pow(t,2)},durationDampening:{stopDampeningAt:1200,accelerateAt:360}},Wh=(function(e,t){var n=e[t.size]*Kt.startFromPercentage,o=e[t.size]*Kt.maxScrollAtPercentage,a={startScrollingFrom:n,maxScrollValueAt:o};return a}),Nc=(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 Ah=(function(e,t){var n=null,o=Bh({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)},d=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}},c=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"&&Cc(e,g,f.value)&&o.add(f.value),f.type==="REMOVAL"&&Cc(e,g,f.value)&&o.remove(f.value)},u=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(c);return n={critical:y,unsubscribe:v},Fh({critical:y,registry:e,scrollOptions:f.scrollOptions})},m={updateDroppableIsEnabled:a,updateDroppableIsCombineEnabled:s,scrollDroppable:l,updateDroppableScroll:i,startPublishing:u,stopPublishing:d};return m}),Dc=(function(e,t){return e.phase==="IDLE"?!0:e.phase!=="DROP_ANIMATING"||e.completed.result.draggableId===t?!1:e.completed.result.reason==="DROP"}),$h=(function(e){window.scrollBy(e.x,e.y)}),Vh=Pe(function(e){return Oo(e).filter(function(t){return!(!t.isEnabled||!t.frame)})}),Kh=function(t,n){var o=$t(Vh(n),function(a){return a.frame||(process.env.NODE_ENV!=="production"?P(!1,"Invalid result"):P()),ac(a.frame.pageMarginBox)(t)});return o},Hh=(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=Kh(t,o);return s}),Kt={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:function(t){return Math.pow(t,2)},durationDampening:{stopDampeningAt:1200,accelerateAt:360}},Wh=(function(e,t){var n=e[t.size]*Kt.startFromPercentage,o=e[t.size]*Kt.maxScrollAtPercentage,a={startScrollingFrom:n,maxScrollValueAt:o};return a}),Nc=(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}),Ia=1,Gh=(function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return Kt.maxPixelScroll;if(e===t.startScrollingFrom)return Ia;var n=Nc({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),o=1-n,a=Kt.maxPixelScroll*Kt.ease(o);return Math.ceil(a)}),Ic=Kt.durationDampening.accelerateAt,xc=Kt.durationDampening.stopDampeningAt,Uh=(function(e,t){var n=t,o=xc,a=Date.now(),s=a-n;if(s>=xc)return e;if(s<Ic)return Ia;var i=Nc({startOfRange:Ic,endOfRange:o,current:s}),l=e*Kt.ease(i);return Math.ceil(l)}),kc=(function(e){var t=e.distanceToEdge,n=e.thresholds,o=e.dragStartTime,a=e.shouldUseTimeDampening,s=Gh(t,n);return s===0?0:a?Math.max(Uh(s,o),Ia):s}),Mc=(function(e){var t=e.container,n=e.distanceToEdges,o=e.dragStartTime,a=e.axis,s=e.shouldUseTimeDampening,i=Wh(t,a),l=n[a.end]<n[a.start];return l?kc({distanceToEdge:n[a.end],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s}):-1*kc({distanceToEdge:n[a.start],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s})}),zh=(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}}),jh=Vl(function(e){return e===0?0:e}),Lc=(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=Mc({container:n,distanceToEdges:i,dragStartTime:t,axis:da,shouldUseTimeDampening:s}),d=Mc({container:n,distanceToEdges:i,dragStartTime:t,axis:jl,shouldUseTimeDampening:s}),c=jh({x:d,y:l});if(At(c,Pe))return null;var u=zh({container:n,subject:o,proposedScroll:c});return u?At(u,Pe)?null:u:null}),Yh=Vl(function(e){return e===0?0:e>0?1:-1}),xa=(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=Ae(n,a),i={x:e(s.x,o.x),y:e(s.y,o.y)};return At(i,Pe)?null:i}})(),_c=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=Yh(a),l=xa({max:s,current:o,change:i});return!l||i.x!==0&&l.x===0||i.y!==0&&l.y===0},ka=function(t,n){return _c({current:t.scroll.current,max:t.scroll.max,change:n})},qh=function(t,n){if(!ka(t,n))return null;var o=t.scroll.max,a=t.scroll.current;return xa({current:a,max:o,change:n})},Ma=function(t,n){var o=t.frame;return o?_c({current:o.scroll.current,max:o.scroll.max,change:n}):!1},Jh=function(t,n){var o=t.frame;return!o||!Ma(t,n)?null:xa({current:o.scroll.current,max:o.scroll.max,change:n})},Xh=(function(e){var t=e.viewport,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=Lc({dragStartTime:a,container:t.frame,subject:n,center:o,shouldUseTimeDampening:s});return i&&ka(t,i)?i:null}),Zh=(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=Lc({dragStartTime:a,container:i.pageMarginBox,subject:n,center:o,shouldUseTimeDampening:s});return l&&Ma(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],d=l.page.marginBox;if(t.isWindowScrollAllowed){var c=t.viewport,u=Xh({dragStartTime:n,viewport:c,subject:d,center:i,shouldUseTimeDampening:o});if(u){a(u);return}}var m=Hh({center:i,destination:et(t.impact),droppables:t.dimensions.droppables});if(m){var p=Zh({dragStartTime:n,droppable:m,subject:d,center:i,shouldUseTimeDampening:o});p&&s(m.descriptor.id,p)}}),Qh=(function(e){var t=e.scrollWindow,n=e.scrollDroppable,o=Vn(t),a=Vn(n),s=null,i=function(u){s||(process.env.NODE_ENV!=="production"?O(!1,"Cannot fluid scroll if not dragging"):O());var m=s,p=m.shouldUseTimeDampening,f=m.dragStartTime;Oc({state:u,scrollWindow:o,scrollDroppable:a,dragStartTime:f,shouldUseTimeDampening:p})},l=function(u){Yn(),s&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot start auto scrolling when already started"):O());var m=Date.now(),p=!1,f=function(){p=!0};Oc({state:u,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:f,scrollDroppable:f}),s={dragStartTime:m,shouldUseTimeDampening:p},qn(),p&&i(u)},d=function(){s&&(o.cancel(),a.cancel(),s=null)};return{start:l,stop:d,scroll:i}}),eb=(function(e){var t=e.move,n=e.scrollDroppable,o=e.scrollWindow,a=function(c,u){var m=Ae(c.current.client.selection,u);t({client:m})},s=function(c,u){if(!Ma(c,u))return u;var m=Jh(c,u);if(!m)return n(c.descriptor.id,u),null;var p=Qe(u,m);n(c.descriptor.id,p);var f=Qe(u,p);return f},i=function(c,u,m){if(!c||!ka(u,m))return m;var p=qh(u,m);if(!p)return o(m),null;var f=Qe(m,p);o(f);var g=Qe(m,f);return g},l=function(c){var u=c.scrollJumpRequest;if(u){var m=et(c.impact);m||(process.env.NODE_ENV!=="production"?O(!1,"Cannot perform a jump scroll when there is no destination"):O());var p=s(c.dimensions.droppables[m],u);if(p){var f=c.viewport,g=i(c.isWindowScrollAllowed,f,p);g&&a(c,g)}}};return l}),tb=(function(e){var t=e.scrollDroppable,n=e.scrollWindow,o=e.move,a=Qh({scrollWindow:n,scrollDroppable:t}),s=eb({move:o,scrollWindow:n,scrollDroppable:t}),i=function(c){if(c.phase==="DRAGGING"){if(c.movementMode==="FLUID"){a.scroll(c);return}c.scrollJumpRequest&&s(c)}},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"}})(),La=(function(){var e=wn+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}})(),nb=(function(){var e=wn+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}})(),Pc={contextId:wn+"-scroll-container-context-id"},ob=function(t){return function(n){return"["+n+'="'+t+'"]'}},Qn=function(t,n){return t.map(function(o){var a=o.styles[n];return a?o.selector+" { "+a+" }":""}).join(" ")},rb="pointer-events: none;",ab=(function(e){var t=ob(e),n=(function(){var l=`
418
+ `),0;var s=o-t,i=s/a;return i}),Ia=1,Gh=(function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return Kt.maxPixelScroll;if(e===t.startScrollingFrom)return Ia;var n=Nc({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),o=1-n,a=Kt.maxPixelScroll*Kt.ease(o);return Math.ceil(a)}),Ic=Kt.durationDampening.accelerateAt,xc=Kt.durationDampening.stopDampeningAt,Uh=(function(e,t){var n=t,o=xc,a=Date.now(),s=a-n;if(s>=xc)return e;if(s<Ic)return Ia;var i=Nc({startOfRange:Ic,endOfRange:o,current:s}),l=e*Kt.ease(i);return Math.ceil(l)}),kc=(function(e){var t=e.distanceToEdge,n=e.thresholds,o=e.dragStartTime,a=e.shouldUseTimeDampening,s=Gh(t,n);return s===0?0:a?Math.max(Uh(s,o),Ia):s}),Mc=(function(e){var t=e.container,n=e.distanceToEdges,o=e.dragStartTime,a=e.axis,s=e.shouldUseTimeDampening,i=Wh(t,a),l=n[a.end]<n[a.start];return l?kc({distanceToEdge:n[a.end],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s}):-1*kc({distanceToEdge:n[a.start],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s})}),zh=(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}}),jh=Vl(function(e){return e===0?0:e}),Lc=(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=Mc({container:n,distanceToEdges:i,dragStartTime:t,axis:da,shouldUseTimeDampening:s}),d=Mc({container:n,distanceToEdges:i,dragStartTime:t,axis:jl,shouldUseTimeDampening:s}),c=jh({x:d,y:l});if(At(c,Oe))return null;var u=zh({container:n,subject:o,proposedScroll:c});return u?At(u,Oe)?null:u:null}),Yh=Vl(function(e){return e===0?0:e>0?1:-1}),xa=(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=Ae(n,a),i={x:e(s.x,o.x),y:e(s.y,o.y)};return At(i,Oe)?null:i}})(),_c=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=Yh(a),l=xa({max:s,current:o,change:i});return!l||i.x!==0&&l.x===0||i.y!==0&&l.y===0},ka=function(t,n){return _c({current:t.scroll.current,max:t.scroll.max,change:n})},qh=function(t,n){if(!ka(t,n))return null;var o=t.scroll.max,a=t.scroll.current;return xa({current:a,max:o,change:n})},Ma=function(t,n){var o=t.frame;return o?_c({current:o.scroll.current,max:o.scroll.max,change:n}):!1},Jh=function(t,n){var o=t.frame;return!o||!Ma(t,n)?null:xa({current:o.scroll.current,max:o.scroll.max,change:n})},Xh=(function(e){var t=e.viewport,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=Lc({dragStartTime:a,container:t.frame,subject:n,center:o,shouldUseTimeDampening:s});return i&&ka(t,i)?i:null}),Zh=(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=Lc({dragStartTime:a,container:i.pageMarginBox,subject:n,center:o,shouldUseTimeDampening:s});return l&&Ma(t,l)?l:null}),Pc=(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],d=l.page.marginBox;if(t.isWindowScrollAllowed){var c=t.viewport,u=Xh({dragStartTime:n,viewport:c,subject:d,center:i,shouldUseTimeDampening:o});if(u){a(u);return}}var m=Hh({center:i,destination:et(t.impact),droppables:t.dimensions.droppables});if(m){var p=Zh({dragStartTime:n,droppable:m,subject:d,center:i,shouldUseTimeDampening:o});p&&s(m.descriptor.id,p)}}),Qh=(function(e){var t=e.scrollWindow,n=e.scrollDroppable,o=Vn(t),a=Vn(n),s=null,i=function(u){s||(process.env.NODE_ENV!=="production"?P(!1,"Cannot fluid scroll if not dragging"):P());var m=s,p=m.shouldUseTimeDampening,f=m.dragStartTime;Pc({state:u,scrollWindow:o,scrollDroppable:a,dragStartTime:f,shouldUseTimeDampening:p})},l=function(u){Yn(),s&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot start auto scrolling when already started"):P());var m=Date.now(),p=!1,f=function(){p=!0};Pc({state:u,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:f,scrollDroppable:f}),s={dragStartTime:m,shouldUseTimeDampening:p},qn(),p&&i(u)},d=function(){s&&(o.cancel(),a.cancel(),s=null)};return{start:l,stop:d,scroll:i}}),eb=(function(e){var t=e.move,n=e.scrollDroppable,o=e.scrollWindow,a=function(c,u){var m=Ae(c.current.client.selection,u);t({client:m})},s=function(c,u){if(!Ma(c,u))return u;var m=Jh(c,u);if(!m)return n(c.descriptor.id,u),null;var p=Qe(u,m);n(c.descriptor.id,p);var f=Qe(u,p);return f},i=function(c,u,m){if(!c||!ka(u,m))return m;var p=qh(u,m);if(!p)return o(m),null;var f=Qe(m,p);o(f);var g=Qe(m,f);return g},l=function(c){var u=c.scrollJumpRequest;if(u){var m=et(c.impact);m||(process.env.NODE_ENV!=="production"?P(!1,"Cannot perform a jump scroll when there is no destination"):P());var p=s(c.dimensions.droppables[m],u);if(p){var f=c.viewport,g=i(c.isWindowScrollAllowed,f,p);g&&a(c,g)}}};return l}),tb=(function(e){var t=e.scrollDroppable,n=e.scrollWindow,o=e.move,a=Qh({scrollWindow:n,scrollDroppable:t}),s=eb({move:o,scrollWindow:n,scrollDroppable:t}),i=function(c){if(c.phase==="DRAGGING"){if(c.movementMode==="FLUID"){a.scroll(c);return}c.scrollJumpRequest&&s(c)}},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"}})(),La=(function(){var e=wn+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}})(),nb=(function(){var e=wn+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}})(),Oc={contextId:wn+"-scroll-container-context-id"},ob=function(t){return function(n){return"["+n+'="'+t+'"]'}},Qn=function(t,n){return t.map(function(o){var a=o.styles[n];return a?o.selector+" { "+a+" }":""}).join(" ")},rb="pointer-events: none;",ab=(function(e){var t=ob(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(D),null," "));var ee=z(j,Q,te,ne,V+"."
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:Qn(i,"always"),resting:Qn(i,"resting"),dragging:Qn(i,"dragging"),dropAnimating:Qn(i,"dropAnimating"),userCancel:Qn(i,"userCancel")}}),tt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?E.useLayoutEffect:E.useEffect,_a=function(){var t=document.querySelector("head");return t||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find the head to append a style to"):O()),t},Bc=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function sb(e,t){var n=fe(function(){return ab(e)},[e]),o=E.useRef(null),a=E.useRef(null),s=ie(Oe(function(m){var p=a.current;p||(process.env.NODE_ENV!=="production"?O(!1,"Cannot set dynamic style element if it is not set"):O()),p.textContent=m}),[]),i=ie(function(m){var p=o.current;p||(process.env.NODE_ENV!=="production"?O(!1,"Cannot set dynamic style element if it is not set"):O()),p.textContent=m},[]);tt(function(){!o.current&&!a.current||(process.env.NODE_ENV!=="production"?O(!1,"style elements already mounted"):O());var m=Bc(t),p=Bc(t);return o.current=m,a.current=p,m.setAttribute(wn+"-always",e),p.setAttribute(wn+"-dynamic",e),_a().appendChild(m),_a().appendChild(p),i(n.always),s(n.resting),function(){var f=function(h){var y=h.current;y||(process.env.NODE_ENV!=="production"?O(!1,"Cannot unmount ref as it is not set"):O()),_a().removeChild(y),h.current=null};f(o),f(a)}},[t,i,s,n.always,n.resting,e]);var l=ie(function(){return s(n.dragging)},[s,n.dragging]),d=ie(function(m){if(m==="DROP"){s(n.dropAnimating);return}s(n.userCancel)},[s,n.dropAnimating,n.userCancel]),c=ie(function(){a.current&&s(n.resting)},[s,n.resting]),u=fe(function(){return{dragging:l,dropping:d,resting:c}},[l,d,c]);return u}var Rc=(function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window});function eo(e){return e instanceof Rc(e).HTMLElement}function Fc(e,t){var n="["+Cn.contextId+'="'+e+'"]',o=Hl(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?eo(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 ib(e){var t=E.useRef({}),n=E.useRef(null),o=E.useRef(null),a=E.useRef(!1),s=ie(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=ie(function(p){var f=Fc(e,p);f&&f!==document.activeElement&&f.focus()},[e]),l=ie(function(p,f){n.current===p&&(n.current=f)},[]),d=ie(function(){o.current||a.current&&(o.current=requestAnimationFrame(function(){o.current=null;var p=n.current;p&&i(p)}))},[i]),c=ie(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 u=fe(function(){return{register:s,tryRecordFocus:c,tryRestoreFocusRecorded:d,tryShiftRecord:l}},[s,c,d,l]);return u}function lb(){var e={draggables:{},droppables:{}},t=[];function n(m){return t.push(m),function(){var f=t.indexOf(m);f!==-1&&t.splice(f,1)}}function o(m){t.length&&t.forEach(function(p){return p(m)})}function a(m){return e.draggables[m]||null}function s(m){var p=a(m);return p||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find draggable entry with id ["+m+"]"):O()),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 Oo(e.draggables).filter(function(f){return f.descriptor.type===p})}};function l(m){return e.droppables[m]||null}function d(m){var p=l(m);return p||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find droppable entry with id ["+m+"]"):O()),p}var c={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:d,findById:l,exists:function(p){return!!l(p)},getAllByType:function(p){return Oo(e.droppables).filter(function(f){return f.descriptor.type===p})}};function u(){e.draggables={},e.droppables={},t.length=0}return{draggable:i,droppable:c,subscribe:n,clean:u}}function cb(){var e=fe(lb,[]);return E.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Oa=E.createContext(null),to=(function(){var e=document.body;return e||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find document.body"):O()),e}),db={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},pb=function(t){return"rbd-announcement-"+t};function ub(e){var t=fe(function(){return pb(e)},[e]),n=E.useRef(null);E.useEffect(function(){var s=document.createElement("div");return n.current=s,s.id=t,s.setAttribute("aria-live","assertive"),s.setAttribute("aria-atomic","true"),le(s.style,db),to().appendChild(s),function(){setTimeout(function(){var d=to();d.contains(s)&&d.removeChild(s),s===n.current&&(n.current=null)})}},[t]);var o=ie(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:Qn(i,"always"),resting:Qn(i,"resting"),dragging:Qn(i,"dragging"),dropAnimating:Qn(i,"dropAnimating"),userCancel:Qn(i,"userCancel")}}),tt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?E.useLayoutEffect:E.useEffect,_a=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},Bc=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function sb(e,t){var n=Se(function(){return ab(e)},[e]),o=E.useRef(null),a=E.useRef(null),s=le(Pe(function(m){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=m}),[]),i=le(function(m){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=m},[]);tt(function(){!o.current&&!a.current||(process.env.NODE_ENV!=="production"?P(!1,"style elements already mounted"):P());var m=Bc(t),p=Bc(t);return o.current=m,a.current=p,m.setAttribute(wn+"-always",e),p.setAttribute(wn+"-dynamic",e),_a().appendChild(m),_a().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()),_a().removeChild(y),b.current=null};f(o),f(a)}},[t,i,s,n.always,n.resting,e]);var l=le(function(){return s(n.dragging)},[s,n.dragging]),d=le(function(m){if(m==="DROP"){s(n.dropAnimating);return}s(n.userCancel)},[s,n.dropAnimating,n.userCancel]),c=le(function(){a.current&&s(n.resting)},[s,n.resting]),u=Se(function(){return{dragging:l,dropping:d,resting:c}},[l,d,c]);return u}var Rc=(function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window});function eo(e){return e instanceof Rc(e).HTMLElement}function Fc(e,t){var n="["+Cn.contextId+'="'+e+'"]',o=Hl(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?eo(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 ib(e){var t=E.useRef({}),n=E.useRef(null),o=E.useRef(null),a=E.useRef(!1),s=le(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=le(function(p){var f=Fc(e,p);f&&f!==document.activeElement&&f.focus()},[e]),l=le(function(p,f){n.current===p&&(n.current=f)},[]),d=le(function(){o.current||a.current&&(o.current=requestAnimationFrame(function(){o.current=null;var p=n.current;p&&i(p)}))},[i]),c=le(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 u=Se(function(){return{register:s,tryRecordFocus:c,tryRestoreFocusRecorded:d,tryShiftRecord:l}},[s,c,d,l]);return u}function lb(){var e={draggables:{},droppables:{}},t=[];function n(m){return t.push(m),function(){var f=t.indexOf(m);f!==-1&&t.splice(f,1)}}function o(m){t.length&&t.forEach(function(p){return p(m)})}function a(m){return e.draggables[m]||null}function s(m){var p=a(m);return p||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find draggable entry with id ["+m+"]"):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 Po(e.draggables).filter(function(f){return f.descriptor.type===p})}};function l(m){return e.droppables[m]||null}function d(m){var p=l(m);return p||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find droppable entry with id ["+m+"]"):P()),p}var c={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:d,findById:l,exists:function(p){return!!l(p)},getAllByType:function(p){return Po(e.droppables).filter(function(f){return f.descriptor.type===p})}};function u(){e.draggables={},e.droppables={},t.length=0}return{draggable:i,droppable:c,subscribe:n,clean:u}}function cb(){var e=Se(lb,[]);return E.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Pa=E.createContext(null),to=(function(){var e=document.body;return e||(process.env.NODE_ENV!=="production"?P(!1,"Cannot find document.body"):P()),e}),db={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},pb=function(t){return"rbd-announcement-"+t};function ub(e){var t=Se(function(){return pb(e)},[e]),n=E.useRef(null);E.useEffect(function(){var s=document.createElement("div");return n.current=s,s.id=t,s.setAttribute("aria-live","assertive"),s.setAttribute("aria-atomic","true"),ce(s.style,db),to().appendChild(s),function(){setTimeout(function(){var d=to();d.contains(s)&&d.removeChild(s),s===n.current&&(n.current=null)})}},[t]);var o=le(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(D),null," "));var ee=z(j,Q,te,ne,V+"."
441
441
  Message not passed to screen reader:
442
442
 
443
443
  "`+a+`"
444
- `)},[]);return o}var Ac=0,mb={separator:"::"};function fb(){Ac=0}function Pa(e,t){return t===void 0&&(t=mb),fe(function(){return""+e+t.separator+Ac++},[t.separator,e])}function Sb(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function gb(e){var t=e.contextId,n=e.text,o=Pa("hidden-text",{separator:"-"}),a=fe(function(){return Sb({contextId:t,uniqueId:o})},[o,t]);return E.useEffect(function(){var i=document.createElement("div");return i.id=a,i.textContent=n,i.style.display="none",to().appendChild(i),function(){var d=to();d.contains(i)&&d.removeChild(i)}},[a,n]),a}var Vo=E.createContext(null),hb={react:"^16.8.5 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.5 || ^17.0.0 || ^18.0.0"},bb=/(\d+)\.(\d+)\.(\d+)/,$c=function(t){var n=bb.exec(t);n==null&&(process.env.NODE_ENV!=="production"?O(!1,"Unable to parse React version "+t):O());var o=Number(n[1]),a=Number(n[2]),s=Number(n[3]);return{major:o,minor:a,patch:s,raw:t}},vb=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},yb=(function(e,t){var n=$c(e),o=$c(t);vb(n,o)||process.env.NODE_ENV!=="production"&&Ce(`
444
+ `)},[]);return o}var Ac=0,mb={separator:"::"};function fb(){Ac=0}function Oa(e,t){return t===void 0&&(t=mb),Se(function(){return""+e+t.separator+Ac++},[t.separator,e])}function Sb(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function gb(e){var t=e.contextId,n=e.text,o=Oa("hidden-text",{separator:"-"}),a=Se(function(){return Sb({contextId:t,uniqueId:o})},[o,t]);return E.useEffect(function(){var i=document.createElement("div");return i.id=a,i.textContent=n,i.style.display="none",to().appendChild(i),function(){var d=to();d.contains(i)&&d.removeChild(i)}},[a,n]),a}var Vo=E.createContext(null),hb={react:"^16.8.5 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.5 || ^17.0.0 || ^18.0.0"},bb=/(\d+)\.(\d+)\.(\d+)/,$c=function(t){var n=bb.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}},vb=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},yb=(function(e,t){var n=$c(e),o=$c(t);vb(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(D),null," "));var ee=z(j,Q,te,ne,V+"."
468
468
  A setup problem was encountered.
469
469
 
470
470
  > `+n.message+`
471
- `)}},t)})}function Tb(){no(function(){yb(hb.react,E.version),Eb(document)},[])}function Fa(e){var t=E.useRef(e);return E.useEffect(function(){t.current=e}),t}function wb(){var e=null;function t(){return!!e}function n(i){return i===e}function o(i){e&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot claim lock as it is already claimed"):O());var l={abandon:i};return e=l,l}function a(){e||(process.env.NODE_ENV!=="production"?O(!1,"Cannot release lock when there is no lock"):O()),e=null}function s(){e&&(e.abandon(),a())}return{isClaimed:t,isActive:n,claim:o,release:a,tryAbandon:s}}var Cb=9,Db=13,Aa=27,Vc=32,Nb=33,Ib=34,xb=35,kb=36,Mb=37,Lb=38,_b=39,Ob=40,Ko,Pb=(Ko={},Ko[Db]=!0,Ko[Cb]=!0,Ko),Kc=(function(e){Pb[e.keyCode]&&e.preventDefault()}),Ho=(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})(),Hc=0,Wc=5;function Bb(e,t){return Math.abs(t.x-e.x)>=Wc||Math.abs(t.y-e.y)>=Wc}var Gc={type:"IDLE"};function Rb(e){var t=e.cancel,n=e.completed,o=e.getPhase,a=e.setPhase;return[{eventName:"mousemove",fn:function(i){var l=i.button,d=i.clientX,c=i.clientY;if(l===Hc){var u={x:d,y:c},m=o();if(m.type==="DRAGGING"){i.preventDefault(),m.actions.move(u);return}m.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot be IDLE"):O());var p=m.point;if(Bb(p,u)){i.preventDefault();var f=m.actions.fluidLift(u);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===Aa){i.preventDefault(),t();return}Kc(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"?O(!1,"Unexpected phase"):O()),l.actions.shouldRespectForcePress()){t();return}i.preventDefault()}},{eventName:Ho,fn:t}]}function Uc(e){var t=E.useRef(Gc),n=E.useRef(Ft),o=fe(function(){return{eventName:"mousedown",fn:function(m){if(!m.defaultPrevented&&m.button===Hc&&!(m.ctrlKey||m.metaKey||m.shiftKey||m.altKey)){var p=e.findClosestDraggableId(m);if(p){var f=e.tryGetLock(p,i,{sourceEvent:m});if(f){m.preventDefault();var g={x:m.clientX,y:m.clientY};n.current(),c(f,g)}}}}}},[e]),a=fe(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(m){if(!m.defaultPrevented){var p=e.findClosestDraggableId(m);if(p){var f=e.findOptionsForDraggable(p);f&&(f.shouldRespectForcePress||e.canGetLock(p)&&m.preventDefault())}}}}},[e]),s=ie(function(){var m={passive:!1,capture:!0};n.current=it(window,[a,o],m)},[a,o]),i=ie(function(){var u=t.current;u.type!=="IDLE"&&(t.current=Gc,n.current(),s())},[s]),l=ie(function(){var u=t.current;i(),u.type==="DRAGGING"&&u.actions.cancel({shouldBlockNextClick:!0}),u.type==="PENDING"&&u.actions.abort()},[i]),d=ie(function(){var m={capture:!0,passive:!1},p=Rb({cancel:l,completed:i,getPhase:function(){return t.current},setPhase:function(g){t.current=g}});n.current=it(window,p,m)},[l,i]),c=ie(function(m,p){t.current.type!=="IDLE"&&(process.env.NODE_ENV!=="production"?O(!1,"Expected to move from IDLE to PENDING drag"):O()),t.current={type:"PENDING",point:p,actions:m},d()},[d]);tt(function(){return s(),function(){n.current()}},[s])}var Dn;function Fb(){}var Ab=(Dn={},Dn[Ib]=!0,Dn[Nb]=!0,Dn[kb]=!0,Dn[xb]=!0,Dn);function $b(e,t){function n(){t(),e.cancel()}function o(){t(),e.drop()}return[{eventName:"keydown",fn:function(s){if(s.keyCode===Aa){s.preventDefault(),n();return}if(s.keyCode===Vc){s.preventDefault(),o();return}if(s.keyCode===Ob){s.preventDefault(),e.moveDown();return}if(s.keyCode===Lb){s.preventDefault(),e.moveUp();return}if(s.keyCode===_b){s.preventDefault(),e.moveRight();return}if(s.keyCode===Mb){s.preventDefault(),e.moveLeft();return}if(Ab[s.keyCode]){s.preventDefault();return}Kc(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:Ho,fn:n}]}function zc(e){var t=E.useRef(Fb),n=fe(function(){return{eventName:"keydown",fn:function(s){if(s.defaultPrevented||s.keyCode!==Vc)return;var i=e.findClosestDraggableId(s);if(!i)return;var l=e.tryGetLock(i,u,{sourceEvent:s});if(!l)return;s.preventDefault();var d=!0,c=l.snapLift();t.current();function u(){d||(process.env.NODE_ENV!=="production"?O(!1,"Cannot stop capturing a keyboard drag when not capturing"):O()),d=!1,t.current(),o()}t.current=it(window,$b(c,u),{capture:!0,passive:!1})}}},[e]),o=ie(function(){var s={passive:!1,capture:!0};t.current=it(window,[n],s)},[n]);tt(function(){return o(),function(){t.current()}},[o])}var $a={type:"IDLE"},Vb=120,Kb=.15;function Hb(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===Aa&&a.preventDefault(),t()}},{eventName:Ho,fn:t}]}function Wb(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],d=l.clientX,c=l.clientY,u={x:d,y:c};s.preventDefault(),i.actions.move(u)}},{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,O());var l=s.touches[0];if(l){var d=l.force>=Kb;if(d){var c=i.actions.shouldRespectForcePress();if(i.type==="PENDING"){c&&t();return}if(c){if(i.hasMoved){s.preventDefault();return}t();return}s.preventDefault()}}}},{eventName:Ho,fn:t}]}function jc(e){var t=E.useRef($a),n=E.useRef(Ft),o=ie(function(){return t.current},[]),a=ie(function(f){t.current=f},[]),s=fe(function(){return{eventName:"touchstart",fn:function(f){if(!f.defaultPrevented){var g=e.findClosestDraggableId(f);if(g){var h=e.tryGetLock(g,l,{sourceEvent:f});if(h){var y=f.touches[0],v=y.clientX,b=y.clientY,N={x:v,y:b};n.current(),m(h,N)}}}}}},[e]),i=ie(function(){var f={capture:!0,passive:!1};n.current=it(window,[s],f)},[s]),l=ie(function(){var p=t.current;p.type!=="IDLE"&&(p.type==="PENDING"&&clearTimeout(p.longPressTimerId),a($a),n.current(),i())},[i,a]),d=ie(function(){var p=t.current;l(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[l]),c=ie(function(){var f={capture:!0,passive:!1},g={cancel:d,completed:l,getPhase:o},h=it(window,Wb(g),f),y=it(window,Hb(g),f);n.current=function(){h(),y()}},[d,o,l]),u=ie(function(){var f=o();f.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot start dragging from phase "+f.type):O());var g=f.actions.fluidLift(f.point);a({type:"DRAGGING",actions:g,hasMoved:!1})},[o,a]),m=ie(function(f,g){o().type!=="IDLE"&&(process.env.NODE_ENV!=="production"?O(!1,"Expected to move from IDLE to PENDING drag"):O());var h=setTimeout(u,Vb);a({type:"PENDING",point:g,actions:f,longPressTimerId:h}),c()},[c,o,a,u]);tt(function(){return i(),function(){n.current();var g=o();g.type==="PENDING"&&(clearTimeout(g.longPressTimerId),a($a))}},[o,i,a]),tt(function(){var f=it(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}function Gb(e){Ra(function(){var t=Fa(e);no(function(){t.current.length!==e.length&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot change the amount of sensor hooks after mounting"):O(!1))})})}var Ub={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function Yc(e,t){if(t==null)return!1;var n=!!Ub[t.tagName.toLowerCase()];if(n)return!0;var o=t.getAttribute("contenteditable");return o==="true"||o===""?!0:t===e?!1:Yc(e,t.parentElement)}function zb(e,t){var n=t.target;return eo(n)?Yc(e,n):!1}var jb=(function(e){return St(e.getBoundingClientRect()).center});function Yb(e){return e instanceof Rc(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 qc(e,t){return e==null?null:e[qb](t)?e:qc(e.parentElement,t)}function Jb(e,t){return e.closest?e.closest(t):qc(e,t)}function Xb(e){return"["+Cn.contextId+'="'+e+'"]'}function Zb(e,t){var n=t.target;if(!Yb(n))return process.env.NODE_ENV!=="production"&&Ce("event.target must be a Element"),null;var o=Xb(e),a=Jb(n,o);return a?eo(a)?a:(process.env.NODE_ENV!=="production"&&Ce("drag handle must be a HTMLElement"),null):null}function Qb(e,t){var n=Zb(e,t);return n?n.getAttribute(Cn.draggableId):null}function ev(e,t){var n="["+La.contextId+'="'+e+'"]',o=Hl(document.querySelectorAll(n)),a=$t(o,function(s){return s.getAttribute(La.id)===t});return a?eo(a)?a:(process.env.NODE_ENV!=="production"&&Ce("Draggable element is not a HTMLElement"),null):null}function tv(e){e.preventDefault()}function Wo(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 Tb(){no(function(){yb(hb.react,E.version),Eb(document)},[])}function Fa(e){var t=E.useRef(e);return E.useEffect(function(){t.current=e}),t}function wb(){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 Cb=9,Db=13,Aa=27,Vc=32,Nb=33,Ib=34,xb=35,kb=36,Mb=37,Lb=38,_b=39,Pb=40,Ko,Ob=(Ko={},Ko[Db]=!0,Ko[Cb]=!0,Ko),Kc=(function(e){Ob[e.keyCode]&&e.preventDefault()}),Ho=(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})(),Hc=0,Wc=5;function Bb(e,t){return Math.abs(t.x-e.x)>=Wc||Math.abs(t.y-e.y)>=Wc}var Gc={type:"IDLE"};function Rb(e){var t=e.cancel,n=e.completed,o=e.getPhase,a=e.setPhase;return[{eventName:"mousemove",fn:function(i){var l=i.button,d=i.clientX,c=i.clientY;if(l===Hc){var u={x:d,y:c},m=o();if(m.type==="DRAGGING"){i.preventDefault(),m.actions.move(u);return}m.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot be IDLE"):P());var p=m.point;if(Bb(p,u)){i.preventDefault();var f=m.actions.fluidLift(u);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===Aa){i.preventDefault(),t();return}Kc(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:Ho,fn:t}]}function Uc(e){var t=E.useRef(Gc),n=E.useRef(Ft),o=Se(function(){return{eventName:"mousedown",fn:function(m){if(!m.defaultPrevented&&m.button===Hc&&!(m.ctrlKey||m.metaKey||m.shiftKey||m.altKey)){var p=e.findClosestDraggableId(m);if(p){var f=e.tryGetLock(p,i,{sourceEvent:m});if(f){m.preventDefault();var g={x:m.clientX,y:m.clientY};n.current(),c(f,g)}}}}}},[e]),a=Se(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(m){if(!m.defaultPrevented){var p=e.findClosestDraggableId(m);if(p){var f=e.findOptionsForDraggable(p);f&&(f.shouldRespectForcePress||e.canGetLock(p)&&m.preventDefault())}}}}},[e]),s=le(function(){var m={passive:!1,capture:!0};n.current=it(window,[a,o],m)},[a,o]),i=le(function(){var u=t.current;u.type!=="IDLE"&&(t.current=Gc,n.current(),s())},[s]),l=le(function(){var u=t.current;i(),u.type==="DRAGGING"&&u.actions.cancel({shouldBlockNextClick:!0}),u.type==="PENDING"&&u.actions.abort()},[i]),d=le(function(){var m={capture:!0,passive:!1},p=Rb({cancel:l,completed:i,getPhase:function(){return t.current},setPhase:function(g){t.current=g}});n.current=it(window,p,m)},[l,i]),c=le(function(m,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:m},d()},[d]);tt(function(){return s(),function(){n.current()}},[s])}var Dn;function Fb(){}var Ab=(Dn={},Dn[Ib]=!0,Dn[Nb]=!0,Dn[kb]=!0,Dn[xb]=!0,Dn);function $b(e,t){function n(){t(),e.cancel()}function o(){t(),e.drop()}return[{eventName:"keydown",fn:function(s){if(s.keyCode===Aa){s.preventDefault(),n();return}if(s.keyCode===Vc){s.preventDefault(),o();return}if(s.keyCode===Pb){s.preventDefault(),e.moveDown();return}if(s.keyCode===Lb){s.preventDefault(),e.moveUp();return}if(s.keyCode===_b){s.preventDefault(),e.moveRight();return}if(s.keyCode===Mb){s.preventDefault(),e.moveLeft();return}if(Ab[s.keyCode]){s.preventDefault();return}Kc(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:Ho,fn:n}]}function zc(e){var t=E.useRef(Fb),n=Se(function(){return{eventName:"keydown",fn:function(s){if(s.defaultPrevented||s.keyCode!==Vc)return;var i=e.findClosestDraggableId(s);if(!i)return;var l=e.tryGetLock(i,u,{sourceEvent:s});if(!l)return;s.preventDefault();var d=!0,c=l.snapLift();t.current();function u(){d||(process.env.NODE_ENV!=="production"?P(!1,"Cannot stop capturing a keyboard drag when not capturing"):P()),d=!1,t.current(),o()}t.current=it(window,$b(c,u),{capture:!0,passive:!1})}}},[e]),o=le(function(){var s={passive:!1,capture:!0};t.current=it(window,[n],s)},[n]);tt(function(){return o(),function(){t.current()}},[o])}var $a={type:"IDLE"},Vb=120,Kb=.15;function Hb(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===Aa&&a.preventDefault(),t()}},{eventName:Ho,fn:t}]}function Wb(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],d=l.clientX,c=l.clientY,u={x:d,y:c};s.preventDefault(),i.actions.move(u)}},{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 d=l.force>=Kb;if(d){var c=i.actions.shouldRespectForcePress();if(i.type==="PENDING"){c&&t();return}if(c){if(i.hasMoved){s.preventDefault();return}t();return}s.preventDefault()}}}},{eventName:Ho,fn:t}]}function jc(e){var t=E.useRef($a),n=E.useRef(Ft),o=le(function(){return t.current},[]),a=le(function(f){t.current=f},[]),s=Se(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,N={x:v,y:h};n.current(),m(b,N)}}}}}},[e]),i=le(function(){var f={capture:!0,passive:!1};n.current=it(window,[s],f)},[s]),l=le(function(){var p=t.current;p.type!=="IDLE"&&(p.type==="PENDING"&&clearTimeout(p.longPressTimerId),a($a),n.current(),i())},[i,a]),d=le(function(){var p=t.current;l(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[l]),c=le(function(){var f={capture:!0,passive:!1},g={cancel:d,completed:l,getPhase:o},b=it(window,Wb(g),f),y=it(window,Hb(g),f);n.current=function(){b(),y()}},[d,o,l]),u=le(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]),m=le(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(u,Vb);a({type:"PENDING",point:g,actions:f,longPressTimerId:b}),c()},[c,o,a,u]);tt(function(){return i(),function(){n.current();var g=o();g.type==="PENDING"&&(clearTimeout(g.longPressTimerId),a($a))}},[o,i,a]),tt(function(){var f=it(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}function Gb(e){Ra(function(){var t=Fa(e);no(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 Ub={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function Yc(e,t){if(t==null)return!1;var n=!!Ub[t.tagName.toLowerCase()];if(n)return!0;var o=t.getAttribute("contenteditable");return o==="true"||o===""?!0:t===e?!1:Yc(e,t.parentElement)}function zb(e,t){var n=t.target;return eo(n)?Yc(e,n):!1}var jb=(function(e){return St(e.getBoundingClientRect()).center});function Yb(e){return e instanceof Rc(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 qc(e,t){return e==null?null:e[qb](t)?e:qc(e.parentElement,t)}function Jb(e,t){return e.closest?e.closest(t):qc(e,t)}function Xb(e){return"["+Cn.contextId+'="'+e+'"]'}function Zb(e,t){var n=t.target;if(!Yb(n))return process.env.NODE_ENV!=="production"&&Ce("event.target must be a Element"),null;var o=Xb(e),a=Jb(n,o);return a?eo(a)?a:(process.env.NODE_ENV!=="production"&&Ce("drag handle must be a HTMLElement"),null):null}function Qb(e,t){var n=Zb(e,t);return n?n.getAttribute(Cn.draggableId):null}function ev(e,t){var n="["+La.contextId+'="'+e+'"]',o=Hl(document.querySelectorAll(n)),a=$t(o,function(s){return s.getAttribute(La.id)===t});return a?eo(a)?a:(process.env.NODE_ENV!=="production"&&Ce("Draggable element is not a HTMLElement"),null):null}function tv(e){e.preventDefault()}function Wo(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(D),null," "));var ee=z(j,Q,te,ne,V+"."
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 Jc(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||!Dc(n.getState(),a)):(process.env.NODE_ENV!=="production"&&Ce("Unable to find draggable with id: "+a),!1)}function nv(e){var t=e.lockAPI,n=e.contextId,o=e.store,a=e.registry,s=e.draggableId,i=e.forceSensorStop,l=e.sourceEvent,d=Jc({lockAPI:t,store:o,registry:a,draggableId:s});if(!d)return null;var c=a.draggable.getById(s),u=ev(n,c.descriptor.id);if(!u)return process.env.NODE_ENV!=="production"&&Ce("Unable to find draggable element with id: "+s),null;if(l&&!c.options.canDragInteractiveElements&&zb(u,l))return null;var m=t.claim(i||Ft),p="PRE_DRAG";function f(){return c.options.shouldRespectForcePress}function g(){return t.isActive(m)}function h(L,R){Wo({expected:L,phase:p,isLockActive:g,shouldWarn:!0})&&o.dispatch(R())}var y=h.bind(null,"DRAGGING");function v(L){function R(){t.release(),p="COMPLETED"}p!=="PRE_DRAG"&&(R(),p!=="PRE_DRAG"&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot lift in phase "+p):O())),o.dispatch(Gg(L.liftActionArgs)),p="DRAGGING";function _(P,A){if(A===void 0&&(A={shouldBlockNextClick:!1}),L.cleanup(),A.shouldBlockNextClick){var U=it(window,[{eventName:"click",fn:tv,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(U)}R(),o.dispatch(Sc({reason:P}))}return le({isActive:function(){return Wo({expected:"DRAGGING",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(A){return _("DROP",A)},cancel:function(A){return _("CANCEL",A)}},L.actions)}function b(L){var R=Vn(function(P){y(function(){return fc({client:P})})}),_=v({liftActionArgs:{id:s,clientSelection:L,movementMode:"FLUID"},cleanup:function(){return R.cancel()},actions:{move:R}});return le({},_,{move:R})}function N(){var L={moveUp:function(){return y(Qg)},moveRight:function(){return y(th)},moveDown:function(){return y(eh)},moveLeft:function(){return y(nh)}};return v({liftActionArgs:{id:s,clientSelection:jb(u),movementMode:"SNAP"},cleanup:Ft,actions:L})}function w(){var L=Wo({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!0});L&&t.release()}var T={isActive:function(){return Wo({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:b,snapLift:N,abort:w};return T}var ov=[Uc,zc,jc];function rv(e){var t=e.contextId,n=e.store,o=e.registry,a=e.customSensors,s=e.enableDefaultSensors,i=[].concat(s?ov:[],a||[]),l=E.useState(function(){return wb()})[0],d=ie(function(b,N){b.isDragging&&!N.isDragging&&l.tryAbandon()},[l]);tt(function(){var b=n.getState(),N=n.subscribe(function(){var w=n.getState();d(b,w),b=w});return N},[l,n,d]),tt(function(){return l.tryAbandon},[l.tryAbandon]);var c=ie(function(v){return Jc({lockAPI:l,registry:o,store:n,draggableId:v})},[l,o,n]),u=ie(function(v,b,N){return nv({lockAPI:l,registry:o,contextId:t,store:n,draggableId:v,forceSensorStop:b,sourceEvent:N&&N.sourceEvent?N.sourceEvent:null})},[t,l,o,n]),m=ie(function(v){return Qb(t,v)},[t]),p=ie(function(v){var b=o.draggable.findById(v);return b?b.options:null},[o.draggable]),f=ie(function(){l.isClaimed()&&(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch(va()))},[l,n]),g=ie(l.isClaimed,[l]),h=fe(function(){return{canGetLock:c,tryGetLock:u,findClosestDraggableId:m,findOptionsForDraggable:p,tryReleaseLock:f,isLockClaimed:g}},[c,u,m,p,f,g]);Gb(i);for(var y=0;y<i.length;y++)i[y](h)}var av=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function oo(e){return e.current||(process.env.NODE_ENV!=="production"?O(!1,"Could not find store from lazy ref"):O()),e.current}function sv(e){var t=e.contextId,n=e.setCallbacks,o=e.sensors,a=e.nonce,s=e.dragHandleUsageInstructions,i=E.useRef(null);Tb();var l=Fa(e),d=ie(function(){return av(l.current)},[l]),c=ub(t),u=gb({contextId:t,text:s}),m=sb(t,a),p=ie(function(P){oo(i).dispatch(P)},[]),f=fe(function(){return Ji({publishWhileDragging:zg,updateDroppableScroll:Yg,updateDroppableIsEnabled:qg,updateDroppableIsCombineEnabled:Jg,collectionStarting:jg},p)},[p]),g=cb(),h=fe(function(){return Ah(g,f)},[g,f]),y=fe(function(){return tb(le({scrollWindow:$h,scrollDroppable:h.scrollDroppable},Ji({move:fc},p)))},[h.scrollDroppable,p]),v=ib(t),b=fe(function(){return Ph({announce:c,autoScroller:y,dimensionMarshal:h,focusMarshal:v,getResponders:d,styleMarshal:m})},[c,y,h,v,d,m]);process.env.NODE_ENV!=="production"&&i.current&&i.current!==b&&process.env.NODE_ENV!=="production"&&Ce("unexpected store change"),i.current=b;var N=ie(function(){var P=oo(i),A=P.getState();A.phase!=="IDLE"&&P.dispatch(va())},[]),w=ie(function(){var P=oo(i).getState();return P.isDragging||P.phase==="DROP_ANIMATING"},[]),T=fe(function(){return{isDragging:w,tryAbort:N}},[w,N]);n(T);var L=ie(function(P){return Dc(oo(i).getState(),P)},[]),R=ie(function(){return tn(oo(i).getState())},[]),_=fe(function(){return{marshal:h,focus:v,contextId:t,canLift:L,isMovementAllowed:R,dragHandleUsageInstructionsId:u,registry:g}},[t,h,u,v,L,R,g]);return rv({contextId:t,store:b,registry:g,customSensors:o,enableDefaultSensors:e.enableDefaultSensors!==!1}),E.useEffect(function(){return N},[N]),E.createElement(Vo.Provider,{value:_},E.createElement(ml,{context:Oa,store:b},e.children))}var Xc=0;function iv(){Xc=0}function lv(){return fe(function(){return""+Xc++},[])}function cv(){iv(),fb()}function Zc(e){var t=lv(),n=e.dragHandleUsageInstructions||_o.dragHandleUsageInstructions;return E.createElement(OS,null,function(o){return E.createElement(sv,{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 Va=function(t){return function(n){return t===n}},dv=Va("scroll"),pv=Va("auto"),uv=Va("visible"),Qc=function(t,n){return n(t.overflowX)||n(t.overflowY)},mv=function(t,n){return n(t.overflowX)&&n(t.overflowY)},ed=function(t){var n=window.getComputedStyle(t),o={overflowX:n.overflowX,overflowY:n.overflowY};return Qc(o,dv)||Qc(o,pv)},fv=function(){if(process.env.NODE_ENV==="production")return!1;var t=to(),n=document.documentElement;if(n||(process.env.NODE_ENV,O()),!ed(t))return!1;var o=window.getComputedStyle(n),a={overflowX:o.overflowX,overflowY:o.overflowY};return mv(a,uv)||process.env.NODE_ENV!=="production"&&Ce(`
489
+ `),!1)}function Jc(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||!Dc(n.getState(),a)):(process.env.NODE_ENV!=="production"&&Ce("Unable to find draggable with id: "+a),!1)}function nv(e){var t=e.lockAPI,n=e.contextId,o=e.store,a=e.registry,s=e.draggableId,i=e.forceSensorStop,l=e.sourceEvent,d=Jc({lockAPI:t,store:o,registry:a,draggableId:s});if(!d)return null;var c=a.draggable.getById(s),u=ev(n,c.descriptor.id);if(!u)return process.env.NODE_ENV!=="production"&&Ce("Unable to find draggable element with id: "+s),null;if(l&&!c.options.canDragInteractiveElements&&zb(u,l))return null;var m=t.claim(i||Ft),p="PRE_DRAG";function f(){return c.options.shouldRespectForcePress}function g(){return t.isActive(m)}function b(L,R){Wo({expected:L,phase:p,isLockActive:g,shouldWarn:!0})&&o.dispatch(R())}var y=b.bind(null,"DRAGGING");function v(L){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(Gg(L.liftActionArgs)),p="DRAGGING";function _(O,A){if(A===void 0&&(A={shouldBlockNextClick:!1}),L.cleanup(),A.shouldBlockNextClick){var U=it(window,[{eventName:"click",fn:tv,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(U)}R(),o.dispatch(Sc({reason:O}))}return ce({isActive:function(){return Wo({expected:"DRAGGING",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(A){return _("DROP",A)},cancel:function(A){return _("CANCEL",A)}},L.actions)}function h(L){var R=Vn(function(O){y(function(){return fc({client:O})})}),_=v({liftActionArgs:{id:s,clientSelection:L,movementMode:"FLUID"},cleanup:function(){return R.cancel()},actions:{move:R}});return ce({},_,{move:R})}function N(){var L={moveUp:function(){return y(Qg)},moveRight:function(){return y(th)},moveDown:function(){return y(eh)},moveLeft:function(){return y(nh)}};return v({liftActionArgs:{id:s,clientSelection:jb(u),movementMode:"SNAP"},cleanup:Ft,actions:L})}function w(){var L=Wo({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!0});L&&t.release()}var T={isActive:function(){return Wo({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:h,snapLift:N,abort:w};return T}var ov=[Uc,zc,jc];function rv(e){var t=e.contextId,n=e.store,o=e.registry,a=e.customSensors,s=e.enableDefaultSensors,i=[].concat(s?ov:[],a||[]),l=E.useState(function(){return wb()})[0],d=le(function(h,N){h.isDragging&&!N.isDragging&&l.tryAbandon()},[l]);tt(function(){var h=n.getState(),N=n.subscribe(function(){var w=n.getState();d(h,w),h=w});return N},[l,n,d]),tt(function(){return l.tryAbandon},[l.tryAbandon]);var c=le(function(v){return Jc({lockAPI:l,registry:o,store:n,draggableId:v})},[l,o,n]),u=le(function(v,h,N){return nv({lockAPI:l,registry:o,contextId:t,store:n,draggableId:v,forceSensorStop:h,sourceEvent:N&&N.sourceEvent?N.sourceEvent:null})},[t,l,o,n]),m=le(function(v){return Qb(t,v)},[t]),p=le(function(v){var h=o.draggable.findById(v);return h?h.options:null},[o.draggable]),f=le(function(){l.isClaimed()&&(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch(va()))},[l,n]),g=le(l.isClaimed,[l]),b=Se(function(){return{canGetLock:c,tryGetLock:u,findClosestDraggableId:m,findOptionsForDraggable:p,tryReleaseLock:f,isLockClaimed:g}},[c,u,m,p,f,g]);Gb(i);for(var y=0;y<i.length;y++)i[y](b)}var av=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function oo(e){return e.current||(process.env.NODE_ENV!=="production"?P(!1,"Could not find store from lazy ref"):P()),e.current}function sv(e){var t=e.contextId,n=e.setCallbacks,o=e.sensors,a=e.nonce,s=e.dragHandleUsageInstructions,i=E.useRef(null);Tb();var l=Fa(e),d=le(function(){return av(l.current)},[l]),c=ub(t),u=gb({contextId:t,text:s}),m=sb(t,a),p=le(function(O){oo(i).dispatch(O)},[]),f=Se(function(){return Ji({publishWhileDragging:zg,updateDroppableScroll:Yg,updateDroppableIsEnabled:qg,updateDroppableIsCombineEnabled:Jg,collectionStarting:jg},p)},[p]),g=cb(),b=Se(function(){return Ah(g,f)},[g,f]),y=Se(function(){return tb(ce({scrollWindow:$h,scrollDroppable:b.scrollDroppable},Ji({move:fc},p)))},[b.scrollDroppable,p]),v=ib(t),h=Se(function(){return Oh({announce:c,autoScroller:y,dimensionMarshal:b,focusMarshal:v,getResponders:d,styleMarshal:m})},[c,y,b,v,d,m]);process.env.NODE_ENV!=="production"&&i.current&&i.current!==h&&process.env.NODE_ENV!=="production"&&Ce("unexpected store change"),i.current=h;var N=le(function(){var O=oo(i),A=O.getState();A.phase!=="IDLE"&&O.dispatch(va())},[]),w=le(function(){var O=oo(i).getState();return O.isDragging||O.phase==="DROP_ANIMATING"},[]),T=Se(function(){return{isDragging:w,tryAbort:N}},[w,N]);n(T);var L=le(function(O){return Dc(oo(i).getState(),O)},[]),R=le(function(){return tn(oo(i).getState())},[]),_=Se(function(){return{marshal:b,focus:v,contextId:t,canLift:L,isMovementAllowed:R,dragHandleUsageInstructionsId:u,registry:g}},[t,b,u,v,L,R,g]);return rv({contextId:t,store:h,registry:g,customSensors:o,enableDefaultSensors:e.enableDefaultSensors!==!1}),E.useEffect(function(){return N},[N]),E.createElement(Vo.Provider,{value:_},E.createElement(ml,{context:Pa,store:h},e.children))}var Xc=0;function iv(){Xc=0}function lv(){return Se(function(){return""+Xc++},[])}function cv(){iv(),fb()}function Zc(e){var t=lv(),n=e.dragHandleUsageInstructions||_o.dragHandleUsageInstructions;return E.createElement(PS,null,function(o){return E.createElement(sv,{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 Va=function(t){return function(n){return t===n}},dv=Va("scroll"),pv=Va("auto"),uv=Va("visible"),Qc=function(t,n){return n(t.overflowX)||n(t.overflowY)},mv=function(t,n){return n(t.overflowX)&&n(t.overflowY)},ed=function(t){var n=window.getComputedStyle(t),o={overflowX:n.overflowX,overflowY:n.overflowY};return Qc(o,dv)||Qc(o,pv)},fv=function(){if(process.env.NODE_ENV==="production")return!1;var t=to(),n=document.documentElement;if(n||(process.env.NODE_ENV,P()),!ed(t))return!1;var o=window.getComputedStyle(n),a={overflowX:o.overflowX,overflowY:o.overflowY};return mv(a,uv)||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(D),null," "));var ee=z(j,Q,te,ne,V+"."
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
- `)}}),Ka=(function(e){return{x:e.scrollLeft,y:e.scrollTop}}),gv=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},hv=(function(e){var t=td(e),n=gv(e);return{closestScrollable:t,isFixedOnPage:n}}),bv=(function(e){var t=e.descriptor,n=e.isEnabled,o=e.isCombineEnabled,a=e.isFixedOnPage,s=e.direction,i=e.client,l=e.page,d=e.closest,c=(function(){if(!d)return null;var f=d.scrollSize,g=d.client,h=Ec({scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,height:g.paddingBox.height,width:g.paddingBox.width});return{pageMarginBox:d.page.marginBox,frameClient:g,scrollSize:f,shouldClipSubject:d.shouldClipSubject,scroll:{initial:d.scroll,current:d.scroll,max:h,diff:{value:Pe,displacement:Pe}}}})(),u=s==="vertical"?da:jl,m=En({page:l,withPlaceholder:null,axis:u,frame:c}),p={descriptor:t,isCombineEnabled:o,isFixedOnPage:a,axis:u,isEnabled:n,client:i,page:l,frame:c,subject:m};return p}),vv=function(t,n){var o=Ll(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,d={top:a,right:l,bottom:i,left:s},c=oa(d,o.border),u=aa({borderBox:c,margin:o.margin,border:o.border,padding:o.padding});return u},yv=(function(e){var t=e.ref,n=e.descriptor,o=e.env,a=e.windowScroll,s=e.direction,i=e.isDropDisabled,l=e.isCombineEnabled,d=e.shouldClipSubject,c=o.closestScrollable,u=vv(t,c),m=Mo(u,a),p=(function(){if(!c)return null;var g=Ll(c),h={scrollHeight:c.scrollHeight,scrollWidth:c.scrollWidth};return{client:g,page:Mo(g,a),scroll:Ka(c),scrollSize:h,shouldClipSubject:d}})(),f=bv({descriptor:n,isEnabled:!i,isCombineEnabled:l,isFixedOnPage:o.isFixedOnPage,direction:s,client:u,page:m,closest:p});return f}),Ev={passive:!1},Tv={passive:!0},nd=(function(e){return e.shouldPublishImmediately?Ev:Tv});function Go(e){var t=E.useContext(e);return t||(process.env.NODE_ENV!=="production"?O(!1,"Could not find required context"):O()),t}var Uo=function(t){return t&&t.env.closestScrollable||null};function wv(e){var t=E.useRef(null),n=Go(Vo),o=Pa("droppable"),a=n.registry,s=n.marshal,i=Fa(e),l=fe(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),d=E.useRef(l),c=fe(function(){return Oe(function(w,T){t.current||(process.env.NODE_ENV!=="production"?O(!1,"Can only update scroll when dragging"):O());var L={x:w,y:T};s.updateDroppableScroll(l.id,L)})},[l.id,s]),u=ie(function(){var w=t.current;return!w||!w.env.closestScrollable?Pe:Ka(w.env.closestScrollable)},[]),m=ie(function(){var w=u();c(w.x,w.y)},[u,c]),p=fe(function(){return Vn(m)},[m]),f=ie(function(){var w=t.current,T=Uo(w);w&&T||(process.env.NODE_ENV!=="production"?O(!1,"Could not find scroll options while scrolling"):O());var L=w.scrollOptions;if(L.shouldPublishImmediately){m();return}p()},[p,m]),g=ie(function(w,T){t.current&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot collect a droppable while a drag is occurring"):O());var L=i.current,R=L.getDroppableRef();R||(process.env.NODE_ENV!=="production"?O(!1,"Cannot collect without a droppable ref"):O());var _=hv(R),P={ref:R,descriptor:l,env:_,scrollOptions:T};t.current=P;var A=yv({ref:R,descriptor:l,env:_,windowScroll:w,direction:L.direction,isDropDisabled:L.isDropDisabled,isCombineEnabled:L.isCombineEnabled,shouldClipSubject:!L.ignoreContainerClipping}),U=_.closestScrollable;return U&&(U.setAttribute(Pc.contextId,n.contextId),U.addEventListener("scroll",f,nd(P.scrollOptions)),process.env.NODE_ENV!=="production"&&Sv(U)),A},[n.contextId,l,f,i]),h=ie(function(){var w=t.current,T=Uo(w);return w&&T||(process.env.NODE_ENV!=="production"?O(!1,"Can only recollect Droppable client for Droppables that have a scroll container"):O()),Ka(T)},[]),y=ie(function(){var w=t.current;w||(process.env.NODE_ENV!=="production"?O(!1,"Cannot stop drag when no active drag"):O());var T=Uo(w);t.current=null,T&&(p.cancel(),T.removeAttribute(Pc.contextId),T.removeEventListener("scroll",f,nd(w.scrollOptions)))},[f,p]),v=ie(function(w){var T=t.current;T||(process.env.NODE_ENV!=="production"?O(!1,"Cannot scroll when there is no drag"):O());var L=Uo(T);L||(process.env.NODE_ENV!=="production"?O(!1,"Cannot scroll a droppable with no closest scrollable"):O()),L.scrollTop+=w.y,L.scrollLeft+=w.x},[]),b=fe(function(){return{getDimensionAndWatchScroll:g,getScrollWhileDragging:h,dragStopped:y,scroll:v}},[y,g,h,v]),N=fe(function(){return{uniqueId:o,descriptor:l,callbacks:b}},[b,l,o]);tt(function(){return d.current=N.descriptor,a.droppable.register(N),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(N)}},[b,l,y,N,s,a.droppable]),tt(function(){t.current&&s.updateDroppableIsEnabled(d.current.id,!e.isDropDisabled)},[e.isDropDisabled,s]),tt(function(){t.current&&s.updateDroppableIsCombineEnabled(d.current.id,e.isCombineEnabled)},[e.isCombineEnabled,s])}function Ha(){}var od={width:0,height:0,margin:$S},Cv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate;return n||a==="close"?od:{height:o.client.borderBox.height,width:o.client.borderBox.width,margin:o.client.margin}},Dv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate,s=Cv({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"?Xn.placeholder:null}};function Nv(e){var t=E.useRef(null),n=ie(function(){t.current&&(clearTimeout(t.current),t.current=null)},[]),o=e.animate,a=e.onTransitionEnd,s=e.onClose,i=e.contextId,l=E.useState(e.animate==="open"),d=l[0],c=l[1];E.useEffect(function(){return d?o!=="open"?(n(),c(!1),Ha):t.current?Ha:(t.current=setTimeout(function(){t.current=null,c(!1)}),n):Ha},[o,d,n]);var u=ie(function(p){p.propertyName==="height"&&(a(),o==="close"&&s())},[o,s,a]),m=Dv({isAnimatingOpenOnMount:d,animate:e.animate,placeholder:e.placeholder});return E.createElement(e.placeholder.tagName,{style:m,"data-rbd-placeholder-context-id":i,onTransitionEnd:u,ref:e.innerRef})}var Iv=E.memo(Nv),Wa=E.createContext(null);function rd(e){e&&eo(e)||(process.env.NODE_ENV!=="production"?O(!1,`
504
+ `)}}),Ka=(function(e){return{x:e.scrollLeft,y:e.scrollTop}}),gv=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},hv=(function(e){var t=td(e),n=gv(e);return{closestScrollable:t,isFixedOnPage:n}}),bv=(function(e){var t=e.descriptor,n=e.isEnabled,o=e.isCombineEnabled,a=e.isFixedOnPage,s=e.direction,i=e.client,l=e.page,d=e.closest,c=(function(){if(!d)return null;var f=d.scrollSize,g=d.client,b=Ec({scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,height:g.paddingBox.height,width:g.paddingBox.width});return{pageMarginBox:d.page.marginBox,frameClient:g,scrollSize:f,shouldClipSubject:d.shouldClipSubject,scroll:{initial:d.scroll,current:d.scroll,max:b,diff:{value:Oe,displacement:Oe}}}})(),u=s==="vertical"?da:jl,m=En({page:l,withPlaceholder:null,axis:u,frame:c}),p={descriptor:t,isCombineEnabled:o,isFixedOnPage:a,axis:u,isEnabled:n,client:i,page:l,frame:c,subject:m};return p}),vv=function(t,n){var o=Ll(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,d={top:a,right:l,bottom:i,left:s},c=oa(d,o.border),u=aa({borderBox:c,margin:o.margin,border:o.border,padding:o.padding});return u},yv=(function(e){var t=e.ref,n=e.descriptor,o=e.env,a=e.windowScroll,s=e.direction,i=e.isDropDisabled,l=e.isCombineEnabled,d=e.shouldClipSubject,c=o.closestScrollable,u=vv(t,c),m=Mo(u,a),p=(function(){if(!c)return null;var g=Ll(c),b={scrollHeight:c.scrollHeight,scrollWidth:c.scrollWidth};return{client:g,page:Mo(g,a),scroll:Ka(c),scrollSize:b,shouldClipSubject:d}})(),f=bv({descriptor:n,isEnabled:!i,isCombineEnabled:l,isFixedOnPage:o.isFixedOnPage,direction:s,client:u,page:m,closest:p});return f}),Ev={passive:!1},Tv={passive:!0},nd=(function(e){return e.shouldPublishImmediately?Ev:Tv});function Go(e){var t=E.useContext(e);return t||(process.env.NODE_ENV!=="production"?P(!1,"Could not find required context"):P()),t}var Uo=function(t){return t&&t.env.closestScrollable||null};function wv(e){var t=E.useRef(null),n=Go(Vo),o=Oa("droppable"),a=n.registry,s=n.marshal,i=Fa(e),l=Se(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),d=E.useRef(l),c=Se(function(){return Pe(function(w,T){t.current||(process.env.NODE_ENV!=="production"?P(!1,"Can only update scroll when dragging"):P());var L={x:w,y:T};s.updateDroppableScroll(l.id,L)})},[l.id,s]),u=le(function(){var w=t.current;return!w||!w.env.closestScrollable?Oe:Ka(w.env.closestScrollable)},[]),m=le(function(){var w=u();c(w.x,w.y)},[u,c]),p=Se(function(){return Vn(m)},[m]),f=le(function(){var w=t.current,T=Uo(w);w&&T||(process.env.NODE_ENV!=="production"?P(!1,"Could not find scroll options while scrolling"):P());var L=w.scrollOptions;if(L.shouldPublishImmediately){m();return}p()},[p,m]),g=le(function(w,T){t.current&&(process.env.NODE_ENV!=="production"?P(!1,"Cannot collect a droppable while a drag is occurring"):P());var L=i.current,R=L.getDroppableRef();R||(process.env.NODE_ENV!=="production"?P(!1,"Cannot collect without a droppable ref"):P());var _=hv(R),O={ref:R,descriptor:l,env:_,scrollOptions:T};t.current=O;var A=yv({ref:R,descriptor:l,env:_,windowScroll:w,direction:L.direction,isDropDisabled:L.isDropDisabled,isCombineEnabled:L.isCombineEnabled,shouldClipSubject:!L.ignoreContainerClipping}),U=_.closestScrollable;return U&&(U.setAttribute(Oc.contextId,n.contextId),U.addEventListener("scroll",f,nd(O.scrollOptions)),process.env.NODE_ENV!=="production"&&Sv(U)),A},[n.contextId,l,f,i]),b=le(function(){var w=t.current,T=Uo(w);return w&&T||(process.env.NODE_ENV!=="production"?P(!1,"Can only recollect Droppable client for Droppables that have a scroll container"):P()),Ka(T)},[]),y=le(function(){var w=t.current;w||(process.env.NODE_ENV!=="production"?P(!1,"Cannot stop drag when no active drag"):P());var T=Uo(w);t.current=null,T&&(p.cancel(),T.removeAttribute(Oc.contextId),T.removeEventListener("scroll",f,nd(w.scrollOptions)))},[f,p]),v=le(function(w){var T=t.current;T||(process.env.NODE_ENV!=="production"?P(!1,"Cannot scroll when there is no drag"):P());var L=Uo(T);L||(process.env.NODE_ENV!=="production"?P(!1,"Cannot scroll a droppable with no closest scrollable"):P()),L.scrollTop+=w.y,L.scrollLeft+=w.x},[]),h=Se(function(){return{getDimensionAndWatchScroll:g,getScrollWhileDragging:b,dragStopped:y,scroll:v}},[y,g,b,v]),N=Se(function(){return{uniqueId:o,descriptor:l,callbacks:h}},[h,l,o]);tt(function(){return d.current=N.descriptor,a.droppable.register(N),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(N)}},[h,l,y,N,s,a.droppable]),tt(function(){t.current&&s.updateDroppableIsEnabled(d.current.id,!e.isDropDisabled)},[e.isDropDisabled,s]),tt(function(){t.current&&s.updateDroppableIsCombineEnabled(d.current.id,e.isCombineEnabled)},[e.isCombineEnabled,s])}function Ha(){}var od={width:0,height:0,margin:$S},Cv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate;return n||a==="close"?od:{height:o.client.borderBox.height,width:o.client.borderBox.width,margin:o.client.margin}},Dv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate,s=Cv({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"?Xn.placeholder:null}};function Nv(e){var t=E.useRef(null),n=le(function(){t.current&&(clearTimeout(t.current),t.current=null)},[]),o=e.animate,a=e.onTransitionEnd,s=e.onClose,i=e.contextId,l=E.useState(e.animate==="open"),d=l[0],c=l[1];E.useEffect(function(){return d?o!=="open"?(n(),c(!1),Ha):t.current?Ha:(t.current=setTimeout(function(){t.current=null,c(!1)}),n):Ha},[o,d,n]);var u=le(function(p){p.propertyName==="height"&&(a(),o==="close"&&s())},[o,s,a]),m=Dv({isAnimatingOpenOnMount:d,animate:e.animate,placeholder:e.placeholder});return E.createElement(e.placeholder.tagName,{style:m,"data-rbd-placeholder-context-id":i,onTransitionEnd:u,ref:e.innerRef})}var Iv=E.memo(Nv),Wa=E.createContext(null);function rd(e){e&&eo(e)||(process.env.NODE_ENV!=="production"?P(!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
- `):O())}function Ga(e){return typeof e=="boolean"}function Ua(e,t){t.forEach(function(n){return n(e)})}var xv=[function(t){var n=t.props;n.droppableId||(process.env.NODE_ENV!=="production"?O(!1,"A Droppable requires a droppableId prop"):O()),typeof n.droppableId!="string"&&(process.env.NODE_ENV!=="production"?O(!1,"A Droppable requires a [string] droppableId. Provided: ["+typeof n.droppableId+"]"):O())},function(t){var n=t.props;Ga(n.isDropDisabled)||(process.env.NODE_ENV!=="production"?O(!1,"isDropDisabled must be a boolean"):O()),Ga(n.isCombineEnabled)||(process.env.NODE_ENV!=="production"?O(!1,"isCombineEnabled must be a boolean"):O()),Ga(n.ignoreContainerClipping)||(process.env.NODE_ENV!=="production"?O(!1,"ignoreContainerClipping must be a boolean"):O())},function(t){var n=t.getDroppableRef;rd(n())}],kv=[function(t){var n=t.props,o=t.getPlaceholderRef;if(n.placeholder){var a=o();a||process.env.NODE_ENV!=="production"&&Ce(`
509
+ `):P())}function Ga(e){return typeof e=="boolean"}function Ua(e,t){t.forEach(function(n){return n(e)})}var xv=[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;Ga(n.isDropDisabled)||(process.env.NODE_ENV!=="production"?P(!1,"isDropDisabled must be a boolean"):P()),Ga(n.isCombineEnabled)||(process.env.NODE_ENV!=="production"?P(!1,"isCombineEnabled must be a boolean"):P()),Ga(n.ignoreContainerClipping)||(process.env.NODE_ENV!=="production"?P(!1,"ignoreContainerClipping must be a boolean"):P())},function(t){var n=t.getDroppableRef;rd(n())}],kv=[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
- `)}}],Mv=[function(t){var n=t.props;n.renderClone||(process.env.NODE_ENV!=="production"?O(!1,"Must provide a clone render function (renderClone) for virtual lists"):O())},function(t){var n=t.getPlaceholderRef;n()&&(process.env.NODE_ENV!=="production"?O(!1,"Expected virtual list to not have a placeholder"):O())}];function Lv(e){no(function(){Ua(e,xv),e.props.mode==="standard"&&Ua(e,kv),e.props.mode==="virtual"&&Ua(e,Mv)})}var _v=(function(e){Hi(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})(E.PureComponent),ad={dragging:5e3,dropAnimating:4500},Ov=function(t,n){return n?Xn.drop(n.duration):t?Xn.snap:Xn.fluid},Pv=function(t,n){return t?n?Jn.opacity.drop:Jn.opacity.combining:null},Bv=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function Rv(e){var t=e.dimension,n=t.client,o=e.offset,a=e.combineWith,s=e.dropping,i=!!a,l=Bv(e),d=!!s,c=d?wa.drop(o,i):wa.moveTo(o),u={position:"fixed",top:n.marginBox.top,left:n.marginBox.left,boxSizing:"border-box",width:n.borderBox.width,height:n.borderBox.height,transition:Ov(l,s),transform:c,opacity:Pv(i,d),zIndex:d?ad.dropAnimating:ad.dragging,pointerEvents:"none"};return u}function Fv(e){return{transform:wa.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function Av(e){return e.type==="DRAGGING"?Rv(e):Fv(e)}function $v(e,t,n){n===void 0&&(n=Pe);var o=window.getComputedStyle(t),a=t.getBoundingClientRect(),s=Ml(a,o),i=Mo(s,n),l={client:s,tagName:t.tagName.toLowerCase(),display:o.display},d={x:s.marginBox.width,y:s.marginBox.height},c={descriptor:e,placeholder:l,displaceBy:d,client:s,page:i};return c}function Vv(e){var t=Pa("draggable"),n=e.descriptor,o=e.registry,a=e.getDraggableRef,s=e.canDragInteractiveElements,i=e.shouldRespectForcePress,l=e.isEnabled,d=fe(function(){return{canDragInteractiveElements:s,shouldRespectForcePress:i,isEnabled:l}},[s,l,i]),c=ie(function(f){var g=a();return g||(process.env.NODE_ENV!=="production"?O(!1,"Cannot get dimension when no ref is set"):O()),$v(n,g,f)},[n,a]),u=fe(function(){return{uniqueId:t,descriptor:n,options:d,getDimension:c}},[n,c,d,t]),m=E.useRef(u),p=E.useRef(!0);tt(function(){return o.draggable.register(m.current),function(){return o.draggable.unregister(m.current)}},[o.draggable]),tt(function(){if(p.current){p.current=!1;return}var f=m.current;m.current=u,o.draggable.update(u,f)},[u,o.draggable])}function Kv(e,t,n){no(function(){function o(s){return"Draggable[id: "+s+"]: "}var a=e.draggableId;a||(process.env.NODE_ENV!=="production"?O(!1,"Draggable requires a draggableId"):O(!1)),typeof a!="string"&&(process.env.NODE_ENV!=="production"?O(!1,`Draggable requires a [string] draggableId.
516
- Provided: [type: `+typeof a+"] (value: "+a+")"):O(!1)),WS(e.index)||(process.env.NODE_ENV!=="production"?O(!1,o(a)+" requires an integer index prop"):O(!1)),e.mapped.type!=="DRAGGING"&&(rd(n()),e.isEnabled&&(Fc(t,a)||(process.env.NODE_ENV!=="production"?O(!1,o(a)+" Unable to find drag handle"):O(!1))))})}function Hv(e){Ra(function(){var t=E.useRef(e);no(function(){e!==t.current&&(process.env.NODE_ENV!=="production"?O(!1,"Draggable isClone prop value changed during component life"):O(!1))},[e])})}function Wv(e){e.preventDefault()}function Gv(e){var t=E.useRef(null),n=ie(function(P){t.current=P},[]),o=ie(function(){return t.current},[]),a=Go(Vo),s=a.contextId,i=a.dragHandleUsageInstructionsId,l=a.registry,d=Go(Wa),c=d.type,u=d.droppableId,m=fe(function(){return{id:e.draggableId,index:e.index,type:c,droppableId:u}},[e.draggableId,e.index,c,u]),p=e.children,f=e.draggableId,g=e.isEnabled,h=e.shouldRespectForcePress,y=e.canDragInteractiveElements,v=e.isClone,b=e.mapped,N=e.dropAnimationFinished;if(Kv(e,s,o),Hv(v),!v){var w=fe(function(){return{descriptor:m,registry:l,getDraggableRef:o,canDragInteractiveElements:y,shouldRespectForcePress:h,isEnabled:g}},[m,l,o,y,h,g]);Vv(w)}var T=fe(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:Wv}:null},[s,i,f,g]),L=ie(function(P){b.type==="DRAGGING"&&b.dropping&&P.propertyName==="transform"&&N()},[N,b]),R=fe(function(){var P=Av(b),A=b.type==="DRAGGING"&&b.dropping?L:null,U={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":s,"data-rbd-draggable-id":f,style:P,onTransitionEnd:A},dragHandleProps:T};return U},[s,T,f,b,L,n]),_=fe(function(){return{draggableId:m.id,type:m.type,source:{index:m.index,droppableId:m.droppableId}}},[m.droppableId,m.id,m.index,m.type]);return p(R,b.snapshot,_)}var sd=(function(e,t){return e===t}),id=(function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null}),Uv=function(t){return t.combine?t.combine.draggableId:null},zv=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function jv(){var e=Oe(function(a,s){return{x:a,y:s}}),t=Oe(function(a,s,i,l,d){return{isDragging:!0,isClone:s,isDropAnimating:!!d,dropAnimation:d,mode:a,draggingOver:i,combineWith:l,combineTargetFor:null}}),n=Oe(function(a,s,i,l,d,c,u){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:d,combineWith:c,mode:s,offset:a,dimension:i,forceShouldAnimate:u,snapshot:t(s,l,d,c,null)}}}),o=function(s,i){if(s.isDragging){if(s.critical.draggable.id!==i.draggableId)return null;var l=s.current.client.offset,d=s.dimensions.draggables[i.draggableId],c=et(s.impact),u=zv(s.impact),m=s.forceShouldAnimate;return n(e(l.x,l.y),s.movementMode,d,i.isClone,c,u,m)}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],h=p.result,y=h.mode,v=id(h),b=Uv(h),N=s.dropDuration,w={duration:N,curve:Ea.drop,moveTo:s.newHomeClientOffset,opacity:b?Jn.opacity.drop:null,scale:b?Jn.scale.drop:null};return{mapped:{type:"DRAGGING",offset:s.newHomeClientOffset,dimension:g,dropping:w,draggingOver:v,combineWith:b,mode:y,forceShouldAnimate:null,snapshot:t(y,f,v,b,w)}}}return null};return o}function ld(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var Yv={mapped:{type:"SECONDARY",offset:Pe,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:ld(null)}};function qv(){var e=Oe(function(i,l){return{x:i,y:l}}),t=Oe(ld),n=Oe(function(i,l,d){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:i,combineTargetFor:l,shouldAnimateDisplacement:d,snapshot:t(l)}}}),o=function(l){return l?n(Pe,l,!0):null},a=function(l,d,c,u){var m=c.displaced.visible[l],p=!!(u.inVirtualList&&u.effected[l]),f=Bo(c),g=f&&f.draggableId===l?d:null;if(!m){if(!p)return o(g);if(c.displaced.invisible[l])return null;var h=yn(u.displacedBy.point),y=e(h.x,h.y);return n(y,g,!0)}if(p)return o(g);var v=c.displacedBy.point,b=e(v.x,v.y);return n(b,g,m.shouldAnimate)},s=function(l,d){if(l.isDragging)return l.critical.draggable.id===d.draggableId?null:a(d.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var c=l.completed;return c.result.draggableId===d.draggableId?null:a(d.draggableId,c.result.draggableId,c.impact,c.afterCritical)}return null};return s}var Jv=function(){var t=jv(),n=qv(),o=function(s,i){return t(s,i)||n(s,i)||Yv};return o},Xv={dropAnimationFinished:gc},Zv=Nl(Jv,Xv,null,{context:Oa,pure:!0,areStatePropsEqual:sd})(Gv);function cd(e){var t=Go(Wa),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:E.createElement(Zv,e)}function dd(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=!!e.disableInteractiveElementBlocking,o=!!e.shouldRespectForcePress;return E.createElement(cd,le({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:o}))}function Qv(e){var t=E.useContext(Vo);t||(process.env.NODE_ENV!=="production"?O(!1,"Could not find app context"):O());var n=t.contextId,o=t.isMovementAllowed,a=E.useRef(null),s=E.useRef(null),i=e.children,l=e.droppableId,d=e.type,c=e.mode,u=e.direction,m=e.ignoreContainerClipping,p=e.isDropDisabled,f=e.isCombineEnabled,g=e.snapshot,h=e.useClone,y=e.updateViewportMaxScroll,v=e.getContainerForClone,b=ie(function(){return a.current},[]),N=ie(function(X){a.current=X},[]),w=ie(function(){return s.current},[]),T=ie(function(X){s.current=X},[]);Lv({props:e,getDroppableRef:b,getPlaceholderRef:w});var L=ie(function(){o()&&y({maxScroll:wc()})},[o,y]);wv({droppableId:l,type:d,mode:c,direction:u,isDropDisabled:p,isCombineEnabled:f,ignoreContainerClipping:m,getDroppableRef:b});var R=E.createElement(_v,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(X){var H=X.onClose,C=X.data,K=X.animate;return E.createElement(Iv,{placeholder:C,onClose:H,innerRef:T,animate:K,contextId:n,onTransitionEnd:L})}),_=fe(function(){return{innerRef:N,placeholder:R,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,R,N]),P=h?h.dragging.draggableId:null,A=fe(function(){return{droppableId:l,type:d,isUsingCloneFor:P}},[l,P,d]);function U(){if(!h)return null;var X=h.dragging,H=h.render,C=E.createElement(cd,{draggableId:X.draggableId,index:X.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(K,B){return H(K,B,X)});return Ln.createPortal(C,v())}return E.createElement(Wa.Provider,{value:A},i(_,g),U())}var za=function(t,n){return t===n.droppable.type},pd=function(t,n){return n.draggables[t.draggable.id]},ey=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=le({},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,d,c,u,m){var p=u.descriptor.id,f=u.descriptor.droppableId===i;if(f){var g=m?{render:m,dragging:o(u.descriptor)}:null,h={isDraggingOver:d,draggingOverWith:d?p:null,draggingFromThisWith:p,isUsingPlaceholder:!0};return{placeholder:u.placeholder,shouldAnimatePlaceholder:!1,snapshot:h,useClone:g}}if(!l)return n;if(!c)return t;var y={isDraggingOver:d,draggingOverWith:p,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:u.placeholder,shouldAnimatePlaceholder:!0,snapshot:y,useClone:null}}),s=function(l,d){var c=d.droppableId,u=d.type,m=!d.isDropDisabled,p=d.renderClone;if(l.isDragging){var f=l.critical;if(!za(u,f))return n;var g=pd(f,l.dimensions),h=et(l.impact)===c;return a(c,m,h,h,g,p)}if(l.phase==="DROP_ANIMATING"){var y=l.completed;if(!za(u,y.critical))return n;var v=pd(y.critical,l.dimensions);return a(c,m,id(y.result)===c,et(y.impact)===c,v,p)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var b=l.completed;if(!za(u,b.critical))return n;var N=et(b.impact)===c,w=!!(b.impact.at&&b.impact.at.type==="COMBINE"),T=b.critical.droppable.id===c;return N?w?t:n:T?t:n}return n};return s},ty={updateViewportMaxScroll:Zg};function ny(){return document.body||(process.env.NODE_ENV!=="production"?O(!1,"document.body is not ready"):O()),document.body}var oy={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:ny},ja=Nl(ey,ty,null,{context:Oa,pure:!0,areStatePropsEqual:sd})(Qv);ja.defaultProps=oy;const ry={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=F.ButtonKind.DEFAULT,spinning:i,spinningTitle:l,type:d=F.ButtonType.BUTTON,unsafelyReplaceClassName:c,...u}=e;let{disabled:m}=e;i&&(m=!0);const{t:p}=he.useWoodlandLanguage(),f=$(c||"sps-button",`sps-button--${s}`,m&&"sps-button--disabled",i&&"sps-button--spinning",n),g=a&&r.createElement("i",{className:$("sps-icon",`sps-icon-${a}`),"aria-hidden":"true"}),h=i&&r.createElement("div",{className:"sps-spinner"},l||p("button.spinningTitle"));return r.createElement("div",{className:f},o?r.createElement("a",{...u,href:o,className:"sps-button__clickable-element"},g,t,h):r.createElement("button",{...u,type:d,className:"sps-button__clickable-element",disabled:m},g,t,h))}Object.assign(Ne,{props:ry,displayName:"SpsButton"});const ay={content:"ReactNodeLike",icon:"SpsIcon",title:"string"};function ud(e){const{content:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=$(i||"sps-card__header",n);return r.createElement("div",{className:d,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(ud,{props:ay,displayName:"SpsCardHeader"});const sy={icon:"SpsIcon",kind:"TagKind"};function gt(e){const{children:t,className:n,icon:o,kind:a=F.TagKind.DEFAULT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=r.Children.toArray(t).filter(u=>typeof u=="string").join(""),c=$(i||"sps-tag",`sps-tag--${a}`,n);return r.createElement("span",{className:c,"data-testid":`${s}__tag`,title:d,...l},o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`,"data-testid":`${s}__icon`}),t)}Object.assign(gt,{props:sy,displayName:"SpsTag"});const iy={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"};function Ya(e){const{activateTab:t,active:n,children:o,className:a,label:s,icon:i,id:l,index:d=0,tag:c,tagKind:u,tagIcon:m,"data-testid":p,unsafelyReplaceClassName:f,...g}=e,h=()=>{t&&t(this,d,o)},y=b=>{(b.key==="Enter"||b.key===" "||b.key==="Spacebar")&&(b.preventDefault(),b.stopPropagation(),t&&t(this,d,o))},v=$(f||"sps-nav__item","sps-nav__link",n&&"active",a);return r.createElement("a",{className:v,onClick:h,"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),c&&r.createElement(gt,{kind:u||F.TagKind.KEY,icon:m},c))}Object.assign(Ya,{props:iy,displayName:"SpsCardTabbedPane"});function ly(e,t,n){const[o,a]=r.useState({index:0,content:null}),s=r.useCallback((i,l,d)=>{a({index:l,content:d})},[]);return r.useEffect(()=>{function i(c){for(const u of c){const m=u.props;a({...o,content:m.children});break}}function l(c,u){for(let m=0;m<=c.length;m+=1){const p=c[m];if(p&&p.props&&(p.props.id&&p.props.id===u||p.props.label&&p.props.label===u)){a({content:p.props.children,index:m});break}}}const d=r.Children.toArray(e);n&&t?l(d,t):n&&i(d)},[t,e]),[o,s]}const cy={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"};function qa(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":d,unsafelyReplaceClassName:c,...u}=e,m=r.Children.toArray(n).some(h=>r.isValidElement(h)&&h.type===Ya),[p,f]=ly(n,t,m),g=$(c||"sps-card",o);return r.createElement("div",{...u,className:g,"data-testid":`${d}__card`},(l||s)&&r.createElement(ud,{title:l,content:qe(s),icon:i,"data-testid":`${d}__header`}),m===!0?r.createElement(r.Fragment,null,r.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${d}__tabs`},r.Children.map(n,(h,y)=>{if(r.isValidElement(h))return r.cloneElement(h,{active:y===p.index,index:y,activateTab:f,"data-testid":`${d}__tab`})})),r.createElement("div",{className:"sps-card__body","data-testid":`${d}__body--tab-active`},p.content)):r.createElement("div",{className:"sps-card__body","data-testid":`${d}__body`},n),a&&r.createElement("div",{className:"sps-card__footer","data-testid":`${d}__footer`},qe(a)))}Object.assign(qa,{props:cy,displayName:"SpsCard"});function Ja(e,t){const[n,...o]=S.crumblePath(t);return o.length?e.members[n].get(o):e.members[n]}function dy(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.indexOf(ho.required)>-1},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 Ja(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 py(e,t={}){return{validators:[],id:He(),...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(ho.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 uy(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 Ja(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).indexOf(n)>-1}}}function my(e,t){t&&e.setInitValue(t);const[n,o]=E.useState(),[a,s]=E.useState([]),[i,l]=E.useReducer(d=>{for(const c of a)for(const u of S.traversePath(d,c))u.validators&&u.validators.length&&(u.errors=bo(u.getValue(),u.validators),u.invalid=!!u.errors&&!u.pristine);return o(void 0),s([]),{...d}},e);return S.forEachNestedObject(i,(d,c)=>{c._type&&(c.update=function(){return a.push(d),s(a),n||o(window.setTimeout(l,0)),this})}),i}function fy(e,t=null){const[n,o]=E.useState(t),a=E.useRef(()=>null);return E.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 md={formMeta:"SpsFormSetMeta<any>",onSubmit:"React.FormEventHandler"},ro=r.forwardRef((e,t)=>{const{children:n,onSubmit:o,formArray:a,formGroup:s,formMeta:i,...l}=e,d=s||a;function c(u){u.preventDefault(),d&&d.markAsDirty(),i&&(i.markAsDirty(),i.markAsBlurred(),i.markAsSubmitted()),o&&o(u)}return r.createElement("form",{ref:t,onSubmit:c,...l},n)});Object.assign(ro,{props:md,displayName:"SpsForm"});const fd={},Sy={ideal:{label:"Ideal",examples:{ideal:{react:S.code`
515
+ `)}}],Mv=[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 Lv(e){no(function(){Ua(e,xv),e.props.mode==="standard"&&Ua(e,kv),e.props.mode==="virtual"&&Ua(e,Mv)})}var _v=(function(e){Hi(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})(E.PureComponent),ad={dragging:5e3,dropAnimating:4500},Pv=function(t,n){return n?Xn.drop(n.duration):t?Xn.snap:Xn.fluid},Ov=function(t,n){return t?n?Jn.opacity.drop:Jn.opacity.combining:null},Bv=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function Rv(e){var t=e.dimension,n=t.client,o=e.offset,a=e.combineWith,s=e.dropping,i=!!a,l=Bv(e),d=!!s,c=d?wa.drop(o,i):wa.moveTo(o),u={position:"fixed",top:n.marginBox.top,left:n.marginBox.left,boxSizing:"border-box",width:n.borderBox.width,height:n.borderBox.height,transition:Pv(l,s),transform:c,opacity:Ov(i,d),zIndex:d?ad.dropAnimating:ad.dragging,pointerEvents:"none"};return u}function Fv(e){return{transform:wa.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function Av(e){return e.type==="DRAGGING"?Rv(e):Fv(e)}function $v(e,t,n){n===void 0&&(n=Oe);var o=window.getComputedStyle(t),a=t.getBoundingClientRect(),s=Ml(a,o),i=Mo(s,n),l={client:s,tagName:t.tagName.toLowerCase(),display:o.display},d={x:s.marginBox.width,y:s.marginBox.height},c={descriptor:e,placeholder:l,displaceBy:d,client:s,page:i};return c}function Vv(e){var t=Oa("draggable"),n=e.descriptor,o=e.registry,a=e.getDraggableRef,s=e.canDragInteractiveElements,i=e.shouldRespectForcePress,l=e.isEnabled,d=Se(function(){return{canDragInteractiveElements:s,shouldRespectForcePress:i,isEnabled:l}},[s,l,i]),c=le(function(f){var g=a();return g||(process.env.NODE_ENV!=="production"?P(!1,"Cannot get dimension when no ref is set"):P()),$v(n,g,f)},[n,a]),u=Se(function(){return{uniqueId:t,descriptor:n,options:d,getDimension:c}},[n,c,d,t]),m=E.useRef(u),p=E.useRef(!0);tt(function(){return o.draggable.register(m.current),function(){return o.draggable.unregister(m.current)}},[o.draggable]),tt(function(){if(p.current){p.current=!1;return}var f=m.current;m.current=u,o.draggable.update(u,f)},[u,o.draggable])}function Kv(e,t,n){no(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)),WS(e.index)||(process.env.NODE_ENV!=="production"?P(!1,o(a)+" requires an integer index prop"):P(!1)),e.mapped.type!=="DRAGGING"&&(rd(n()),e.isEnabled&&(Fc(t,a)||(process.env.NODE_ENV!=="production"?P(!1,o(a)+" Unable to find drag handle"):P(!1))))})}function Hv(e){Ra(function(){var t=E.useRef(e);no(function(){e!==t.current&&(process.env.NODE_ENV!=="production"?P(!1,"Draggable isClone prop value changed during component life"):P(!1))},[e])})}function Wv(e){e.preventDefault()}function Gv(e){var t=E.useRef(null),n=le(function(O){t.current=O},[]),o=le(function(){return t.current},[]),a=Go(Vo),s=a.contextId,i=a.dragHandleUsageInstructionsId,l=a.registry,d=Go(Wa),c=d.type,u=d.droppableId,m=Se(function(){return{id:e.draggableId,index:e.index,type:c,droppableId:u}},[e.draggableId,e.index,c,u]),p=e.children,f=e.draggableId,g=e.isEnabled,b=e.shouldRespectForcePress,y=e.canDragInteractiveElements,v=e.isClone,h=e.mapped,N=e.dropAnimationFinished;if(Kv(e,s,o),Hv(v),!v){var w=Se(function(){return{descriptor:m,registry:l,getDraggableRef:o,canDragInteractiveElements:y,shouldRespectForcePress:b,isEnabled:g}},[m,l,o,y,b,g]);Vv(w)}var T=Se(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:Wv}:null},[s,i,f,g]),L=le(function(O){h.type==="DRAGGING"&&h.dropping&&O.propertyName==="transform"&&N()},[N,h]),R=Se(function(){var O=Av(h),A=h.type==="DRAGGING"&&h.dropping?L:null,U={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":s,"data-rbd-draggable-id":f,style:O,onTransitionEnd:A},dragHandleProps:T};return U},[s,T,f,h,L,n]),_=Se(function(){return{draggableId:m.id,type:m.type,source:{index:m.index,droppableId:m.droppableId}}},[m.droppableId,m.id,m.index,m.type]);return p(R,h.snapshot,_)}var sd=(function(e,t){return e===t}),id=(function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null}),Uv=function(t){return t.combine?t.combine.draggableId:null},zv=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function jv(){var e=Pe(function(a,s){return{x:a,y:s}}),t=Pe(function(a,s,i,l,d){return{isDragging:!0,isClone:s,isDropAnimating:!!d,dropAnimation:d,mode:a,draggingOver:i,combineWith:l,combineTargetFor:null}}),n=Pe(function(a,s,i,l,d,c,u){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:d,combineWith:c,mode:s,offset:a,dimension:i,forceShouldAnimate:u,snapshot:t(s,l,d,c,null)}}}),o=function(s,i){if(s.isDragging){if(s.critical.draggable.id!==i.draggableId)return null;var l=s.current.client.offset,d=s.dimensions.draggables[i.draggableId],c=et(s.impact),u=zv(s.impact),m=s.forceShouldAnimate;return n(e(l.x,l.y),s.movementMode,d,i.isClone,c,u,m)}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=id(b),h=Uv(b),N=s.dropDuration,w={duration:N,curve:Ea.drop,moveTo:s.newHomeClientOffset,opacity:h?Jn.opacity.drop:null,scale:h?Jn.scale.drop:null};return{mapped:{type:"DRAGGING",offset:s.newHomeClientOffset,dimension:g,dropping:w,draggingOver:v,combineWith:h,mode:y,forceShouldAnimate:null,snapshot:t(y,f,v,h,w)}}}return null};return o}function ld(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var Yv={mapped:{type:"SECONDARY",offset:Oe,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:ld(null)}};function qv(){var e=Pe(function(i,l){return{x:i,y:l}}),t=Pe(ld),n=Pe(function(i,l,d){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:i,combineTargetFor:l,shouldAnimateDisplacement:d,snapshot:t(l)}}}),o=function(l){return l?n(Oe,l,!0):null},a=function(l,d,c,u){var m=c.displaced.visible[l],p=!!(u.inVirtualList&&u.effected[l]),f=Bo(c),g=f&&f.draggableId===l?d:null;if(!m){if(!p)return o(g);if(c.displaced.invisible[l])return null;var b=yn(u.displacedBy.point),y=e(b.x,b.y);return n(y,g,!0)}if(p)return o(g);var v=c.displacedBy.point,h=e(v.x,v.y);return n(h,g,m.shouldAnimate)},s=function(l,d){if(l.isDragging)return l.critical.draggable.id===d.draggableId?null:a(d.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var c=l.completed;return c.result.draggableId===d.draggableId?null:a(d.draggableId,c.result.draggableId,c.impact,c.afterCritical)}return null};return s}var Jv=function(){var t=jv(),n=qv(),o=function(s,i){return t(s,i)||n(s,i)||Yv};return o},Xv={dropAnimationFinished:gc},Zv=Nl(Jv,Xv,null,{context:Pa,pure:!0,areStatePropsEqual:sd})(Gv);function cd(e){var t=Go(Wa),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:E.createElement(Zv,e)}function dd(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=!!e.disableInteractiveElementBlocking,o=!!e.shouldRespectForcePress;return E.createElement(cd,ce({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:o}))}function Qv(e){var t=E.useContext(Vo);t||(process.env.NODE_ENV!=="production"?P(!1,"Could not find app context"):P());var n=t.contextId,o=t.isMovementAllowed,a=E.useRef(null),s=E.useRef(null),i=e.children,l=e.droppableId,d=e.type,c=e.mode,u=e.direction,m=e.ignoreContainerClipping,p=e.isDropDisabled,f=e.isCombineEnabled,g=e.snapshot,b=e.useClone,y=e.updateViewportMaxScroll,v=e.getContainerForClone,h=le(function(){return a.current},[]),N=le(function(X){a.current=X},[]),w=le(function(){return s.current},[]),T=le(function(X){s.current=X},[]);Lv({props:e,getDroppableRef:h,getPlaceholderRef:w});var L=le(function(){o()&&y({maxScroll:wc()})},[o,y]);wv({droppableId:l,type:d,mode:c,direction:u,isDropDisabled:p,isCombineEnabled:f,ignoreContainerClipping:m,getDroppableRef:h});var R=E.createElement(_v,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(X){var K=X.onClose,C=X.data,V=X.animate;return E.createElement(Iv,{placeholder:C,onClose:K,innerRef:T,animate:V,contextId:n,onTransitionEnd:L})}),_=Se(function(){return{innerRef:N,placeholder:R,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,R,N]),O=b?b.dragging.draggableId:null,A=Se(function(){return{droppableId:l,type:d,isUsingCloneFor:O}},[l,O,d]);function U(){if(!b)return null;var X=b.dragging,K=b.render,C=E.createElement(cd,{draggableId:X.draggableId,index:X.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(V,B){return K(V,B,X)});return Ln.createPortal(C,v())}return E.createElement(Wa.Provider,{value:A},i(_,g),U())}var za=function(t,n){return t===n.droppable.type},pd=function(t,n){return n.draggables[t.draggable.id]},ey=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=ce({},t,{shouldAnimatePlaceholder:!1}),o=Pe(function(i){return{draggableId:i.id,type:i.type,source:{index:i.index,droppableId:i.droppableId}}}),a=Pe(function(i,l,d,c,u,m){var p=u.descriptor.id,f=u.descriptor.droppableId===i;if(f){var g=m?{render:m,dragging:o(u.descriptor)}:null,b={isDraggingOver:d,draggingOverWith:d?p:null,draggingFromThisWith:p,isUsingPlaceholder:!0};return{placeholder:u.placeholder,shouldAnimatePlaceholder:!1,snapshot:b,useClone:g}}if(!l)return n;if(!c)return t;var y={isDraggingOver:d,draggingOverWith:p,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:u.placeholder,shouldAnimatePlaceholder:!0,snapshot:y,useClone:null}}),s=function(l,d){var c=d.droppableId,u=d.type,m=!d.isDropDisabled,p=d.renderClone;if(l.isDragging){var f=l.critical;if(!za(u,f))return n;var g=pd(f,l.dimensions),b=et(l.impact)===c;return a(c,m,b,b,g,p)}if(l.phase==="DROP_ANIMATING"){var y=l.completed;if(!za(u,y.critical))return n;var v=pd(y.critical,l.dimensions);return a(c,m,id(y.result)===c,et(y.impact)===c,v,p)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var h=l.completed;if(!za(u,h.critical))return n;var N=et(h.impact)===c,w=!!(h.impact.at&&h.impact.at.type==="COMBINE"),T=h.critical.droppable.id===c;return N?w?t:n:T?t:n}return n};return s},ty={updateViewportMaxScroll:Zg};function ny(){return document.body||(process.env.NODE_ENV!=="production"?P(!1,"document.body is not ready"):P()),document.body}var oy={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:ny},ja=Nl(ey,ty,null,{context:Pa,pure:!0,areStatePropsEqual:sd})(Qv);ja.defaultProps=oy;const ry={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=F.ButtonKind.DEFAULT,spinning:i,spinningTitle:l,type:d=F.ButtonType.BUTTON,unsafelyReplaceClassName:c,...u}=e;let{disabled:m}=e;i&&(m=!0);const{t:p}=he.useWoodlandLanguage(),f=$(c||"sps-button",`sps-button--${s}`,m&&"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",{...u,href:o,className:"sps-button__clickable-element"},g,t,b):r.createElement("button",{...u,type:d,className:"sps-button__clickable-element",disabled:m},g,t,b))}Object.assign(Ne,{props:ry,displayName:"SpsButton"});const ay={content:"ReactNodeLike",icon:"SpsIcon",title:"string"};function ud(e){const{content:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=$(i||"sps-card__header",n);return r.createElement("div",{className:d,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(ud,{props:ay,displayName:"SpsCardHeader"});const sy={icon:"SpsIcon",kind:"TagKind"};function gt(e){const{children:t,className:n,icon:o,kind:a=F.TagKind.DEFAULT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=r.Children.toArray(t).filter(u=>typeof u=="string").join(""),c=$(i||"sps-tag",`sps-tag--${a}`,n);return r.createElement("span",{className:c,"data-testid":`${s}__tag`,title:d,...l},o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`,"data-testid":`${s}__icon`}),t)}Object.assign(gt,{props:sy,displayName:"SpsTag"});const iy={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"};function Ya(e){const{activateTab:t,active:n,children:o,className:a,label:s,icon:i,id:l,index:d=0,tag:c,tagKind:u,tagIcon:m,"data-testid":p,unsafelyReplaceClassName:f,...g}=e,b=()=>{t&&t(this,d,o)},y=h=>{(h.key==="Enter"||h.key===" "||h.key==="Spacebar")&&(h.preventDefault(),h.stopPropagation(),t&&t(this,d,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),c&&r.createElement(gt,{kind:u||F.TagKind.KEY,icon:m},c))}Object.assign(Ya,{props:iy,displayName:"SpsCardTabbedPane"});function ly(e,t,n){const[o,a]=r.useState({index:0,content:null}),s=r.useCallback((i,l,d)=>{a({index:l,content:d})},[]);return r.useEffect(()=>{function i(c){for(const u of c){const m=u.props;a({...o,content:m.children});break}}function l(c,u){for(let m=0;m<=c.length;m+=1){const p=c[m];if(p&&p.props&&(p.props.id&&p.props.id===u||p.props.label&&p.props.label===u)){a({content:p.props.children,index:m});break}}}const d=r.Children.toArray(e);n&&t?l(d,t):n&&i(d)},[t,e]),[o,s]}const cy={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"};function qa(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":d,unsafelyReplaceClassName:c,...u}=e,m=r.Children.toArray(n).some(b=>r.isValidElement(b)&&b.type===Ya),[p,f]=ly(n,t,m),g=$(c||"sps-card",o);return r.createElement("div",{...u,className:g,"data-testid":`${d}__card`},(l||s)&&r.createElement(ud,{title:l,content:qe(s),icon:i,"data-testid":`${d}__header`}),m===!0?r.createElement(r.Fragment,null,r.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${d}__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":`${d}__tab`})})),r.createElement("div",{className:"sps-card__body","data-testid":`${d}__body--tab-active`},p.content)):r.createElement("div",{className:"sps-card__body","data-testid":`${d}__body`},n),a&&r.createElement("div",{className:"sps-card__footer","data-testid":`${d}__footer`},qe(a)))}Object.assign(qa,{props:cy,displayName:"SpsCard"});function Ja(e,t){const[n,...o]=S.crumblePath(t);return o.length?e.members[n].get(o):e.members[n]}function dy(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.indexOf(ho.required)>-1},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 Ja(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 py(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(ho.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 uy(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 Ja(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).indexOf(n)>-1}}}function my(e,t){t&&e.setInitValue(t);const[n,o]=E.useState(),[a,s]=E.useState([]),[i,l]=E.useReducer(d=>{for(const c of a)for(const u of S.traversePath(d,c))u.validators&&u.validators.length&&(u.errors=bo(u.getValue(),u.validators),u.invalid=!!u.errors&&!u.pristine);return o(void 0),s([]),{...d}},e);return S.forEachNestedObject(i,(d,c)=>{c._type&&(c.update=function(){return a.push(d),s(a),n||o(window.setTimeout(l,0)),this})}),i}function fy(e,t=null){const[n,o]=E.useState(t),a=E.useRef(()=>null);return E.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 md={formMeta:"SpsFormSetMeta<any>",onSubmit:"React.FormEventHandler"},ro=r.forwardRef((e,t)=>{const{children:n,onSubmit:o,formArray:a,formGroup:s,formMeta:i,...l}=e,d=s||a;function c(u){u.preventDefault(),d&&d.markAsDirty(),i&&(i.markAsDirty(),i.markAsBlurred(),i.markAsSubmitted()),o&&o(u)}return r.createElement("form",{ref:t,onSubmit:c,...l},n)});Object.assign(ro,{props:md,displayName:"SpsForm"});const fd={},Sy={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(D),null," "));var ee=z(j,Q,te,ne,V+"."
665
665
  </>
666
666
  )
667
667
  }
668
- `}}}},gy={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"};function zo(e){const{index:t,key:n,columnId:o,name:a,value:s,onDelete:i,mandatory:l,ref:d,...c}=e,{t:u}=he.useWoodlandLanguage();return r.createElement(dd,{key:o,draggableId:o||"",index:t||0,...c},m=>r.createElement("div",{ref:m.innerRef,...m.draggableProps,...m.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":u("columnChooser.removeButton",{elementName:a,defaultValue:`Remove ${a}`}),kind:F.ButtonKind.ICON,icon:F.SpsIcon.X,onClick:()=>{i&&i(s||"")}})))))}Object.assign(zo,{props:gy,displayName:"SpsColumnChooserColumn"});const hy={maxSelectedColumns:"number | null",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"};function Xa(e){const{unselectedColumns:t=[],selectedColumns:n=[],maxSelectedColumns:o=8,onApplyChanges:a,maxVisibleUnselectedColumns:s,updateInitialState:i,className:l,unsafelyReplaceClassName:d,...c}=e,[u,m]=Dt({isVisible:!1,unselectedColumns:[...t.map(_=>({..._,label:_.name,columnId:He()}))],selectedColumns:[...n.map(_=>({..._,columnId:He()}))],searchSelectedColumn:null,pendingUnselectedColumns:[...t.map(_=>({..._,label:_.name,columnId:He()}))],pendingSelectedColumns:[...n.map(_=>({..._,columnId:He()}))]}),{t:p}=he.useWoodlandLanguage(),f={searchSelectedColumn:""},g=$(u.isVisible&&"sps-button--open",l),{formMeta:h,formValue:y,updateForm:v}=xi(f);function b(_){if(_.target.value){const P=[...u.pendingSelectedColumns],A=[];u.pendingUnselectedColumns.forEach(U=>{_.target.value===U.name?(v(f),P.push({columnId:He(),name:U.name,value:U.value})):A.push(U)}),m({pendingSelectedColumns:P,pendingUnselectedColumns:A})}}function N(_){const P=[],A=[...u.pendingUnselectedColumns];u.pendingSelectedColumns.forEach(U=>{_===U.value?A.push({columnId:He(),name:U.name,value:U.value}):P.push(U)}),m({pendingSelectedColumns:P,pendingUnselectedColumns:A})}function w(_){if(!_.destination)return;const P=[...u.pendingSelectedColumns],[A]=P.splice(_.source.index,1);P.splice(_.destination.index,0,A),m({pendingSelectedColumns:P})}function T(){const _=u.pendingSelectedColumns.map(P=>{const A={...P};return A.columnId&&delete A.columnId,A});v(f),m({isVisible:!1,selectedColumns:[...u.pendingSelectedColumns],unselectedColumns:[...u.pendingUnselectedColumns]}),a&&a(_)}function L(){m({isVisible:!u.isVisible}),u.isVisible&&m({pendingSelectedColumns:[...u.selectedColumns],pendingUnselectedColumns:[...u.unselectedColumns]})}const R=r.useCallback(_=>{const P=new RegExp(_??"","i");return s?u.pendingUnselectedColumns.filter(A=>P.test(A.name)).map(A=>A.name).slice(0,s):u.pendingUnselectedColumns.map(A=>A.name)},[u.pendingUnselectedColumns,s]);return r.useEffect(()=>{i&&m({unselectedColumns:[...t.map(_=>({..._,label:_.name,columnId:He()}))],pendingUnselectedColumns:[...t.map(_=>({..._,label:_.name,columnId:He()}))]})},[t]),r.useEffect(()=>{i&&m({selectedColumns:[...n.map(_=>({..._,columnId:He()}))],pendingSelectedColumns:[...n.map(_=>({..._,columnId:He()}))]})},[n]),r.createElement("div",{className:"sps-column-chooser z-stratum-dropdown",...c},r.createElement(Ne,{className:g,"aria-label":`${u.isVisible?"Close":"Open"} Column Chooser`,kind:F.ButtonKind.ICON,icon:F.SpsIcon.TABLE,onClick:L,"data-testid":"button"}),u.isVisible&&r.createElement(qa,{"data-testid":"open",footer:()=>r.createElement(Ne,{"aria-label":"Apply Changes",kind:F.ButtonKind.LINK,onClick:T},p("columnChooser.applyChanges",{defaultValue:"Apply Changes"}))},r.createElement("div",{className:"sps-column-chooser__search-container"},r.createElement(Nt,{suggestions:R,disabled:!!(o&&u.pendingSelectedColumns.length>=o),value:y.searchSelectedColumn?y.searchSelectedColumn:"",formMeta:h.fields.searchSelectedColumn,onChange:b,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(Zc,{onDragEnd:w},r.createElement(ja,{droppableId:"column-chooser"},_=>r.createElement("div",{..._.droppableProps,ref:_.innerRef},u.pendingSelectedColumns.map((P,A)=>r.createElement(zo,{index:A,key:P.columnId,columnId:P.columnId,name:P.name,value:P.value,onDelete:N,mandatory:P.mandatory})),_.placeholder)))))}Object.assign(Xa,{props:hy,displayName:"SpsColumnChooser"});const Sd={basic:{label:"Basic",description:"Column chooser component",examples:{basic:{react:S.code`
668
+ `}}}},gy={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"};function zo(e){const{index:t,key:n,columnId:o,name:a,value:s,onDelete:i,mandatory:l,ref:d,...c}=e,{t:u}=he.useWoodlandLanguage();return r.createElement(dd,{key:o,draggableId:o||"",index:t||0,...c},m=>r.createElement("div",{ref:m.innerRef,...m.draggableProps,...m.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":u("columnChooser.removeButton",{elementName:a,defaultValue:`Remove ${a}`}),kind:F.ButtonKind.ICON,icon:F.SpsIcon.X,onClick:()=>{i&&i(s||"")}})))))}Object.assign(zo,{props:gy,displayName:"SpsColumnChooserColumn"});const hy={maxSelectedColumns:"number | null",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"};function Xa(e){const{unselectedColumns:t=[],selectedColumns:n=[],maxSelectedColumns:o=8,onApplyChanges:a,maxVisibleUnselectedColumns:s,updateInitialState:i,className:l,unsafelyReplaceClassName:d,...c}=e,[u,m]=Dt({isVisible:!1,unselectedColumns:[...t.map(_=>({..._,label:_.name,columnId:We()}))],selectedColumns:[...n.map(_=>({..._,columnId:We()}))],searchSelectedColumn:null,pendingUnselectedColumns:[...t.map(_=>({..._,label:_.name,columnId:We()}))],pendingSelectedColumns:[...n.map(_=>({..._,columnId:We()}))]}),{t:p}=he.useWoodlandLanguage(),f={searchSelectedColumn:""},g=$(u.isVisible&&"sps-button--open",l),{formMeta:b,formValue:y,updateForm:v}=xi(f);function h(_){if(_.target.value){const O=[...u.pendingSelectedColumns],A=[];u.pendingUnselectedColumns.forEach(U=>{_.target.value===U.name?(v(f),O.push({columnId:We(),name:U.name,value:U.value})):A.push(U)}),m({pendingSelectedColumns:O,pendingUnselectedColumns:A})}}function N(_){const O=[],A=[...u.pendingUnselectedColumns];u.pendingSelectedColumns.forEach(U=>{_===U.value?A.push({columnId:We(),name:U.name,value:U.value}):O.push(U)}),m({pendingSelectedColumns:O,pendingUnselectedColumns:A})}function w(_){if(!_.destination)return;const O=[...u.pendingSelectedColumns],[A]=O.splice(_.source.index,1);O.splice(_.destination.index,0,A),m({pendingSelectedColumns:O})}function T(){const _=u.pendingSelectedColumns.map(O=>{const A={...O};return A.columnId&&delete A.columnId,A});v(f),m({isVisible:!1,selectedColumns:[...u.pendingSelectedColumns],unselectedColumns:[...u.pendingUnselectedColumns]}),a&&a(_)}function L(){m({isVisible:!u.isVisible}),u.isVisible&&m({pendingSelectedColumns:[...u.selectedColumns],pendingUnselectedColumns:[...u.unselectedColumns]})}const R=r.useCallback(_=>{const O=new RegExp(_??"","i");return s?u.pendingUnselectedColumns.filter(A=>O.test(A.name)).map(A=>A.name).slice(0,s):u.pendingUnselectedColumns.map(A=>A.name)},[u.pendingUnselectedColumns,s]);return r.useEffect(()=>{i&&m({unselectedColumns:[...t.map(_=>({..._,label:_.name,columnId:We()}))],pendingUnselectedColumns:[...t.map(_=>({..._,label:_.name,columnId:We()}))]})},[t]),r.useEffect(()=>{i&&m({selectedColumns:[...n.map(_=>({..._,columnId:We()}))],pendingSelectedColumns:[...n.map(_=>({..._,columnId:We()}))]})},[n]),r.createElement("div",{className:"sps-column-chooser z-stratum-dropdown",...c},r.createElement(Ne,{className:g,"aria-label":`${u.isVisible?"Close":"Open"} Column Chooser`,kind:F.ButtonKind.ICON,icon:F.SpsIcon.TABLE,onClick:L,"data-testid":"button"}),u.isVisible&&r.createElement(qa,{"data-testid":"open",footer:()=>r.createElement(Ne,{"aria-label":"Apply Changes",kind:F.ButtonKind.LINK,onClick:T},p("columnChooser.applyChanges",{defaultValue:"Apply Changes"}))},r.createElement("div",{className:"sps-column-chooser__search-container"},r.createElement(Nt,{suggestions:R,disabled:!!(o&&u.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(Zc,{onDragEnd:w},r.createElement(ja,{droppableId:"column-chooser"},_=>r.createElement("div",{..._.droppableProps,ref:_.innerRef},u.pendingSelectedColumns.map((O,A)=>r.createElement(zo,{index:A,key:O.columnId,columnId:O.columnId,name:O.name,value:O.value,onDelete:N,mandatory:O.mandatory})),_.placeholder)))))}Object.assign(Xa,{props:hy,displayName:"SpsColumnChooser"});const Sd={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(D),null," "));var ee=z(j,Q,te,ne,V+"."
684
684
  />
685
685
  );
686
686
  }
687
- `}}}},by={icon:{type:"SpsIcon",required:!0},size:"SpsIconSize"};function ht(e){const{className:t,"data-testid":n,icon:o,size:a=F.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:by,displayName:"SpsI"});const vy={borderless:"boolean",lean:"boolean",leaner:{type:"boolean",deprecated:!0},widthPx:"number",widthRem:"number"};function on(e){const{borderless:t,children:n,className:o,lean:a,leaner:s,style:i,unsafelyReplaceClassName:l,widthPx:d,widthRem:c,...u}=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 m=$(l||"sps-content-row__col",t&&"sps-content-row__col--borderless",(a||s)&&"sps-content-row__col--lean",o),p=d?d/16:c,f=p?{...i,width:`${p}rem`}:i;return r.createElement("div",{...u,className:m,style:f},n)}Object.assign(on,{props:vy,displayName:"SpsContentRowCol"});const yy={};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:yy,displayName:"SpsContentRowExpansion"});const Ey={alternateLayout:"boolean",initiallyExpanded:"boolean",cardSpacing:"boolean",expanded:"boolean",onBeforeCollapsed:"() => boolean",onBeforeExpanded:"() => boolean",onSelectionChange:"ChangeEventHandler",onCollapsed:"() => void",onExpanded:"() => void",selectable:"boolean",selected:"boolean"};function Za(e){const{alternateLayout:t=!1,children:n,className:o,expanded:a,onBeforeCollapsed:s,onBeforeExpanded:i,onSelectionChange:l,onCollapsed:d,onExpanded:c,initiallyExpanded:u=!1,cardSpacing:m=!1,selectable:p=!1,selected:f,"data-testid":g,unsafelyReplaceClassName:h,...y}=e,{t:v}=he.useWoodlandLanguage(),[b,N]=r.useState(u),w=typeof a=="boolean"?a:b;function T(U){U.stopPropagation(),w&&(!s||s())?(N(!1),d&&d()):!w&&(!i||i())&&(N(!0),c&&c())}const L=()=>r.createElement(Xt,{checked:f,onChange:l}),R=()=>r.createElement("button",{type:"button",className:"sps-content-row__expand-btn",onClick:T,"aria-label":v(`contentRow.${w?"collapse":"expand"}`,{defaultValue:`${w?"Collapse":"Expand"}`})},r.createElement(ht,{icon:w?F.SpsIcon.MINUS_CIRCLE:F.SpsIcon.PLUS_CIRCLE})),_=$(h||"sps-content-row",w&&"sps-content-row--expanded",m&&"sps-content-row--card-spaced",f&&"sps-content-row--selected",t&&"sps-content-row--alternate-layout",o),[P,[A]]=at(n,[{type:on},{type:jo}]);return r.createElement("div",{className:_,"data-testid":g,...y},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${g}__children`},p&&!t&&r.createElement(on,{widthPx:46},r.createElement(L,null)),A&&!t&&r.createElement(on,{widthPx:44},r.createElement(R,null)),A&&p&&t&&r.createElement(on,{widthPx:46},r.createElement("section",null,r.createElement(L,null)),r.createElement("section",null,r.createElement(R,null))),P),A)}Object.assign(Za,{props:Ey,displayName:"SpsContentRow"});const gd={basic:{label:"Content rows",examples:{basic:{react:S.code`
687
+ `}}}},by={icon:{type:"SpsIcon",required:!0},size:"SpsIconSize"};function ht(e){const{className:t,"data-testid":n,icon:o,size:a=F.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:by,displayName:"SpsI"});const vy={borderless:"boolean",lean:"boolean",leaner:{type:"boolean",deprecated:!0},widthPx:"number",widthRem:"number"};function on(e){const{borderless:t,children:n,className:o,lean:a,leaner:s,style:i,unsafelyReplaceClassName:l,widthPx:d,widthRem:c,...u}=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 m=$(l||"sps-content-row__col",t&&"sps-content-row__col--borderless",(a||s)&&"sps-content-row__col--lean",o),p=d?d/16:c,f=p?{...i,width:`${p}rem`}:i;return r.createElement("div",{...u,className:m,style:f},n)}Object.assign(on,{props:vy,displayName:"SpsContentRowCol"});const yy={};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:yy,displayName:"SpsContentRowExpansion"});const Ey={alternateLayout:"boolean",initiallyExpanded:"boolean",cardSpacing:"boolean",expanded:"boolean",onBeforeCollapsed:"() => boolean",onBeforeExpanded:"() => boolean",onSelectionChange:"ChangeEventHandler",onCollapsed:"() => void",onExpanded:"() => void",selectable:"boolean",selected:"boolean"};function Za(e){const{alternateLayout:t=!1,children:n,className:o,expanded:a,onBeforeCollapsed:s,onBeforeExpanded:i,onSelectionChange:l,onCollapsed:d,onExpanded:c,initiallyExpanded:u=!1,cardSpacing:m=!1,selectable:p=!1,selected:f,"data-testid":g,unsafelyReplaceClassName:b,...y}=e,{t:v}=he.useWoodlandLanguage(),[h,N]=r.useState(u),w=typeof a=="boolean"?a:h;function T(U){U.stopPropagation(),w&&(!s||s())?(N(!1),d&&d()):!w&&(!i||i())&&(N(!0),c&&c())}const L=()=>r.createElement(Xt,{checked:f,onChange:l}),R=()=>r.createElement("button",{type:"button",className:"sps-content-row__expand-btn",onClick:T,"aria-label":v(`contentRow.${w?"collapse":"expand"}`,{defaultValue:`${w?"Collapse":"Expand"}`})},r.createElement(ht,{icon:w?F.SpsIcon.MINUS_CIRCLE:F.SpsIcon.PLUS_CIRCLE})),_=$(b||"sps-content-row",w&&"sps-content-row--expanded",m&&"sps-content-row--card-spaced",f&&"sps-content-row--selected",t&&"sps-content-row--alternate-layout",o),[O,[A]]=at(n,[{type:on},{type:jo}]);return r.createElement("div",{className:_,"data-testid":g,...y},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${g}__children`},p&&!t&&r.createElement(on,{widthPx:46},r.createElement(L,null)),A&&!t&&r.createElement(on,{widthPx:44},r.createElement(R,null)),A&&p&&t&&r.createElement(on,{widthPx:46},r.createElement("section",null,r.createElement(L,null)),r.createElement("section",null,r.createElement(R,null))),O),A)}Object.assign(Za,{props:Ey,displayName:"SpsContentRow"});const gd={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(D),null," "));var ee=z(j,Q,te,ne,V+"."
1152
1152
  </>
1153
1153
  )
1154
1154
  }
1155
- `}}}},Ty=un.default||un;function wy(){return new Array(7).fill(null)}function hd(e){const t=Ty({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(wy);t.subtract(n,"days");for(let l=0;l<s;l+=1){const d=i[Math.floor(l/7)],c=l%7;d[c]=Object.freeze({year:t.year(),month:t.month()+1,date:t.date()}),c===6&&Object.freeze(d),t.add(1,"day")}return i}function bd(e){const[t,n]=r.useState(()=>hd(e));return r.useEffect(()=>{n(hd(e))},[e]),t}function vd(e){const[t,n]=r.useState(()=>Y.toMoment(e));return r.useEffect(()=>n(Y.toMoment(e)),[e]),t}function Yo(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 Cy(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 Dy(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:Yo,week:{dow:0,doy:4}})}function Ny(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:Yo})}function Iy(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:Yo,week:{dow:1,doy:4}})}function xy(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:Yo,week:{dow:1,doy:4}})}function ky(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?/-MMM-/.test(a)?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:function(){return"[hoy a la"+(this.hours()!==1?"s":"")+"] LT"},nextDay:function(){return"[mañana a la"+(this.hours()!==1?"s":"")+"] LT"},nextWeek:function(){return"dddd [a la"+(this.hours()!==1?"s":"")+"] LT"},lastDay:function(){return"[ayer a la"+(this.hours()!==1?"s":"")+"] LT"},lastWeek:function(){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 My(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 Ly(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 _y(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:function(){return"[Oggi a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},nextDay:function(){return"[Domani a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},nextWeek:function(){return"dddd [a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},lastDay:function(){return"[Ieri a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},lastWeek:function(){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 Oy(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?/-MMM-/.test(a)?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:function(o){return o+(o===1||o===8||o>=20?"ste":"de")},week:{dow:1,doy:4}})}function Py(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:function(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="下午"||n==="晚上"?t+12:t>=11?t:t+12},meridiem:function(t,n){const o=t*100+n;return o<600?"凌晨":o<900?"早上":o<1130?"上午":o<1230?"中午":o<1800?"下午":"晚上"},calendar:{sameDay:"[今天]LT",nextDay:"[明天]LT",nextWeek:function(t){return t.week()!==this.week()?"[下]dddLT":"[本]dddLT"},lastDay:"[昨天]LT",lastWeek:function(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 By(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:function(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="中午"?t>=11?t:t+12:n==="下午"||n==="晚上"?t+12:t},meridiem:function(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 Ry(e){const t=e.locale();Cy(e),Dy(e),Ny(e),Iy(e),xy(e),ky(e),My(e),Ly(e),_y(e),Oy(e),Py(e),By(e),e.locale(t)}Ry(Me);const Fy=Me.locale(),Nn=Me.locales();Nn.indexOf("en-US")===-1&&Me.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&&Me.defineLocale("en-US24",{parentLocale:"en-US",longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss"}}),Nn.indexOf("en-PH")===-1&&(Me.defineLocale("en-PH",{parentLocale:"en-GB"}),Me.updateLocale("en-PH",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A"}})),Nn.indexOf("en-IN")===-1&&(Me.defineLocale("en-IN",{parentLocale:"en-GB"}),Me.updateLocale("en-IN",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",ll:"D-MMM-YYYY"}})),Nn.indexOf("en-SG")===-1&&(Me.defineLocale("en-SG",{parentLocale:"en-IN"}),Me.updateLocale("en-SG",{longDateFormat:{ll:"D MMM YYYY"}})),Nn.indexOf("en-HK")===-1&&Me.defineLocale("en-HK",{parentLocale:"en-GB"}),Me.locale(Fy);function qo(){return typeof window>"u"?"en-US":window.navigator.languages?.[0]||window.navigator.language||"en-US"}function yd(e){if(typeof Intl>"u"||typeof Intl.DateTimeFormat!="function")return!1;try{const t=e??qo();return new Intl.DateTimeFormat(t,{hour:"numeric"}).resolvedOptions().hour12===!1}catch{return!1}}function Ed(e){const t=e??qo();return Me().locale(t).locale()}const Td=r.createContext(void 0);function Ay({currentUser:e,locale:t,children:n}){const o=r.useMemo(()=>({currentUser:e,locale:t}),[e,t]);return r.createElement(Td.Provider,{value:o},n)}function ao(e){const t=r.useContext(Td);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||qo()}const $y=un.default||un,Ue="sps-datepicker__calendar";function so({maxDate:e,selectedDate:t,selectedRange:n}){const o=n?Y.nullifyInvalidDate(n[0])||Y.nullifyInvalidDate(n[1]):null;return Y.nullifyInvalidDate(t)||o||Y.nullifyInvalidDate(e)||Y.create()}function Jo(e){const{children:t,className:n,isOpen:o,maxDate:a,minDate:s,currentUser:i,onNewSelection:l,selectedDate:d,selectedRange:c,selectedPreset:u,showTwoMonths:m=!1,"data-testid":p,...f}=e,{t:g}=he.useWoodlandLanguage(),h=ao(i),y=r.useMemo(()=>Ed(h),[h]),v=r.useMemo(()=>$y.localeData(y).weekdaysShort(),[y]),[b,N]=r.useState(()=>so(e)),[w,T]=r.useState(Y.nextMonth({...b,date:15})),L=r.useMemo(()=>Y.create(),[]);r.useEffect(()=>{if(c&&c[0]&&c[1]&&c[0].month!==b.month&&c[0].month!==w.month&&c[1].month!==b.month&&c[1].month!==w.month){const I=so(e);N(I),T(Y.nextMonth({month:I.month,date:15,year:I.year}))}else if(c&&c[0]&&!c[1]&&c[0].month!==b.month&&c[0].month!==w.month){const I=so(e);N(I),T(Y.nextMonth({month:I.month,date:15,year:I.year}))}else if(c&&!c[0]&&c[1]&&c[1].month!==b.month&&c[1].month!==w.month){const I=so(e);N(I),T(Y.nextMonth({month:I.month,date:15,year:I.year}))}else{const I=so(e);N(I),T(Y.nextMonth({month:I.month,date:15,year:I.year}))}},[d,c,a,o]);const R=vd(b),_=bd(b),P=vd(w),A=bd(w),[U,X]=r.useState();function H(){N(Y.prevMonth({...b,date:15})),m&&T(Y.prevMonth({...w,date:15}))}function C(){N(Y.nextMonth({...b,date:15})),m&&T(Y.nextMonth({...w,date:15}))}function K(I){I.target&&I.target.classList.contains(`${Ue}-day`)?m&&I.target.classList.contains(`${w.month}`)?X({...w,date:Number(I.target.textContent)}):X({...b,date:Number(I.target.textContent)}):(!I.target||!I.target.classList.contains(`${Ue}-row`))&&X(void 0)}function B(I,D=!1){const k=`${Ue}-day`;return $(`${Ue}-cell`,I&&b&&I.month===b.month&&!D&&k,m&&I.month===w.month&&D&&k,Y.isSameDate(L,I)&&`${k}--current-day`,(Y.isSameDate(I,d)&&Y.isInRange(I,[s,a])!==!1||c&&Y.isSameDate(I,c[0])||Y.isInRange(I,c))&&`${k}--selected`,Y.isInRange(I,[s,a])===!1&&`${k}--disabled`,c&&c[1]&&Y.isSameDate(I,c[0])&&!Y.isSameDate(I,c[1])&&`${k}--selection-start`,Y.isInRange(I,c,!1)&&`${k}--selection-middle`,c&&Y.isSameDate(I,c[1])&&!Y.isSameDate(I,c[0])&&`${k}--selection-end`,c&&c[0]&&!c[1]&&(!s&&!a||Y.isInRange(U,[s,a]))&&Y.isInRange(I,[c[0],U],!1)&&`${k}--pending-selection`,u&&u==="After"&&c&&c[0]&&c[1]===null&&(!s&&!a||Y.isInRange(I,[c[0],a]))&&Y.isInRange(I,[c[0],{month:12,date:31,year:3e3}],!1)&&`${k}--selected`,u&&u==="Before"&&c&&c[0]===null&&c[1]&&(!s&&!a||Y.isInRange(I,[s,c[1]]))&&Y.isInRange(I,[{month:1,date:1,year:1900},c[1]])&&`${k}--selected`)}function M(I){I&&b&&I.month===b.month&&Y.isInRange(I,[s,a])!==!1&&l(I),I&&m&&w&&I.month===w.month&&Y.isInRange(I,[s,a])!==!1&&l(I)}const q=$(Ue,n);return b?r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":`${p}`,className:q,...f,onMouseOver:K},r.createElement("div",{className:`${Ue}-head`},r.createElement("button",{"data-testid":`${p}_prev_month`,type:"button",tabIndex:-1,disabled:Y.isSameMonth(b,s),title:g("datepicker.calendar.prevMonth",{defaultValue:"View Previous Month"}),className:"sps-datepicker__button sps-datepicker__button-previous-month",onClick:H},r.createElement("i",{className:"sps-icon sps-icon-chevron-left"})),r.createElement("span",{className:`${Ue}-head-label`},r.createElement("span",{className:`${Ue}-head-label-month`},R?R.clone().locale(y).format("MMMM"):""),r.createElement("span",{className:`${Ue}-head-label-year`},b.year)),!m&&r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:Y.isSameMonth(b,a),title:g("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:C},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${Ue}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},v.map(I=>r.createElement("div",{key:I,className:"sps-datepicker__calendar-header-cell"},I))),_.map((I,D)=>r.createElement("div",{key:D,className:"sps-datepicker__calendar-row"},I.map((k,G)=>r.createElement("div",{key:G,className:B(k),onClick:()=>M(k),"data-testid":`${p}_${Y.toString(k)}`},k?k.date:"")))))),m&&r.createElement("div",{"data-testid":`${p}`,className:q,...f,onMouseOver:K},r.createElement("div",{className:`${Ue}-head`},r.createElement("span",{className:`${Ue}-head-label`},r.createElement("span",{className:`${Ue}-head-label-month`},P?P.clone().locale(y).format("MMMM"):""),r.createElement("span",{className:`${Ue}-head-label-year`},w.year)),r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:Y.isSameMonth(w,a),title:g("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:C},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${Ue}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},v.map(I=>r.createElement("div",{key:I,className:"sps-datepicker__calendar-header-cell"},I))),A.map((I,D)=>r.createElement("div",{key:D,className:"sps-datepicker__calendar-row"},I.map((k,G)=>r.createElement("div",{key:G,className:$(B(k,!0),`${w.month.toString()}`),onClick:()=>M(k),"data-testid":`${p}_${Y.toString(k)}`},k?k.date:""))))))):r.createElement(r.Fragment,null)}Object.assign(Jo,{displayName:"SpsDatepickerCalendar"});const wd="sps-datepicker__popup",Xo=r.forwardRef(({attachTo:e,children:t,className:n,isOpen:o,...a},s)=>{const i=s||r.useRef(null),l=gn("sps-datepicker-popup-portal"),d=r.useContext(rt),[c]=o?Jt(i,e,F.Position.BOTTOM_LEFT,{altPosition:Rr(F.Position.BOTTOM_LEFT),...d}):[{}],u=$(wd,"z-stratum-dropdown",o&&`${wd}--open`,n);return l(r.createElement("div",{...a,className:u,ref:i,style:c},t))});Object.assign(Xo,{displayName:"SpsDatepickerPopup"});const Vy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDate>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDate: SimpleDate) => void",value:"SimpleDate",format:"string",showTwoMonths:"boolean",autoCloseOnSelect:"boolean"},Cd="sps-datepicker";function Qa({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:d,value:c,format:u,showTwoMonths:m,autoCloseOnSelect:p=!0,"data-testid":f,...g}){const{wrapperId:h,controlId:y}=We(s,a),v=r.useRef(null),b=r.useRef(null),N=r.useRef(null),[w,T]=r.useState(Y.toString(c,u)),{showPopup:L,doShowPopup:R,doHidePopup:_}=bn(v,b);function P(B){a&&(a.setValue(B),a.markAsDirty()),d&&d(B)}function A(B){P(B),T(Y.toString(B,u)),N&&N.current&&N.current.focus(),p&&_()}function U(B){T(B.target.value);const M=Y.createFrom(B.target.value,u);P(M)}function X(){_(),T(""),P()}function H(B){switch(B.key){case"Tab":_();break;case"Backspace":B.target.selectionStart===0&&c&&!Array.isArray(c)&&X();break}}const C=$(Cd,"sps-text-input",L&&`${Cd}--open`,t),K=r.useRef(!1);return r.useEffect(()=>{K.current?c?Y.isValid(c)&&T(Y.toString(c,u)):X():K.current=!0},[c,u]),r.createElement(r.Fragment,null,r.createElement(Le,{id:h,className:C,formMeta:a,inputRef:N,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:N,className:"sps-text-input__input",id:y,placeholder:u?.toUpperCase()||fn,onChange:U,onClick:R,onFocus:R,onKeyDown:H,value:w,disabled:o,"data-testid":`${f}_date_input`,...g}),c&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:X}))),r.createElement(Xo,{isOpen:L,attachTo:v,ref:b},r.createElement(Jo,{"data-testid":`${f}_calendar`,selectedDate:c,onNewSelection:A,minDate:l,maxDate:i,showTwoMonths:m,currentUser:n})))}Object.assign(Qa,{props:Vy,displayName:"SpsDatepicker"});const Dd={basic:{label:"Basic",examples:{basic:{react:S.code`
1155
+ `}}}},Ty=un.default||un;function wy(){return new Array(7).fill(null)}function hd(e){const t=Ty({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(wy);t.subtract(n,"days");for(let l=0;l<s;l+=1){const d=i[Math.floor(l/7)],c=l%7;d[c]=Object.freeze({year:t.year(),month:t.month()+1,date:t.date()}),c===6&&Object.freeze(d),t.add(1,"day")}return i}function bd(e){const[t,n]=r.useState(()=>hd(e));return r.useEffect(()=>{n(hd(e))},[e]),t}function vd(e){const[t,n]=r.useState(()=>j.toMoment(e));return r.useEffect(()=>n(j.toMoment(e)),[e]),t}function Yo(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 Cy(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 Dy(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:Yo,week:{dow:0,doy:4}})}function Ny(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:Yo})}function Iy(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:Yo,week:{dow:1,doy:4}})}function xy(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:Yo,week:{dow:1,doy:4}})}function ky(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?/-MMM-/.test(a)?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:function(){return"[hoy a la"+(this.hours()!==1?"s":"")+"] LT"},nextDay:function(){return"[mañana a la"+(this.hours()!==1?"s":"")+"] LT"},nextWeek:function(){return"dddd [a la"+(this.hours()!==1?"s":"")+"] LT"},lastDay:function(){return"[ayer a la"+(this.hours()!==1?"s":"")+"] LT"},lastWeek:function(){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 My(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 Ly(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 _y(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:function(){return"[Oggi a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},nextDay:function(){return"[Domani a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},nextWeek:function(){return"dddd [a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},lastDay:function(){return"[Ieri a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},lastWeek:function(){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 Py(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?/-MMM-/.test(a)?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:function(o){return o+(o===1||o===8||o>=20?"ste":"de")},week:{dow:1,doy:4}})}function Oy(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:function(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="下午"||n==="晚上"?t+12:t>=11?t:t+12},meridiem:function(t,n){const o=t*100+n;return o<600?"凌晨":o<900?"早上":o<1130?"上午":o<1230?"中午":o<1800?"下午":"晚上"},calendar:{sameDay:"[今天]LT",nextDay:"[明天]LT",nextWeek:function(t){return t.week()!==this.week()?"[下]dddLT":"[本]dddLT"},lastDay:"[昨天]LT",lastWeek:function(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 By(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:function(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="中午"?t>=11?t:t+12:n==="下午"||n==="晚上"?t+12:t},meridiem:function(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 Ry(e){const t=e.locale();Cy(e),Dy(e),Ny(e),Iy(e),xy(e),ky(e),My(e),Ly(e),_y(e),Py(e),Oy(e),By(e),e.locale(t)}Ry(Me);const Fy=Me.locale(),Nn=Me.locales();Nn.indexOf("en-US")===-1&&Me.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&&Me.defineLocale("en-US24",{parentLocale:"en-US",longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss"}}),Nn.indexOf("en-PH")===-1&&(Me.defineLocale("en-PH",{parentLocale:"en-GB"}),Me.updateLocale("en-PH",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A"}})),Nn.indexOf("en-IN")===-1&&(Me.defineLocale("en-IN",{parentLocale:"en-GB"}),Me.updateLocale("en-IN",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",ll:"D-MMM-YYYY"}})),Nn.indexOf("en-SG")===-1&&(Me.defineLocale("en-SG",{parentLocale:"en-IN"}),Me.updateLocale("en-SG",{longDateFormat:{ll:"D MMM YYYY"}})),Nn.indexOf("en-HK")===-1&&Me.defineLocale("en-HK",{parentLocale:"en-GB"}),Me.locale(Fy);function qo(){return typeof window>"u"?"en-US":window.navigator.languages?.[0]||window.navigator.language||"en-US"}function yd(e){if(typeof Intl>"u"||typeof Intl.DateTimeFormat!="function")return!1;try{const t=e??qo();return new Intl.DateTimeFormat(t,{hour:"numeric"}).resolvedOptions().hour12===!1}catch{return!1}}function Ed(e){const t=e??qo();return Me().locale(t).locale()}const Td=r.createContext(void 0);function Ay({currentUser:e,locale:t,children:n}){const o=r.useMemo(()=>({currentUser:e,locale:t}),[e,t]);return r.createElement(Td.Provider,{value:o},n)}function ao(e){const t=r.useContext(Td);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||qo()}const $y=un.default||un,ze="sps-datepicker__calendar";function so({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 Jo(e){const{children:t,className:n,isOpen:o,maxDate:a,minDate:s,currentUser:i,onNewSelection:l,selectedDate:d,selectedRange:c,selectedPreset:u,showTwoMonths:m=!1,"data-testid":p,...f}=e,{t:g}=he.useWoodlandLanguage(),b=ao(i),y=r.useMemo(()=>Ed(b),[b]),v=r.useMemo(()=>$y.localeData(y).weekdaysShort(),[y]),[h,N]=r.useState(()=>so(e)),[w,T]=r.useState(j.nextMonth({...h,date:15})),L=r.useMemo(()=>j.create(),[]);r.useEffect(()=>{if(c&&c[0]&&c[1]&&c[0].month!==h.month&&c[0].month!==w.month&&c[1].month!==h.month&&c[1].month!==w.month){const I=so(e);N(I),T(j.nextMonth({month:I.month,date:15,year:I.year}))}else if(c&&c[0]&&!c[1]&&c[0].month!==h.month&&c[0].month!==w.month){const I=so(e);N(I),T(j.nextMonth({month:I.month,date:15,year:I.year}))}else if(c&&!c[0]&&c[1]&&c[1].month!==h.month&&c[1].month!==w.month){const I=so(e);N(I),T(j.nextMonth({month:I.month,date:15,year:I.year}))}else{const I=so(e);N(I),T(j.nextMonth({month:I.month,date:15,year:I.year}))}},[d,c,a,o]);const R=vd(h),_=bd(h),O=vd(w),A=bd(w),[U,X]=r.useState();function K(){N(j.prevMonth({...h,date:15})),m&&T(j.prevMonth({...w,date:15}))}function C(){N(j.nextMonth({...h,date:15})),m&&T(j.nextMonth({...w,date:15}))}function V(I){I.target&&I.target.classList.contains(`${ze}-day`)?m&&I.target.classList.contains(`${w.month}`)?X({...w,date:Number(I.target.textContent)}):X({...h,date:Number(I.target.textContent)}):(!I.target||!I.target.classList.contains(`${ze}-row`))&&X(void 0)}function B(I,D=!1){const k=`${ze}-day`;return $(`${ze}-cell`,I&&h&&I.month===h.month&&!D&&k,m&&I.month===w.month&&D&&k,j.isSameDate(L,I)&&`${k}--current-day`,(j.isSameDate(I,d)&&j.isInRange(I,[s,a])!==!1||c&&j.isSameDate(I,c[0])||j.isInRange(I,c))&&`${k}--selected`,j.isInRange(I,[s,a])===!1&&`${k}--disabled`,c&&c[1]&&j.isSameDate(I,c[0])&&!j.isSameDate(I,c[1])&&`${k}--selection-start`,j.isInRange(I,c,!1)&&`${k}--selection-middle`,c&&j.isSameDate(I,c[1])&&!j.isSameDate(I,c[0])&&`${k}--selection-end`,c&&c[0]&&!c[1]&&(!s&&!a||j.isInRange(U,[s,a]))&&j.isInRange(I,[c[0],U],!1)&&`${k}--pending-selection`,u&&u==="After"&&c&&c[0]&&c[1]===null&&(!s&&!a||j.isInRange(I,[c[0],a]))&&j.isInRange(I,[c[0],{month:12,date:31,year:3e3}],!1)&&`${k}--selected`,u&&u==="Before"&&c&&c[0]===null&&c[1]&&(!s&&!a||j.isInRange(I,[s,c[1]]))&&j.isInRange(I,[{month:1,date:1,year:1900},c[1]])&&`${k}--selected`)}function M(I){I&&h&&I.month===h.month&&j.isInRange(I,[s,a])!==!1&&l(I),I&&m&&w&&I.month===w.month&&j.isInRange(I,[s,a])!==!1&&l(I)}const J=$(ze,n);return h?r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":`${p}`,className:J,...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)),!m&&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:C},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(I=>r.createElement("div",{key:I,className:"sps-datepicker__calendar-header-cell"},I))),_.map((I,D)=>r.createElement("div",{key:D,className:"sps-datepicker__calendar-row"},I.map((k,G)=>r.createElement("div",{key:G,className:B(k),onClick:()=>M(k),"data-testid":`${p}_${j.toString(k)}`},k?k.date:"")))))),m&&r.createElement("div",{"data-testid":`${p}`,className:J,...f,onMouseOver:V},r.createElement("div",{className:`${ze}-head`},r.createElement("span",{className:`${ze}-head-label`},r.createElement("span",{className:`${ze}-head-label-month`},O?O.clone().locale(y).format("MMMM"):""),r.createElement("span",{className:`${ze}-head-label-year`},w.year)),r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:j.isSameMonth(w,a),title:g("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:C},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(I=>r.createElement("div",{key:I,className:"sps-datepicker__calendar-header-cell"},I))),A.map((I,D)=>r.createElement("div",{key:D,className:"sps-datepicker__calendar-row"},I.map((k,G)=>r.createElement("div",{key:G,className:$(B(k,!0),`${w.month.toString()}`),onClick:()=>M(k),"data-testid":`${p}_${j.toString(k)}`},k?k.date:""))))))):r.createElement(r.Fragment,null)}Object.assign(Jo,{displayName:"SpsDatepickerCalendar"});const wd="sps-datepicker__popup",Xo=r.forwardRef(({attachTo:e,children:t,className:n,isOpen:o,...a},s)=>{const i=s||r.useRef(null),l=gn("sps-datepicker-popup-portal"),d=r.useContext(rt),[c]=o?Jt(i,e,F.Position.BOTTOM_LEFT,{altPosition:Rr(F.Position.BOTTOM_LEFT),...d}):[{}],u=$(wd,"z-stratum-dropdown",o&&`${wd}--open`,n);return l(r.createElement("div",{...a,className:u,ref:i,style:c},t))});Object.assign(Xo,{displayName:"SpsDatepickerPopup"});const Vy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDate>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDate: SimpleDate) => void",value:"SimpleDate",format:"string",showTwoMonths:"boolean",autoCloseOnSelect:"boolean"},Cd="sps-datepicker";function Qa({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:d,value:c,format:u,showTwoMonths:m,autoCloseOnSelect:p=!0,"data-testid":f,...g}){const{wrapperId:b,controlId:y}=Ge(s,a),v=r.useRef(null),h=r.useRef(null),N=r.useRef(null),[w,T]=r.useState(j.toString(c,u)),{showPopup:L,doShowPopup:R,doHidePopup:_}=bn(v,h);function O(B){a&&(a.setValue(B),a.markAsDirty()),d&&d(B)}function A(B){O(B),T(j.toString(B,u)),N&&N.current&&N.current.focus(),p&&_()}function U(B){T(B.target.value);const M=j.createFrom(B.target.value,u);O(M)}function X(){_(),T(""),O()}function K(B){switch(B.key){case"Tab":_();break;case"Backspace":B.target.selectionStart===0&&c&&!Array.isArray(c)&&X();break}}const C=$(Cd,"sps-text-input",L&&`${Cd}--open`,t),V=r.useRef(!1);return r.useEffect(()=>{V.current?c?j.isValid(c)&&T(j.toString(c,u)):X():V.current=!0},[c,u]),r.createElement(r.Fragment,null,r.createElement(Le,{id:b,className:C,formMeta:a,inputRef:N,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:N,className:"sps-text-input__input",id:y,placeholder:u?.toUpperCase()||fn,onChange:U,onClick:R,onFocus:R,onKeyDown:K,value:w,disabled:o,"data-testid":`${f}_date_input`,...g}),c&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:X}))),r.createElement(Xo,{isOpen:L,attachTo:v,ref:h},r.createElement(Jo,{"data-testid":`${f}_calendar`,selectedDate:c,onNewSelection:A,minDate:l,maxDate:i,showTwoMonths:m,currentUser:n})))}Object.assign(Qa,{props:Vy,displayName:"SpsDatepicker"});const Dd={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(D),null," "));var ee=z(j,Q,te,ne,V+"."
1369
1369
  </SpsLocaleProvider>
1370
1370
  );
1371
1371
  }
1372
- `}}}},Ky={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"},Nd="sps-datepicker",es=[{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 Id(e,t=""){return e.find(n=>n.definition===t)}function Hy(e,t){return e.length===t.length&&e.every((n,o)=>n.definition===t[o].definition&&n.label===t[o].label)}function ts({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:d,presets:c=es,selectedPreset:u,onPresetChange:m,value:p,showTwoMonths:f=!1,format:g,"data-testid":h,...y}){const{t:v}=he.useWoodlandLanguage(),{wrapperId:b,controlId:N}=We(s,a),w=r.useRef(null),T=r.useRef(null),L=r.useRef(null),[R,_]=r.useState(Array.isArray(p)?Y.toStringRange(p,g):""),[P,A]=r.useState(Id(c,u)||null),[U,X]=r.useState(),{showPopup:H,doShowPopup:C,doHidePopup:K}=bn(w,L);function B(V,j){a&&(a.setValue(V),a.markAsDirty()),d?.(V,typeof j=="string"?j:void 0)}r.useEffect(()=>{A(Id(c,u)||null)},[u]);function M(V){return V&&/^datepicker\./.test(V.label)?v(V.label):V?.label??""}function q(V){const j=p||[];let J,W=P;const Q=W?M(W):"";Q==="Before"?J=[null,V]:Q==="After"?J=[V,null]:!j[0]||j[1]||Y.isBefore(V,j[0])?J=[V,null]:J=[j[0],V],(J[0]&&J[1]||Q==="Before"||Q==="After")&&(K(!0),T&&T.current&&T.current.focus()),W&&Q!=="Before"&&Q!=="After"?(A(null),m?.(),W=null):W?.definition!==u&&m?.(typeof W?.definition=="string"?W.definition:M(W)),B(J,W?.definition),_(Y.toStringRange(J,g)),X(void 0)}function I(V){_(V.target.value);let j=Y.createRangeFrom(V.target.value,g),J=P;const W=J?M(J):"";Array.isArray(j)&&(j[0]&&j[1]&&(W==="Before"||W==="After")?(A(null),J=null):W==="Before"&&j[0]!==null?j=[null,j[0]]:W==="After"&&j[0]!==null&&(j=[j[0],null])),B(j,null),X(void 0)}function D(){A(null),X(void 0),_(""),B(),m?.(void 0)}function k(V){switch(V.key){case"Tab":K();break;case"Backspace":V.target.selectionStart===0&&p&&P&&D();break}}function G(V){if(m&&V?.definition!==u&&(typeof V?.definition=="string"&&(V.definition==="Before"||V.definition==="After")&&m?.(),m(typeof V?.definition=="string"?V.definition:V?M(V):"")),!V){A(null),B();return}const j=V&&M(V);let J=Y.createRangeFromPreset(V,g);const W=Y.getRangeSeparator(g);(j==="Before"||j==="After")&&p&&p[0]&&p[1]?J=Y.createRangeFrom(W,g):j==="Before"?J=Y.createRangeFrom(`${W}${Y.toString(p&&(p[0]||p[1]),g)}`):j==="After"&&(J=Y.createRangeFrom(`${Y.toString(p&&(p[0]||p[1]),g)}${W}`));let Q=P;A(V),(JSON.stringify(p)!==JSON.stringify(J)||JSON.stringify(Q)!==JSON.stringify(V))&&B(J,typeof V?.definition=="string"?V.definition:M(V))}r.useEffect(()=>{if(!p||Array.isArray(p)&&!p.length){A(null);return}if(!Hy(c,es)&&Array.isArray(p)){const V=Y.toStringRange(p,g),j=c.find(J=>V===Y.toStringRange(Y.createRangeFromPreset(J,g),g));j?G(j):p[0]&&p[1]&&A(null)}},[p,g]),r.useEffect(()=>{const V=["Before","After"].includes(M(P));!p||P&&!V?_(""):Array.isArray(p)&&((!p[0]||!p[0].hasOwnProperty(_n))&&(!p[1]||!p[1].hasOwnProperty(_n))&&_(Y.toStringRange(p,g)),P||X(void 0))},[p,P,g]);const Z=$(Nd,"sps-text-input",H&&`${Nd}--open`,t);let te=R;const ne=Y.getRangeSeparator(g);return P&&M(P)==="Before"&&R.startsWith(ne)?te=R.substring(1):P&&M(P)==="After"&&R.endsWith(ne)&&(te=R.substring(0,R.length-1)),r.createElement(r.Fragment,null,r.createElement(Le,{id:b,className:Z,formMeta:a,inputRef:T,focusInputOnClick:!0,ref:w},r.createElement("div",{className:$("sps-form-control",o&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),P&&r.createElement("div",{"data-testid":`${h}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},M(P))),r.createElement("input",{type:"text",ref:T,className:"sps-text-input__input","data-testid":`${h}_date_input`,id:N,placeholder:!R&&!P?g?.toUpperCase()||fn:void 0,onChange:I,onClick:C,onFocus:C,onKeyDown:k,value:te,disabled:o,...y}),p&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:D}))),r.createElement(Xo,{isOpen:H,attachTo:w,ref:L},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":`${h}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${b}__range-custom`,className:"sps-custom-control__input",checked:!P,name:`sps-date-range-picker-${b}__range`,onChange:()=>G()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${b}__range-custom`},v("datepicker.preset.custom",{defaultValue:"Custom"}))),c.map((V,j)=>r.createElement("div",{key:M(V),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${h}_preset_option_${V.label}`,id:`sps-date-range-picker-${b}__range-${j}`,name:`sps-date-range-picker-${b}__range`,onChange:()=>G(V),checked:P?.definition?P.definition===V.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${b}__range-${j}`},M(V)))))),r.createElement(Jo,{"data-testid":`${h}_calendar`,selectedRange:Array.isArray(p)?p:U,onNewSelection:q,minDate:l,maxDate:i,showTwoMonths:f,selectedPreset:P&&M(P),isOpen:H,currentUser:n})))}Object.assign(ts,{props:Ky,displayName:"SpsDateRangePicker"});const xd={basic:{label:"Basic",examples:{basic:{react:S.code`
1372
+ `}}}},Ky={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"},Nd="sps-datepicker",es=[{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 Id(e,t=""){return e.find(n=>n.definition===t)}function Hy(e,t){return e.length===t.length&&e.every((n,o)=>n.definition===t[o].definition&&n.label===t[o].label)}function ts({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:d,presets:c=es,selectedPreset:u,onPresetChange:m,value:p,showTwoMonths:f=!1,format:g,"data-testid":b,...y}){const{t:v}=he.useWoodlandLanguage(),{wrapperId:h,controlId:N}=Ge(s,a),w=r.useRef(null),T=r.useRef(null),L=r.useRef(null),[R,_]=r.useState(Array.isArray(p)?j.toStringRange(p,g):""),[O,A]=r.useState(Id(c,u)||null),[U,X]=r.useState(),{showPopup:K,doShowPopup:C,doHidePopup:V}=bn(w,L);function B(H,q){a&&(a.setValue(H),a.markAsDirty()),d?.(H,typeof q=="string"?q:void 0)}r.useEffect(()=>{A(Id(c,u)||null)},[u]);function M(H){return H&&/^datepicker\./.test(H.label)?v(H.label):H?.label??""}function J(H){const q=p||[];let Y,W=O;const ee=W?M(W):"";ee==="Before"?Y=[null,H]:ee==="After"?Y=[H,null]:!q[0]||q[1]||j.isBefore(H,q[0])?Y=[H,null]:Y=[q[0],H],(Y[0]&&Y[1]||ee==="Before"||ee==="After")&&(V(!0),T&&T.current&&T.current.focus()),W&&ee!=="Before"&&ee!=="After"?(A(null),m?.(),W=null):W?.definition!==u&&m?.(typeof W?.definition=="string"?W.definition:M(W)),B(Y,W?.definition),_(j.toStringRange(Y,g)),X(void 0)}function I(H){_(H.target.value);let q=j.createRangeFrom(H.target.value,g),Y=O;const W=Y?M(Y):"";Array.isArray(q)&&(q[0]&&q[1]&&(W==="Before"||W==="After")?(A(null),Y=null):W==="Before"&&q[0]!==null?q=[null,q[0]]:W==="After"&&q[0]!==null&&(q=[q[0],null])),B(q,null),X(void 0)}function D(){A(null),X(void 0),_(""),B(),m?.(void 0)}function k(H){switch(H.key){case"Tab":V();break;case"Backspace":H.target.selectionStart===0&&p&&O&&D();break}}function G(H){if(m&&H?.definition!==u&&(typeof H?.definition=="string"&&(H.definition==="Before"||H.definition==="After")&&m?.(),m(typeof H?.definition=="string"?H.definition:H?M(H):"")),!H){A(null),B();return}const q=H&&M(H);let Y=j.createRangeFromPreset(H,g);const W=j.getRangeSeparator(g);(q==="Before"||q==="After")&&p&&p[0]&&p[1]?Y=j.createRangeFrom(W,g):q==="Before"?Y=j.createRangeFrom(`${W}${j.toString(p&&(p[0]||p[1]),g)}`):q==="After"&&(Y=j.createRangeFrom(`${j.toString(p&&(p[0]||p[1]),g)}${W}`));let ee=O;A(H),(JSON.stringify(p)!==JSON.stringify(Y)||JSON.stringify(ee)!==JSON.stringify(H))&&B(Y,typeof H?.definition=="string"?H.definition:M(H))}r.useEffect(()=>{if(!p||Array.isArray(p)&&!p.length){A(null);return}if(!Hy(c,es)&&Array.isArray(p)){const H=j.toStringRange(p,g),q=c.find(Y=>H===j.toStringRange(j.createRangeFromPreset(Y,g),g));q?G(q):p[0]&&p[1]&&A(null)}},[p,g]),r.useEffect(()=>{const H=["Before","After"].includes(M(O));!p||O&&!H?_(""):Array.isArray(p)&&((!p[0]||!p[0].hasOwnProperty(_n))&&(!p[1]||!p[1].hasOwnProperty(_n))&&_(j.toStringRange(p,g)),O||X(void 0))},[p,O,g]);const Z=$(Nd,"sps-text-input",K&&`${Nd}--open`,t);let ne=R;const te=j.getRangeSeparator(g);return O&&M(O)==="Before"&&R.startsWith(te)?ne=R.substring(1):O&&M(O)==="After"&&R.endsWith(te)&&(ne=R.substring(0,R.length-1)),r.createElement(r.Fragment,null,r.createElement(Le,{id:h,className:Z,formMeta:a,inputRef:T,focusInputOnClick:!0,ref:w},r.createElement("div",{className:$("sps-form-control",o&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),O&&r.createElement("div",{"data-testid":`${b}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},M(O))),r.createElement("input",{type:"text",ref:T,className:"sps-text-input__input","data-testid":`${b}_date_input`,id:N,placeholder:!R&&!O?g?.toUpperCase()||fn:void 0,onChange:I,onClick:C,onFocus:C,onKeyDown:k,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(Xo,{isOpen:K,attachTo:w,ref:L},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:!O,name:`sps-date-range-picker-${h}__range`,onChange:()=>G()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${h}__range-custom`},v("datepicker.preset.custom",{defaultValue:"Custom"}))),c.map((H,q)=>r.createElement("div",{key:M(H),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${b}_preset_option_${H.label}`,id:`sps-date-range-picker-${h}__range-${q}`,name:`sps-date-range-picker-${h}__range`,onChange:()=>G(H),checked:O?.definition?O.definition===H.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${h}__range-${q}`},M(H)))))),r.createElement(Jo,{"data-testid":`${b}_calendar`,selectedRange:Array.isArray(p)?p:U,onNewSelection:J,minDate:l,maxDate:i,showTwoMonths:f,selectedPreset:O&&M(O),isOpen:K,currentUser:n})))}Object.assign(ts,{props:Ky,displayName:"SpsDateRangePicker"});const xd={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(D),null," "));var ee=z(j,Q,te,ne,V+"."
1646
1646
  </SpsLocaleProvider>
1647
1647
  );
1648
1648
  }
1649
- `}}}},Wy=wo||Pr,Gy={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>"},rn=r.forwardRef((e,t)=>{const{action:n,autoFixWidth:o=!1,captionKey:a,className:s,comparisonKey:i,conformWidth:l,disabled:d,disabledOptions:c,formControl:u,formMeta:m,id:p,notClearable:f,options:g,onChange:h,onSearchChange:y,onClick:v,onOpen:b,placeholder:N,searchDebounce:w,searchPlaceholder:T,showInlineSearch:L,tallOptionList:R,textKey:_,valueKey:P,unsafelyReplaceClassName:A,value:U,zeroState:X,loading:H,filterByTextAndCaptionKey:C,maxHeightOptionListPx:K,maxHeightOptionListRem:B,"data-testid":M,disableOptionsMemoization:q,disableDefaultOptionsFiltering:I,onBeforeChange:D,...k}=e,G=m||u,{wrapperId:Z,controlId:te}=We(p,G),ne=r.useRef(null),V=r.useRef(null),j=r.useRef(null),{t:J}=he.useWoodlandLanguage(),[W,Q]=Dt({isOpen:!1,value:U,text:"",keyDown:null,opensUpward:!1,optionIds:""}),[z,ee]=r.useState();function me(oe){Q({value:oe,text:oe&&_?oe[_]:oe})}async function ue(oe){const de=oe&&P&&typeof oe=="object"?oe[P]:oe;D&&!await D(de)||(me(oe),G&&(G.setValue(de),G.markAsDirty()),h&&h(new Lt({value:de})))}r.useEffect(()=>{me(U)},[U,_]);function ge(){ue(void 0)}function ze(){Q({isOpen:!1})}function $e(oe){oe.nativeEvent.stopImmediatePropagation(),d||Q({isOpen:!W.isOpen})}function Xe(oe){d||(["Up","ArrowUp","Down","ArrowDown"," ","Spacebar"].indexOf(oe.key)>-1&&oe.preventDefault(),Fr.includes(oe.key)&&(oe.preventDefault(),ee(hn(oe))),Q({keyDown:hn(oe)}))}function nt(oe){Q({isOpen:oe})}function mt(oe){Q({opensUpward:oe})}function xe(oe){oe.detail!==Z&&Q({isOpen:!1})}function ot(oe){Q({optionIds:new Array(oe).fill("").map((de,je)=>`${Z}-options-option-${je}`).join(",")})}const Ve=r.useCallback(oe=>{y?.(oe.target.value)},[y]);r.useEffect(()=>(document.addEventListener("click",ze),document.addEventListener("DropdownOpened",xe),()=>{document.removeEventListener("click",ze),document.removeEventListener("DropdownOpened",xe)}),[]),r.useLayoutEffect(()=>{if(o&&j.current&&ne.current){ne.current.style.width="";const de=`${ne.current.getBoundingClientRect().width+6}px`;ne.current.style.width=de,j.current.style.width=de,j.current.style.maxWidth=de}}),Ar(()=>{if(W.isOpen){V.current&&Wy(V.current,{scrollMode:"if-needed"}),b?.();const oe=document.createEvent("CustomEvent");oe.initCustomEvent("DropdownOpened",!1,!1,Z),document.dispatchEvent(oe)}},[W.isOpen]),r.useImperativeHandle(t,()=>({focus:()=>{V.current?.focus()}})),r.useEffect(()=>{let oe;return W.isOpen&&(oe=()=>{Q({isOpen:!1})},window.addEventListener("resize",oe)),()=>{oe&&window.removeEventListener("resize",oe)}},[W.isOpen]),Fn({isOpen:W.isOpen,rootRef:V});const ft=$(A||"sps-select",W.isOpen&&"sps-select--open",W.isOpen&&"z-stratum-dropdown",W.opensUpward&&"sps-select--opens-upward",s),_e=W.text||N||J("select.defaultPlaceholder",{defaultValue:"Select one..."});return r.createElement(Le,{id:Z,className:ft,onKeyDown:Xe,formControl:u,formMeta:m,ref:V,role:"listbox","aria-owns":W.optionIds,"data-testid":M,onClick:v,...k},r.createElement("div",{className:$("sps-select__dropctrl",d&&"disabled"),id:te,tabIndex:0,onClick:$e,ref:j,title:_e,"data-testid":`${M}-dropctrl`},r.createElement("div",{className:"sps-select__dropctrl-content"},r.createElement("span",{className:$("sps-select__value",!W.text&&"sps-select__value--placeholder"),"data-testid":`${M}-value`},_e),W.value&&!f&&!d&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-select__clear-btn",onClick:ge,"data-testid":`${M}-clear-value`}),r.createElement("i",{className:"sps-icon sps-icon-chevron-down sps-select__dropctrl-icon"}))),r.createElement(Rn,{id:`${Z}-options`,ref:ne,attachTo:j,captionKey:a,comparisonKey:i,disabledOptions:c,isOpen:W.isOpen,keyDown:W.keyDown,options:g,onOptionSelected:ue,onPositionFlip:mt,onSelfToggle:nt,onSearchChange:Ve,searchDebounce:w,searchPlaceholder:T,showInlineSearch:L,selectedOption:W.value,specialAction:n,tall:R,textKey:_,filterByTextAndCaptionKey:C,optionRole:"option",valueKey:P,onOptionListChanged:ot,zeroState:X,ignoreWidthStyles:o,loading:H,maxHeightPx:K,maxHeightRem:B,disableOptionsMemoization:q,disableDefaultOptionsFiltering:I,"data-testid":`${M}-option-list`,typeaheadEvent:z,conformWidth:l}))});Object.assign(rn,{props:Gy,displayName:"SpsSelect"});const kd={general:{label:"General Usage",description:({NavigateTo:e})=>E.createElement(E.Fragment,null,E.createElement("h5",null,"Use a Select:"),E.createElement("ul",null,E.createElement("li",{className:"mb-2"},"When a list of predetermined values can be provided.")),E.createElement("h5",null,"Do Not Use a Select:"),E.createElement("ul",null,E.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",E.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",E.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead."),E.createElement("li",{className:"mb-2"},"When it is ideal to display all available options without requiring a click. Consider"," ",E.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",E.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead.")),E.createElement("h5",null,"Using Selects in a Form"),E.createElement("p",null,"Reference the ",E.createElement(e,{to:"form"},"Forms")," page for guidelines for placing inputs in Form layouts"))},basic:{label:"Basic Selects",description:()=>E.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
+ `}}}},Wy=wo||Or,Gy={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>"},rn=r.forwardRef((e,t)=>{const{action:n,autoFixWidth:o=!1,captionKey:a,className:s,comparisonKey:i,conformWidth:l,disabled:d,disabledOptions:c,formControl:u,formMeta:m,id:p,notClearable:f,options:g,onChange:b,onSearchChange:y,onClick:v,onOpen:h,placeholder:N,searchDebounce:w,searchPlaceholder:T,showInlineSearch:L,tallOptionList:R,textKey:_,valueKey:O,unsafelyReplaceClassName:A,value:U,zeroState:X,loading:K,filterByTextAndCaptionKey:C,maxHeightOptionListPx:V,maxHeightOptionListRem:B,"data-testid":M,disableOptionsMemoization:J,disableDefaultOptionsFiltering:I,onBeforeChange:D,...k}=e,G=m||u,{wrapperId:Z,controlId:ne}=Ge(p,G),te=r.useRef(null),H=r.useRef(null),q=r.useRef(null),{t:Y}=he.useWoodlandLanguage(),[W,ee]=Dt({isOpen:!1,value:U,text:"",keyDown:null,opensUpward:!1,optionIds:""}),[z,Q]=r.useState();function fe(oe){ee({value:oe,text:oe&&_?oe[_]:oe})}async function se(oe){const ue=oe&&O&&typeof oe=="object"?oe[O]:oe;D&&!await D(ue)||(fe(oe),G&&(G.setValue(ue),G.markAsDirty()),b&&b(new Lt({value:ue})))}r.useEffect(()=>{fe(U)},[U,_]);function pe(){se(void 0)}function He(){ee({isOpen:!1})}function $e(oe){oe.nativeEvent.stopImmediatePropagation(),d||ee({isOpen:!W.isOpen})}function Xe(oe){d||(["Up","ArrowUp","Down","ArrowDown"," ","Spacebar"].indexOf(oe.key)>-1&&oe.preventDefault(),Fr.includes(oe.key)&&(oe.preventDefault(),Q(hn(oe))),ee({keyDown:hn(oe)}))}function nt(oe){ee({isOpen:oe})}function mt(oe){ee({opensUpward:oe})}function xe(oe){oe.detail!==Z&&ee({isOpen:!1})}function ot(oe){ee({optionIds:new Array(oe).fill("").map((ue,je)=>`${Z}-options-option-${je}`).join(",")})}const Ve=r.useCallback(oe=>{y?.(oe.target.value)},[y]);r.useEffect(()=>(document.addEventListener("click",He),document.addEventListener("DropdownOpened",xe),()=>{document.removeEventListener("click",He),document.removeEventListener("DropdownOpened",xe)}),[]),r.useLayoutEffect(()=>{if(o&&q.current&&te.current){te.current.style.width="";const ue=`${te.current.getBoundingClientRect().width+6}px`;te.current.style.width=ue,q.current.style.width=ue,q.current.style.maxWidth=ue}}),Ar(()=>{if(W.isOpen){H.current&&Wy(H.current,{scrollMode:"if-needed"}),h?.();const oe=document.createEvent("CustomEvent");oe.initCustomEvent("DropdownOpened",!1,!1,Z),document.dispatchEvent(oe)}},[W.isOpen]),r.useImperativeHandle(t,()=>({focus:()=>{H.current?.focus()}})),r.useEffect(()=>{let oe;return W.isOpen&&(oe=()=>{ee({isOpen:!1})},window.addEventListener("resize",oe)),()=>{oe&&window.removeEventListener("resize",oe)}},[W.isOpen]),Fn({isOpen:W.isOpen,rootRef:H});const ft=$(A||"sps-select",W.isOpen&&"sps-select--open",W.isOpen&&"z-stratum-dropdown",W.opensUpward&&"sps-select--opens-upward",s),_e=W.text||N||Y("select.defaultPlaceholder",{defaultValue:"Select one..."});return r.createElement(Le,{id:Z,className:ft,onKeyDown:Xe,formControl:u,formMeta:m,ref:H,role:"listbox","aria-owns":W.optionIds,"data-testid":M,onClick:v,...k},r.createElement("div",{className:$("sps-select__dropctrl",d&&"disabled"),id:ne,tabIndex:0,onClick:$e,ref:q,title:_e,"data-testid":`${M}-dropctrl`},r.createElement("div",{className:"sps-select__dropctrl-content"},r.createElement("span",{className:$("sps-select__value",!W.text&&"sps-select__value--placeholder"),"data-testid":`${M}-value`},_e),W.value&&!f&&!d&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-select__clear-btn",onClick:pe,"data-testid":`${M}-clear-value`}),r.createElement("i",{className:"sps-icon sps-icon-chevron-down sps-select__dropctrl-icon"}))),r.createElement(Rn,{id:`${Z}-options`,ref:te,attachTo:q,captionKey:a,comparisonKey:i,disabledOptions:c,isOpen:W.isOpen,keyDown:W.keyDown,options:g,onOptionSelected:se,onPositionFlip:mt,onSelfToggle:nt,onSearchChange:Ve,searchDebounce:w,searchPlaceholder:T,showInlineSearch:L,selectedOption:W.value,specialAction:n,tall:R,textKey:_,filterByTextAndCaptionKey:C,optionRole:"option",valueKey:O,onOptionListChanged:ot,zeroState:X,ignoreWidthStyles:o,loading:K,maxHeightPx:V,maxHeightRem:B,disableOptionsMemoization:J,disableDefaultOptionsFiltering:I,"data-testid":`${M}-option-list`,typeaheadEvent:z,conformWidth:l}))});Object.assign(rn,{props:Gy,displayName:"SpsSelect"});const kd={general:{label:"General Usage",description:({NavigateTo:e})=>E.createElement(E.Fragment,null,E.createElement("h5",null,"Use a Select:"),E.createElement("ul",null,E.createElement("li",{className:"mb-2"},"When a list of predetermined values can be provided.")),E.createElement("h5",null,"Do Not Use a Select:"),E.createElement("ul",null,E.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",E.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",E.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead."),E.createElement("li",{className:"mb-2"},"When it is ideal to display all available options without requiring a click. Consider"," ",E.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",E.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead.")),E.createElement("h5",null,"Using Selects in a Form"),E.createElement("p",null,"Reference the ",E.createElement(e,{to:"form"},"Forms")," page for guidelines for placing inputs in Form layouts"))},basic:{label:"Basic Selects",description:()=>E.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(D),null," "));var ee=z(j,Q,te,ne,V+"."
2006
2006
  </div>
2007
2007
  )
2008
2008
  }
2009
- `}}}},Uy={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"};function In({children:e,className:t,formArray:n,formGroup:o,formMeta:a,stacked:s,"data-testid":i,unsafelyReplaceClassName:l,...d}){const c=o||n,u=c||a,[m,p]=r.useState(!1);r.useEffect(()=>{if(u){const g=u.isFocused();!m&&g&&u.onFocus?u.onFocus():m&&!g&&u.onBlur&&u.onBlur(),p(g)}});const f=$(l||"sps-form-group",(c&&c.invalid||a&&(!a.isValid()||!a.contentsAreValid()))&&"sps-form-group--error",t);return r.createElement("div",{className:f,"data-testid":i,...d},r.createElement("div",{className:$("sps-input-group",s&&"sps-input-group--stacked")},e))}Object.assign(In,{props:Uy,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"},Md="sps-datepicker",Ld=["AM","PM"],_d=[{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 ns({className:e,currentUser:t,disabled:n,formMeta:o,id:a,maxDate:s,minDate:i,onChange:l,presets:d=_d,value:c,showTwoMonths:u=!1,twentyFourHour:m,format:p,"data-testid":f,placeholder24h:g="00:00",placeholder12h:h="12:00",selectedPreset:y,onPresetChange:v}){const{t:b}=he.useWoodlandLanguage(),N=ao(t),w=m??yd(N),T=b("timeInput.customTime",{defaultValue:"Custom time"}),{wrapperId:L,controlId:R}=We(a&&`${a}_from`,o),{wrapperId:_,controlId:P}=We(a&&`${a}_to`,o),A=r.useRef(null),U=r.useRef(null),X=r.useRef(null),H=r.useRef(null),C=r.useRef(null),K=Y.splitMomentInDateTimeParts(Array.isArray(c)?c[0]:void 0,w,p),B=Y.splitMomentInDateTimeParts(Array.isArray(c)?c[1]:void 0,w,p,!0),[M,q]=r.useState(K[0]),[I,D]=r.useState(B[0]),[k,G]=r.useState(K[1]),[Z,te]=r.useState(B[1]),[ne,V]=r.useState(K[2]),[j,J]=r.useState(B[2]),[W,Q]=r.useState(Od(d,y)||null),{showPopup:z,doShowPopup:ee,doHidePopup:me}=bn(A,C);r.useEffect(()=>{Q(Od(d,y)||null)},[y]);function ue(ae){o&&(o.setValue(ae),o.markAsDirty()),l&&l(ae)}function ge(ae){return ae&&(/^datepicker\./.test(ae.label)?b(ae.label):ae.label)}const ze=ge(W)==="Before",$e=ge(W)==="After";function Xe(ae){const we=c||[],Ke=Y.toMoment(ae);let Ye;if(ze)Ye=[null,Ke],me(!0),v?.(ge(W));else if($e)Ye=[Ke,null],me(!0),v?.(ge(W));else if(!we[0]||we[1]||Ke?.isBefore(Y.toMoment(Y.createFrom(we[0],p)))){let Ie=parseInt(k?.split(":")[0]||"0",10);!w&&Ie===12&&(Ie=0);const Et=parseInt(k?.split(":")[1]||"0",10);Ke?.set("hour",ne==="PM"?12+Ie:Ie<12?Ie:0),Ke?.set("minute",Et),Ye=[Ke,null],Q(null),v?.(null)}else{let Ie=parseInt(Z?.split(":")[0]||"0",10);!w&&Ie===12&&(Ie=0);const Et=parseInt(Z?.split(":")[1]||"0",10);Ke?.set("hour",j==="PM"?12+Ie:Ie),Ke?.set("minute",Et),Ke?.isBefore(we[0])?Ye=[Ke,null]:(Ye=[we[0],Ke],me(!0)),v?.(null),Q(null)}ue(Ye)}function nt(ae){q(ae.target.value),W!==null&&(Q(null),v?.(null))}function mt(ae){Y.validateTimeString(ae.target.value,w)&&(G(ae.target.value),W!==null&&(Q(null),v?.(null)))}function xe(ae,we,Ke){const Ye=M,Ie=we??k,Et=ne;if(Ye===K[0]&&Ie===K[1]&&Et===K[2])return;const kt=Y.createFrom(Ye,p);if(kt&&Y.isValid(kt)){const se=Y.toMoment(kt);let ce=parseInt(Ie?.split(":")[0]||"0",10);!w&&ce===12&&(ce=0);const ke=parseInt(Ie?.split(":")[1]||"0",10);se?.set("hour",Et==="PM"?12+ce:ce),se?.set("minute",ke);const Tt=[se,se?.isBefore(c?.[1])&&c?.[1]||null];ue(Tt)}}function ot(ae){Y.validateTimeString(ae??k,w)&&(G(Y.padIncompleteTimeString(ae??k,w)),setTimeout(()=>xe(void 0,ae),0))}function Ve(ae){V(ae.target.value)}function ft(ae){Y.validateTimeString(ae,w)&&(G(ae),setTimeout(()=>ot(ae),0))}r.useEffect(()=>{ne!==K[2]&&xe()},[ne]);function _e(ae){D(ae.target.value)}function oe(ae){Y.validateTimeString(ae.target.value,w)&&te(ae.target.value)}function de(ae,we,Ke){const Ye=I,Ie=we??Z,Et=j;if(Ye===B[0]&&Ie===B[1]&&Et===B[2])return;const kt=Y.createFrom(Ye,p);if(kt&&Y.isValid(kt)){const se=Y.toMoment(kt);let ce=parseInt(Ie?.split(":")[0]||"0",10);!w&&ce===12&&(ce=0);const ke=parseInt(Ie?.split(":")[1]||"0",10);se?.set("hour",Et==="PM"?12+ce:ce),se?.set("minute",ke);const Tt=[se?.isAfter(c?.[0])&&c?.[0]||null,se];ue(Tt)}}function je(ae){Y.validateTimeString(ae??Z,w)&&(te(Y.padIncompleteTimeString(ae??Z,w)),setTimeout(()=>de(void 0,ae),0))}function mo(ae){J(ae.target.value)}function Dr(ae){Y.validateTimeString(ae,w)&&(te(ae),setTimeout(()=>je(ae),0))}r.useEffect(()=>{j!==B[2]&&de()},[j]);function xt(){ue([null,null]),Q(null),v?.(null)}function jt(ae){return function(we){switch(we.key){case"Tab":me();break;case"Backspace":we.target.selectionStart===0&&c&&!Array.isArray(c)&&xt();break;case"Enter":ae==="from"?xe():ae==="to"&&de();break}}}function yt(ae){if(!ae){Q(null),ue([null,null]),v?.(null);return}Q(ae);const we=Y.createDateTimeRangeFromPreset(ae);ae&&ge(ae)==="Before"?!c||Array.isArray(c)&&c[0]&&c[1]?ue([null,null]):Array.isArray(c)&&c[0]?ue([null,Y.toMoment(Y.createFrom(c[0],p))]):Array.isArray(c)&&c[1]&&ue([null,Y.toMoment(Y.createFrom(c[1],p))]):ae&&ge(ae)==="After"?!c||Array.isArray(c)&&c[0]&&c[1]?ue([null,null]):Array.isArray(c)&&c[0]?ue([Y.toMoment(Y.createFrom(c[0],p)),null]):Array.isArray(c)&&c[1]&&ue([Y.toMoment(Y.createFrom(c[1],p)),null]):JSON.stringify(c)!==JSON.stringify(we)&&ue([we[0],we[1]]),v&&ae?.definition!==y&&v(typeof ae?.definition=="string"?ae?.definition:ge(ae))}r.useEffect(()=>{c&&Array.isArray(c)&&!c.length&&xt()},[c]),r.useEffect(()=>{if(c&&Array.isArray(c)&&Array.isArray(c)){if(c[0]&&!c[1]){const ae=d.find(we=>ge(we)==="After");ae&&yt(ae)}else if(!c[0]&&c[1]){const ae=d.find(we=>ge(we)==="Before");ae&&yt(ae)}else if(c[0]&&c[1]){const ae=Y.toDateTimeStringRange(c,w,p),we=d.find(Ke=>ae===Y.toDateTimeStringRange(Y.createDateTimeRangeFromPreset(Ke),w,p));we&&yt(we)}}},[]),r.useEffect(()=>{K[0]?q(K[0]):q(""),K[1]?G(K[1]):G(w?"00:00":"12:00"),w||(K[2]?V(K[2]):V("AM")),B[0]?D(B[0]):D(""),B[1]?te(B[1]):te(w?"23:59":"11:59"),w||(B[2]?J(B[2]):J("PM"))},[K[0],K[1],K[2],B[0],B[1],B[2],w]);const fo=$(Md,"sps-text-input",z&&`${Md}--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(Le,{id:L,className:fo,formMeta:o,inputRef:U,focusInputOnClick:!0,ref:A},r.createElement("div",{className:$("sps-form-control",n&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),W&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},ge(W))),r.createElement("input",{type:"text",ref:U,className:"sps-text-input__input","data-testid":`${f}_from_date_input`,id:R,placeholder:!M&&!W?p?.toUpperCase()||fn:ze?B[0]:$e?K[0]:void 0,onChange:nt,onClick:ee,onFocus:ee,onBlur:()=>xe(),onKeyDown:jt("from"),value:W?"":M,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:xt}))),!W&&(w?r.createElement(Nt,{className:"sps-time-input",placeholder:g,suggestions:Mr,zeroState:T,value:k,onChange:mt,onBlur:()=>ot(),onSelectionChange:ft,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(In,null,r.createElement(Nt,{className:"sps-time-input",placeholder:h,suggestions:kr,zeroState:T,value:k,onChange:mt,onBlur:()=>ot(),onSelectionChange:ft,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{options:Ld,value:ne,onChange:Ve,disabled:n,notClearable:!0})))),!W&&r.createElement("span",{className:$("sps-datepicker__to")},b("dateTimeRangePicker.to",{defaultValue:"to"})),!W&&r.createElement("div",{className:$("sps-datetime-range-picker__pair")},r.createElement(Le,{id:_,className:fo,formMeta:o,inputRef:H,focusInputOnClick:!0,ref:X},r.createElement("div",{className:$("sps-form-control",n&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),W&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},ge(W))),r.createElement("input",{type:"text",ref:H,className:"sps-text-input__input","data-testid":`${f}_to_date_input`,id:P,placeholder:!I&&!W?p?.toUpperCase()||fn:void 0,onChange:_e,onClick:ee,onFocus:ee,onKeyDown:jt("to"),onBlur:()=>de(),value:I,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:xt}))),w?r.createElement(Nt,{className:"sps-time-input",placeholder:g,suggestions:Mr,zeroState:T,value:Z,onChange:oe,onBlur:()=>je(),onSelectionChange:Dr,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(In,null,r.createElement(Nt,{className:"sps-time-input",placeholder:h,suggestions:kr,zeroState:T,value:Z,onChange:oe,onBlur:()=>je(),onSelectionChange:Dr,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{options:Ld,value:j,onChange:mo,disabled:n,notClearable:!0})))),r.createElement(Xo,{isOpen:z,attachTo:A,ref:C},r.createElement("div",{className:"sps-datepicker__presets"},r.createElement("fieldset",null,r.createElement("legend",{className:"sps-datepicker__presets-label"},b("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-${L}__range-custom`,className:"sps-custom-control__input",checked:!W,name:`sps-date-range-picker-${L}__range`,onChange:()=>yt()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${L}__range-custom`},b("datepicker.preset.custom",{defaultValue:"Custom"}))),d.map((ae,we)=>r.createElement("div",{key:ge(ae),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${f}_preset_option_${ae.label}`,id:`sps-date-range-picker-${L}__range-${we}`,name:`sps-date-range-picker-${L}__range`,onChange:()=>yt(ae),checked:W?.definition?W.definition===ae.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${L}__range-${we}`},ge(ae)))))),r.createElement(Jo,{"data-testid":`${f}_calendar`,selectedRange:Array.isArray(c)?[Y.createFrom(c[0],p),Y.createFrom(c[1],p)]:void 0,onNewSelection:Xe,minDate:i,maxDate:s,showTwoMonths:u,selectedPreset:W&&ge(W),currentUser:t})))}Object.assign(ns,{props:zy,displayName:"SpsDateTimeRangePicker"});const Pd={basic:{label:"Basic",examples:{basic:{react:S.code`
2009
+ `}}}},Uy={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"};function In({children:e,className:t,formArray:n,formGroup:o,formMeta:a,stacked:s,"data-testid":i,unsafelyReplaceClassName:l,...d}){const c=o||n,u=c||a,[m,p]=r.useState(!1);r.useEffect(()=>{if(u){const g=u.isFocused();!m&&g&&u.onFocus?u.onFocus():m&&!g&&u.onBlur&&u.onBlur(),p(g)}});const f=$(l||"sps-form-group",(c&&c.invalid||a&&(!a.isValid()||!a.contentsAreValid()))&&"sps-form-group--error",t);return r.createElement("div",{className:f,"data-testid":i,...d},r.createElement("div",{className:$("sps-input-group",s&&"sps-input-group--stacked")},e))}Object.assign(In,{props:Uy,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"},Md="sps-datepicker",Ld=["AM","PM"],_d=[{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 Pd(e,t=""){return e.find(n=>n.definition===t)}function ns({className:e,currentUser:t,disabled:n,formMeta:o,id:a,maxDate:s,minDate:i,onChange:l,presets:d=_d,value:c,showTwoMonths:u=!1,twentyFourHour:m,format:p,"data-testid":f,placeholder24h:g="00:00",placeholder12h:b="12:00",selectedPreset:y,onPresetChange:v}){const{t:h}=he.useWoodlandLanguage(),N=ao(t),w=m??yd(N),T=h("timeInput.customTime",{defaultValue:"Custom time"}),{wrapperId:L,controlId:R}=Ge(a&&`${a}_from`,o),{wrapperId:_,controlId:O}=Ge(a&&`${a}_to`,o),A=r.useRef(null),U=r.useRef(null),X=r.useRef(null),K=r.useRef(null),C=r.useRef(null),V=j.splitMomentInDateTimeParts(Array.isArray(c)?c[0]:void 0,w,p),B=j.splitMomentInDateTimeParts(Array.isArray(c)?c[1]:void 0,w,p,!0),[M,J]=r.useState(V[0]),[I,D]=r.useState(B[0]),[k,G]=r.useState(V[1]),[Z,ne]=r.useState(B[1]),[te,H]=r.useState(V[2]),[q,Y]=r.useState(B[2]),[W,ee]=r.useState(Pd(d,y)||null),{showPopup:z,doShowPopup:Q,doHidePopup:fe}=bn(A,C);r.useEffect(()=>{ee(Pd(d,y)||null)},[y]);function se(ae){o&&(o.setValue(ae),o.markAsDirty()),l&&l(ae)}function pe(ae){return ae&&(/^datepicker\./.test(ae.label)?h(ae.label):ae.label)}const He=pe(W)==="Before",$e=pe(W)==="After";function Xe(ae){const we=c||[],Ke=j.toMoment(ae);let Ye;if(He)Ye=[null,Ke],fe(!0),v?.(pe(W));else if($e)Ye=[Ke,null],fe(!0),v?.(pe(W));else if(!we[0]||we[1]||Ke?.isBefore(j.toMoment(j.createFrom(we[0],p)))){let Ie=parseInt(k?.split(":")[0]||"0",10);!w&&Ie===12&&(Ie=0);const Et=parseInt(k?.split(":")[1]||"0",10);Ke?.set("hour",te==="PM"?12+Ie:Ie<12?Ie:0),Ke?.set("minute",Et),Ye=[Ke,null],ee(null),v?.(null)}else{let Ie=parseInt(Z?.split(":")[0]||"0",10);!w&&Ie===12&&(Ie=0);const Et=parseInt(Z?.split(":")[1]||"0",10);Ke?.set("hour",q==="PM"?12+Ie:Ie),Ke?.set("minute",Et),Ke?.isBefore(we[0])?Ye=[Ke,null]:(Ye=[we[0],Ke],fe(!0)),v?.(null),ee(null)}se(Ye)}function nt(ae){J(ae.target.value),W!==null&&(ee(null),v?.(null))}function mt(ae){j.validateTimeString(ae.target.value,w)&&(G(ae.target.value),W!==null&&(ee(null),v?.(null)))}function xe(ae,we,Ke){const Ye=M,Ie=we??k,Et=te;if(Ye===V[0]&&Ie===V[1]&&Et===V[2])return;const kt=j.createFrom(Ye,p);if(kt&&j.isValid(kt)){const ie=j.toMoment(kt);let de=parseInt(Ie?.split(":")[0]||"0",10);!w&&de===12&&(de=0);const ke=parseInt(Ie?.split(":")[1]||"0",10);ie?.set("hour",Et==="PM"?12+de:de),ie?.set("minute",ke);const Tt=[ie,ie?.isBefore(c?.[1])&&c?.[1]||null];se(Tt)}}function ot(ae){j.validateTimeString(ae??k,w)&&(G(j.padIncompleteTimeString(ae??k,w)),setTimeout(()=>xe(void 0,ae),0))}function Ve(ae){H(ae.target.value)}function ft(ae){j.validateTimeString(ae,w)&&(G(ae),setTimeout(()=>ot(ae),0))}r.useEffect(()=>{te!==V[2]&&xe()},[te]);function _e(ae){D(ae.target.value)}function oe(ae){j.validateTimeString(ae.target.value,w)&&ne(ae.target.value)}function ue(ae,we,Ke){const Ye=I,Ie=we??Z,Et=q;if(Ye===B[0]&&Ie===B[1]&&Et===B[2])return;const kt=j.createFrom(Ye,p);if(kt&&j.isValid(kt)){const ie=j.toMoment(kt);let de=parseInt(Ie?.split(":")[0]||"0",10);!w&&de===12&&(de=0);const ke=parseInt(Ie?.split(":")[1]||"0",10);ie?.set("hour",Et==="PM"?12+de:de),ie?.set("minute",ke);const Tt=[ie?.isAfter(c?.[0])&&c?.[0]||null,ie];se(Tt)}}function je(ae){j.validateTimeString(ae??Z,w)&&(ne(j.padIncompleteTimeString(ae??Z,w)),setTimeout(()=>ue(void 0,ae),0))}function mo(ae){Y(ae.target.value)}function Dr(ae){j.validateTimeString(ae,w)&&(ne(ae),setTimeout(()=>je(ae),0))}r.useEffect(()=>{q!==B[2]&&ue()},[q]);function xt(){se([null,null]),ee(null),v?.(null)}function jt(ae){return function(we){switch(we.key){case"Tab":fe();break;case"Backspace":we.target.selectionStart===0&&c&&!Array.isArray(c)&&xt();break;case"Enter":ae==="from"?xe():ae==="to"&&ue();break}}}function yt(ae){if(!ae){ee(null),se([null,null]),v?.(null);return}ee(ae);const we=j.createDateTimeRangeFromPreset(ae);ae&&pe(ae)==="Before"?!c||Array.isArray(c)&&c[0]&&c[1]?se([null,null]):Array.isArray(c)&&c[0]?se([null,j.toMoment(j.createFrom(c[0],p))]):Array.isArray(c)&&c[1]&&se([null,j.toMoment(j.createFrom(c[1],p))]):ae&&pe(ae)==="After"?!c||Array.isArray(c)&&c[0]&&c[1]?se([null,null]):Array.isArray(c)&&c[0]?se([j.toMoment(j.createFrom(c[0],p)),null]):Array.isArray(c)&&c[1]&&se([j.toMoment(j.createFrom(c[1],p)),null]):JSON.stringify(c)!==JSON.stringify(we)&&se([we[0],we[1]]),v&&ae?.definition!==y&&v(typeof ae?.definition=="string"?ae?.definition:pe(ae))}r.useEffect(()=>{c&&Array.isArray(c)&&!c.length&&xt()},[c]),r.useEffect(()=>{if(c&&Array.isArray(c)&&Array.isArray(c)){if(c[0]&&!c[1]){const ae=d.find(we=>pe(we)==="After");ae&&yt(ae)}else if(!c[0]&&c[1]){const ae=d.find(we=>pe(we)==="Before");ae&&yt(ae)}else if(c[0]&&c[1]){const ae=j.toDateTimeStringRange(c,w,p),we=d.find(Ke=>ae===j.toDateTimeStringRange(j.createDateTimeRangeFromPreset(Ke),w,p));we&&yt(we)}}},[]),r.useEffect(()=>{V[0]?J(V[0]):J(""),V[1]?G(V[1]):G(w?"00:00":"12:00"),w||(V[2]?H(V[2]):H("AM")),B[0]?D(B[0]):D(""),B[1]?ne(B[1]):ne(w?"23:59":"11:59"),w||(B[2]?Y(B[2]):Y("PM"))},[V[0],V[1],V[2],B[0],B[1],B[2],w]);const fo=$(Md,"sps-text-input",z&&`${Md}--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(Le,{id:L,className:fo,formMeta:o,inputRef:U,focusInputOnClick:!0,ref:A},r.createElement("div",{className:$("sps-form-control",n&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),W&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},pe(W))),r.createElement("input",{type:"text",ref:U,className:"sps-text-input__input","data-testid":`${f}_from_date_input`,id:R,placeholder:!M&&!W?p?.toUpperCase()||fn:He?B[0]:$e?V[0]:void 0,onChange:nt,onClick:Q,onFocus:Q,onBlur:()=>xe(),onKeyDown:jt("from"),value:W?"":M,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:xt}))),!W&&(w?r.createElement(Nt,{className:"sps-time-input",placeholder:g,suggestions:Mr,zeroState:T,value:k,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:kr,zeroState:T,value:k,onChange:mt,onBlur:()=>ot(),onSelectionChange:ft,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{options:Ld,value:te,onChange:Ve,disabled:n,notClearable:!0})))),!W&&r.createElement("span",{className:$("sps-datepicker__to")},h("dateTimeRangePicker.to",{defaultValue:"to"})),!W&&r.createElement("div",{className:$("sps-datetime-range-picker__pair")},r.createElement(Le,{id:_,className:fo,formMeta:o,inputRef:K,focusInputOnClick:!0,ref:X},r.createElement("div",{className:$("sps-form-control",n&&"disabled")},r.createElement("i",{className:$("sps-text-input__icon","sps-icon","sps-icon-calendar")}),W&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},pe(W))),r.createElement("input",{type:"text",ref:K,className:"sps-text-input__input","data-testid":`${f}_to_date_input`,id:O,placeholder:!I&&!W?p?.toUpperCase()||fn:void 0,onChange:_e,onClick:Q,onFocus:Q,onKeyDown:jt("to"),onBlur:()=>ue(),value:I,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:xt}))),w?r.createElement(Nt,{className:"sps-time-input",placeholder:g,suggestions:Mr,zeroState:T,value:Z,onChange:oe,onBlur:()=>je(),onSelectionChange:Dr,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(In,null,r.createElement(Nt,{className:"sps-time-input",placeholder:b,suggestions:kr,zeroState:T,value:Z,onChange:oe,onBlur:()=>je(),onSelectionChange:Dr,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{options:Ld,value:q,onChange:mo,disabled:n,notClearable:!0})))),r.createElement(Xo,{isOpen:z,attachTo:A,ref:C},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-${L}__range-custom`,className:"sps-custom-control__input",checked:!W,name:`sps-date-range-picker-${L}__range`,onChange:()=>yt()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${L}__range-custom`},h("datepicker.preset.custom",{defaultValue:"Custom"}))),d.map((ae,we)=>r.createElement("div",{key:pe(ae),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${f}_preset_option_${ae.label}`,id:`sps-date-range-picker-${L}__range-${we}`,name:`sps-date-range-picker-${L}__range`,onChange:()=>yt(ae),checked:W?.definition?W.definition===ae.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${L}__range-${we}`},pe(ae)))))),r.createElement(Jo,{"data-testid":`${f}_calendar`,selectedRange:Array.isArray(c)?[j.createFrom(c[0],p),j.createFrom(c[1],p)]:void 0,onNewSelection:Xe,minDate:i,maxDate:s,showTwoMonths:u,selectedPreset:W&&pe(W),currentUser:t})))}Object.assign(ns,{props:zy,displayName:"SpsDateTimeRangePicker"});const Od={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(D),null," "));var ee=z(j,Q,te,ne,V+"."
2231
2231
  import { SpsDateTime } from "@spscommerce/ds-react";
2232
2232
  `,jsx:S.code`
2233
2233
  <SpsDateTime>2018-09-11T16:32:52.822000Z</SpsDateTime>
2234
- `}}}},Rd={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"};function Zo(e){const{children:t,className:n,compact:o=!1,"data-testid":a,unsafelyReplaceClassName:s,wideTerms:i=!1,widerTerms:l=!1,...d}=e,c=r.Children.map(t,(m,p)=>{if(m.type.toString()!==r.Fragment.toString()){const h=parseInt(`${p/2}`,10)+1;return r.cloneElement(m,{style:{...m.props.style,msGridRow:h}})}const f=m.props.children;return r.Children.map(f,h=>r.cloneElement(h,{style:{...h.props.style,msGridRow:p+1}}))}),u=$(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:u,"data-testid":`${a}`,...d},c)}Object.assign(Zo,{props:Rd,displayName:"SpsDescriptionList / SpsDl"});function Fd(e){return r.createElement(Zo,{...e})}Object.assign(Fd,{props:Rd,displayName:"SpsDescriptionList / SpsDl"});const Ad={};function Qo(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(Qo,{props:Ad,displayName:"SpsDescriptionListDefinition / SpsDd"});function $d(e){return r.createElement(Qo,{...e})}Object.assign($d,{props:Ad,displayName:"SpsDescriptionListDefinition / SpsDd"});var Se=(e=>(e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden",e))(Se||{});function er(e){return e==="visible"?"hidden":"visible"}const Vd=13,an=new Map,Xy={for:{type:"React.MutableRefObject<any> | string",required:!0},hideDelay:"number",isShown:"TooltipVisibility",kind:"TooltipKind",offsets:"[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=F.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:s,kind:i=F.TooltipKind.DEFAULT,offsets:l=[0,0],onDeferred:d,position:c=F.Position.TOP_MIDDLE,altPosition:u=Rr(c),showOn:m=F.TooltipShowTrigger.MOUSEOVER,style:p,title:f,unsafelyReplaceClassName:g}){const h=r.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:s,hideTimer:null}),[y,v]=r.useState(!1),b=r.useRef(null),N=typeof n=="string"?r.useRef(document.getElementById(n)):n,w=r.useRef(null),T=r.useCallback(()=>{h.current.hideTimer&&(clearTimeout(h.current.hideTimer),h.current.hideTimer=null)},[]),L=r.useCallback(()=>{T(),v(!1)},[]),R=r.useCallback((q=!1)=>{if(q===!0&&an.size>0)return d&&d(),!1;if(b.current?.textContent==="")return console.warn("SpsTooltip is empty; aborting show"),!1;T();for(const I of an.values())I();return v(!0),!0},[]),_=r.useCallback(q=>{q&&q.stopPropagation(),v(I=>I?(L(),!1):R())},[]),P=r.useCallback(q=>{b.current&&!b.current.contains(q.target)&&L()},[]),A=r.useCallback(()=>{T(),h.current.hideTimer=setTimeout(L,a)},[]),U=r.useCallback(q=>{const[I,D]=q.split(" "),k=N?.current?.getBoundingClientRect(),G=w.current?parseInt(getComputedStyle(w.current)?.width||"0",10):0,Z=G*Math.sqrt(2),te=(Z-G)/2;if(["top","bottom"].includes(I)&&D!=="middle"){if(!k?.width||k.width>50)return 0;const ne=w.current?parseInt(getComputedStyle(w.current)?.left||"0",10):0,V=w.current?parseInt(getComputedStyle(w.current)?.right||"0",10):0,J=(ne<V?ne:V)-te+Z/2;return k.width/2-J}else if(["left","right"].includes(I)&&D!=="middle"){if(k?.height&&k.height>50)return 0;const ne=w.current?parseInt(getComputedStyle(w.current)?.top||"0",10):0,V=w.current?parseInt(getComputedStyle(w.current)?.bottom||"0",10):0,J=(ne<V?ne:V)-te+Z/2;return k.height/2-J}else return 0},[]);r.useEffect(()=>{if(typeof n=="string"&&(N.current=document.getElementById(n)),y?an.set(h.current.instanceKey,L):an.has(h.current.instanceKey)&&an.delete(h.current.instanceKey),m===F.TooltipShowTrigger.MANUAL){if(s!==h.current.prevIsShown)switch(s){case"visible":R();break;case"defer_visible":R(!0);break;case"hidden":L();break;case"delayed_hidden":A();break}h.current.prevIsShown=s}},[y,s]),r.useEffect(()=>{if(N.current)switch(m){case F.TooltipShowTrigger.MOUSEOVER:N.current.addEventListener("mouseenter",R),N.current.addEventListener("mouseleave",A);break;case F.TooltipShowTrigger.CLICK:N.current.addEventListener("click",_),document.addEventListener("click",P);break;case F.TooltipShowTrigger.MANUAL:break}},[N]),r.useEffect(()=>{b.current?.textContent===""&&y&&(h.current.hideTimer&&(clearTimeout(h.current.hideTimer),h.current.hideTimer=null),v(!1))},[e,y]),r.useEffect(()=>()=>{T(),an.has(h.current.instanceKey)&&an.delete(h.current.instanceKey),N.current&&(N.current.removeEventListener("mouseenter",R),N.current.removeEventListener("mouseleave",A),N.current.removeEventListener("click",_),document.removeEventListener("click",P))},[]);const X=gn("sps-tooltip-portal"),H=r.useContext(rt),[[C,K],B]=r.useState([{},!1]);r.useEffect(()=>{B(y?Jt(b,N,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-Vd,l[1]+U(c)],...H}):[{},!1])},[y,c,u,l[0],l[1],e]),r.useEffect(()=>{const q=()=>{y&&B(Jt(b,N,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-Vd,l[1]+U(c)],...H}))};return document.addEventListener("scroll",q),()=>{document.removeEventListener("scroll",q)}},[y]);const M=$(g||"sps-tooltip","z-stratum-tip",`sps-tooltip--${i}`,`sps-tooltip--pos-${(K?u:c).replace(" ","-")}`,y&&"sps-tooltip--shown",t);return X(r.createElement("div",{role:"tooltip",className:M,"data-testid":o,ref:b,style:{...p,...C},onMouseEnter:m===F.TooltipShowTrigger.MOUSEOVER?T:void 0,onMouseLeave:m===F.TooltipShowTrigger.MOUSEOVER?A:void 0},f&&(typeof f=="string"?r.createElement("span",{className:"sps-tooltip__title d-block"},f):f),r.createElement("span",{className:"sps-tooltip__body d-block"},e),r.createElement("span",{ref:w,className:"sps-tooltip__caret"})))}Object.assign(ct,{props:Xy,displayName:"SpsTooltip"});const Kd={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"};function tr(e){const{children:t,className:n,error:o,errors:a,help:s,labelFor:i,required:l,"data-testid":d,unsafelyReplaceClassName:c,...u}=e,m=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[h,y]=r.useState(),[v,b]=r.useState(Se.HIDDEN);r.useEffect(()=>{y(g()||f()?F.TooltipKind.ERROR:F.TooltipKind.HELP)}),r.useEffect(()=>{p.current=m?.current?.getElementsByClassName("sps-form-group__label")[0];const T=()=>b(Se.VISIBLE),L=()=>b(Se.HIDDEN);return p.current&&(p.current.addEventListener("focus",T),p.current.addEventListener("blur",L)),()=>{p.current&&(p.current.removeEventListener("focus",T),p.current.removeEventListener("blur",L))}}),i&&(i.onFocus=()=>b(Se.VISIBLE),i.onBlur=()=>b(Se.HIDDEN));const N=$(c||"sps-description-list__term",(l||i&&i.isRequired())&&"sps-description-list__term--required",(o||g())&&"sps-description-list__term--error",n);function w(){b(v===Se.VISIBLE?Se.HIDDEN:Se.VISIBLE)}return r.createElement(r.Fragment,null,r.createElement("dt",{className:N,"data-testid":`${d}`,ref:m,onMouseEnter:()=>b(Se.VISIBLE),onMouseLeave:()=>b(Se.DELAYED_HIDDEN),onClick:w,...u},t),r.createElement(ct,{kind:h,for:m,showOn:F.TooltipShowTrigger.MANUAL,isShown:v},qe(h===F.TooltipKind.ERROR?a:s)))}Object.assign(tr,{props:Kd,displayName:"SpsDescriptionListTerm / SpsDt"});function Hd(e){return r.createElement(tr,{...e})}Object.assign(Hd,{props:Kd,displayName:"SpsDescriptionListTerm / SpsDt"});const Wd={general:{label:"General Usage",description:()=>E.createElement(E.Fragment,null,E.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."),E.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."),E.createElement("h5",null,"Use a Description List"),E.createElement("ul",null,E.createElement("li",{className:"mb-2"},"To display two or more terms that have accompanying descriptions or values.")),E.createElement("h5",null,"Do Not Use a Description List"),E.createElement("ul",null,E.createElement("li",{className:"mb-2"},"To display a single term"),E.createElement("li",{className:"mb-2"},"If the listed terms do not have descriptions")))},basic:{label:"Basic Description Lists",description:()=>E.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:()=>E.createElement("h5",null,"1-to-3"),react:S.code`
2234
+ `}}}},Rd={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"};function Zo(e){const{children:t,className:n,compact:o=!1,"data-testid":a,unsafelyReplaceClassName:s,wideTerms:i=!1,widerTerms:l=!1,...d}=e,c=r.Children.map(t,(m,p)=>{if(m.type.toString()!==r.Fragment.toString()){const b=parseInt(`${p/2}`,10)+1;return r.cloneElement(m,{style:{...m.props.style,msGridRow:b}})}const f=m.props.children;return r.Children.map(f,b=>r.cloneElement(b,{style:{...b.props.style,msGridRow:p+1}}))}),u=$(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:u,"data-testid":`${a}`,...d},c)}Object.assign(Zo,{props:Rd,displayName:"SpsDescriptionList / SpsDl"});function Fd(e){return r.createElement(Zo,{...e})}Object.assign(Fd,{props:Rd,displayName:"SpsDescriptionList / SpsDl"});const Ad={};function Qo(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(Qo,{props:Ad,displayName:"SpsDescriptionListDefinition / SpsDd"});function $d(e){return r.createElement(Qo,{...e})}Object.assign($d,{props:Ad,displayName:"SpsDescriptionListDefinition / SpsDd"});var ge=(e=>(e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden",e))(ge||{});function er(e){return e==="visible"?"hidden":"visible"}const Vd=13,an=new Map,Xy={for:{type:"React.MutableRefObject<any> | string",required:!0},hideDelay:"number",isShown:"TooltipVisibility",kind:"TooltipKind",offsets:"[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=F.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:s,kind:i=F.TooltipKind.DEFAULT,offsets:l=[0,0],onDeferred:d,position:c=F.Position.TOP_MIDDLE,altPosition:u=Rr(c),showOn:m=F.TooltipShowTrigger.MOUSEOVER,style:p,title:f,unsafelyReplaceClassName:g}){const b=r.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:s,hideTimer:null}),[y,v]=r.useState(!1),h=r.useRef(null),N=typeof n=="string"?r.useRef(document.getElementById(n)):n,w=r.useRef(null),T=r.useCallback(()=>{b.current.hideTimer&&(clearTimeout(b.current.hideTimer),b.current.hideTimer=null)},[]),L=r.useCallback(()=>{T(),v(!1)},[]),R=r.useCallback((J=!1)=>{if(J===!0&&an.size>0)return d&&d(),!1;if(h.current?.textContent==="")return console.warn("SpsTooltip is empty; aborting show"),!1;T();for(const I of an.values())I();return v(!0),!0},[]),_=r.useCallback(J=>{J&&J.stopPropagation(),v(I=>I?(L(),!1):R())},[]),O=r.useCallback(J=>{h.current&&!h.current.contains(J.target)&&L()},[]),A=r.useCallback(()=>{T(),b.current.hideTimer=setTimeout(L,a)},[]),U=r.useCallback(J=>{const[I,D]=J.split(" "),k=N?.current?.getBoundingClientRect(),G=w.current?parseInt(getComputedStyle(w.current)?.width||"0",10):0,Z=G*Math.sqrt(2),ne=(Z-G)/2;if(["top","bottom"].includes(I)&&D!=="middle"){if(!k?.width||k.width>50)return 0;const te=w.current?parseInt(getComputedStyle(w.current)?.left||"0",10):0,H=w.current?parseInt(getComputedStyle(w.current)?.right||"0",10):0,Y=(te<H?te:H)-ne+Z/2;return k.width/2-Y}else if(["left","right"].includes(I)&&D!=="middle"){if(k?.height&&k.height>50)return 0;const te=w.current?parseInt(getComputedStyle(w.current)?.top||"0",10):0,H=w.current?parseInt(getComputedStyle(w.current)?.bottom||"0",10):0,Y=(te<H?te:H)-ne+Z/2;return k.height/2-Y}else return 0},[]);r.useEffect(()=>{if(typeof n=="string"&&(N.current=document.getElementById(n)),y?an.set(b.current.instanceKey,L):an.has(b.current.instanceKey)&&an.delete(b.current.instanceKey),m===F.TooltipShowTrigger.MANUAL){if(s!==b.current.prevIsShown)switch(s){case"visible":R();break;case"defer_visible":R(!0);break;case"hidden":L();break;case"delayed_hidden":A();break}b.current.prevIsShown=s}},[y,s]),r.useEffect(()=>{if(N.current)switch(m){case F.TooltipShowTrigger.MOUSEOVER:N.current.addEventListener("mouseenter",R),N.current.addEventListener("mouseleave",A);break;case F.TooltipShowTrigger.CLICK:N.current.addEventListener("click",_),document.addEventListener("click",O);break;case F.TooltipShowTrigger.MANUAL:break}},[N]),r.useEffect(()=>{h.current?.textContent===""&&y&&(b.current.hideTimer&&(clearTimeout(b.current.hideTimer),b.current.hideTimer=null),v(!1))},[e,y]),r.useEffect(()=>()=>{T(),an.has(b.current.instanceKey)&&an.delete(b.current.instanceKey),N.current&&(N.current.removeEventListener("mouseenter",R),N.current.removeEventListener("mouseleave",A),N.current.removeEventListener("click",_),document.removeEventListener("click",O))},[]);const X=gn("sps-tooltip-portal"),K=r.useContext(rt),[[C,V],B]=r.useState([{},!1]);r.useEffect(()=>{B(y?Jt(h,N,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-Vd,l[1]+U(c)],...K}):[{},!1])},[y,c,u,l[0],l[1],e]),r.useEffect(()=>{const J=()=>{y&&B(Jt(h,N,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-Vd,l[1]+U(c)],...K}))};return document.addEventListener("scroll",J),()=>{document.removeEventListener("scroll",J)}},[y]);const M=$(g||"sps-tooltip","z-stratum-tip",`sps-tooltip--${i}`,`sps-tooltip--pos-${(V?u:c).replace(" ","-")}`,y&&"sps-tooltip--shown",t);return X(r.createElement("div",{role:"tooltip",className:M,"data-testid":o,ref:h,style:{...p,...C},onMouseEnter:m===F.TooltipShowTrigger.MOUSEOVER?T:void 0,onMouseLeave:m===F.TooltipShowTrigger.MOUSEOVER?A:void 0},f&&(typeof f=="string"?r.createElement("span",{className:"sps-tooltip__title d-block"},f):f),r.createElement("span",{className:"sps-tooltip__body d-block"},e),r.createElement("span",{ref:w,className:"sps-tooltip__caret"})))}Object.assign(ct,{props:Xy,displayName:"SpsTooltip"});const Kd={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"};function tr(e){const{children:t,className:n,error:o,errors:a,help:s,labelFor:i,required:l,"data-testid":d,unsafelyReplaceClassName:c,...u}=e,m=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(ge.HIDDEN);r.useEffect(()=>{y(g()||f()?F.TooltipKind.ERROR:F.TooltipKind.HELP)}),r.useEffect(()=>{p.current=m?.current?.getElementsByClassName("sps-form-group__label")[0];const T=()=>h(ge.VISIBLE),L=()=>h(ge.HIDDEN);return p.current&&(p.current.addEventListener("focus",T),p.current.addEventListener("blur",L)),()=>{p.current&&(p.current.removeEventListener("focus",T),p.current.removeEventListener("blur",L))}}),i&&(i.onFocus=()=>h(ge.VISIBLE),i.onBlur=()=>h(ge.HIDDEN));const N=$(c||"sps-description-list__term",(l||i&&i.isRequired())&&"sps-description-list__term--required",(o||g())&&"sps-description-list__term--error",n);function w(){h(v===ge.VISIBLE?ge.HIDDEN:ge.VISIBLE)}return r.createElement(r.Fragment,null,r.createElement("dt",{className:N,"data-testid":`${d}`,ref:m,onMouseEnter:()=>h(ge.VISIBLE),onMouseLeave:()=>h(ge.DELAYED_HIDDEN),onClick:w,...u},t),r.createElement(ct,{kind:b,for:m,showOn:F.TooltipShowTrigger.MANUAL,isShown:v},qe(b===F.TooltipKind.ERROR?a:s)))}Object.assign(tr,{props:Kd,displayName:"SpsDescriptionListTerm / SpsDt"});function Hd(e){return r.createElement(tr,{...e})}Object.assign(Hd,{props:Kd,displayName:"SpsDescriptionListTerm / SpsDt"});const Wd={general:{label:"General Usage",description:()=>E.createElement(E.Fragment,null,E.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."),E.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."),E.createElement("h5",null,"Use a Description List"),E.createElement("ul",null,E.createElement("li",{className:"mb-2"},"To display two or more terms that have accompanying descriptions or values.")),E.createElement("h5",null,"Do Not Use a Description List"),E.createElement("ul",null,E.createElement("li",{className:"mb-2"},"To display a single term"),E.createElement("li",{className:"mb-2"},"If the listed terms do not have descriptions")))},basic:{label:"Basic Description Lists",description:()=>E.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:()=>E.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(D),null," "));var ee=z(j,Q,te,ne,V+"."
2705
2705
  </SpsForm>
2706
2706
  )
2707
2707
  }
2708
- `}}}},Zy=wo||Pr,Qy={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 sn(e){const{action:t,alignLeft:n,className:o,conformWidth:a,disabled:s,icon:i,id:l,kind:d,label:c,options:u=[],tabIndex:m,spinning:p,spinningTitle:f,tallOptionList:g,unsafelyReplaceClassName:h,onOpen:y,onClose:v,loading:b,maxHeightOptionListPx:N,maxHeightOptionListRem:w,disableOptionsMemoization:T,...L}=e,{t:R}=he.useWoodlandLanguage(),_=Rt(l),[P,A]=r.useState(!1),[U,X]=r.useState(!1),[H,C]=r.useState(),K=r.useRef(null),B=u.map(z=>typeof z=="function"?z:Object.assign(z[1],{...F.SPS_ACTION_DEFAULTS,...z[0]})),M=`${_.current}-button`,q=`${_.current}-menu`;let I,D;c?(D=d||F.DropdownKind.DEFAULT,I=i):(D=F.DropdownKind.ICON,I=i||F.SpsIcon.ELLIPSES);const k=r.useRef(null);r.useEffect(()=>{P&&y?y():!P&&v&&v()},[P]);function G(z){k.current&&!k.current.contains(z.target)&&A(!1)}function Z(z){z.preventDefault(),!s&&!p&&A(!P)}function te(z){A(z)}function ne(){A(!1)}function V(z){s||(["Up","ArrowUp","Down","ArrowDown"].indexOf(z.key)>-1&&z.preventDefault(),C(hn(z)))}function j(z){z.detail!==_.current&&A(!1)}r.useEffect(()=>(document.addEventListener("click",G),document.addEventListener("DropdownOpened",j),()=>{document.removeEventListener("click",G),document.removeEventListener("DropdownOpened",j)}),[]),r.useEffect(()=>{if(P){K.current&&Zy(K.current,{scrollMode:"if-needed"});const z=document.createEvent("CustomEvent");z.initCustomEvent("DropdownOpened",!1,!1,_.current),document.dispatchEvent(z)}},[P]);const J=$(h||"sps-dropdown",P&&"sps-dropdown--open",P&&"z-stratum-dropdown",U&&"sps-dropdown--opens-upward",!c&&"sps-dropdown--no-label",s&&"disabled",o),W=$("sps-button",`sps-button--${D}`,s&&"sps-button--disabled",p&&"sps-button--spinning"),Q=D===F.DropdownKind.ICON&&!n?[F.Position.BOTTOM_RIGHT,F.Position.TOP_RIGHT]:void 0;return r.useEffect(()=>{let z;return P&&(z=()=>{A(!1)},window.addEventListener("resize",z)),()=>{z&&window.removeEventListener("resize",z)}},[P]),Fn({isOpen:P,rootRef:k}),r.createElement("div",{...L,id:_.current,className:J,onKeyDown:V},r.createElement("div",{onClick:Z,className:W,ref:k},r.createElement("button",{type:"button",id:M,ref:K,"aria-haspopup":"true","aria-controls":q,"aria-expanded":P?!0:void 0,tabIndex:m,disabled:s,onClick:Z},r.createElement("i",{className:$("sps-icon",`sps-icon-${I}`)}),c&&r.createElement("span",null,c),p&&r.createElement("div",{className:"sps-spinner",key:1},f||R("button.spinningTitle")))),r.createElement(Rn,{positionOverride:Q,isOpen:P,"aria-labelledby":M,keyDown:H,onOptionSelected:ne,id:q,attachTo:k,onPositionFlip:X,onSelfToggle:te,options:B,offsets:[0,0],tall:g,optionRole:"option",loading:b,maxHeightPx:N,maxHeightRem:w,disableOptionsMemoization:T,specialAction:t,conformWidth:a}))}Object.assign(sn,{props:Qy,displayName:"SpsDropdown"});const Gd={labelled:{label:"Labelled",examples:{default:{description:"<h3> Default Dropdown</h3>",react:S.code`
2708
+ `}}}},Zy=wo||Or,Qy={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 sn(e){const{action:t,alignLeft:n,className:o,conformWidth:a,disabled:s,icon:i,id:l,kind:d,label:c,options:u=[],tabIndex:m,spinning:p,spinningTitle:f,tallOptionList:g,unsafelyReplaceClassName:b,onOpen:y,onClose:v,loading:h,maxHeightOptionListPx:N,maxHeightOptionListRem:w,disableOptionsMemoization:T,...L}=e,{t:R}=he.useWoodlandLanguage(),_=Rt(l),[O,A]=r.useState(!1),[U,X]=r.useState(!1),[K,C]=r.useState(),V=r.useRef(null),B=u.map(z=>typeof z=="function"?z:Object.assign(z[1],{...F.SPS_ACTION_DEFAULTS,...z[0]})),M=`${_.current}-button`,J=`${_.current}-menu`;let I,D;c?(D=d||F.DropdownKind.DEFAULT,I=i):(D=F.DropdownKind.ICON,I=i||F.SpsIcon.ELLIPSES);const k=r.useRef(null);r.useEffect(()=>{O&&y?y():!O&&v&&v()},[O]);function G(z){k.current&&!k.current.contains(z.target)&&A(!1)}function Z(z){z.preventDefault(),!s&&!p&&A(!O)}function ne(z){A(z)}function te(){A(!1)}function H(z){s||(["Up","ArrowUp","Down","ArrowDown"].indexOf(z.key)>-1&&z.preventDefault(),C(hn(z)))}function q(z){z.detail!==_.current&&A(!1)}r.useEffect(()=>(document.addEventListener("click",G),document.addEventListener("DropdownOpened",q),()=>{document.removeEventListener("click",G),document.removeEventListener("DropdownOpened",q)}),[]),r.useEffect(()=>{if(O){V.current&&Zy(V.current,{scrollMode:"if-needed"});const z=document.createEvent("CustomEvent");z.initCustomEvent("DropdownOpened",!1,!1,_.current),document.dispatchEvent(z)}},[O]);const Y=$(b||"sps-dropdown",O&&"sps-dropdown--open",O&&"z-stratum-dropdown",U&&"sps-dropdown--opens-upward",!c&&"sps-dropdown--no-label",s&&"disabled",o),W=$("sps-button",`sps-button--${D}`,s&&"sps-button--disabled",p&&"sps-button--spinning"),ee=D===F.DropdownKind.ICON&&!n?[F.Position.BOTTOM_RIGHT,F.Position.TOP_RIGHT]:void 0;return r.useEffect(()=>{let z;return O&&(z=()=>{A(!1)},window.addEventListener("resize",z)),()=>{z&&window.removeEventListener("resize",z)}},[O]),Fn({isOpen:O,rootRef:k}),r.createElement("div",{...L,id:_.current,className:Y,onKeyDown:H},r.createElement("div",{onClick:Z,className:W,ref:k},r.createElement("button",{type:"button",id:M,ref:V,"aria-haspopup":"true","aria-controls":J,"aria-expanded":O?!0:void 0,tabIndex:m,disabled:s,onClick:Z},r.createElement("i",{className:$("sps-icon",`sps-icon-${I}`)}),c&&r.createElement("span",null,c),p&&r.createElement("div",{className:"sps-spinner",key:1},f||R("button.spinningTitle")))),r.createElement(Rn,{positionOverride:ee,isOpen:O,"aria-labelledby":M,keyDown:K,onOptionSelected:te,id:J,attachTo:k,onPositionFlip:X,onSelfToggle:ne,options:B,offsets:[0,0],tall:g,optionRole:"option",loading:h,maxHeightPx:N,maxHeightRem:w,disableOptionsMemoization:T,specialAction:t,conformWidth:a}))}Object.assign(sn,{props:Qy,displayName:"SpsDropdown"});const Gd={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(D),null," "));var ee=z(j,Q,te,ne,V+"."
2942
2942
  </SpsTable>
2943
2943
  )
2944
2944
  }
2945
- `}}}},eE={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"};function rs(e){const{options:t,className:n,checked:o,onChange:a,indeterminate:s,disabled:i,"data-testid":l,...d}=e,c=$("sps-checkbox-dropdown",n);return r.createElement("span",{className:c,"data-testid":l,...d},r.createElement(Xt,{indeterminate:s,checked:o,disabled:i,onChange:a,inline:!0,"data-testid":`${l}__checkbox`}),r.createElement(sn,{disabled:i,options:t,icon:F.SpsIcon.CHEVRON_DOWN,"data-testid":`${l}__dropdown`}))}Object.assign(rs,{props:eE,displayName:"SpsCheckboxDropdown"});const tE={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",hasRequiredFields:"boolean",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string",applyNestedStyles:"boolean"};function as({children:e,className:t,errors:n,formArray:o,formGroup:a,formMeta:s,legend:i,unsafelyReplaceClassName:l,hasRequiredFields:d=!1,optional:c=!1,enabled:u=!1,onToggled:m,tooltip:p,applyNestedStyles:f,"data-testid":g,errorsTooltipTrigger:h=F.TooltipShowTrigger.CLICK,errorsTooltipPosition:y=F.Position.LEFT_MIDDLE}){const v=a||o,b=r.useRef(null),N=r.useRef(null),[w,T]=r.useState(Se.HIDDEN),[L,R]=r.useState(!1),[_,P]=r.useState(u);Ar(()=>{m?.(_)},[_]),r.useEffect(()=>{if(v||s){const X=v&&v.isFocused()||s&&s.isFocused();!L&&X?T(Se.VISIBLE):L&&!X&&T(Se.HIDDEN),R(X||!1)}});const A=$(l||f?"nested-styles-fieldset":"sps-fieldset",(v&&!v.isPristine()&&v.invalid||s&&(!s.isValid()||!s.contentsAreValid()))&&"sps-fieldset--error",t,c&&!_&&"sps-fieldset--collapsed",d&&"sps-fieldset--required-fields");function U(){T(w===Se.VISIBLE?Se.HIDDEN:Se.VISIBLE)}return r.createElement("div",{className:"sps-fieldset-container"},r.createElement("fieldset",{className:A,"data-testid":g},r.createElement("legend",{className:"sps-fieldset__legend",ref:b,onMouseEnter:()=>T(Se.VISIBLE),onMouseLeave:()=>T(Se.DELAYED_HIDDEN),onClick:U},c&&r.createElement(Xt,{checked:_,className:"d-inline-flex pr-1",onChange:X=>{P(X.target.checked)},"data-testid":`${g}__checkbox`}),i,p&&r.createElement("span",{className:"sps-fieldset__legend-icon",ref:N},r.createElement(ht,{icon:F.SpsIcon.INFO_CIRCLE,"data-testid":`${g}__info-icon`}))),p&&r.createElement(ct,{for:N},p),!!n&&r.createElement(ct,{for:b,kind:F.TooltipKind.ERROR,showOn:h,position:y,isShown:w},qe(n)),e))}Object.assign(as,{props:tE,displayName:"SpsFieldset"});const Ud={basic:{label:"Basic Content Sections",description:"info about basic content sections",examples:{basic:{react:S.code`
2945
+ `}}}},eE={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"};function rs(e){const{options:t,className:n,checked:o,onChange:a,indeterminate:s,disabled:i,"data-testid":l,...d}=e,c=$("sps-checkbox-dropdown",n);return r.createElement("span",{className:c,"data-testid":l,...d},r.createElement(Xt,{indeterminate:s,checked:o,disabled:i,onChange:a,inline:!0,"data-testid":`${l}__checkbox`}),r.createElement(sn,{disabled:i,options:t,icon:F.SpsIcon.CHEVRON_DOWN,"data-testid":`${l}__dropdown`}))}Object.assign(rs,{props:eE,displayName:"SpsCheckboxDropdown"});const tE={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",hasRequiredFields:"boolean",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string",applyNestedStyles:"boolean"};function as({children:e,className:t,errors:n,formArray:o,formGroup:a,formMeta:s,legend:i,unsafelyReplaceClassName:l,hasRequiredFields:d=!1,optional:c=!1,enabled:u=!1,onToggled:m,tooltip:p,applyNestedStyles:f,"data-testid":g,errorsTooltipTrigger:b=F.TooltipShowTrigger.CLICK,errorsTooltipPosition:y=F.Position.LEFT_MIDDLE}){const v=a||o,h=r.useRef(null),N=r.useRef(null),[w,T]=r.useState(ge.HIDDEN),[L,R]=r.useState(!1),[_,O]=r.useState(u);Ar(()=>{m?.(_)},[_]),r.useEffect(()=>{if(v||s){const X=v&&v.isFocused()||s&&s.isFocused();!L&&X?T(ge.VISIBLE):L&&!X&&T(ge.HIDDEN),R(X||!1)}});const A=$(l||f?"nested-styles-fieldset":"sps-fieldset",(v&&!v.isPristine()&&v.invalid||s&&(!s.isValid()||!s.contentsAreValid()))&&"sps-fieldset--error",t,c&&!_&&"sps-fieldset--collapsed",d&&"sps-fieldset--required-fields");function U(){T(w===ge.VISIBLE?ge.HIDDEN:ge.VISIBLE)}return r.createElement("div",{className:"sps-fieldset-container"},r.createElement("fieldset",{className:A,"data-testid":g},r.createElement("legend",{className:"sps-fieldset__legend",ref:h,onMouseEnter:()=>T(ge.VISIBLE),onMouseLeave:()=>T(ge.DELAYED_HIDDEN),onClick:U},c&&r.createElement(Xt,{checked:_,className:"d-inline-flex pr-1",onChange:X=>{O(X.target.checked)},"data-testid":`${g}__checkbox`}),i,p&&r.createElement("span",{className:"sps-fieldset__legend-icon",ref:N},r.createElement(ht,{icon:F.SpsIcon.INFO_CIRCLE,"data-testid":`${g}__info-icon`}))),p&&r.createElement(ct,{for:N},p),!!n&&r.createElement(ct,{for:h,kind:F.TooltipKind.ERROR,showOn:b,position:y,isShown:w},qe(n)),e))}Object.assign(as,{props:tE,displayName:"SpsFieldset"});const Ud={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(D),null," "));var ee=z(j,Q,te,ne,V+"."
3222
3222
  </SpsForm>
3223
3223
  )
3224
3224
  }
3225
- `}}}},nE={disabled:"boolean",defaultValue:"number",min:"number",max:"number",step:"number",onValueChange:"(newValue: number) => void"};function ss(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:d,className:c,"data-testid":u,...m}=e,[p,f]=r.useState(Math.max(a,o));r.useEffect(()=>{f(Math.max(a,o))},[o]);const[g,h]=r.useState(!1);r.useEffect(()=>{l&&typeof l=="function"&&l(p),h(p<a||p>s)},[p]);const y=()=>p<=a?!1:(p>s?f(s):f(w=>Math.max(w-i,a)),!0),v=()=>p>=s?!1:(p<a?f(a):f(w=>w+i),!0),b=w=>{w.target.value!==""&&f(parseInt(w.target.value,10))},N=d||$("sps-incrementor sps-input-group sps-input-group__append",c);return r.createElement("div",{className:N,...m,"data-testid":u},r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${u}__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:b,disabled:n,"data-testid":`${u}__input`,autoComplete:t})),r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${u}__plus`,onClick:v,disabled:n,"aria-label":`Add ${i}`},r.createElement("i",{className:"sps-icon sps-icon-plus-sign","aria-hidden":"true"}))))}Object.assign(ss,{props:nE,displayName:"SpsIncrementor"});const zd={stepExample:{label:"Incrementor",description:"info about incrementor",examples:{stacked:{react:S.code`
3225
+ `}}}},nE={disabled:"boolean",defaultValue:"number",min:"number",max:"number",step:"number",onValueChange:"(newValue: number) => void"};function ss(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:d,className:c,"data-testid":u,...m}=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(w=>Math.max(w-i,a)),!0),v=()=>p>=s?!1:(p<a?f(a):f(w=>w+i),!0),h=w=>{w.target.value!==""&&f(parseInt(w.target.value,10))},N=d||$("sps-incrementor sps-input-group sps-input-group__append",c);return r.createElement("div",{className:N,...m,"data-testid":u},r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${u}__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":`${u}__input`,autoComplete:t})),r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${u}__plus`,onClick:v,disabled:n,"aria-label":`Add ${i}`},r.createElement("i",{className:"sps-icon sps-icon-plus-sign","aria-hidden":"true"}))))}Object.assign(ss,{props:nE,displayName:"SpsIncrementor"});const zd={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(D),null," "));var ee=z(j,Q,te,ne,V+"."
3243
3243
  </React.Fragment>
3244
3244
  );
3245
3245
  }
3246
- `}}}},oE={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn"};function is({children:e,className:t,description:n,for:o,stronglySuggested:a,help:s,helpIcon:i=F.SpsIcon.QUESTION_CIRCLE,helpIconColor:l="blue200",errors:d,unsafelyReplaceClassName:c,"data-testid":u,...m}){const{t:p}=he.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(null),h=r.useRef(null),y=r.useRef(null),[v,b]=r.useState(Se.HIDDEN),[N,w]=r.useState(Se.HIDDEN),[T,L]=r.useState(Se.HIDDEN),[R,_]=r.useState(Se.HIDDEN),P={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 A(){L(Se.HIDDEN),b(Se.HIDDEN)}function U(){w(Se.HIDDEN),_(Se.HIDDEN)}function X(V){V.preventDefault(),U(),L(er(T))}function H(){return o&&(o instanceof Yt&&o.isVisibilyInvalid()||!(o instanceof Yt)&&!o.isValid())?[N,w]:o&&o instanceof Yt&&o.hasPreventativeErrors()?[R,_]:[Se.HIDDEN,()=>{}]}function C(){U();const[V,j]=H();j(er(V))}function K(){U();const[,V]=H();V(Se.VISIBLE)}function B(V){V.preventDefault(),U(),b(er(v))}r.useEffect(()=>{o&&(o.onFocus=K,o.onBlur=U)},[o]);const M=$(c||"sps-form-group__label-container",t),[q,I]=o instanceof Yt?[o,void 0]:[void 0,o];function D(V,j){return{dateFormat:`Please enter a date in the format ${j}.`,dateRangeOrder:"End date cannot be before start date.",dateValidity:"Please enter a valid date.",max:`Please enter a value no greater than ${j}.`,maxLength:`Please enter no more than ${j} characters.`,min:`Please enter a value no less than ${j}.`,minLength:`Please enter at least ${j} characters.`,required:"This field is required."}[V]}function k(){if(q){for(const V of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if(q.hasError(V))return p(`label.errors.${V}`,{context:q.errors?q.errors[V]:"",defaultValue:`${D(V,q.errors?q.errors[V]:"")}`});if(q.hasError("dateConstraint")){const V=q.errors?.dateConstraint,j=V.minExceeded?"min":"max";return p(`label.errors.dateConstraint.${j}`,{context:V,defaultValue:j==="min"?`Please enter a date on or after ${typeof V=="object"?V.minExceeded:V}`:`Please enter a date on or prior to ${typeof V=="object"?V.maxExceeded:V}`})}}return null}function G(){if(q){for(const V of wt)if(q.hasPreventativeError(V))return p(`label.preventativeErrors.${V}`,{defaultValue:`${P[V]}`})}return null}const[Z,te]=at(e,[{type:ht}]);r.useEffect(()=>{q?.hasPreventativeErrors()&&_(Se.VISIBLE)},[q?.hasPreventativeErrors()]);const ne=r.useRef(null);return r.useEffect(()=>{function V(j){ne.current?.contains(j.target)||A()}return document.addEventListener("click",V),()=>{document.removeEventListener("click",V)}},[]),r.createElement(Le,{ref:ne,formMeta:q,formControl:I},r.createElement("div",{className:M},r.createElement("button",{className:$("sps-icon-button-wrapper","suggested-icon",!a&&"d-none"),tabIndex:0,onClick:X,type:"button","aria-label":`${te} Strongly Suggested Help`,hidden:!a},r.createElement("i",{ref:g,"data-testid":`${u}__suggested-icon`,className:$("sps-icon","sps-icon-exclamation-triangle","orange200","sps-form-group__label-suggested-icon",!a&&"d-none")})),r.createElement("i",{ref:f,"data-testid":`${u}__error-icon`,className:$("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:C,"aria-label":`${te} Error Help`}),r.createElement("label",{htmlFor:o&&"id"in o?o.id:void 0,className:"sps-form-group__label","data-testid":u,...m},r.createElement("span",{ref:y,className:"sps-form-group__label-content"},te)),r.createElement("button",{className:$("sps-icon-button-wrapper",!s&&"d-none"),tabIndex:0,onClick:B,type:"button","aria-label":`${te} Help`,hidden:!s},r.createElement("i",{ref:h,"data-testid":`${u}__help-icon`,className:$("sps-icon",`sps-icon-${i}`,l,!s&&"d-none"),onClick:B})),Z),r.createElement(ct,{kind:F.TooltipKind.DEFAULT,for:h,showOn:F.TooltipShowTrigger.MANUAL,isShown:v,altPosition:F.Position.TOP_MIDDLE},qe(s)),r.createElement(ct,{kind:F.TooltipKind.ERROR,for:f,showOn:F.TooltipShowTrigger.MANUAL,isShown:N,altPosition:F.Position.LEFT_MIDDLE},qe(d)||k()),q?.hasPreventativeErrors()&&r.createElement(ct,{kind:F.TooltipKind.WARNING,for:y,showOn:F.TooltipShowTrigger.MANUAL,isShown:R,altPosition:F.Position.LEFT_MIDDLE},qe(d)||G()),r.createElement(ct,{kind:F.TooltipKind.DEFAULT,for:g,position:F.Position.TOP_LEFT,altPosition:F.Position.TOP_LEFT,showOn:F.TooltipShowTrigger.MANUAL,isShown:T},p("label.stronglySuggested")),n&&r.createElement("div",{className:"sps-form-control__description","data-testid":`${u}__description`},n))}Object.assign(is,{props:oE,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
+ `}}}},oE={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 is({children:e,className:t,description:n,for:o,stronglySuggested:a,help:s,helpIcon:i=F.SpsIcon.QUESTION_CIRCLE,helpIconColor:l="blue200",errors:d,helpTooltipPosition:c=F.Position.TOP_MIDDLE,helpTooltipAltPosition:u=F.Position.TOP_MIDDLE,errorTooltipPosition:m=F.Position.TOP_MIDDLE,errorTooltipAltPosition:p=F.Position.LEFT_MIDDLE,preventativeErrorTooltipPosition:f=F.Position.TOP_MIDDLE,preventativeErrorTooltipAltPosition:g=F.Position.LEFT_MIDDLE,suggestedTooltipPosition:b=F.Position.TOP_LEFT,suggestedTooltipAltPosition:y=F.Position.TOP_LEFT,unsafelyReplaceClassName:v,"data-testid":h,...N}){const{t:w}=he.useWoodlandLanguage(),T=r.useRef(null),L=r.useRef(null),R=r.useRef(null),_=r.useRef(null),[O,A]=r.useState(ge.HIDDEN),[U,X]=r.useState(ge.HIDDEN),[K,C]=r.useState(ge.HIDDEN),[V,B]=r.useState(ge.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 J(){C(ge.HIDDEN),A(ge.HIDDEN)}function I(){X(ge.HIDDEN),B(ge.HIDDEN)}function D(se){se.preventDefault(),I(),C(er(K))}function k(){return o&&(o instanceof Yt&&o.isVisibilyInvalid()||!(o instanceof Yt)&&!o.isValid())?[U,X]:o&&o instanceof Yt&&o.hasPreventativeErrors()?[V,B]:[ge.HIDDEN,()=>{}]}function G(){I();const[se,pe]=k();pe(er(se))}function Z(){I();const[,se]=k();se(ge.VISIBLE)}function ne(se){se.preventDefault(),I(),A(er(O))}r.useEffect(()=>{o&&(o.onFocus=Z,o.onBlur=I)},[o]);const te=$(v||"sps-form-group__label-container",t),[H,q]=o instanceof Yt?[o,void 0]:[void 0,o];function Y(se,pe){return{dateFormat:`Please enter a date in the format ${pe}.`,dateRangeOrder:"End date cannot be before start date.",dateValidity:"Please enter a valid date.",max:`Please enter a value no greater than ${pe}.`,maxLength:`Please enter no more than ${pe} characters.`,min:`Please enter a value no less than ${pe}.`,minLength:`Please enter at least ${pe} characters.`,required:"This field is required."}[se]}function W(){if(H){for(const se of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if(H.hasError(se))return w(`label.errors.${se}`,{context:H.errors?H.errors[se]:"",defaultValue:`${Y(se,H.errors?H.errors[se]:"")}`});if(H.hasError("dateConstraint")){const se=H.errors?.dateConstraint,pe=se.minExceeded?"min":"max";return w(`label.errors.dateConstraint.${pe}`,{context:se,defaultValue:pe==="min"?`Please enter a date on or after ${typeof se=="object"?se.minExceeded:se}`:`Please enter a date on or prior to ${typeof se=="object"?se.maxExceeded:se}`})}}return null}function ee(){if(H){for(const se of wt)if(H.hasPreventativeError(se))return w(`label.preventativeErrors.${se}`,{defaultValue:`${M[se]}`})}return null}const[z,Q]=at(e,[{type:ht}]);r.useEffect(()=>{H?.hasPreventativeErrors()&&B(ge.VISIBLE)},[H?.hasPreventativeErrors()]);const fe=r.useRef(null);return r.useEffect(()=>{function se(pe){fe.current?.contains(pe.target)||J()}return document.addEventListener("click",se),()=>{document.removeEventListener("click",se)}},[]),r.createElement(Le,{ref:fe,formMeta:H,formControl:q},r.createElement("div",{className:te},r.createElement("button",{className:$("sps-icon-button-wrapper","suggested-icon",!a&&"d-none"),tabIndex:0,onClick:D,type:"button","aria-label":`${Q} Strongly Suggested Help`,hidden:!a},r.createElement("i",{ref:L,"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:T,"data-testid":`${h}__error-icon`,className:$("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:G,"aria-label":`${Q} Error Help`}),r.createElement("label",{htmlFor:o&&"id"in o?o.id:void 0,className:"sps-form-group__label","data-testid":h,...N},r.createElement("span",{ref:_,className:"sps-form-group__label-content"},Q)),r.createElement("button",{className:$("sps-icon-button-wrapper",!s&&"d-none"),tabIndex:0,onClick:ne,type:"button","aria-label":`${Q} 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:F.TooltipKind.DEFAULT,for:R,showOn:F.TooltipShowTrigger.MANUAL,isShown:O,position:c,altPosition:u},qe(s)),r.createElement(ct,{kind:F.TooltipKind.ERROR,for:T,showOn:F.TooltipShowTrigger.MANUAL,isShown:U,position:m,altPosition:p},qe(d)||W()),H?.hasPreventativeErrors()&&r.createElement(ct,{kind:F.TooltipKind.WARNING,for:_,showOn:F.TooltipShowTrigger.MANUAL,isShown:V,position:f,altPosition:g},qe(d)||ee()),r.createElement(ct,{kind:F.TooltipKind.DEFAULT,for:L,position:b,altPosition:y,showOn:F.TooltipShowTrigger.MANUAL,isShown:K},w("label.stronglySuggested")),n&&r.createElement("div",{className:"sps-form-control__description","data-testid":`${h}__description`},n))}Object.assign(is,{props:oE,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,
@@ -3411,11 +3411,46 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
3411
3411
  ></SpsTextInput>
3412
3412
  </>;
3413
3413
  }
3414
- `}}}},rE={clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"string | number",required:!0}};function ls(e){const{itemsSelected:t,clearSelected:n,children:o,className:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,{t:d}=he.useWoodlandLanguage(),c=()=>{typeof n=="function"&&n()},u=$(i||"sps-list-action-bar-container","z-stratum-actionbar",a);return t?r.createElement("div",{className:u,...l,"data-testid":s},r.createElement("div",{className:"sps-list-action-bar"},r.createElement("div",{className:"sps-list-action-bar__details"},r.createElement("span",{className:"sps-tag sps-tag--info","data-testid":`${s}__badge`},t),d("listActionBar.itemsSelected",{defaultValue:"Items Selected"})),r.createElement("div",{className:"sps-list-action-bar__actions"},r.createElement(rt.Provider,{value:{fixed:!0}},o)),r.createElement("div",{className:"sps-list-action-bar__clear"},r.createElement(Ne,{kind:F.ButtonKind.LINK,icon:F.SpsIcon.X,onClick:c,"data-testid":`${s}__clear-button`},d("listActionBar.clearSelected",{defaultValue:"Clear Selected"}))))):r.createElement(r.Fragment,null)}Object.assign(ls,{props:rE,displayName:"SpsListActionBar"});const nr=r.createContext({resizeable:!1,resizeState:{},setResizeState:()=>{},setSingleResizeState:()=>{},sort:[],setSort:()=>{}}),aE=({children:e,resizeable:t=!1,resizeState:n,onResizeStateChange:o,sort:a,onSortChange:s})=>{const[i,l]=r.useState(n||{}),[d,c]=r.useState(a||[]),u=r.useRef(s);u.current=s;const m=r.useRef(o);m.current=o,r.useEffect(()=>{a&&a!==d&&c(a)},[a]);const p=r.useCallback(y=>{c(y),u.current?.(y)},[]),f=r.useCallback(y=>{l(y),m.current?.(y)},[]),g=r.useCallback((y,v)=>{l(b=>{const N={...b,[y]:v};return m.current?.(N),N})},[]),h=r.useMemo(()=>({resizeable:t,resizeState:i,setResizeState:f,setSingleResizeState:g,sort:d,setSort:p}),[t,i,f,g,d,p]);return r.createElement(nr.Provider,{value:h},e)},Yd=(e,t)=>{r.useLayoutEffect(()=>{if(e&&t.current){let n=0,o=!0,a=t.current.previousElementSibling;for(;a!==null;){if(!a.classList.contains("sps-table__cell--pinned")){o=!1;break}a=a.previousElementSibling}if(o){for(a=t.current.previousElementSibling;a!==null;)n+=a.clientWidth,a=a.previousElementSibling;t.current.style.left=`${n}px`}else{let s=t.current.nextElementSibling;for(;s!==null;)n+=s.clientWidth,s=s.nextElementSibling;t.current.style.right=`${n}px`}}})},sE=e=>{r.useLayoutEffect(()=>{const t=()=>{if(!e.current)return;const n=e.current.querySelectorAll("table > thead > tr:first-child > .sps-table__cell--pinned"),o=e.current.offsetWidth-e.current.clientWidth,a=e.current.offsetHeight-e.current.clientHeight;if(n.length>0){const s=[],i=[];n.forEach(c=>{let u=!0,m=c.previousElementSibling;for(;m!==null;){if(!m.classList.contains("sps-table__cell--pinned")){u=!1;break}m=m.previousElementSibling}u?s.push(c):i.push(c)});const l=s.reduce((c,u)=>c+u.clientWidth,0),d=i.reduce((c,u)=>c+u.clientWidth,0);e.current.style.backgroundPosition=`${l}px 0,
3414
+ `}}},tooltipPositions:{label:"Tooltip Positions",description:()=>r.createElement("p",null,"Label tooltips can be repositioned when the default placement does not fit the surrounding layout. For example, the error tooltip supports ",r.createElement("code",null,"errorTooltipPosition")," and"," ",r.createElement("code",null,"errorTooltipAltPosition")," props that control its primary placement and the fallback when flipped due to viewport constraints."),examples:{basic:{react:S.code`
3415
+ import {
3416
+ SpsLabel,
3417
+ SpsTextInput,
3418
+ SpsValidators,
3419
+ useSpsForm,
3420
+ } from "@spscommerce/ds-react";
3421
+ import { Position } from "@spscommerce/ds-shared";
3422
+
3423
+ function DemoComponent() {
3424
+ const { formValue, formMeta } = useSpsForm({
3425
+ companyName: "Target"
3426
+ }, {
3427
+ "companyName": [SpsValidators.minLength(7)]
3428
+ });
3429
+
3430
+ React.useEffect(() => {
3431
+ // Make validation error visible for the purpose of this demo
3432
+ formMeta.markAsDirty();
3433
+ }, []);
3434
+
3435
+ return <>
3436
+ <SpsLabel for={formMeta.fields.companyName}
3437
+ errors={() => formMeta.fields.companyName.hasError("minLength")
3438
+ && "Company Name must be at least 7 characters."}
3439
+ errorTooltipPosition={Position.LEFT_MIDDLE}
3440
+ errorTooltipAltPosition={Position.TOP_RIGHT}
3441
+ >
3442
+ Company Name
3443
+ </SpsLabel>
3444
+ <SpsTextInput formMeta={formMeta.fields.companyName}
3445
+ value={formValue.companyName}
3446
+ ></SpsTextInput>
3447
+ </>;
3448
+ }
3449
+ `}}}},rE={clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"string | number",required:!0}};function ls(e){const{itemsSelected:t,clearSelected:n,children:o,className:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,{t:d}=he.useWoodlandLanguage(),c=()=>{typeof n=="function"&&n()},u=$(i||"sps-list-action-bar-container","z-stratum-actionbar",a);return t?r.createElement("div",{className:u,...l,"data-testid":s},r.createElement("div",{className:"sps-list-action-bar"},r.createElement("div",{className:"sps-list-action-bar__details"},r.createElement("span",{className:"sps-tag sps-tag--info","data-testid":`${s}__badge`},t),d("listActionBar.itemsSelected",{defaultValue:"Items Selected"})),r.createElement("div",{className:"sps-list-action-bar__actions"},r.createElement(rt.Provider,{value:{fixed:!0}},o)),r.createElement("div",{className:"sps-list-action-bar__clear"},r.createElement(Ne,{kind:F.ButtonKind.LINK,icon:F.SpsIcon.X,onClick:c,"data-testid":`${s}__clear-button`},d("listActionBar.clearSelected",{defaultValue:"Clear Selected"}))))):r.createElement(r.Fragment,null)}Object.assign(ls,{props:rE,displayName:"SpsListActionBar"});const nr=r.createContext({resizeable:!1,resizeState:{},setResizeState:()=>{},setSingleResizeState:()=>{},sort:[],setSort:()=>{}}),aE=({children:e,resizeable:t=!1,resizeState:n,onResizeStateChange:o,sort:a,onSortChange:s})=>{const[i,l]=r.useState(n||{}),[d,c]=r.useState(a||[]),u=r.useRef(s);u.current=s;const m=r.useRef(o);m.current=o,r.useEffect(()=>{a&&a!==d&&c(a)},[a]);const p=r.useCallback(y=>{c(y),u.current?.(y)},[]),f=r.useCallback(y=>{l(y),m.current?.(y)},[]),g=r.useCallback((y,v)=>{l(h=>{const N={...h,[y]:v};return m.current?.(N),N})},[]),b=r.useMemo(()=>({resizeable:t,resizeState:i,setResizeState:f,setSingleResizeState:g,sort:d,setSort:p}),[t,i,f,g,d,p]);return r.createElement(nr.Provider,{value:b},e)},Yd=(e,t)=>{r.useLayoutEffect(()=>{if(e&&t.current){let n=0,o=!0,a=t.current.previousElementSibling;for(;a!==null;){if(!a.classList.contains("sps-table__cell--pinned")){o=!1;break}a=a.previousElementSibling}if(o){for(a=t.current.previousElementSibling;a!==null;)n+=a.clientWidth,a=a.previousElementSibling;t.current.style.left=`${n}px`}else{let s=t.current.nextElementSibling;for(;s!==null;)n+=s.clientWidth,s=s.nextElementSibling;t.current.style.right=`${n}px`}}})},sE=e=>{r.useLayoutEffect(()=>{const t=()=>{if(!e.current)return;const n=e.current.querySelectorAll("table > thead > tr:first-child > .sps-table__cell--pinned"),o=e.current.offsetWidth-e.current.clientWidth,a=e.current.offsetHeight-e.current.clientHeight;if(n.length>0){const s=[],i=[];n.forEach(c=>{let u=!0,m=c.previousElementSibling;for(;m!==null;){if(!m.classList.contains("sps-table__cell--pinned")){u=!1;break}m=m.previousElementSibling}u?s.push(c):i.push(c)});const l=s.reduce((c,u)=>c+u.clientWidth,0),d=i.reduce((c,u)=>c+u.clientWidth,0);e.current.style.backgroundPosition=`${l}px 0,
3415
3450
  calc(100% - ${d}px) 0,
3416
3451
  ${l}px ${-a}px,
3417
3452
  calc(100% - ${d+o}px) ${-a}px`}else e.current.style.backgroundPosition=`0 0, 100% 0, 0 ${-a}px,
3418
- 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)}})},iE=(e,t,n)=>{r.useLayoutEffect(()=>{const o=e.current;if(!o)return;const a=o?.querySelector("thead"),s=o?.querySelector("table"),l=s?.querySelector("tbody>tr")?.querySelectorAll("td"),d=a?.querySelectorAll("th")||[],c=document.body.querySelector(".sps-navbar-container");let u=o?.querySelector(".placeholder-head"),m;const p=()=>{a&&(a.style.position=t?"sticky":"",a.style.top=t?"0":"",a.style.overflow="",a.style.maxWidth="",a.style.width="",a.style.minWidth=""),u&&(u.style.width="",u.style.height=""),l&&Array.from(l).forEach((y,v)=>{const b=d[v];if(b){const N=b.getAttribute("data-resizekey"),w=N&&n?n[N]:void 0;if(w){const T=`${w}px`;b.style.minWidth=T,b.style.maxWidth=T,b.style.width=T,y.style.minWidth=T,y.style.maxWidth=T,y.style.width=T}else b.style.minWidth="",b.style.width="",b.style.maxWidth="",y.style.minWidth="",y.style.width="",y.style.maxWidth=""}else y.style.minWidth="",y.style.width="",y.style.maxWidth=""})},f=()=>{a&&o&&(a.scrollLeft=o.scrollLeft)},g=()=>{let y=null;m===window?y=c?c.getBoundingClientRect().height:0:m instanceof HTMLElement&&(y=m.getBoundingClientRect().top);const v=o.scrollLeft,b=a?.getBoundingClientRect(),N=o.getBoundingClientRect();if(y&&b&&b.top<=y&&y<=N.bottom-b.height&&N.top<=y){if(l&&Array.from(l).forEach((w,T)=>{const L=w.getBoundingClientRect().width,R=d[T].getBoundingClientRect().width,_=`${Math.max(L,R)}px`;d[T].style.minWidth=_,d[T].style.width=_,d[T].style.maxWidth=_,w.style.minWidth=_,w.style.width=_,w.style.maxWidth=_}),a&&e.current){a.style.position="fixed",a.style.top=`${y}px`,a.style.overflow="hidden";const w=e.current.offsetWidth-e.current.clientWidth,T=`${N.width-w}px`;a.style.maxWidth=T,a.style.width=T,a.style.minWidth=T}u||(u=document.createElement("div"),u.style.width=`${b.width}px`,u.style.height=`${b.height}px`,u.className="placeholder-head",o.insertBefore(u,s))}else u&&(o.removeChild(u),u=null,p());o.scrollLeft=v,f()},h=()=>{p(),g(),f()};return a&&a.classList.contains("sps-table__head--pinned")&&(m=Ai(o)||window,m.addEventListener("scroll",g),window.addEventListener("resize",h),o.addEventListener("scroll",f),h()),()=>{m&&(m.removeEventListener("scroll",g),window.removeEventListener("resize",h)),o.removeEventListener("scroll",f)}})},lE=(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 d=o.offsetHeight-o?.clientHeight,c=s.getBoundingClientRect().height,u=a.getBoundingClientRect().height,m=o.scrollTop,p=c+d-o.getBoundingClientRect().height-o.scrollTop,f=o.scrollLeft;l.style.bottom=`${-m}px`,l.style.left=`${f}px`,l.style.opacity=p>0?"1":"0",i.style.top=`${m+u}px`,i.style.left=`${f}px`,i.style.opacity=m>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()})},cE={sort:"SortedColumn",onSortChange:"SortChangeHandler",selectable:"boolean",maxHeightPx:"number",maxHeightRem:"number",resizeable:"boolean",resizeState:"ResizeState",onResizeStateChange:"ResizeStateChangeHandler"};function ln({children:e,className:t,onSortChange:n,sort:o,"data-testid":a,unsafelyReplaceClassName:s,maxHeightPx:i,maxHeightRem:l,resizeable:d,resizeState:c,onResizeStateChange:u,...m}){const p=$(s||"sps-table-container",t),f=i?i/16:l,g=f?{maxHeight:`${f}rem`}:{},h=r.useRef(null);return lE(h,f),sE(h),iE(h,f,c),r.createElement(aE,{resizeable:d,resizeState:c,onResizeStateChange:u,sort:o,onSortChange:n},r.createElement("div",{ref:h,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}`,...m},e)))}Object.assign(ln,{props:cE,displayName:"SpsTable"});function qd(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 Jd=({tableHeaderRef:e,resizerRef:t,resizeKey:n})=>{const{resizeable:o,resizeState:a,setSingleResizeState:s}=r.useContext(nr),i=!!o&&!!n,l=i?a?.[n]:0;return r.useLayoutEffect(()=>{let d,c=l,u=0;const m=qd(e.current),p=e.current?.querySelector(".sps-table__column-resizer"),f=e.current?.querySelector(".sps-table__column-resizer-guide");function g(){if(e.current&&d&&(p&&(p.style.backgroundColor=Nr.colors.blue200,p.style.zIndex="999"),f&&m&&(f.style.height=`${m.getBoundingClientRect().height}px`,f.style.display="block"),m)){const L=m.querySelectorAll("thead > tr > th");for(let R=0;R<L.length;R+=1){const _=L[R].querySelector(".sps-table__column-resizer");L[R].style.cursor="col-resize",L[R]!==e.current&&_&&(L[R].classList.remove("sps-table__header--resizeable"),_.style.display="none")}}}function h(){e.current&&d&&p&&f&&(p.style.right=`${u}px`,p.style.zIndex="999",f.style.right=`${u}px`)}function y(){if(e.current){const L=c?`${c}px`:"";e.current.style.width=L,e.current.style.maxWidth=L,e.current.style.minWidth=L;const R=e.current.querySelector(".sps-table__header-cell-body");if(R&&(R.style.overflow=L?"hidden":"",R.style.textOverflow=L?"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"),m){const _=m.querySelectorAll("thead > tr > th");for(let P=0;P<_.length;P+=1){const A=_[P].querySelector(".sps-table__header-cell-body"),U=_[P].querySelector(".sps-table__column-resizer");_[P].style.cursor="default",_[P]!==e.current&&U&&(_[P].classList.add("sps-table__header--resizeable"),U.style.display="block"),A?.textContent&&!A.title&&(A.title=A.textContent)}}}}const v=L=>{e.current&&(L.preventDefault(),d=L.clientX,c=e.current.clientWidth,g())},b=L=>{if(!d||!e.current)return;const R=Math.max(Math.min(d-L.clientX,40),-40);R!==0&&(d=L.clientX,u+=R,c=Math.max(c-R,40),h())},N=()=>{!e.current||!d||(d=0,u=0,y(),s(n,c))},w=()=>{c=0,y(),s(n,c)};let T=!1;return i&&t.current&&(t.current.addEventListener("dragstart",v),t.current.addEventListener("mousedown",v),t.current.addEventListener("dblclick",w),window.addEventListener("mousemove",b),window.addEventListener("dragend",N),window.addEventListener("mouseup",N),T=!0,y()),()=>{t.current&&T&&(t.current.removeEventListener("dragstart",v),t.current.removeEventListener("mousedown",v),t.current.removeEventListener("dblclick",w)),T&&(window.removeEventListener("mousemove",b),window.removeEventListener("dragend",N),window.removeEventListener("mouseup",N))}},[i,l,n,s]),{isResizeable:i}},Xd=e=>{const{resizeable:t,resizeState:n}=r.useContext(nr);r.useLayoutEffect(()=>{if(!t||!n||!e.current)return;const o=qd(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||"")})},Zd={controlCell:"boolean",sortKey:"string",resizeKey:"string",pinned:"boolean"};function Be({children:e,className:t,controlCell:n,sortKey:o,resizeKey:a="","data-testid":s,unsafelyReplaceClassName:i,pinned:l=!1,...d}){const{sort:c,setSort:u}=r.useContext(nr),m=c?.find(b=>b.key===o),p=()=>{if(o&&!n){const b=m?.direction===F.SortDirection.ASCENDING?F.SortDirection.DESCENDING:F.SortDirection.ASCENDING;u([{key:o,direction:b}])}},f=b=>{(b.key==="Enter"||b.key===" "||b.key==="Spacebar")&&(b.preventDefault(),p())},g=r.useRef(null);Yd(l,g);const h=r.useRef(null),{isResizeable:y}=Jd({tableHeaderRef:g,resizerRef:h,resizeKey:a}),v=$(i||"sps-table__header",n&&"sps-table__header--control",!o&&"sps-table__header--sort-disabled",m?.direction===F.SortDirection.ASCENDING&&"sps-table__header--sorted-asc",m?.direction===F.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":m?.direction||"none","data-testid":`${s}__header`,"data-resizekey":a||void 0,...d},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:h,className:$("sps-table__column-resizer")}),r.createElement("span",{className:$("sps-table__column-resizer-guide")})))}Object.assign(Be,{props:Zd,displayName:"SpsTableHeader"});function Qd(e){return r.createElement(Be,{...e})}Object.assign(Qd,{props:Zd,displayName:"SpsTh"});const ep={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:ep,displayName:"SpsTableHead"});function tp(e){return r.createElement(Ht,{...e})}Object.assign(tp,{props:ep,displayName:"SpsThead"});const np={};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:np,displayName:"SpsTableRow"});function op(e){return r.createElement(De,{...e})}Object.assign(op,{props:np,displayName:"SpsTr"});const rp={};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:rp,displayName:"SpsTableBody"});function ap(e){return r.createElement(Wt,{...e})}Object.assign(ap,{props:rp,displayName:"SpsTbody"});const sp={buttonCell:"boolean",controlCell:"boolean",wrap:"SpsTableCellWrapWidth",pinned:"boolean"};function re(e){const{buttonCell:t,children:n,className:o,controlCell:a,"data-testid":s,unsafelyReplaceClassName:i,wrap:l,pinned:d=!1,...c}=e,u=$(i||"sps-table__cell",t&&"sps-table__cell--button-cell",a&&"sps-table__cell--control",l&&`sps-table__cell--text-wrap-${l}`,d&&"sps-table__cell--pinned",o),m=r.useRef(null);return Yd(d,m),Xd(m),r.createElement("td",{className:u,ref:m,role:"cell","data-testid":`${s}__cell`,...c},n)}Object.assign(re,{props:sp,displayName:"SpsTableCell"});function ip(e){return r.createElement(re,{...e})}Object.assign(ip,{props:sp,displayName:"SpsTd"});const dE={};function lp(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,[s,i,l]=at(t,[{type:Ne,props:{kind:F.ButtonKind.LINK}},[{type:Ne,props:{kind:F.ButtonKind.ICON}},{type:sn}]]),d=s.length>0&&(i.length>0||l.length>0),c=i.length>0&&l.length>0,u=$(o||"sps-button-group",n);return r.createElement("div",{className:u,...a},s.length>0&&s,d&&r.createElement("div",{className:"sps-vertical-rule"}),i.length>0&&i,c&&r.createElement("div",{className:"sps-vertical-rule"}),l.length>0&&l)}Object.assign(lp,{props:dE,displayName:"SpsButtonGroup"});const pE={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)}})},iE=(e,t,n)=>{r.useLayoutEffect(()=>{const o=e.current;if(!o)return;const a=o?.querySelector("thead"),s=o?.querySelector("table"),l=s?.querySelector("tbody>tr")?.querySelectorAll("td"),d=a?.querySelectorAll("th")||[],c=document.body.querySelector(".sps-navbar-container");let u=o?.querySelector(".placeholder-head"),m;const p=()=>{a&&(a.style.position=t?"sticky":"",a.style.top=t?"0":"",a.style.overflow="",a.style.maxWidth="",a.style.width="",a.style.minWidth=""),u&&(u.style.width="",u.style.height=""),l&&Array.from(l).forEach((y,v)=>{const h=d[v];if(h){const N=h.getAttribute("data-resizekey"),w=N&&n?n[N]:void 0;if(w){const T=`${w}px`;h.style.minWidth=T,h.style.maxWidth=T,h.style.width=T,y.style.minWidth=T,y.style.maxWidth=T,y.style.width=T}else h.style.minWidth="",h.style.width="",h.style.maxWidth="",y.style.minWidth="",y.style.width="",y.style.maxWidth=""}else y.style.minWidth="",y.style.width="",y.style.maxWidth=""})},f=()=>{a&&o&&(a.scrollLeft=o.scrollLeft)},g=()=>{let y=null;m===window?y=c?c.getBoundingClientRect().height:0:m instanceof HTMLElement&&(y=m.getBoundingClientRect().top);const v=o.scrollLeft,h=a?.getBoundingClientRect(),N=o.getBoundingClientRect();if(y&&h&&h.top<=y&&y<=N.bottom-h.height&&N.top<=y){if(l&&Array.from(l).forEach((w,T)=>{const L=w.getBoundingClientRect().width,R=d[T].getBoundingClientRect().width,_=`${Math.max(L,R)}px`;d[T].style.minWidth=_,d[T].style.width=_,d[T].style.maxWidth=_,w.style.minWidth=_,w.style.width=_,w.style.maxWidth=_}),a&&e.current){a.style.position="fixed",a.style.top=`${y}px`,a.style.overflow="hidden";const w=e.current.offsetWidth-e.current.clientWidth,T=`${N.width-w}px`;a.style.maxWidth=T,a.style.width=T,a.style.minWidth=T}u||(u=document.createElement("div"),u.style.width=`${h.width}px`,u.style.height=`${h.height}px`,u.className="placeholder-head",o.insertBefore(u,s))}else u&&(o.removeChild(u),u=null,p());o.scrollLeft=v,f()},b=()=>{p(),g(),f()};return a&&a.classList.contains("sps-table__head--pinned")&&(m=Ai(o)||window,m.addEventListener("scroll",g),window.addEventListener("resize",b),o.addEventListener("scroll",f),b()),()=>{m&&(m.removeEventListener("scroll",g),window.removeEventListener("resize",b)),o.removeEventListener("scroll",f)}})},lE=(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 d=o.offsetHeight-o?.clientHeight,c=s.getBoundingClientRect().height,u=a.getBoundingClientRect().height,m=o.scrollTop,p=c+d-o.getBoundingClientRect().height-o.scrollTop,f=o.scrollLeft;l.style.bottom=`${-m}px`,l.style.left=`${f}px`,l.style.opacity=p>0?"1":"0",i.style.top=`${m+u}px`,i.style.left=`${f}px`,i.style.opacity=m>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()})},cE={sort:"SortedColumn",onSortChange:"SortChangeHandler",selectable:"boolean",maxHeightPx:"number",maxHeightRem:"number",resizeable:"boolean",resizeState:"ResizeState",onResizeStateChange:"ResizeStateChangeHandler"};function ln({children:e,className:t,onSortChange:n,sort:o,"data-testid":a,unsafelyReplaceClassName:s,maxHeightPx:i,maxHeightRem:l,resizeable:d,resizeState:c,onResizeStateChange:u,...m}){const p=$(s||"sps-table-container",t),f=i?i/16:l,g=f?{maxHeight:`${f}rem`}:{},b=r.useRef(null);return lE(b,f),sE(b),iE(b,f,c),r.createElement(aE,{resizeable:d,resizeState:c,onResizeStateChange:u,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}`,...m},e)))}Object.assign(ln,{props:cE,displayName:"SpsTable"});function qd(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 Jd=({tableHeaderRef:e,resizerRef:t,resizeKey:n})=>{const{resizeable:o,resizeState:a,setSingleResizeState:s}=r.useContext(nr),i=!!o&&!!n,l=i?a?.[n]:0;return r.useLayoutEffect(()=>{let d,c=l,u=0;const m=qd(e.current),p=e.current?.querySelector(".sps-table__column-resizer"),f=e.current?.querySelector(".sps-table__column-resizer-guide");function g(){if(e.current&&d&&(p&&(p.style.backgroundColor=Nr.colors.blue200,p.style.zIndex="999"),f&&m&&(f.style.height=`${m.getBoundingClientRect().height}px`,f.style.display="block"),m)){const L=m.querySelectorAll("thead > tr > th");for(let R=0;R<L.length;R+=1){const _=L[R].querySelector(".sps-table__column-resizer");L[R].style.cursor="col-resize",L[R]!==e.current&&_&&(L[R].classList.remove("sps-table__header--resizeable"),_.style.display="none")}}}function b(){e.current&&d&&p&&f&&(p.style.right=`${u}px`,p.style.zIndex="999",f.style.right=`${u}px`)}function y(){if(e.current){const L=c?`${c}px`:"";e.current.style.width=L,e.current.style.maxWidth=L,e.current.style.minWidth=L;const R=e.current.querySelector(".sps-table__header-cell-body");if(R&&(R.style.overflow=L?"hidden":"",R.style.textOverflow=L?"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"),m){const _=m.querySelectorAll("thead > tr > th");for(let O=0;O<_.length;O+=1){const A=_[O].querySelector(".sps-table__header-cell-body"),U=_[O].querySelector(".sps-table__column-resizer");_[O].style.cursor="default",_[O]!==e.current&&U&&(_[O].classList.add("sps-table__header--resizeable"),U.style.display="block"),A?.textContent&&!A.title&&(A.title=A.textContent)}}}}const v=L=>{e.current&&(L.preventDefault(),d=L.clientX,c=e.current.clientWidth,g())},h=L=>{if(!d||!e.current)return;const R=Math.max(Math.min(d-L.clientX,40),-40);R!==0&&(d=L.clientX,u+=R,c=Math.max(c-R,40),b())},N=()=>{!e.current||!d||(d=0,u=0,y(),s(n,c))},w=()=>{c=0,y(),s(n,c)};let T=!1;return i&&t.current&&(t.current.addEventListener("dragstart",v),t.current.addEventListener("mousedown",v),t.current.addEventListener("dblclick",w),window.addEventListener("mousemove",h),window.addEventListener("dragend",N),window.addEventListener("mouseup",N),T=!0,y()),()=>{t.current&&T&&(t.current.removeEventListener("dragstart",v),t.current.removeEventListener("mousedown",v),t.current.removeEventListener("dblclick",w)),T&&(window.removeEventListener("mousemove",h),window.removeEventListener("dragend",N),window.removeEventListener("mouseup",N))}},[i,l,n,s]),{isResizeable:i}},Xd=e=>{const{resizeable:t,resizeState:n}=r.useContext(nr);r.useLayoutEffect(()=>{if(!t||!n||!e.current)return;const o=qd(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||"")})},Zd={controlCell:"boolean",sortKey:"string",resizeKey:"string",pinned:"boolean"};function Be({children:e,className:t,controlCell:n,sortKey:o,resizeKey:a="","data-testid":s,unsafelyReplaceClassName:i,pinned:l=!1,...d}){const{sort:c,setSort:u}=r.useContext(nr),m=c?.find(h=>h.key===o),p=()=>{if(o&&!n){const h=m?.direction===F.SortDirection.ASCENDING?F.SortDirection.DESCENDING:F.SortDirection.ASCENDING;u([{key:o,direction:h}])}},f=h=>{(h.key==="Enter"||h.key===" "||h.key==="Spacebar")&&(h.preventDefault(),p())},g=r.useRef(null);Yd(l,g);const b=r.useRef(null),{isResizeable:y}=Jd({tableHeaderRef:g,resizerRef:b,resizeKey:a}),v=$(i||"sps-table__header",n&&"sps-table__header--control",!o&&"sps-table__header--sort-disabled",m?.direction===F.SortDirection.ASCENDING&&"sps-table__header--sorted-asc",m?.direction===F.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":m?.direction||"none","data-testid":`${s}__header`,"data-resizekey":a||void 0,...d},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(Be,{props:Zd,displayName:"SpsTableHeader"});function Qd(e){return r.createElement(Be,{...e})}Object.assign(Qd,{props:Zd,displayName:"SpsTh"});const ep={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:ep,displayName:"SpsTableHead"});function tp(e){return r.createElement(Ht,{...e})}Object.assign(tp,{props:ep,displayName:"SpsThead"});const np={};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:np,displayName:"SpsTableRow"});function op(e){return r.createElement(De,{...e})}Object.assign(op,{props:np,displayName:"SpsTr"});const rp={};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:rp,displayName:"SpsTableBody"});function ap(e){return r.createElement(Wt,{...e})}Object.assign(ap,{props:rp,displayName:"SpsTbody"});const sp={buttonCell:"boolean",controlCell:"boolean",wrap:"SpsTableCellWrapWidth",pinned:"boolean"};function re(e){const{buttonCell:t,children:n,className:o,controlCell:a,"data-testid":s,unsafelyReplaceClassName:i,wrap:l,pinned:d=!1,...c}=e,u=$(i||"sps-table__cell",t&&"sps-table__cell--button-cell",a&&"sps-table__cell--control",l&&`sps-table__cell--text-wrap-${l}`,d&&"sps-table__cell--pinned",o),m=r.useRef(null);return Yd(d,m),Xd(m),r.createElement("td",{className:u,ref:m,role:"cell","data-testid":`${s}__cell`,...c},n)}Object.assign(re,{props:sp,displayName:"SpsTableCell"});function ip(e){return r.createElement(re,{...e})}Object.assign(ip,{props:sp,displayName:"SpsTd"});const dE={};function lp(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,[s,i,l]=at(t,[{type:Ne,props:{kind:F.ButtonKind.LINK}},[{type:Ne,props:{kind:F.ButtonKind.ICON}},{type:sn}]]),d=s.length>0&&(i.length>0||l.length>0),c=i.length>0&&l.length>0,u=$(o||"sps-button-group",n);return r.createElement("div",{className:u,...a},s.length>0&&s,d&&r.createElement("div",{className:"sps-vertical-rule"}),i.length>0&&i,c&&r.createElement("div",{className:"sps-vertical-rule"}),l.length>0&&l)}Object.assign(lp,{props:dE,displayName:"SpsButtonGroup"});const pE={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`
3419
3454
  import { SpsButton } from "@spscommerce/ds-react";
3420
3455
  import { ButtonKind } from "@spscommerce/ds-shared";
3421
3456
  `,jsx:S.code`
@@ -5156,7 +5191,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
5156
5191
  import { FeedbackBlockKind } from "@spscommerce/ds-shared";
5157
5192
  `,jsx:S.code`
5158
5193
  <SpsMicroBlock kind={FeedbackBlockKind.TIP} message="Pro Tip: Don't be a loser."/>
5159
- `}}}},gE={kind:"ModalKind",size:"ModalSize",title:"string",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>",fullHeight:"boolean"};function or({children:e}){return r.createElement("div",{className:"sps-modal__footer"},e)}Object.assign(or,{props:{},propTypes:{},displayName:"SpsModalFooter"});function ds({children:e,className:t,id:n,kind:o=F.ModalKind.GENERAL,size:a=F.ModalSize.SMALL,onClose:s,focusElementOnOpen:i,title:l,fullHeight:d=!1,...c}){const u=Rt(n),m=$("sps-modal","z-stratum-dialog",`sps-modal--${o}`,`sps-modal--${a}`,t),{t:p}=he.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(document.body.style.paddingRight||""),h=r.useRef(document.body.style.overflow||"");h.current==="hidden"&&(h.current="",g.current=""),r.useLayoutEffect(()=>{let w=!1;if(document.body.style.overflow!=="hidden"){const T=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=T,document.body.style.overflow="hidden",w=!0}return()=>{w&&(document.body.style.overflow=h.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(w=>{if(w&&w.key==="Escape"&&s&&s(),w&&w.key==="Tab"&&f.current){const T=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),L=T[0],R=T[T.length-1];T.length===0?w.preventDefault():w.shiftKey&&w.target===L?(w.preventDefault(),R.focus()):!w.shiftKey&&w.target===R&&(w.preventDefault(),L.focus())}},[s]),[[v],b]=at(e,[{type:or}]),N={general:"Action",info:"Info",success:"Success",warning:"Warning","serious-warning":"Warning"};return r.createElement("div",{id:u.current,role:"dialog","aria-modal":!0,"aria-labelledby":`${u.current}-title`,className:m,onKeyDown:y,tabIndex:-1,ref:f,"data-react-aria-top-layer":"true"},r.createElement("div",{...c,className:$("sps-modal__dialog",{"sps-modal__dialog-full-height":d})},r.createElement("div",{className:"sps-modal__titlebar"},r.createElement("div",{className:"sps-modal__title",id:`${u.current}-title`},l||p(`modal.defaultTitle.${o}`,{defaultValue:`${N[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}},b)),v||r.createElement("div",{className:"sps-modal__footer"},r.createElement(Ne,{kind:o===F.ModalKind.SERIOUS_WARNING?F.ButtonKind.DELETE:F.ButtonKind.KEY,onClick:s},p("modal.defaultButtonLabel",{defaultValue:"Okay"})))))}Object.assign(ds,{props:gE,displayName:"SpsModal"});const hE={title:"string",show:"boolean",closeOnEscapePressed:"boolean",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>"};function ps({children:e,className:t,id:n,show:o,closeOnEscapePressed:a=!0,onClose:s,focusElementOnOpen:i,title:l,noBackground:d,...c}){const u=Rt(n),m=$("sps-slide-in-panel","z-stratum-dialog",o?"open":"",d?"no-background":"",t),{t:p}=he.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(document.body.style.paddingRight||""),h=r.useRef(document.body.style.overflow||"");h.current==="hidden"&&(h.current="",g.current=""),r.useLayoutEffect(()=>{let b=!1;if(o&&document.body.style.overflow!=="hidden"){const N=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=N,document.body.style.overflow="hidden",b=!0}return()=>{b&&(document.body.style.overflow=h.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(b=>{if(a&&b&&b.key==="Escape"&&s&&s(),b&&b.key==="Tab"&&f.current){const N=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),w=N[0],T=N[N.length-1];N.length===0?b.preventDefault():b.shiftKey&&b.target===w?(b.preventDefault(),T.focus()):!b.shiftKey&&b.target===T&&(b.preventDefault(),w.focus())}},[s]);r.useEffect(()=>(window.addEventListener("keydown",y),()=>{window.removeEventListener("keydown",y)}),[y]);const[v]=at(e);return r.createElement("div",{id:u.current,role:"dialog","aria-labelledby":`${u.current}-title`,className:m,tabIndex:-1,ref:f,"data-react-aria-top-layer":"true"},r.createElement("div",{...c,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:`${u.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(ps,{props:hE,displayName:"SpsSlideInPanel"});const mp={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`
5194
+ `}}}},gE={kind:"ModalKind",size:"ModalSize",title:"string",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>",fullHeight:"boolean"};function or({children:e}){return r.createElement("div",{className:"sps-modal__footer"},e)}Object.assign(or,{props:{},propTypes:{},displayName:"SpsModalFooter"});function ds({children:e,className:t,id:n,kind:o=F.ModalKind.GENERAL,size:a=F.ModalSize.SMALL,onClose:s,focusElementOnOpen:i,title:l,fullHeight:d=!1,...c}){const u=Rt(n),m=$("sps-modal","z-stratum-dialog",`sps-modal--${o}`,`sps-modal--${a}`,t),{t:p}=he.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 w=!1;if(document.body.style.overflow!=="hidden"){const T=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=T,document.body.style.overflow="hidden",w=!0}return()=>{w&&(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(w=>{if(w&&w.key==="Escape"&&s&&s(),w&&w.key==="Tab"&&f.current){const T=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),L=T[0],R=T[T.length-1];T.length===0?w.preventDefault():w.shiftKey&&w.target===L?(w.preventDefault(),R.focus()):!w.shiftKey&&w.target===R&&(w.preventDefault(),L.focus())}},[s]),[[v],h]=at(e,[{type:or}]),N={general:"Action",info:"Info",success:"Success",warning:"Warning","serious-warning":"Warning"};return r.createElement("div",{id:u.current,role:"dialog","aria-modal":!0,"aria-labelledby":`${u.current}-title`,className:m,onKeyDown:y,tabIndex:-1,ref:f,"data-react-aria-top-layer":"true"},r.createElement("div",{...c,className:$("sps-modal__dialog",{"sps-modal__dialog-full-height":d})},r.createElement("div",{className:"sps-modal__titlebar"},r.createElement("div",{className:"sps-modal__title",id:`${u.current}-title`},l||p(`modal.defaultTitle.${o}`,{defaultValue:`${N[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===F.ModalKind.SERIOUS_WARNING?F.ButtonKind.DELETE:F.ButtonKind.KEY,onClick:s},p("modal.defaultButtonLabel",{defaultValue:"Okay"})))))}Object.assign(ds,{props:gE,displayName:"SpsModal"});const hE={title:"string",show:"boolean",closeOnEscapePressed:"boolean",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>"};function ps({children:e,className:t,id:n,show:o,closeOnEscapePressed:a=!0,onClose:s,focusElementOnOpen:i,title:l,noBackground:d,...c}){const u=Rt(n),m=$("sps-slide-in-panel","z-stratum-dialog",o?"open":"",d?"no-background":"",t),{t:p}=he.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 N=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=N,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 N=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),w=N[0],T=N[N.length-1];N.length===0?h.preventDefault():h.shiftKey&&h.target===w?(h.preventDefault(),T.focus()):!h.shiftKey&&h.target===T&&(h.preventDefault(),w.focus())}},[s]);r.useEffect(()=>(window.addEventListener("keydown",y),()=>{window.removeEventListener("keydown",y)}),[y]);const[v]=at(e);return r.createElement("div",{id:u.current,role:"dialog","aria-labelledby":`${u.current}-title`,className:m,tabIndex:-1,ref:f,"data-react-aria-top-layer":"true"},r.createElement("div",{...c,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:`${u.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(ps,{props:hE,displayName:"SpsSlideInPanel"});const mp={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`
5160
5195
  import { SpsButton, SpsSlideInPanel } from "@spscommerce/ds-react";
5161
5196
  import { ButtonKind } from "@spscommerce/ds-shared";
5162
5197
  function Component() {
@@ -5647,7 +5682,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
5647
5682
  </>
5648
5683
  );
5649
5684
  }
5650
- `}}}},bE={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 us({action:e,captionKey:t,className:n,clearSearchOnBlur:o,clearSearchOnEnter:a,clearSearchOnSelection:s=!0,conformWidth:i,debounce:l,disabled:d,disableSelected:c=!1,comparisonKey:u,formControl:m,formMeta:p,hideSelected:f,id:g,onChange:h,onSearchChange:y,options:v,placeholder:b,tallOptionList:N,textKey:w,unsafelyReplaceClassName:T,value:L,zeroState:R="There are no matching options.",loading:_,filterByTextAndCaptionKey:P,icon:A,maxHeightOptionListPx:U,maxHeightOptionListRem:X,disableOptionsMemoization:H,"data-testid":C,wrap:K=!1,...B}){const M=L??[],q=p||m,{wrapperId:I,controlId:D}=We(g,q),[k,G]=Dt({keyDown:null,opensUpward:!1,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{y&&y(k.searchText)},[k.searchText]);const Z=r.useRef(null),te=r.useRef(null),ne=r.useRef(null),V=r.useRef(null),j=r.useRef(null);function J(){o&&G({searchText:""})}const{showPopup:W,doShowPopup:Q,doHidePopup:z}=bn(Z,V,J);function ee(){G({activeTagIndex:null}),Q()}function me(){setTimeout(()=>{ne.current?.focus()},0)}function ue(oe){if(j.current&&j.current.children.length&&typeof oe=="number"){const je=j.current.children[oe]?.querySelector(".sps-clickable-tag__icon");je&&je.focus()}}function ge(oe,de=!0){de&&G({searchText:""}),q&&(q.setValue(oe),q.markAsDirty()),h&&h(new Lt({value:oe}))}function ze(oe){M.indexOf(oe)===-1&&ge([...M,oe],s),me()}function $e(oe){const de=M.filter((je,mo)=>mo!==oe);ge(de)}function Xe(oe){G({searchText:oe.target.value})}function nt(oe){if(!d){const de=!f&&!oe.target.selectionStart&&M&&M.length;switch(oe.key){case"Backspace":if(k.activeTagIndex===M.length-1){$e(k.activeTagIndex),me();return}if(k.activeTagIndex!==null){$e(k.activeTagIndex);return}if(de){ge(M.slice(0,M.length-1));return}break;case"Delete":if(k.activeTagIndex!==null){$e(k.activeTagIndex);return}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":oe.preventDefault();break;case"Left":case"ArrowLeft":if(de){k.activeTagIndex===null?(G({activeTagIndex:M.length-1}),z(),ue(M.length-1)):k.activeTagIndex>0&&(G({activeTagIndex:k.activeTagIndex-1}),z(),ue(k.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(k.activeTagIndex!==null){k.activeTagIndex===M.length-1?(G({activeTagIndex:null}),Q(),ne.current?.focus()):(G({activeTagIndex:k.activeTagIndex+1}),ue(k.activeTagIndex+1));return}break;case"Tab":z();break;case"Escape":z(),ne.current?.blur();break;case"Enter":a&&G({searchText:""});break}G({keyDown:hn(oe)})}}function mt(oe){G({opensUpward:oe})}function xe(oe){ge([]),oe.stopPropagation()}function ot(oe){G({optionIds:new Array(oe).fill("").map((de,je)=>`${I}-options-option-${je}`).join(",")})}const Ve=r.useCallback(()=>{G({searchText:""}),me()},[]),ft=$(T||"sps-multi-select",W&&"sps-multi-select--open",W&&"z-stratum-dropdown",k.opensUpward&&"sps-multi-select--opens-upward",d&&"sps-form-control--disabled",n),_e=new Array(M.length).fill(0).map((oe,de)=>`${I}_tag-${de}`);return r.useEffect(()=>{let oe;return W&&(oe=()=>{z()},window.addEventListener("resize",oe)),()=>{oe&&window.removeEventListener("resize",oe)}},[W]),Fn({isOpen:W,rootRef:Z}),r.createElement(Le,{id:I,className:ft,formControl:m,formMeta:p,ref:Z,inputRef:ne,focusInputOnClick:!0,onKeyDown:nt,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":_e[k.activeTagIndex||0],"aria-owns":k.optionIds},r.createElement("div",{className:"sps-text-input",ref:te},r.createElement("div",{className:$("sps-form-control",M&&!d&&"sps-form-control--clearable")},A&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${A}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:j},f?null:M.map((oe,de)=>r.createElement(An,{id:_e[de],role:"option",disabled:d,"aria-selected":"true",key:_e[de],onRemove:()=>$e(de),wrap:K},w?oe[w]:oe)),r.createElement("input",{type:"text",ref:ne,"data-testid":`${C}__option-list-input`,value:k.searchText,className:"sps-text-input__input",placeholder:M.length===0?b:void 0,id:D,onClick:ee,onChange:Xe,onFocus:ee,onKeyDown:nt,disabled:d,role:"listbox","aria-multiselectable":"true","aria-owns":_e.join(" "),...B})),M.length!==0&&!d?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:oe=>xe(oe)}):null)),r.createElement(Rn,{id:`${I}_options`,ref:V,"data-testid":`${C}__option-list`,attachTo:te,captionKey:t,disabledOptions:c?M:null,isOpen:W,comparisonKey:u,keepOpen:!0,keyDown:k.keyDown,options:v,specialAction:e,onOptionSelected:ze,onPositionFlip:mt,hideInlineSearch:!0,optionRole:"option",onOptionListChanged:ot,filterByTextAndCaptionKey:P,searchDebounce:l,search:k.searchText,tall:N,textKey:w,zeroState:R,loading:_,maxHeightPx:U,maxHeightRem:X,disableOptionsMemoization:H,onSpecialActionSelect:Ve,conformWidth:i}))}Object.assign(us,{props:bE,displayName:"SpsMultiSelect"});const Sp={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`
5685
+ `}}}},bE={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 us({action:e,captionKey:t,className:n,clearSearchOnBlur:o,clearSearchOnEnter:a,clearSearchOnSelection:s=!0,conformWidth:i,debounce:l,disabled:d,disableSelected:c=!1,comparisonKey:u,formControl:m,formMeta:p,hideSelected:f,id:g,onChange:b,onSearchChange:y,options:v,placeholder:h,tallOptionList:N,textKey:w,unsafelyReplaceClassName:T,value:L,zeroState:R="There are no matching options.",loading:_,filterByTextAndCaptionKey:O,icon:A,maxHeightOptionListPx:U,maxHeightOptionListRem:X,disableOptionsMemoization:K,"data-testid":C,wrap:V=!1,...B}){const M=L??[],J=p||m,{wrapperId:I,controlId:D}=Ge(g,J),[k,G]=Dt({keyDown:null,opensUpward:!1,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{y&&y(k.searchText)},[k.searchText]);const Z=r.useRef(null),ne=r.useRef(null),te=r.useRef(null),H=r.useRef(null),q=r.useRef(null);function Y(){o&&G({searchText:""})}const{showPopup:W,doShowPopup:ee,doHidePopup:z}=bn(Z,H,Y);function Q(){G({activeTagIndex:null}),ee()}function fe(){setTimeout(()=>{te.current?.focus()},0)}function se(oe){if(q.current&&q.current.children.length&&typeof oe=="number"){const je=q.current.children[oe]?.querySelector(".sps-clickable-tag__icon");je&&je.focus()}}function pe(oe,ue=!0){ue&&G({searchText:""}),J&&(J.setValue(oe),J.markAsDirty()),b&&b(new Lt({value:oe}))}function He(oe){M.indexOf(oe)===-1&&pe([...M,oe],s),fe()}function $e(oe){const ue=M.filter((je,mo)=>mo!==oe);pe(ue)}function Xe(oe){G({searchText:oe.target.value})}function nt(oe){if(!d){const ue=!f&&!oe.target.selectionStart&&M&&M.length;switch(oe.key){case"Backspace":if(k.activeTagIndex===M.length-1){$e(k.activeTagIndex),fe();return}if(k.activeTagIndex!==null){$e(k.activeTagIndex);return}if(ue){pe(M.slice(0,M.length-1));return}break;case"Delete":if(k.activeTagIndex!==null){$e(k.activeTagIndex);return}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":oe.preventDefault();break;case"Left":case"ArrowLeft":if(ue){k.activeTagIndex===null?(G({activeTagIndex:M.length-1}),z(),se(M.length-1)):k.activeTagIndex>0&&(G({activeTagIndex:k.activeTagIndex-1}),z(),se(k.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(k.activeTagIndex!==null){k.activeTagIndex===M.length-1?(G({activeTagIndex:null}),ee(),te.current?.focus()):(G({activeTagIndex:k.activeTagIndex+1}),se(k.activeTagIndex+1));return}break;case"Tab":z();break;case"Escape":z(),te.current?.blur();break;case"Enter":a&&G({searchText:""});break}G({keyDown:hn(oe)})}}function mt(oe){G({opensUpward:oe})}function xe(oe){pe([]),oe.stopPropagation()}function ot(oe){G({optionIds:new Array(oe).fill("").map((ue,je)=>`${I}-options-option-${je}`).join(",")})}const Ve=r.useCallback(()=>{G({searchText:""}),fe()},[]),ft=$(T||"sps-multi-select",W&&"sps-multi-select--open",W&&"z-stratum-dropdown",k.opensUpward&&"sps-multi-select--opens-upward",d&&"sps-form-control--disabled",n),_e=new Array(M.length).fill(0).map((oe,ue)=>`${I}_tag-${ue}`);return r.useEffect(()=>{let oe;return W&&(oe=()=>{z()},window.addEventListener("resize",oe)),()=>{oe&&window.removeEventListener("resize",oe)}},[W]),Fn({isOpen:W,rootRef:Z}),r.createElement(Le,{id:I,className:ft,formControl:m,formMeta:p,ref:Z,inputRef:te,focusInputOnClick:!0,onKeyDown:nt,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":_e[k.activeTagIndex||0],"aria-owns":k.optionIds},r.createElement("div",{className:"sps-text-input",ref:ne},r.createElement("div",{className:$("sps-form-control",M&&!d&&"sps-form-control--clearable")},A&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${A}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:q},f?null:M.map((oe,ue)=>r.createElement(An,{id:_e[ue],role:"option",disabled:d,"aria-selected":"true",key:_e[ue],onRemove:()=>$e(ue),wrap:V},w?oe[w]:oe)),r.createElement("input",{type:"text",ref:te,"data-testid":`${C}__option-list-input`,value:k.searchText,className:"sps-text-input__input",placeholder:M.length===0?h:void 0,id:D,onClick:Q,onChange:Xe,onFocus:Q,onKeyDown:nt,disabled:d,role:"listbox","aria-multiselectable":"true","aria-owns":_e.join(" "),...B})),M.length!==0&&!d?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:oe=>xe(oe)}):null)),r.createElement(Rn,{id:`${I}_options`,ref:H,"data-testid":`${C}__option-list`,attachTo:ne,captionKey:t,disabledOptions:c?M:null,isOpen:W,comparisonKey:u,keepOpen:!0,keyDown:k.keyDown,options:v,specialAction:e,onOptionSelected:He,onPositionFlip:mt,hideInlineSearch:!0,optionRole:"option",onOptionListChanged:ot,filterByTextAndCaptionKey:O,searchDebounce:l,search:k.searchText,tall:N,textKey:w,zeroState:R,loading:_,maxHeightPx:U,maxHeightRem:X,disableOptionsMemoization:K,onSpecialActionSelect:Ve,conformWidth:i}))}Object.assign(us,{props:bE,displayName:"SpsMultiSelect"});const Sp={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`
5651
5686
  import {
5652
5687
  SpsLabel,
5653
5688
  SpsMultiSelect,
@@ -6029,7 +6064,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
6029
6064
  <br />
6030
6065
  {JSON.stringify(formValue)}
6031
6066
  </>
6032
- }`}}}},vE={page:"number",numPages:"number",onPageChange:"(pageNumber: number) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",onBeforeChange:"(page: number) => boolean | Promise<boolean>"};function rr(e){const{numPages:t=0,onPageChange:n,page:o=1,unsafelyReplaceClassName:a,className:s,"data-testid":i,disabled:l=!1,unknownPageCount:d=!1,nextPageBtnDisabled:c=!1,onBeforeChange:u,...m}=e,{t:p}=he.useWoodlandLanguage(),[f,g]=r.useState(o),[h,y]=r.useState(o);r.useEffect(()=>{y(o),g(o)},[o]);async function v(T){if(u&&!await u(T))return;const L=S.constrain(T,[1,t]);T!==h&&(y(L),g(L),n&&typeof n=="function"&&n(L))}function b(T){g(Number(T.target.value)||"")}const N=$(a||"sps-page-selector",s),w=Rt();return r.createElement("div",{className:N,"data-testid":i,...m},!d&&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:w.current,className:"sr-only"},p("pagination.page",{defaultValue:"Page"})),r.createElement(ro,{onSubmit:()=>v(Number(f))},r.createElement("input",{id:w.current,type:"text",value:f,onInput:b,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",(h===1||l)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>v(h-1),disabled:h===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",(h===t||l||c)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>v(h+1),disabled:h===t||l||c,title:p("pagination.nextPage",{defaultValue:"Next Page"})},r.createElement("i",{className:"sps-icon sps-icon-chevron-right","aria-hidden":"true"})))))}Object.assign(rr,{props:vE,displayName:"SpsPageSelector"});const yE={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 ms(e){const{className:t,onPageChange:n,page:o=1,pageSizeOptions:a=F.DEFAULT_PAGE_SIZE_OPTIONS,pageSize:s=a[0],"data-testid":i,totalResults:l,unsafelyReplaceClassName:d,disabled:c=!1,unknownPageCount:u=!1,nextPageBtnDisabled:m=!1,resultsOnPage:p,onBeforeChange:f,...g}=e,{t:h}=he.useWoodlandLanguage(),[y,v]=Dt({page:o,pageSize:s,numPages:0,indices:[0,0]});function b(A=y.pageSize){return l!==void 0?Math.ceil(l/A):NaN}function N(A=y.page,U=y.pageSize){const X=b(U),H=A===X&&l!==void 0&&l%U||U,C=p||(X===0?0:H),K=(A-1)*U;return X===0?[0,0]:[K+1,K+C]}function w(A){const U={page:A,indices:N(A)};return v(U),U}function T(A,U){const X={page:U,pageSize:A,numPages:b(A),indices:N(U,A)};return v(X),X}r.useEffect(()=>{v({numPages:b(),indices:N()})},[l,p]),r.useEffect(()=>{o!==y.page&&w(o)},[o]),r.useEffect(()=>{s!==y.pageSize&&T(s,o!==y.page?o:y.page)},[s]);function L(){return typeof l=="number"?l:h("pagination.many",{defaultValue:"many"})}function R(A){const U=T(A.target.value,1);n(U.page,U.pageSize,U.indices)}function _(A){const U=w(A);n(U.page,y.pageSize,U.indices)}const P=$(d||"sps-pagination",t);return r.createElement("div",{className:P,"data-testid":i,...g},r.createElement("div",{"data-testid":`${i}__size-selector`,className:"sps-page-size-selector"},h("pagination.view",{defaultValue:"View"}),r.createElement(rn,{options:a,onChange:R,notClearable:!0,autoFixWidth:!0,value:y.pageSize,className:"ml-1 mr-1",disabled:c,onBeforeChange:f?A=>f(y.page,Number(A)):void 0}),h("pagination.perPage",{defaultValue:"Per Page"})),u?r.createElement("div",{className:"sps-pagination__details"},`${h("pagination.viewing",{defaultValue:"Viewing"})} ${y.indices[0]} - ${y.indices[1]} ${h("pagination.ofMany",{defaultValue:"of many"})}`):r.createElement("div",{className:"sps-pagination__details"},`${h("pagination.viewing",{defaultValue:"Viewing"})} ${y.indices[0]} - ${y.indices[1]} ${h("pagination.of",{defaultValue:"of"})} ${L()}`),r.createElement(rr,{numPages:y.numPages,page:y.page,onPageChange:_,disabled:c,unknownPageCount:u,nextPageBtnDisabled:m,onBeforeChange:f?A=>f(A,y.pageSize):void 0}))}Object.assign(ms,{props:yE,displayName:"SpsPagination"});const gp={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`
6067
+ }`}}}},vE={page:"number",numPages:"number",onPageChange:"(pageNumber: number) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",onBeforeChange:"(page: number) => boolean | Promise<boolean>"};function rr(e){const{numPages:t=0,onPageChange:n,page:o=1,unsafelyReplaceClassName:a,className:s,"data-testid":i,disabled:l=!1,unknownPageCount:d=!1,nextPageBtnDisabled:c=!1,onBeforeChange:u,...m}=e,{t:p}=he.useWoodlandLanguage(),[f,g]=r.useState(o),[b,y]=r.useState(o);r.useEffect(()=>{y(o),g(o)},[o]);async function v(T){if(u&&!await u(T))return;const L=S.constrain(T,[1,t]);T!==b&&(y(L),g(L),n&&typeof n=="function"&&n(L))}function h(T){g(Number(T.target.value)||"")}const N=$(a||"sps-page-selector",s),w=Rt();return r.createElement("div",{className:N,"data-testid":i,...m},!d&&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:w.current,className:"sr-only"},p("pagination.page",{defaultValue:"Page"})),r.createElement(ro,{onSubmit:()=>v(Number(f))},r.createElement("input",{id:w.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||c)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>v(b+1),disabled:b===t||l||c,title:p("pagination.nextPage",{defaultValue:"Next Page"})},r.createElement("i",{className:"sps-icon sps-icon-chevron-right","aria-hidden":"true"})))))}Object.assign(rr,{props:vE,displayName:"SpsPageSelector"});const yE={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 ms(e){const{className:t,onPageChange:n,page:o=1,pageSizeOptions:a=F.DEFAULT_PAGE_SIZE_OPTIONS,pageSize:s=a[0],"data-testid":i,totalResults:l,unsafelyReplaceClassName:d,disabled:c=!1,unknownPageCount:u=!1,nextPageBtnDisabled:m=!1,resultsOnPage:p,onBeforeChange:f,...g}=e,{t:b}=he.useWoodlandLanguage(),[y,v]=Dt({page:o,pageSize:s,numPages:0,indices:[0,0]});function h(A=y.pageSize){return l!==void 0?Math.ceil(l/A):NaN}function N(A=y.page,U=y.pageSize){const X=h(U),K=A===X&&l!==void 0&&l%U||U,C=p||(X===0?0:K),V=(A-1)*U;return X===0?[0,0]:[V+1,V+C]}function w(A){const U={page:A,indices:N(A)};return v(U),U}function T(A,U){const X={page:U,pageSize:A,numPages:h(A),indices:N(U,A)};return v(X),X}r.useEffect(()=>{v({numPages:h(),indices:N()})},[l,p]),r.useEffect(()=>{o!==y.page&&w(o)},[o]),r.useEffect(()=>{s!==y.pageSize&&T(s,o!==y.page?o:y.page)},[s]);function L(){return typeof l=="number"?l:b("pagination.many",{defaultValue:"many"})}function R(A){const U=T(A.target.value,1);n(U.page,U.pageSize,U.indices)}function _(A){const U=w(A);n(U.page,y.pageSize,U.indices)}const O=$(d||"sps-pagination",t);return r.createElement("div",{className:O,"data-testid":i,...g},r.createElement("div",{"data-testid":`${i}__size-selector`,className:"sps-page-size-selector"},b("pagination.view",{defaultValue:"View"}),r.createElement(rn,{options:a,onChange:R,notClearable:!0,autoFixWidth:!0,value:y.pageSize,className:"ml-1 mr-1",disabled:c,onBeforeChange:f?A=>f(y.page,Number(A)):void 0}),b("pagination.perPage",{defaultValue:"Per Page"})),u?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"})} ${L()}`),r.createElement(rr,{numPages:y.numPages,page:y.page,onPageChange:_,disabled:c,unknownPageCount:u,nextPageBtnDisabled:m,onBeforeChange:f?A=>f(A,y.pageSize):void 0}))}Object.assign(ms,{props:yE,displayName:"SpsPagination"});const gp={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`
6033
6068
  import { SpsPagination } from "@spscommerce/ds-react";
6034
6069
  function Component() {
6035
6070
  const [page, setPage] = React.useState(2);
@@ -6144,7 +6179,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
6144
6179
  function Component() {
6145
6180
  return <SpsPageSelector numPages={25} onPageChange={() => {}} disabled />;
6146
6181
  }
6147
- `}}}},EE={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",inline:"boolean",centered:"boolean",label:"string",name:{type:"string",required:!0},onChange:"ChangeEventHandler",value:"any"};function fs({checked:e,className:t,"data-testid":n,disabled:o,formControl:a,formMeta:s,id:i,inline:l,centered:d,label:c,name:u,onChange:m,ref:p,unsafelyReplaceClassName:f,value:g,...h}){const y=s||a,v=r.useRef(null),{wrapperId:b,controlId:N}=We(i),w=$(f||"sps-radio-button","sps-checkable",l&&"sps-checkable--inline",d&&"sps-checkable--centered",!c&&"sps-checkable--no-label",t);function T(L){y&&(y.setValue(g),y.markAsDirty()),m&&m(L),v.current?.focus()}return r.createElement(Le,{id:b,className:w,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:N,name:u,checked:e,disabled:o,onChange:T,...h}),r.createElement("label",{className:"sps-checkable__label",htmlFor:N},c||""))}Object.assign(fs,{props:EE,displayName:"SpsRadioButton"});const hp={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`
6182
+ `}}}},EE={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",inline:"boolean",centered:"boolean",label:"string",name:{type:"string",required:!0},onChange:"ChangeEventHandler",value:"any"};function fs({checked:e,className:t,"data-testid":n,disabled:o,formControl:a,formMeta:s,id:i,inline:l,centered:d,label:c,name:u,onChange:m,ref:p,unsafelyReplaceClassName:f,value:g,...b}){const y=s||a,v=r.useRef(null),{wrapperId:h,controlId:N}=Ge(i),w=$(f||"sps-radio-button","sps-checkable",l&&"sps-checkable--inline",d&&"sps-checkable--centered",!c&&"sps-checkable--no-label",t);function T(L){y&&(y.setValue(g),y.markAsDirty()),m&&m(L),v.current?.focus()}return r.createElement(Le,{id:h,className:w,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:N,name:u,checked:e,disabled:o,onChange:T,...b}),r.createElement("label",{className:"sps-checkable__label",htmlFor:N},c||""))}Object.assign(fs,{props:EE,displayName:"SpsRadioButton"});const hp={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`
6148
6183
  import {
6149
6184
  useSpsForm,
6150
6185
  SpsForm,
@@ -6688,7 +6723,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
6688
6723
  </SpsForm>
6689
6724
  );
6690
6725
  }
6691
- `}}}},bp=({branch:e,setActiveBranch:t,activeBranch:n})=>{const[o,a]=E.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(bp,{branch:{...s,expanded:ar(s.subNavItems||[],n)},setActiveBranch:t,activeBranch:n,key:s.key??s.name}))))},ar=(e,t)=>e?e.some(n=>n.name===t)||e.some(n=>ar(n.subNavItems||[],t)):!1,vp=({title:e,titleIcon:t,navOptions:n,onNavChange:o,activeNavItem:a,tabs:s,onTabChange:i,initialActiveTab:l,filterable:d,filterInputPlaceholder:c})=>{const u=E.useRef(a),[m,p]=E.useState(a),[f,g]=E.useState(l||(s?s[0]:"")),[h,y]=E.useState(""),v=(T,L)=>{p(T),o&&o(T,L)},b=T=>{g(T),i&&i(T)},N=T=>T?T.some(L=>L.name.toLowerCase().includes(h))||T.some(L=>N(L.subNavItems||[])):!1,w=n.map(T=>({...T,navItems:T.navItems.filter(L=>L.name.toLowerCase().includes(h)||N(L.subNavItems||[]))}));return a!==u.current&&(p(a),u.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(T=>r.createElement("span",{className:$("sps-nav__item","sps-nav__link",T===f&&"active"),"data-toggle":"tab",role:"tab",tabIndex:0,key:T,onClick:()=>b(T),onKeyDown:L=>{(L.key==="Enter"||L.key===" ")&&(L.stopPropagation(),L.preventDefault(),b(T))}},r.createElement("span",null,T)))),r.createElement("div",{className:"sps-card__body"},d&&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:c,onChange:T=>{y(T.target.value)}})))),w.map(T=>r.createElement("section",{className:"sps-side-nav__section",key:T.key??T.sectionTitle},T.sectionTitle&&r.createElement("div",{className:"sps-side-nav__section-title",style:{fontWeight:400}},T.sectionTitle),T.navItems.map(L=>r.createElement(bp,{branch:{...L,expanded:ar(L.subNavItems||[],a)},activeBranch:m,setActiveBranch:(R,_)=>{v(R,_)},key:L.key??L.name}))))))},yp={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`
6726
+ `}}}},bp=({branch:e,setActiveBranch:t,activeBranch:n})=>{const[o,a]=E.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(bp,{branch:{...s,expanded:ar(s.subNavItems||[],n)},setActiveBranch:t,activeBranch:n,key:s.key??s.name}))))},ar=(e,t)=>e?e.some(n=>n.name===t)||e.some(n=>ar(n.subNavItems||[],t)):!1,vp=({title:e,titleIcon:t,navOptions:n,onNavChange:o,activeNavItem:a,tabs:s,onTabChange:i,initialActiveTab:l,filterable:d,filterInputPlaceholder:c})=>{const u=E.useRef(a),[m,p]=E.useState(a),[f,g]=E.useState(l||(s?s[0]:"")),[b,y]=E.useState(""),v=(T,L)=>{p(T),o&&o(T,L)},h=T=>{g(T),i&&i(T)},N=T=>T?T.some(L=>L.name.toLowerCase().includes(b))||T.some(L=>N(L.subNavItems||[])):!1,w=n.map(T=>({...T,navItems:T.navItems.filter(L=>L.name.toLowerCase().includes(b)||N(L.subNavItems||[]))}));return a!==u.current&&(p(a),u.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(T=>r.createElement("span",{className:$("sps-nav__item","sps-nav__link",T===f&&"active"),"data-toggle":"tab",role:"tab",tabIndex:0,key:T,onClick:()=>h(T),onKeyDown:L=>{(L.key==="Enter"||L.key===" ")&&(L.stopPropagation(),L.preventDefault(),h(T))}},r.createElement("span",null,T)))),r.createElement("div",{className:"sps-card__body"},d&&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:c,onChange:T=>{y(T.target.value)}})))),w.map(T=>r.createElement("section",{className:"sps-side-nav__section",key:T.key??T.sectionTitle},T.sectionTitle&&r.createElement("div",{className:"sps-side-nav__section-title",style:{fontWeight:400}},T.sectionTitle),T.navItems.map(L=>r.createElement(bp,{branch:{...L,expanded:ar(L.subNavItems||[],a)},activeBranch:m,setActiveBranch:(R,_)=>{v(R,_)},key:L.key??L.name}))))))},yp={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`
6692
6727
  import { SpsSideNav } from "@spscommerce/ds-react";
6693
6728
  import { SpsIcon } from "@spscommerce/ds-shared";
6694
6729
  function DemoComponent() {
@@ -7009,7 +7044,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
7009
7044
  </div>
7010
7045
  );
7011
7046
  }
7012
- `}}}},TE={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string"};function Ss(e){const{children:t,className:n,"data-testid":o,disabled:a,href:s,label:i,options:l,icon:d,kind:c=F.StdButtonKind.DEFAULT,spinning:u,spinningTitle:m,unsafelyReplaceClassName:p,onClick:f,...g}=e,h=r.useRef(null),[y,v]=r.useState({width:0}),[b,N]=r.useState(!1),[w,T]=r.useState(!1);r.useLayoutEffect(()=>{h.current&&v({width:h.current.offsetWidth})},[]),r.useEffect(()=>{T(!!u)},[u]);const L=()=>{N(!0)},R=()=>{N(!1)},_=$(p||"sps-split-button",`sps-split-button--${c}`,b&&"sps-split-button--open",n);return r.createElement(r.Fragment,null,w?r.createElement(Ne,{className:n,"data-testid":o,style:{width:y.width},kind:c,icon:d,href:s,spinning:!0,spinningTitle:m},i):r.createElement("div",{ref:h,className:_,"data-testid":o,...g},r.createElement(Ne,{kind:c,icon:d,href:s,disabled:a,onClick:f},i),r.createElement(sn,{kind:c,options:l,disabled:a,onOpen:L,onClose:R})))}Object.assign(Ss,{props:TE,displayName:"SpsSplitButton"});const Ep={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`
7047
+ `}}}},TE={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string"};function Ss(e){const{children:t,className:n,"data-testid":o,disabled:a,href:s,label:i,options:l,icon:d,kind:c=F.StdButtonKind.DEFAULT,spinning:u,spinningTitle:m,unsafelyReplaceClassName:p,onClick:f,...g}=e,b=r.useRef(null),[y,v]=r.useState({width:0}),[h,N]=r.useState(!1),[w,T]=r.useState(!1);r.useLayoutEffect(()=>{b.current&&v({width:b.current.offsetWidth})},[]),r.useEffect(()=>{T(!!u)},[u]);const L=()=>{N(!0)},R=()=>{N(!1)},_=$(p||"sps-split-button",`sps-split-button--${c}`,h&&"sps-split-button--open",n);return r.createElement(r.Fragment,null,w?r.createElement(Ne,{className:n,"data-testid":o,style:{width:y.width},kind:c,icon:d,href:s,spinning:!0,spinningTitle:m},i):r.createElement("div",{ref:b,className:_,"data-testid":o,...g},r.createElement(Ne,{kind:c,icon:d,href:s,disabled:a,onClick:f},i),r.createElement(sn,{kind:c,options:l,disabled:a,onOpen:L,onClose:R})))}Object.assign(Ss,{props:TE,displayName:"SpsSplitButton"});const Ep={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`
7013
7048
  import { SpsSplitButton } from "@spscommerce/ds-react";
7014
7049
  `,jsx:S.code`
7015
7050
  <React.Fragment>
@@ -7081,7 +7116,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
7081
7116
  ]} className="mr-1">
7082
7117
  </SpsSplitButton>
7083
7118
  </React.Fragment>
7084
- `}}}},wE={};function io(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(io,{props:wE,displayName:"SpsSummaryListExpansion"});const CE={expanded:"boolean",selected:"boolean",onToggle:"(isExpanded: boolean) => void"};function gs(e){const{children:t,className:n,expanded:o,onToggle:a,selected:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,[c,u]=Dt({isExpanded:o,expandable:!1});r.useEffect(()=>{const v=r.Children.toArray(t).some(b=>r.isValidElement(b)&&b.type===io);u({expandable:v})},[]);function m(){const v=!c.isExpanded;u({isExpanded:v}),a&&a(v)}function p(v){v.stopPropagation(),m()}function f(v){(v.key==="Enter"||v.key===" "||v.key==="Spacebar")&&(v.preventDefault(),v.stopPropagation(),m())}const g=$(l||"sps-summary-list-row","sps-content-row",c.expandable&&"sps-summary-list-row--expandable",c.isExpanded&&"sps-content-row--expanded",s&&"sps-summary-list-row--selected",n),[h,y]=at(t,[{type:io}]);return console.warn(["The SpsSummaryListRow component will be replaced by the SpsContentRow component.","All references to it should be replaced before SpsSummaryListRow is removed.","Reach out to the design system help Slack channel if you have any questions!"].join(" ")),r.createElement("div",{className:g,"data-testid":i,...d},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${i}__col-group`,onClick:p,onKeyDown:f,tabIndex:0},y),h)}Object.assign(gs,{props:CE,displayName:"SpsSummaryListRow"});const DE={borderless:"boolean",lean:"boolean",leaner:"boolean",width:"string"};function hs(e){const{className:t,children:n,borderless:o,lean:a,leaner:s,"data-testid":i,unsafelyReplaceClassName:l,width:d,...c}=e,u=$(l||"sps-content-row__col",a&&"sps-content-row__col--lean",s&&"sps-content-row__col--leaner",o&&"sps-content-row__col--borderless",t);return r.createElement("div",{className:u,style:{width:d},...c,"data-testid":`${i}__col`},n)}Object.assign(hs,{props:DE,displayName:"SpsSummaryListColumn"});const Tp={basic:{label:"Basic Usage",examples:{basic:{imports:S.code`
7119
+ `}}}},wE={};function io(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(io,{props:wE,displayName:"SpsSummaryListExpansion"});const CE={expanded:"boolean",selected:"boolean",onToggle:"(isExpanded: boolean) => void"};function gs(e){const{children:t,className:n,expanded:o,onToggle:a,selected:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,[c,u]=Dt({isExpanded:o,expandable:!1});r.useEffect(()=>{const v=r.Children.toArray(t).some(h=>r.isValidElement(h)&&h.type===io);u({expandable:v})},[]);function m(){const v=!c.isExpanded;u({isExpanded:v}),a&&a(v)}function p(v){v.stopPropagation(),m()}function f(v){(v.key==="Enter"||v.key===" "||v.key==="Spacebar")&&(v.preventDefault(),v.stopPropagation(),m())}const g=$(l||"sps-summary-list-row","sps-content-row",c.expandable&&"sps-summary-list-row--expandable",c.isExpanded&&"sps-content-row--expanded",s&&"sps-summary-list-row--selected",n),[b,y]=at(t,[{type:io}]);return console.warn(["The SpsSummaryListRow component will be replaced by the SpsContentRow component.","All references to it should be replaced before SpsSummaryListRow is removed.","Reach out to the design system help Slack channel if you have any questions!"].join(" ")),r.createElement("div",{className:g,"data-testid":i,...d},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${i}__col-group`,onClick:p,onKeyDown:f,tabIndex:0},y),b)}Object.assign(gs,{props:CE,displayName:"SpsSummaryListRow"});const DE={borderless:"boolean",lean:"boolean",leaner:"boolean",width:"string"};function hs(e){const{className:t,children:n,borderless:o,lean:a,leaner:s,"data-testid":i,unsafelyReplaceClassName:l,width:d,...c}=e,u=$(l||"sps-content-row__col",a&&"sps-content-row__col--lean",s&&"sps-content-row__col--leaner",o&&"sps-content-row__col--borderless",t);return r.createElement("div",{className:u,style:{width:d},...c,"data-testid":`${i}__col`},n)}Object.assign(hs,{props:DE,displayName:"SpsSummaryListColumn"});const Tp={basic:{label:"Basic Usage",examples:{basic:{imports:S.code`
7085
7120
  import {
7086
7121
  SpsSummaryListRow,
7087
7122
  SpsSummaryListColumn,
@@ -7375,7 +7410,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
7375
7410
  </SpsSummaryListRow>
7376
7411
  );
7377
7412
  }
7378
- `}}}},NE={tasks:"ReactSpsTask[]",taskQueuePosition:"Position",notificationText:"string",tooltipConfig:"{ position: Position, kind: TooltipKind }",onClose:"() => void",onOpen:"() => void",onClearCompleted:"() => void",suppressTooltips:"boolean"};function bs({tasks:e=[],taskQueuePosition:t=F.Position.BOTTOM_RIGHT,notificationText:n,tooltipConfig:o={},onOpen:a,onClose:s,onClearCompleted:i,className:l,"data-testid":d,unsafelyReplaceClassName:c,suppressTooltips:u=!1,...m}){const{t:p}=he.useWoodlandLanguage(),f=!!e.length,[g,h]=r.useState(!1),[y,v]=r.useState(f),b=r.useRef(null),N=r.useRef(null),w=r.useCallback(()=>{h(!1),s&&s()},[]);r.useEffect(()=>{g?window.addEventListener("resize",w):window.removeEventListener("resize",w)},[g]);const T=gn("sps-task-queue-portal"),L=r.useContext(rt),[R]=g?Jt(N,b,t,{altPosition:t,...L}):[{},!1],_=o.position||F.Position.BOTTOM_RIGHT,P=o.kind||F.TooltipKind.DEFAULT,A=e.filter(D=>D.unread).length,U=e.filter(D=>D.status===F.SpsTaskStatus.IN_PROGRESS).length,X=e.some(D=>D.status===F.SpsTaskStatus.COMPLETED||D.status===F.SpsTaskStatus.ERRORED),H=r.useRef(s);H.current=s;const C=r.useRef(null),K=()=>{f&&!g?(h(!0),a&&a()):g&&(h(!1),s&&s()),C.current&&(C.current.scrollTop=0)},B=D=>D.status===F.SpsTaskStatus.IN_PROGRESS?F.SpsTaskStatusIcons[D.status]:`sps-icon sps-icon-${F.SpsTaskStatusIcons[D.status]}`;r.useEffect(()=>{g&&!f&&(h(!1),H.current&&H.current())},[g,f]);const M=r.useRef();r.useEffect(()=>{A>0?(v(!0),M.current&&window.clearTimeout(M.current),M.current=window.setTimeout(()=>{M.current=void 0,v(!1)},F.TASK_QUEUE_NOTIFICATION_DURATION_MS)):(M.current&&(window.clearTimeout(M.current),M.current=void 0),v(!1))},[A]),r.useEffect(()=>{const D=()=>{h(k=>(k&&H.current&&H.current(),!1))};return document.getElementById("root")?.addEventListener("click",D),()=>{document.getElementById("root")?.removeEventListener("click",D)}},[]),Fn({isOpen:g,rootRef:b}),r.useEffect(()=>()=>{M.current&&window.clearTimeout(M.current)},[]);const q=$(c||"sps-task-queue",g&&"sps-task-queue--open",g&&"z-stratum-dropdown",!f&&"sps-task-queue--no-tasks",l);function I(D){return(D.actions||[]).map(k=>{if(r.isValidElement(k)){const G=k;if(G.type!==Ne||G.props.kind!==F.ButtonKind.ICON)throw new Error("Task queue task action must be a config object or an SpsButton of kind ICON");return G}else{const G=k;return r.createElement("div",{key:G.icon,className:"sps-button sps-button--icon"},r.createElement("button",{type:"button",title:G.label,disabled:G.disabled,onClick:()=>{G.onClick&&G.onClick(D)}},G.caption,G.icon&&r.createElement("i",{className:`sps-icon sps-icon-${G.icon}`,"aria-hidden":"true"})))}})}return r.createElement("div",{className:q,onClick:D=>{D.nativeEvent.stopImmediatePropagation()},"data-testid":d,...m},r.createElement("button",{type:"button",ref:b,className:"sps-task-queue__button",title:"Task Queue",onClick:K},!!A&&r.createElement("span",{className:"sps-tag sps-tag--info"},A),U?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:b,position:_,kind:P,showOn:f?F.TooltipShowTrigger.MANUAL:F.TooltipShowTrigger.MOUSEOVER,isShown:y&&!g?Se.VISIBLE:Se.HIDDEN,hideDelay:Number(f)&&F.TASK_QUEUE_NOTIFICATION_DURATION_MS},!u&&y&&(n||p("taskQueue.newTask",{defaultValue:"You have a new task in your queue."})),!u&&!y&&!f&&p("taskQueue.noTasks",{defaultValue:"There are currently no tasks in your queue."})),T(r.createElement("div",{ref:N,className:$("sps-task-queue__task-list",g&&"sps-task-queue__task-list--open","z-stratum-dropdown"),style:R},r.createElement("div",{ref:C,className:"sps-task-queue__task-list-tasks"},e.map((D,k)=>r.createElement("div",{key:k,className:$("sps-task-queue__task",D.unread&&"sps-task-queue__task--unread")},r.createElement("i",{className:B(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"},I(D))))),X&&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(bs,{props:NE,displayName:"SpsTaskQueue"});const wp={inProgress:{label:"Task Queue in progress",description:"<p>Info about Task Queue</p>",examples:{inProgress:{react:S.code`
7413
+ `}}}},NE={tasks:"ReactSpsTask[]",taskQueuePosition:"Position",notificationText:"string",tooltipConfig:"{ position: Position, kind: TooltipKind }",onClose:"() => void",onOpen:"() => void",onClearCompleted:"() => void",suppressTooltips:"boolean"};function bs({tasks:e=[],taskQueuePosition:t=F.Position.BOTTOM_RIGHT,notificationText:n,tooltipConfig:o={},onOpen:a,onClose:s,onClearCompleted:i,className:l,"data-testid":d,unsafelyReplaceClassName:c,suppressTooltips:u=!1,...m}){const{t:p}=he.useWoodlandLanguage(),f=!!e.length,[g,b]=r.useState(!1),[y,v]=r.useState(f),h=r.useRef(null),N=r.useRef(null),w=r.useCallback(()=>{b(!1),s&&s()},[]);r.useEffect(()=>{g?window.addEventListener("resize",w):window.removeEventListener("resize",w)},[g]);const T=gn("sps-task-queue-portal"),L=r.useContext(rt),[R]=g?Jt(N,h,t,{altPosition:t,...L}):[{},!1],_=o.position||F.Position.BOTTOM_RIGHT,O=o.kind||F.TooltipKind.DEFAULT,A=e.filter(D=>D.unread).length,U=e.filter(D=>D.status===F.SpsTaskStatus.IN_PROGRESS).length,X=e.some(D=>D.status===F.SpsTaskStatus.COMPLETED||D.status===F.SpsTaskStatus.ERRORED),K=r.useRef(s);K.current=s;const C=r.useRef(null),V=()=>{f&&!g?(b(!0),a&&a()):g&&(b(!1),s&&s()),C.current&&(C.current.scrollTop=0)},B=D=>D.status===F.SpsTaskStatus.IN_PROGRESS?F.SpsTaskStatusIcons[D.status]:`sps-icon sps-icon-${F.SpsTaskStatusIcons[D.status]}`;r.useEffect(()=>{g&&!f&&(b(!1),K.current&&K.current())},[g,f]);const M=r.useRef();r.useEffect(()=>{A>0?(v(!0),M.current&&window.clearTimeout(M.current),M.current=window.setTimeout(()=>{M.current=void 0,v(!1)},F.TASK_QUEUE_NOTIFICATION_DURATION_MS)):(M.current&&(window.clearTimeout(M.current),M.current=void 0),v(!1))},[A]),r.useEffect(()=>{const D=()=>{b(k=>(k&&K.current&&K.current(),!1))};return document.getElementById("root")?.addEventListener("click",D),()=>{document.getElementById("root")?.removeEventListener("click",D)}},[]),Fn({isOpen:g,rootRef:h}),r.useEffect(()=>()=>{M.current&&window.clearTimeout(M.current)},[]);const J=$(c||"sps-task-queue",g&&"sps-task-queue--open",g&&"z-stratum-dropdown",!f&&"sps-task-queue--no-tasks",l);function I(D){return(D.actions||[]).map(k=>{if(r.isValidElement(k)){const G=k;if(G.type!==Ne||G.props.kind!==F.ButtonKind.ICON)throw new Error("Task queue task action must be a config object or an SpsButton of kind ICON");return G}else{const G=k;return r.createElement("div",{key:G.icon,className:"sps-button sps-button--icon"},r.createElement("button",{type:"button",title:G.label,disabled:G.disabled,onClick:()=>{G.onClick&&G.onClick(D)}},G.caption,G.icon&&r.createElement("i",{className:`sps-icon sps-icon-${G.icon}`,"aria-hidden":"true"})))}})}return r.createElement("div",{className:J,onClick:D=>{D.nativeEvent.stopImmediatePropagation()},"data-testid":d,...m},r.createElement("button",{type:"button",ref:h,className:"sps-task-queue__button",title:"Task Queue",onClick:V},!!A&&r.createElement("span",{className:"sps-tag sps-tag--info"},A),U?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:_,kind:O,showOn:f?F.TooltipShowTrigger.MANUAL:F.TooltipShowTrigger.MOUSEOVER,isShown:y&&!g?ge.VISIBLE:ge.HIDDEN,hideDelay:Number(f)&&F.TASK_QUEUE_NOTIFICATION_DURATION_MS},!u&&y&&(n||p("taskQueue.newTask",{defaultValue:"You have a new task in your queue."})),!u&&!y&&!f&&p("taskQueue.noTasks",{defaultValue:"There are currently no tasks in your queue."})),T(r.createElement("div",{ref:N,className:$("sps-task-queue__task-list",g&&"sps-task-queue__task-list--open","z-stratum-dropdown"),style:R},r.createElement("div",{ref:C,className:"sps-task-queue__task-list-tasks"},e.map((D,k)=>r.createElement("div",{key:k,className:$("sps-task-queue__task",D.unread&&"sps-task-queue__task--unread")},r.createElement("i",{className:B(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"},I(D))))),X&&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(bs,{props:NE,displayName:"SpsTaskQueue"});const wp={inProgress:{label:"Task Queue in progress",description:"<p>Info about Task Queue</p>",examples:{inProgress:{react:S.code`
7379
7414
  import { SpsTaskQueue } from "@spscommerce/ds-react";
7380
7415
  import { SpsTaskStatus, SpsIcon } from "@spscommerce/ds-shared";
7381
7416
 
@@ -7664,7 +7699,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
7664
7699
  </div>
7665
7700
  );
7666
7701
  }
7667
- `}}}},IE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},sr=r.forwardRef(({className:e,disabled:t=!1,formControl:n,formMeta:o,icon:a,id:s,name:i,onChange:l,placeholder:d,"data-testid":c,title:u,unsafelyReplaceClassName:m,value:p="",additionalText:f,notClearable:g,...h},y)=>{const v=o||n,{wrapperId:b,controlId:N}=We(s,v),w=r.useRef(null);function T(P,A){v&&(v.setValue(P),v.markAsDirty()),l&&w.current&&l(A||new Lt(w.current))}function L(){w.current&&(w.current.value="",T(""))}function R(P){T(P.target.value,P)}const _=$(m||"sps-text-input",e);return r.createElement(Le,{id:b,className:_,formControl:n,formMeta:o,inputRef:w,ref:y,focusInputOnClick:!0,"data-testid":`${c}`},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:w,"data-testid":`${c}__input`,className:"sps-text-input__input",id:N,name:i,placeholder:d,onChange:R,title:u,value:p,disabled:t,...h}),!g&&p&&!t&&r.createElement("i",{"data-testid":`${c}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:L})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))});Object.assign(sr,{props:IE,displayName:"SpsTextInput"});const Cp={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`
7702
+ `}}}},IE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},sr=r.forwardRef(({className:e,disabled:t=!1,formControl:n,formMeta:o,icon:a,id:s,name:i,onChange:l,placeholder:d,"data-testid":c,title:u,unsafelyReplaceClassName:m,value:p="",additionalText:f,notClearable:g,...b},y)=>{const v=o||n,{wrapperId:h,controlId:N}=Ge(s,v),w=r.useRef(null);function T(O,A){v&&(v.setValue(O),v.markAsDirty()),l&&w.current&&l(A||new Lt(w.current))}function L(){w.current&&(w.current.value="",T(""))}function R(O){T(O.target.value,O)}const _=$(m||"sps-text-input",e);return r.createElement(Le,{id:h,className:_,formControl:n,formMeta:o,inputRef:w,ref:y,focusInputOnClick:!0,"data-testid":`${c}`},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:w,"data-testid":`${c}__input`,className:"sps-text-input__input",id:N,name:i,placeholder:d,onChange:R,title:u,value:p,disabled:t,...b}),!g&&p&&!t&&r.createElement("i",{"data-testid":`${c}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:L})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))});Object.assign(sr,{props:IE,displayName:"SpsTextInput"});const Cp={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`
7668
7703
  import { SpsLabel, SpsTextInput, useSpsForm } from "@spscommerce/ds-react";
7669
7704
 
7670
7705
  function DemoComponent() {
@@ -7739,7 +7774,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
7739
7774
  </div>
7740
7775
  );
7741
7776
  }
7742
- `}}}},xE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"};function vs({className:e,disabled:t=!1,formControl:n,formMeta:o,id:a,name:s,onChange:i,placeholder:l="",ref:d,rows:c=2,"data-testid":u,unsafelyReplaceClassName:m,value:p="",additionalText:f,...g}){const h=o||n,{wrapperId:y,controlId:v}=We(a,h),b=r.useRef(null);function N(R,_){h&&(h.setValue(R),h.markAsDirty()),i&&b.current&&i(_||new Lt(b.current))}function w(){b.current&&(b.current.value="",N(""))}function T(R){N(R.target.value,R)}const L=$(m||"sps-textarea",e);return r.createElement(Le,{id:y,className:L,formControl:n,formMeta:o,inputRef:b,ref:d,"data-testid":u},r.createElement("div",{className:"position-relative"},r.createElement("textarea",{ref:b,rows:c,"data-testid":`${u}__input`,className:"sps-form-control input--clearable",id:v,name:s,placeholder:l,onChange:T,"aria-label":l,value:p||"",disabled:t,...g}),p&&!t&&r.createElement("i",{"data-testid":`${u}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:w})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))}Object.assign(vs,{props:xE,displayName:"SpsTextarea"});const Dp={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."),examples:{standard:{react:S.code`
7777
+ `}}}},xE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"};function vs({className:e,disabled:t=!1,formControl:n,formMeta:o,id:a,name:s,onChange:i,placeholder:l="",ref:d,rows:c=2,"data-testid":u,unsafelyReplaceClassName:m,value:p="",additionalText:f,...g}){const b=o||n,{wrapperId:y,controlId:v}=Ge(a,b),h=r.useRef(null);function N(R,_){b&&(b.setValue(R),b.markAsDirty()),i&&h.current&&i(_||new Lt(h.current))}function w(){h.current&&(h.current.value="",N(""))}function T(R){N(R.target.value,R)}const L=$(m||"sps-textarea",e);return r.createElement(Le,{id:y,className:L,formControl:n,formMeta:o,inputRef:h,ref:d,"data-testid":u},r.createElement("div",{className:"position-relative"},r.createElement("textarea",{ref:h,rows:c,"data-testid":`${u}__input`,className:"sps-form-control input--clearable",id:v,name:s,placeholder:l,onChange:T,"aria-label":l,value:p||"",disabled:t,...g}),p&&!t&&r.createElement("i",{"data-testid":`${u}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:w})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))}Object.assign(vs,{props:xE,displayName:"SpsTextarea"});const Dp={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."),examples:{standard:{react:S.code`
7743
7778
  import { SpsLabel, SpsTextarea, useSpsForm } from "@spscommerce/ds-react";
7744
7779
  function DemoComponent() {
7745
7780
  const { formValue, formMeta, updateForm } = useSpsForm({ notes: "" });
@@ -7810,7 +7845,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
7810
7845
  </div>
7811
7846
  );
7812
7847
  }
7813
- `}}}},Np={active:"boolean",description:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",label:"string",large:"boolean",onChange:"(isActive: boolean) => void"};function ys(e){const{active:t,className:n,description:o,disabled:a,formControl:s,formMeta:i,id:l,label:d,large:c,onChange:u,ref:m,"data-testid":p,unsafelyReplaceClassName:f,...g}=e;Ri("SpsToggle",Np,e);const h=i||s,[y,v]=r.useState(t),{wrapperId:b,controlId:N}=We(l,h),w=`${b}_status-label`,T=`${b}_description`,L=r.useRef(null);r.useEffect(()=>v(t),[t]);function R(A){v(A.target.checked),h&&(h.setValue(A.target.checked),h.markAsDirty()),u&&u(A.target.checked),L.current?.focus()}const _=t??y,P=$(f||"sps-toggle",_&&"sps-toggle--active",c&&"sps-toggle--large",a&&"sps-toggle--disabled",n);return r.createElement(Le,{id:b,formControl:s,formMeta:i,inputRef:L,ref:m,"data-testid":`${p}`},r.createElement("div",{className:P},r.createElement("input",{type:"checkbox",ref:L,className:"sps-toggle__input",id:N,checked:_||!1,disabled:a,onChange:R,"aria-describedby":`${w},${T}`,"data-testid":`${p}__input`,...g}),r.createElement("span",{className:"sps-toggle__slider"}),d&&r.createElement("label",{className:"sps-toggle__status-label",htmlFor:N,id:w},d),o&&r.createElement("span",{className:"sps-toggle__description",id:T},o)))}Object.assign(ys,{props:Np,displayName:"SpsToggle"});const Ip={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`
7848
+ `}}}},Np={active:"boolean",description:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",label:"string",large:"boolean",onChange:"(isActive: boolean) => void"};function ys(e){const{active:t,className:n,description:o,disabled:a,formControl:s,formMeta:i,id:l,label:d,large:c,onChange:u,ref:m,"data-testid":p,unsafelyReplaceClassName:f,...g}=e;Ri("SpsToggle",Np,e);const b=i||s,[y,v]=r.useState(t),{wrapperId:h,controlId:N}=Ge(l,b),w=`${h}_status-label`,T=`${h}_description`,L=r.useRef(null);r.useEffect(()=>v(t),[t]);function R(A){v(A.target.checked),b&&(b.setValue(A.target.checked),b.markAsDirty()),u&&u(A.target.checked),L.current?.focus()}const _=t??y,O=$(f||"sps-toggle",_&&"sps-toggle--active",c&&"sps-toggle--large",a&&"sps-toggle--disabled",n);return r.createElement(Le,{id:h,formControl:s,formMeta:i,inputRef:L,ref:m,"data-testid":`${p}`},r.createElement("div",{className:O},r.createElement("input",{type:"checkbox",ref:L,className:"sps-toggle__input",id:N,checked:_||!1,disabled:a,onChange:R,"aria-describedby":`${w},${T}`,"data-testid":`${p}__input`,...g}),r.createElement("span",{className:"sps-toggle__slider"}),d&&r.createElement("label",{className:"sps-toggle__status-label",htmlFor:N,id:w},d),o&&r.createElement("span",{className:"sps-toggle__description",id:T},o)))}Object.assign(ys,{props:Np,displayName:"SpsToggle"});const Ip={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`
7814
7849
  import { SpsToggle, useSpsForm } from "@spscommerce/ds-react";
7815
7850
  function DemoComponent() {
7816
7851
  const { formValue, formMeta, updateForm } = useSpsForm({
@@ -8426,7 +8461,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
8426
8461
  </React.Fragment>
8427
8462
  );
8428
8463
  }
8429
- `}}}},kp={heading:"string",icon:"SpsIcon"};function ir(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=$(i||"sps-workflow",n);return r.createElement("div",{className:d,"data-testid":`${s}`,...l},a&&r.createElement("h1",{className:"sps-workflow__heading","data-testid":`${s}__title`},r.createElement("span",{className:"sps-workflow__icon","data-testid":`${s}__icon`},r.createElement("i",{"aria-hidden":"true",className:$("sps-icon",`sps-icon-${o}`)})),a),t)}Object.assign(ir,{props:kp,displayName:"SpsWorkflow"});function Mp(e){return r.createElement(ir,{...e})}Object.assign(Mp,{props:kp,displayName:"SpsWf"});const ME={size:"RingSize",progress:"number"};function Ts({size:e=F.RingSize.SMALL,progress:t=0}){const o=e-4,a=o*2*Math.PI,s=a-t/100*a;return r.createElement("div",{className:"sps-progress-ring"},r.createElement("svg",{height:e*2,width:e*2,style:{transform:"rotate(-90deg)"}},r.createElement("circle",{stroke:Nr.colors.gray300,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,r:o,cx:e,cy:e}),r.createElement("circle",{stroke:Nr.colors.purple200,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,style:{strokeDashoffset:s},r:o,cx:e,cy:e})))}Object.assign(Ts,{props:ME,displayName:"SpsProgressRing"});const LE={phases:"WizardPhase[]"},bt="sps-wizard-sidebar";function ws({className:e,phases:t=[]}){const n=$(bt,e);return r.createElement("div",{className:n},t.map(o=>{const a=$(`${bt}__phase-title`,o.disabled&&`${bt}__phase-title--disabled`);return r.createElement("div",{className:`${bt}__phase-wrapper`,key:o.title},r.createElement("div",{className:a},o.title),o.steps.map(s=>{const i=$(`${bt}__step`,s.active&&`${bt}__step--active`,s.disabled&&`${bt}__step--disabled`,!!s.onClick&&!s.disabled&&`${bt}__step--clickable`);return r.createElement("div",{className:i,key:s.title,onClick:!s.disabled&&s.onClick||void 0},r.createElement("div",{className:`${bt}__step-progress`},s.percentComplete===100?r.createElement("div",{className:`${bt}__step-complete`},r.createElement(ht,{icon:F.SpsIcon.CHECKMARK})):r.createElement(Ts,{size:F.RingSize.SMALL,progress:s.percentComplete})),r.createElement("div",{className:`${bt}__step-title`,role:"button"},s.title))}))}))}Object.assign(ws,{props:LE,displayName:"SpsWizardSidebar"});const _E={display:"string",condition:"WizardSubstepConditions",orderPosition:"string | number"};function Cs(e){const{condition:t=F.WizardSubstepConditions.BASIC,orderPosition:n,display:o,children:a}=e;return r.createElement("div",{className:"sps-wizard-substep"},r.createElement("div",{className:$("sps-wizard-substep__heading",`sps-wizard-substep__heading--${t}`)},r.createElement("div",{className:"sps-wizard-substep__heading-icon"},t===F.WizardSubstepConditions.COMPLETED?r.createElement("i",{"aria-hidden":"true",className:"sps-icon sps-icon-checkmark"}):n),r.createElement("p",null,o)),r.createElement("div",{className:$("sps-wizard-substep__body",`sps-wizard-substep__body--${t}`)},a))}Object.assign(Cs,{props:_E,displayName:"SpsWizardSubstep"});const Lp={substep:{label:"Substep",examples:{completed:{imports:S.code`
8464
+ `}}}},kp={heading:"string",icon:"SpsIcon"};function ir(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=$(i||"sps-workflow",n);return r.createElement("div",{className:d,"data-testid":`${s}`,...l},a&&r.createElement("h1",{className:"sps-workflow__heading","data-testid":`${s}__title`},r.createElement("span",{className:"sps-workflow__icon","data-testid":`${s}__icon`},r.createElement("i",{"aria-hidden":"true",className:$("sps-icon",`sps-icon-${o}`)})),a),t)}Object.assign(ir,{props:kp,displayName:"SpsWorkflow"});function Mp(e){return r.createElement(ir,{...e})}Object.assign(Mp,{props:kp,displayName:"SpsWf"});const ME={size:"RingSize",progress:"number"};function Ts({size:e=F.RingSize.SMALL,progress:t=0}){const o=e-4,a=o*2*Math.PI,s=a-t/100*a;return r.createElement("div",{className:"sps-progress-ring"},r.createElement("svg",{height:e*2,width:e*2,style:{transform:"rotate(-90deg)"}},r.createElement("circle",{stroke:Nr.colors.gray300,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,r:o,cx:e,cy:e}),r.createElement("circle",{stroke:Nr.colors.purple200,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,style:{strokeDashoffset:s},r:o,cx:e,cy:e})))}Object.assign(Ts,{props:ME,displayName:"SpsProgressRing"});const LE={phases:"WizardPhase[]"},bt="sps-wizard-sidebar";function ws({className:e,phases:t=[]}){const n=$(bt,e);return r.createElement("div",{className:n},t.map(o=>{const a=$(`${bt}__phase-title`,o.disabled&&`${bt}__phase-title--disabled`);return r.createElement("div",{className:`${bt}__phase-wrapper`,key:o.title},r.createElement("div",{className:a},o.title),o.steps.map(s=>{const i=$(`${bt}__step`,s.active&&`${bt}__step--active`,s.disabled&&`${bt}__step--disabled`,!!s.onClick&&!s.disabled&&`${bt}__step--clickable`);return r.createElement("div",{className:i,key:s.title,onClick:!s.disabled&&s.onClick||void 0},r.createElement("div",{className:`${bt}__step-progress`},s.percentComplete===100?r.createElement("div",{className:`${bt}__step-complete`},r.createElement(ht,{icon:F.SpsIcon.CHECKMARK})):r.createElement(Ts,{size:F.RingSize.SMALL,progress:s.percentComplete})),r.createElement("div",{className:`${bt}__step-title`,role:"button"},s.title))}))}))}Object.assign(ws,{props:LE,displayName:"SpsWizardSidebar"});const _E={display:"string",condition:"WizardSubstepConditions",orderPosition:"string | number"};function Cs(e){const{condition:t=F.WizardSubstepConditions.BASIC,orderPosition:n,display:o,children:a,className:s,unsafelyReplaceClassName:i,...l}=e,d=$(i||"sps-wizard-substep",s);return r.createElement("div",{className:d,...l},r.createElement("div",{className:$("sps-wizard-substep__heading",`sps-wizard-substep__heading--${t}`)},r.createElement("div",{className:"sps-wizard-substep__heading-icon"},t===F.WizardSubstepConditions.COMPLETED?r.createElement("i",{"aria-hidden":"true",className:"sps-icon sps-icon-checkmark"}):n),r.createElement("p",null,o)),r.createElement("div",{className:$("sps-wizard-substep__body",`sps-wizard-substep__body--${t}`)},a))}Object.assign(Cs,{props:_E,displayName:"SpsWizardSubstep"});const Lp={substep:{label:"Substep",examples:{completed:{imports:S.code`
8430
8465
  import { SpsWizardSubstep } from "@spscommerce/ds-react";
8431
8466
  import { WizardSubstepConditions } from "@spscommerce/ds-shared";
8432
8467
  `,jsx:S.code`
@@ -8504,7 +8539,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
8504
8539
  </div>
8505
8540
  )
8506
8541
  }
8507
- `}}}},_p={};function lr(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=$(a||"sps-workflow__document",n);return r.createElement("span",{className:i,"data-testid":`${o}__document`,...s},t)}Object.assign(lr,{props:_p,displayName:"SpsWorkflowDocument"});function Op(e){return r.createElement(lr,{...e})}Object.assign(Op,{props:_p,displayName:"SpsWfDoc"});const Pp={icon:"SpsIcon"};function cr(e){const{children:t,className:n,icon:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=$(s||"sps-workflow__document-status",n);return r.createElement("span",{className:l,"data-testid":`${a}__doc-status`,...i},o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`}),t)}Object.assign(cr,{props:Pp,displayName:"SpsWorkflowDocumentStatus"});function Bp(e){return r.createElement(cr,{...e})}Object.assign(Bp,{props:Pp,displayName:"SpsWfDs"});const Rp={icon:{type:"SpsIcon",required:!0},title:{type:"string",required:!0}};function dr(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=$(i||"sps-workflow__step",n);return r.createElement("div",{className:d,"data-testid":`${s}__step`,...l},r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o} sps-workflow__step-icon`}),r.createElement("h2",{className:"sps-workflow__step-heading","data-testid":`${s}__step-heading`},a),t)}Object.assign(dr,{props:Rp,displayName:"SpsWorkflowStep"});function Fp(e){return r.createElement(dr,{...e})}Object.assign(Fp,{props:Rp,displayName:"SpsWfStep"});const Ap={basic:{label:"Basic Usage",examples:{basic:{imports:S.code`
8542
+ `}}}},_p={};function lr(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=$(a||"sps-workflow__document",n);return r.createElement("span",{className:i,"data-testid":`${o}__document`,...s},t)}Object.assign(lr,{props:_p,displayName:"SpsWorkflowDocument"});function Pp(e){return r.createElement(lr,{...e})}Object.assign(Pp,{props:_p,displayName:"SpsWfDoc"});const Op={icon:"SpsIcon"};function cr(e){const{children:t,className:n,icon:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=$(s||"sps-workflow__document-status",n);return r.createElement("span",{className:l,"data-testid":`${a}__doc-status`,...i},o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`}),t)}Object.assign(cr,{props:Op,displayName:"SpsWorkflowDocumentStatus"});function Bp(e){return r.createElement(cr,{...e})}Object.assign(Bp,{props:Op,displayName:"SpsWfDs"});const Rp={icon:{type:"SpsIcon",required:!0},title:{type:"string",required:!0}};function dr(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=$(i||"sps-workflow__step",n);return r.createElement("div",{className:d,"data-testid":`${s}__step`,...l},r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o} sps-workflow__step-icon`}),r.createElement("h2",{className:"sps-workflow__step-heading","data-testid":`${s}__step-heading`},a),t)}Object.assign(dr,{props:Rp,displayName:"SpsWorkflowStep"});function Fp(e){return r.createElement(dr,{...e})}Object.assign(Fp,{props:Rp,displayName:"SpsWfStep"});const Ap={basic:{label:"Basic Usage",examples:{basic:{imports:S.code`
8508
8543
  import { SpsWorkflow, SpsWorkflowStep, SpsWorkflowDocument, SpsWorkflowDocumentStatus } from "@spscommerce/ds-react";
8509
8544
  import { SpsIcon } from "@spscommerce/ds-shared";
8510
8545
  `,jsx:S.code`
@@ -8554,7 +8589,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
8554
8589
  </SpsWfStep>
8555
8590
  </SpsWf>
8556
8591
  </div>
8557
- `}}}},OE={kind:"FeedbackBlockKind"};function Ds(e){const{children:t,className:n,kind:o=F.FeedbackBlockKind.TIP,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=$(s||"sps-feedback-block",`sps-feedback-block--${o}`,n);return r.createElement("div",{className:l,role:"alert","data-testid":a,...i},r.createElement("i",{className:$("sps-icon",`sps-icon-${F.FeedbackBlockIcons[o]}`),"aria-hidden":"true"}),r.createElement("span",{className:"sps-feedback-block__content","data-testid":`${a}__text`},t))}Object.assign(Ds,{props:OE,displayName:"SpsFeedbackBlock"});const PE={standard:{label:"Standard Size",description:"Use Standard Size Feedback Blocks for the majority of cases. If a smaller or more subtle solution is needed, use the Micro Size Feedback Block.",examples:{error:{description:"Error",imports:S.code`
8592
+ `}}}},PE={kind:"FeedbackBlockKind"};function Ds(e){const{children:t,className:n,kind:o=F.FeedbackBlockKind.TIP,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=$(s||"sps-feedback-block",`sps-feedback-block--${o}`,n);return r.createElement("div",{className:l,role:"alert","data-testid":a,...i},r.createElement("i",{className:$("sps-icon",`sps-icon-${F.FeedbackBlockIcons[o]}`),"aria-hidden":"true"}),r.createElement("span",{className:"sps-feedback-block__content","data-testid":`${a}__text`},t))}Object.assign(Ds,{props:PE,displayName:"SpsFeedbackBlock"});const OE={standard:{label:"Standard Size",description:"Use Standard Size Feedback Blocks for the majority of cases. If a smaller or more subtle solution is needed, use the Micro Size Feedback Block.",examples:{error:{description:"Error",imports:S.code`
8558
8593
  import { SpsFeedbackBlock } from "@spscommerce/ds-react";
8559
8594
  import { FeedbackBlockKind } from "@spscommerce/ds-shared";
8560
8595
  `,jsx:S.code`
@@ -8629,7 +8664,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
8629
8664
  kind={FeedbackBlockKind.WARNING}
8630
8665
  message="This order is missing a shipment date."
8631
8666
  />
8632
- `}}}};function BE(){return r.createElement(Ds,{kind:F.FeedbackBlockKind.WARNING},"The Workflow component is being deprecated. As of November 6, 2024, please use the"," ",r.createElement("a",{href:"#/components/wizard"},"Wizard")," ","component instead.")}const RE={};function Ns({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-filter-panel",t),...n},e)}Object.assign(Ns,{props:RE,displayName:"SpsFilterPanel"});const FE={title:"string | ReactNode",expanded:"boolean",heightPx:"number",heightRem:"number",onExpand:"() => void",onCollapse:"() => void"};function Is({children:e,className:t,title:n,expanded:o,heightPx:a,heightRem:s,onExpand:i,onCollapse:l,...d}){const[c,u]=r.useState(o),m=typeof o<"u"?o:c,p=a?a/16:s,f=p?{overflowY:"scroll",height:`${p}rem`}:{},g=()=>r.createElement("button",{type:"button",className:"sps-filter-panel__section__expand-btn",onMouseDown:h=>h.preventDefault(),onClick:()=>{u(!m),!m&&i?i():m&&l&&l()}},r.createElement(ht,{icon:m?F.SpsIcon.MINUS_CIRCLE:F.SpsIcon.PLUS_CIRCLE}));return r.useEffect(()=>{u(o)},[o]),r.createElement("div",{className:$("sps-filter-panel__section",t),...d},r.createElement("div",{className:"sps-filter-panel__section__title-wrapper"},r.createElement(g,null),n&&(typeof n=="string"?r.createElement("p",null,n):n)),m&&r.createElement("div",{className:"sps-filter-panel__section__content-wrapper",style:f},r.createElement("div",{className:"sps-filter-panel__section__content"},e)))}Object.assign(Is,{props:FE,displayName:"SpsFilterPanelSection"});const AE={onClear:"() => void"};function xs({children:e,className:t,onClear:n,...o}){const{t:a}=he.useWoodlandLanguage();return r.createElement("div",{className:$("sps-filter-panel__cap",t),...o},r.createElement("div",{className:"sps-filter-panel__cap__title-wrapper"},r.createElement(ht,{icon:F.SpsIcon.FILTER,size:F.SpsIconSize.SMALL}),r.createElement("p",null,a("filterPanel.title",{defaultValue:"Filters"}))),r.createElement(Ne,{kind:F.ButtonKind.LINK,onClick:n},a("filterPanel.clear",{defaultValue:"Clear Filters"})),e)}Object.assign(xs,{props:AE,displayName:"SpsFilterPanelCap"});const $p={generalUsage:{label:"General Usage",examples:{general:{react:S.code`
8667
+ `}}}};function BE(){return r.createElement(Ds,{kind:F.FeedbackBlockKind.WARNING},"The Workflow component is being deprecated. As of November 6, 2024, please use the"," ",r.createElement("a",{href:"#/components/wizard"},"Wizard")," ","component instead.")}const RE={};function Ns({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-filter-panel",t),...n},e)}Object.assign(Ns,{props:RE,displayName:"SpsFilterPanel"});const FE={title:"string | ReactNode",expanded:"boolean",heightPx:"number",heightRem:"number",onExpand:"() => void",onCollapse:"() => void"};function Is({children:e,className:t,title:n,expanded:o,heightPx:a,heightRem:s,onExpand:i,onCollapse:l,...d}){const[c,u]=r.useState(o),m=typeof o<"u"?o:c,p=a?a/16:s,f=p?{overflowY:"scroll",height:`${p}rem`}:{},g=()=>r.createElement("button",{type:"button",className:"sps-filter-panel__section__expand-btn",onMouseDown:b=>b.preventDefault(),onClick:()=>{u(!m),!m&&i?i():m&&l&&l()}},r.createElement(ht,{icon:m?F.SpsIcon.MINUS_CIRCLE:F.SpsIcon.PLUS_CIRCLE}));return r.useEffect(()=>{u(o)},[o]),r.createElement("div",{className:$("sps-filter-panel__section",t),...d},r.createElement("div",{className:"sps-filter-panel__section__title-wrapper"},r.createElement(g,null),n&&(typeof n=="string"?r.createElement("p",null,n):n)),m&&r.createElement("div",{className:"sps-filter-panel__section__content-wrapper",style:f},r.createElement("div",{className:"sps-filter-panel__section__content"},e)))}Object.assign(Is,{props:FE,displayName:"SpsFilterPanelSection"});const AE={onClear:"() => void"};function xs({children:e,className:t,onClear:n,...o}){const{t:a}=he.useWoodlandLanguage();return r.createElement("div",{className:$("sps-filter-panel__cap",t),...o},r.createElement("div",{className:"sps-filter-panel__cap__title-wrapper"},r.createElement(ht,{icon:F.SpsIcon.FILTER,size:F.SpsIconSize.SMALL}),r.createElement("p",null,a("filterPanel.title",{defaultValue:"Filters"}))),r.createElement(Ne,{kind:F.ButtonKind.LINK,onClick:n},a("filterPanel.clear",{defaultValue:"Clear Filters"})),e)}Object.assign(xs,{props:AE,displayName:"SpsFilterPanelCap"});const $p={generalUsage:{label:"General Usage",examples:{general:{react:S.code`
8633
8668
  import {
8634
8669
  useSpsForm,
8635
8670
  SpsForm,
@@ -9190,7 +9225,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null," "));var ee=z(j,Q,te,ne,V+"."
9190
9225
  ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter(o=>o!=="")}function KE(e,t,n){n.includes(`
9191
9226
  `)||(e=e?.replaceAll(`
9192
9227
  `," ")),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 HE={disabled:"boolean",formMeta:"SpsFormFieldMeta<any[]>",icon:"SpsIcon",onChange:"ChangeEventHandler",onEntryChange:"(searchText: string) => void",placeholder:"string",value:"any",createTagOptions:"string[]",isSingleLine:"boolean",dynamicPasting:"boolean"},Hp=[","," ",`
9193
- `," "];function Ls({className:e,disabled:t,formControl:n,formMeta:o,id:a,onChange:s,onEntryChange:i,placeholder:l,unsafelyReplaceClassName:d,value:c,icon:u,createTagOptions:m=Hp,"data-testid":p,isSingleLine:f,dynamicPasting:g,...h}){const y=o||n,{wrapperId:v,controlId:b}=We(a,y);Array.isArray(m)||(console.error("createTagOptions must be of type array, ignoring and using defaults"),m=Hp);const[N,w]=Dt({keyDown:null,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{i&&i(N.searchText)},[N.searchText]);const T=r.useRef(null),L=r.useRef(null),R=r.useRef(null);function _(){setTimeout(()=>{L.current?.focus()},0)}function P(D){w({searchText:""}),y&&(y.setValue(D),y.markAsDirty()),s&&s(new Lt({value:D}))}function A(D){const k=(c||[]).filter((G,Z)=>Z!==D);P(k)}function U(D){w({searchText:D.target.value})}function X(D){if(R.current&&R.current.children.length&&typeof D=="number"){const G=R.current.children[D]?.querySelector(".sps-clickable-tag__icon");G&&G.focus()}}const H=r.useCallback(D=>{w({activeTagIndex:null,searchText:""});const k=N.searchText.trim(),G=c||[];k&&G.indexOf(k)===-1&&P([...G,...Kp(k,m)]),!((D.key==="Tab"||D.key==="Enter")&&!N.searchText)&&D.preventDefault()},[N.searchText,c,Kp]);function C(D){H(D)}function K(D){if(!t){const k=!D.target.selectionStart&&c&&c.length,G=c?c.length:0;switch(D.key){case"Backspace":if(N.activeTagIndex===G-1){A(N.activeTagIndex),_();return}if(N.activeTagIndex!==null){A(N.activeTagIndex);return}if(k){P(c.slice(0,G-1)),_();return}break;case"Delete":N.activeTagIndex!==null&&(A(N.activeTagIndex),_());break;case"Enter":case"Tab":H(D);break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":D.preventDefault();break;case"Left":case"ArrowLeft":if(k){N.activeTagIndex===null?(w({activeTagIndex:G-1}),X(G-1)):N.activeTagIndex>0&&(w({activeTagIndex:N.activeTagIndex-1}),X(N.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(N.activeTagIndex!==null){N.activeTagIndex===G-1?(w({activeTagIndex:null}),L.current?.focus()):(w({activeTagIndex:N.activeTagIndex+1}),X(N.activeTagIndex+1));return}break}for(const Z of m)D.key===Z&&H(D);w({keyDown:hn(D)})}}function B(D){P([]),D.stopPropagation()}function M(D){D.preventDefault(),D.stopPropagation();const k=D.clipboardData?.getData("text/plain")??"";if(g&&!m.some(Z=>k.includes(Z))){const Z=L.current?.value??"";w({searchText:`${Z}${k}`});return}const G=KE(k,c,m);P(G)}r.useEffect(()=>(L.current?.addEventListener("paste",M),()=>{L.current?.removeEventListener("paste",M)}),[L,c,m,g]);const q=$(d||"sps-multi-select",t&&"sps-form-control--disabled",e),I=new Array(c?.length||0).fill(0).map((D,k)=>`${v}_tag-${k}`);return r.createElement(Le,{id:v,className:q,formControl:n,formMeta:o,ref:T,inputRef:L,focusInputOnClick:!0,onKeyDown:K,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":I[N.activeTagIndex||0],"aria-owns":N.optionIds},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:f?$("sps-form-control",c&&!t&&"sps-form-control--clearable"&&"sps-multi-select__max-height"):$("sps-form-control",c&&!t&&"sps-form-control--clearable")},u&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${u}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:R},Array.isArray(c)&&c.map((D,k)=>r.createElement(An,{id:I[k],role:"option",disabled:t,"aria-selected":"true",key:I[k],onRemove:()=>A(k)},r.createElement("span",null,D))),r.createElement("input",{type:"text",ref:L,"data-testid":`${p}__multi-value-text-input`,value:N.searchText,className:"sps-text-input__input",placeholder:N.searchText.length===0&&(!c||c.length===0)?l:void 0,id:b,onBlur:C,onChange:U,onKeyDown:K,disabled:t,role:"listbox","aria-multiselectable":"true","aria-owns":I.join(" "),...h})),c&&c.length!==0&&!t?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:D=>B(D)}):null)))}Object.assign(Ls,{props:HE,displayName:"SpsMultiValueTextInput"});const Wp={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`
9228
+ `," "];function Ls({className:e,disabled:t,formControl:n,formMeta:o,id:a,onChange:s,onEntryChange:i,placeholder:l,unsafelyReplaceClassName:d,value:c,icon:u,createTagOptions:m=Hp,"data-testid":p,isSingleLine:f,dynamicPasting:g,...b}){const y=o||n,{wrapperId:v,controlId:h}=Ge(a,y);Array.isArray(m)||(console.error("createTagOptions must be of type array, ignoring and using defaults"),m=Hp);const[N,w]=Dt({keyDown:null,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{i&&i(N.searchText)},[N.searchText]);const T=r.useRef(null),L=r.useRef(null),R=r.useRef(null);function _(){setTimeout(()=>{L.current?.focus()},0)}function O(D){w({searchText:""}),y&&(y.setValue(D),y.markAsDirty()),s&&s(new Lt({value:D}))}function A(D){const k=(c||[]).filter((G,Z)=>Z!==D);O(k)}function U(D){w({searchText:D.target.value})}function X(D){if(R.current&&R.current.children.length&&typeof D=="number"){const G=R.current.children[D]?.querySelector(".sps-clickable-tag__icon");G&&G.focus()}}const K=r.useCallback(D=>{w({activeTagIndex:null,searchText:""});const k=N.searchText.trim(),G=c||[];k&&G.indexOf(k)===-1&&O([...G,...Kp(k,m)]),!((D.key==="Tab"||D.key==="Enter")&&!N.searchText)&&D.preventDefault()},[N.searchText,c,Kp]);function C(D){K(D)}function V(D){if(!t){const k=!D.target.selectionStart&&c&&c.length,G=c?c.length:0;switch(D.key){case"Backspace":if(N.activeTagIndex===G-1){A(N.activeTagIndex),_();return}if(N.activeTagIndex!==null){A(N.activeTagIndex);return}if(k){O(c.slice(0,G-1)),_();return}break;case"Delete":N.activeTagIndex!==null&&(A(N.activeTagIndex),_());break;case"Enter":case"Tab":K(D);break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":D.preventDefault();break;case"Left":case"ArrowLeft":if(k){N.activeTagIndex===null?(w({activeTagIndex:G-1}),X(G-1)):N.activeTagIndex>0&&(w({activeTagIndex:N.activeTagIndex-1}),X(N.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(N.activeTagIndex!==null){N.activeTagIndex===G-1?(w({activeTagIndex:null}),L.current?.focus()):(w({activeTagIndex:N.activeTagIndex+1}),X(N.activeTagIndex+1));return}break}for(const Z of m)D.key===Z&&K(D);w({keyDown:hn(D)})}}function B(D){O([]),D.stopPropagation()}function M(D){D.preventDefault(),D.stopPropagation();const k=D.clipboardData?.getData("text/plain")??"";if(g&&!m.some(Z=>k.includes(Z))){const Z=L.current?.value??"";w({searchText:`${Z}${k}`});return}const G=KE(k,c,m);O(G)}r.useEffect(()=>(L.current?.addEventListener("paste",M),()=>{L.current?.removeEventListener("paste",M)}),[L,c,m,g]);const J=$(d||"sps-multi-select",t&&"sps-form-control--disabled",e),I=new Array(c?.length||0).fill(0).map((D,k)=>`${v}_tag-${k}`);return r.createElement(Le,{id:v,className:J,formControl:n,formMeta:o,ref:T,inputRef:L,focusInputOnClick:!0,onKeyDown:V,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":I[N.activeTagIndex||0],"aria-owns":N.optionIds},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:f?$("sps-form-control",c&&!t&&"sps-form-control--clearable"&&"sps-multi-select__max-height"):$("sps-form-control",c&&!t&&"sps-form-control--clearable")},u&&r.createElement("i",{className:$("sps-text-input__icon","sps-icon",`sps-icon-${u}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:R},Array.isArray(c)&&c.map((D,k)=>r.createElement(An,{id:I[k],role:"option",disabled:t,"aria-selected":"true",key:I[k],onRemove:()=>A(k)},r.createElement("span",null,D))),r.createElement("input",{type:"text",ref:L,"data-testid":`${p}__multi-value-text-input`,value:N.searchText,className:"sps-text-input__input",placeholder:N.searchText.length===0&&(!c||c.length===0)?l:void 0,id:h,onBlur:C,onChange:U,onKeyDown:V,disabled:t,role:"listbox","aria-multiselectable":"true","aria-owns":I.join(" "),...b})),c&&c.length!==0&&!t?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:D=>B(D)}):null)))}Object.assign(Ls,{props:HE,displayName:"SpsMultiValueTextInput"});const Wp={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`
9194
9229
  import { SpsMultiValueTextInput, SpsLabel, useSpsForm } from "@spscommerce/ds-react";
9195
9230
  function DemoComponent() {
9196
9231
  const { formValue, formMeta, updateForm } = useSpsForm({
@@ -9367,7 +9402,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
9367
9402
  </>
9368
9403
  )
9369
9404
  }
9370
- `}}}},WE={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",onChange:"(newValue: string) => void",value:"string",twentyFourHour:"boolean",placeholder12h:"string",placeholder24h:"string"},Gp=["AM","PM"],_s=r.forwardRef(function({className:t,currentUser:n,disabled:o,formControl:a,formMeta:s,id:i,onChange:l,value:d,twentyFourHour:c,placeholder24h:u="00:00",placeholder12h:m="12:00","data-testid":p,...f},g){const{t:h}=he.useWoodlandLanguage(),y=ao(n),v=c??yd(y),b=s||a,{wrapperId:N}=We(i,b),w=r.useRef(null),T=h("timeInput.customTime",{defaultValue:"Custom time"}),{current:L}=Rt(i),R=v?d:d?.split(" ")[0],_=Y.validateTimeString(R,v)?Y.padIncompleteTimeString(R,v):"",P=v?"":d?.split(" ")[1]?.toUpperCase(),A=_&&Gp.find(k=>k===P)||"",[U,X]=r.useState(_),[H,C]=r.useState(A||"AM");function K(k){s&&(s.setValue(k||""),s.markAsDirty()),l&&l(k||"")}function B(k){Y.validateTimeString(k.target.value,v)&&X(k.target.value)}function M(k){if(Y.validateTimeString(k??U,v)){const G=Y.padIncompleteTimeString(k??U,v);X(G),K(G&&!v?`${G} ${H}`:G||"")}else K("")}function q(k){C(k.target.value);const G=Y.padIncompleteTimeString(U,v);G&&!v&&K(`${G} ${k.target.value}`)}function I(k){Y.validateTimeString(k,v)&&(X(k??""),setTimeout(()=>M(k),0))}r.useEffect(()=>{_!==U&&X(_)},[_]),r.useEffect(()=>{A&&A!==H&&C(A)},[A]);const D=$("sps-time-input",t);return v?r.createElement(Le,{id:N,formControl:a,formMeta:s,inputRef:w,ref:g,"data-testid":p},r.createElement(Nt,{id:L,"data-testid":p,className:D,suggestions:Mr,zeroState:T,placeholder:u,value:U,onChange:B,onBlur:()=>M(),onSelectionChange:I,onKeyDown:k=>{k.key==="Enter"&&M()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0,...f})):r.createElement(Le,{id:N,formControl:a,formMeta:s,inputRef:w,ref:g,"data-testid":p},r.createElement(In,null,r.createElement(Nt,{id:L,"data-testid":p,className:D,suggestions:kr,zeroState:T,placeholder:m,value:U,onChange:B,onBlur:()=>M(),onSelectionChange:I,onKeyDown:k=>{k.key==="Enter"&&M()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{id:`${L}__select`,"data-testid":`${p}__select`,options:Gp,value:H,onChange:q,disabled:o,notClearable:!0,className:D})))});Object.assign(_s,{props:WE,displayName:"SpsTimeInput"});const Up={basic:{label:"Basic",examples:{basic:{react:S.code`
9405
+ `}}}},WE={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",onChange:"(newValue: string) => void",value:"string",twentyFourHour:"boolean",placeholder12h:"string",placeholder24h:"string"},Gp=["AM","PM"],_s=r.forwardRef(function({className:t,currentUser:n,disabled:o,formControl:a,formMeta:s,id:i,onChange:l,value:d,twentyFourHour:c,placeholder24h:u="00:00",placeholder12h:m="12:00","data-testid":p,...f},g){const{t:b}=he.useWoodlandLanguage(),y=ao(n),v=c??yd(y),h=s||a,{wrapperId:N}=Ge(i,h),w=r.useRef(null),T=b("timeInput.customTime",{defaultValue:"Custom time"}),{current:L}=Rt(i),R=v?d:d?.split(" ")[0],_=j.validateTimeString(R,v)?j.padIncompleteTimeString(R,v):"",O=v?"":d?.split(" ")[1]?.toUpperCase(),A=_&&Gp.find(k=>k===O)||"",[U,X]=r.useState(_),[K,C]=r.useState(A||"AM");function V(k){s&&(s.setValue(k||""),s.markAsDirty()),l&&l(k||"")}function B(k){j.validateTimeString(k.target.value,v)&&X(k.target.value)}function M(k){if(j.validateTimeString(k??U,v)){const G=j.padIncompleteTimeString(k??U,v);X(G),V(G&&!v?`${G} ${K}`:G||"")}else V("")}function J(k){C(k.target.value);const G=j.padIncompleteTimeString(U,v);G&&!v&&V(`${G} ${k.target.value}`)}function I(k){j.validateTimeString(k,v)&&(X(k??""),setTimeout(()=>M(k),0))}r.useEffect(()=>{_!==U&&X(_)},[_]),r.useEffect(()=>{A&&A!==K&&C(A)},[A]);const D=$("sps-time-input",t);return v?r.createElement(Le,{id:N,formControl:a,formMeta:s,inputRef:w,ref:g,"data-testid":p},r.createElement(Nt,{id:L,"data-testid":p,className:D,suggestions:Mr,zeroState:T,placeholder:u,value:U,onChange:B,onBlur:()=>M(),onSelectionChange:I,onKeyDown:k=>{k.key==="Enter"&&M()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0,...f})):r.createElement(Le,{id:N,formControl:a,formMeta:s,inputRef:w,ref:g,"data-testid":p},r.createElement(In,null,r.createElement(Nt,{id:L,"data-testid":p,className:D,suggestions:kr,zeroState:T,placeholder:m,value:U,onChange:B,onBlur:()=>M(),onSelectionChange:I,onKeyDown:k=>{k.key==="Enter"&&M()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{id:`${L}__select`,"data-testid":`${p}__select`,options:Gp,value:K,onChange:J,disabled:o,notClearable:!0,className:D})))});Object.assign(_s,{props:WE,displayName:"SpsTimeInput"});const Up={basic:{label:"Basic",examples:{basic:{react:S.code`
9371
9406
  import {
9372
9407
  useSpsForm,
9373
9408
  SpsTimeInput,
@@ -9481,13 +9516,13 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
9481
9516
  </SpsLocaleProvider>
9482
9517
  );
9483
9518
  }
9484
- `}}}},GE={Autocomplete:{components:[Nt],examples:$i},Checkboxes:{components:[Xt],examples:Vi},"Clickable Tags":{components:[An],examples:Ki},"Column Chooser":{components:[Xa,zo],examples:Sd},"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:[Ms],examples:Vp},"Content Rows":{components:[Za,on,jo],examples:gd},"Content Sections":{components:[as],examples:Ud},"Date Pickers":{components:[Qa],examples:Dd},"Date Range Pickers":{components:[ts],examples:xd},"Date Time Range Pickers":{components:[ns],examples:Pd},Datetime:{components:[os],examples:Bd},"Time Input":{components:[_s],examples:Up},"Description Lists":{description:()=>r.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[Zo,Qo,tr],examples:Wd},Dropdown:{components:[sn,rs],examples:Gd},"Filter Panel":{components:[Ns,Is,xs,ks],examples:$p},Form:{components:[ro],examples:fd},Incrementor:{components:[ss],examples:zd},Label:{description:()=>r.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[is],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:[ls],examples:pp},"Micro Block":{components:[cs],examples:up},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:[ds,or],examples:fp},"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:[us],examples:Sp},"Multi Value Text Input":{description:()=>r.createElement("p",null,"To be determined."),components:[Ls],examples:Wp},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:[ms,rr],examples:gp},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[fs],examples:hp},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:[rn],examples:kd},"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:[vp],examples:yp},"Split Button":{components:[Ss],examples:Ep},"Summary List Row":{components:[gs,hs,io],examples:Tp},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:[ln,Wt,re,Ht,Be,De],examples:dp},"Task Queue":{components:[bs],examples:wp},"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:[sr],examples:Cp},"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:[vs],examples:Dp},Toggles:{description:()=>r.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[ys],examples:Ip},Tooltips:{components:[ct,Es],examples:xp},Wizard:{components:[ws,Cs],examples:Lp},Workflow:{components:[ir,lr,cr,dr],examples:Ap,notices:[BE]},"Slide In Panels":{description:"",components:[ps],examples:mp}},UE=new Set(["id"]),zE=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),jE=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),YE=new Set(["dir","lang","hidden","inert","translate"]),zp=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"]),qE=/^(data-.*)$/;function JE(e,t={}){let{labelable:n,isLink:o,global:a,events:s=a,propNames:i}=t,l={};for(const d in e)Object.prototype.hasOwnProperty.call(e,d)&&(UE.has(d)||n&&zE.has(d)||o&&jE.has(d)||a&&YE.has(d)||s&&(zp.has(d)||d.endsWith("Capture")&&zp.has(d.slice(0,-7)))||i?.has(d)||qE.test(d))&&(l[d]=e[d]);return l}const jp=new WeakMap;function pr(e,t,n){if(!e)return"";typeof t=="string"&&(t=t.replace(/\s+/g,""));let o=jp.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"?E.useLayoutEffect:()=>{},ur={prefix:String(Math.round(Math.random()*1e10)),current:0},Yp=E.createContext(ur),XE=E.createContext(!1);let ZE=!!(typeof window<"u"&&window.document&&window.document.createElement),Ps=new WeakMap;function QE(e=!1){let t=E.useContext(Yp),n=E.useRef(null);if(n.current===null&&!e){let o=E.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;if(o){let a=Ps.get(o);a==null?Ps.set(o,{id:t.current,state:o.memoizedState}):o.memoizedState!==a.state&&(t.current=a.id,Ps.delete(o))}n.current=++t.current}return n.current}function eT(e){let t=E.useContext(Yp);t===ur&&!ZE&&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=QE(!!e),o=t===ur&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${o}-${n}`}function tT(e){let t=E.useId(),[n]=E.useState(qp()),o=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${ur.prefix}`;return e||`${o}-${t}`}const nT=typeof E.useId=="function"?tT:eT;function oT(){return!1}function rT(){return!0}function aT(e){return()=>{}}function qp(){return typeof E.useSyncExternalStore=="function"?E.useSyncExternalStore(aT,oT,rT):E.useContext(XE)}let sT=!!(typeof window<"u"&&window.document&&window.document.createElement),xn=new Map,lo;typeof FinalizationRegistry<"u"&&(lo=new FinalizationRegistry(e=>{xn.delete(e)}));function mr(e){let[t,n]=E.useState(e),o=E.useRef(null),a=nT(t),s=E.useRef(null);if(lo&&lo.register(s,a),sT){const i=xn.get(a);i&&!i.includes(o)?i.push(o):xn.set(a,[o])}return Gt(()=>{let i=a;return()=>{lo&&lo.unregister(s),xn.delete(i)}},[a]),E.useEffect(()=>{let i=o.current;return i&&n(i),()=>{i&&(o.current=null)}}),a}function iT(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 lT(...e){return e.length===1&&e[0]?e[0]:t=>{let n=!1;const o=e.map(a=>{const s=Jp(a,t);return n||=typeof s=="function",s});if(n)return()=>{o.forEach((a,s)=>{typeof a=="function"?a():Jp(e[s],null)})}}}function Jp(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=iT(s,i):a==="ref"&&s&&i?t.ref=lT(s,i):t[a]=i!==void 0?i:s}}return t}function Ot(e){if(cT())e.focus({preventScroll:!0});else{let t=dT(e);e.focus(),pT(t)}}let fr=null;function cT(){if(fr==null){fr=!1;try{document.createElement("div").focus({get preventScroll(){return fr=!0,!0}})}catch{}}return fr}function dT(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 pT(e){for(let{element:t,scrollTop:n,scrollLeft:o}of e)t.scrollTop=n,t.scrollLeft=o}const Re=e=>e?.ownerDocument??document,pt=e=>e&&"window"in e&&e.window===e?e:Re(e).defaultView||window;function uT(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function mT(e){return uT(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let fT=!1;function Sr(){return fT}function ye(e,t){if(!Sr())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:mT(n)?n=n.host:n=n.parentNode}return!1}const It=(e=document)=>{if(!Sr())return e.activeElement;let t=e.activeElement;for(;t&&"shadowRoot"in t&&t.shadowRoot?.activeElement;)t=t.shadowRoot.activeElement;return t};function pe(e){if(Sr()&&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 Xp(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 ST=typeof Element<"u"&&"checkVisibility"in Element.prototype;function gT(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 hT(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 Bs(e,t){return ST?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&gT(e)&&hT(e,t)&&(!e.parentElement||Bs(e.parentElement,e))}const Rs=["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"],bT=Rs.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Rs.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const vT=Rs.join(':not([hidden]):not([tabindex="-1"]),');function Zp(e,t){return e.matches(bT)&&!eu(e)&&(t?.skipVisibilityCheck||Bs(e))}function Qp(e){return e.matches(vT)&&Bs(e)&&!eu(e)}function eu(e){let t=e;for(;t!=null;){if(t instanceof t.ownerDocument.defaultView.HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}function tu(e){let t=e;return t.nativeEvent=e,t.isDefaultPrevented=()=>t.defaultPrevented,t.isPropagationStopped=()=>t.cancelBubble,t.persist=()=>{},t}function yT(e,t){Object.defineProperty(e,"target",{value:t}),Object.defineProperty(e,"currentTarget",{value:t})}function ET(e){let t=E.useRef({isFocused:!1,observer:null});return Gt(()=>{const n=t.current;return()=>{n.observer&&(n.observer.disconnect(),n.observer=null)}},[]),E.useCallback(n=>{let o=pe(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=tu(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 gr=!1;function nu(e){for(;e&&!Zp(e,{skipVisibilityCheck:!0});)e=e.parentElement;let t=pt(e),n=t.document.activeElement;if(!n||n===e)return;gr=!0;let o=!1,a=u=>{(pe(u)===n||o)&&u.stopImmediatePropagation()},s=u=>{(pe(u)===n||o)&&(u.stopImmediatePropagation(),!e&&!o&&(o=!0,Ot(n),d()))},i=u=>{(pe(u)===e||o)&&u.stopImmediatePropagation()},l=u=>{(pe(u)===e||o)&&(u.stopImmediatePropagation(),o||(o=!0,Ot(n),d()))};t.addEventListener("blur",a,!0),t.addEventListener("focusout",s,!0),t.addEventListener("focusin",l,!0),t.addEventListener("focus",i,!0);let d=()=>{cancelAnimationFrame(c),t.removeEventListener("blur",a,!0),t.removeEventListener("focusout",s,!0),t.removeEventListener("focusin",l,!0),t.removeEventListener("focus",i,!0),gr=!1,o=!1},c=requestAnimationFrame(d);return d}function hr(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 Fs(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.userAgentData?.platform||window.navigator.platform):!1}function Pt(e){if(process.env.NODE_ENV==="test")return e;let t=null;return()=>(t==null&&(t=e()),t)}const cn=Pt(function(){return Fs(/^Mac/i)}),TT=Pt(function(){return Fs(/^iPhone/i)}),ou=Pt(function(){return Fs(/^iPad/i)||cn()&&navigator.maxTouchPoints>1}),br=Pt(function(){return TT()||ou()}),wT=Pt(function(){return cn()||br()}),CT=Pt(function(){return hr(/AppleWebKit/i)&&!DT()}),DT=Pt(function(){return hr(/Chrome/i)}),ru=Pt(function(){return hr(/Android/i)}),NT=Pt(function(){return hr(/Firefox/i)});function As(e){return e.pointerType===""&&e.isTrusted?!0:ru()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function IT(e){return!ru()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}const xT=E.createContext({isNative:!0,open:MT,useHref:e=>e});function $s(){return E.useContext(xT)}function Bt(e,t,n=!0){let{metaKey:o,ctrlKey:a,altKey:s,shiftKey:i}=t;NT()&&window.event?.type?.startsWith("key")&&e.target==="_blank"&&(cn()?o=!0:a=!0);let l=CT()&&cn()&&!ou()&&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});Bt.isOpening=n,Ot(e),e.dispatchEvent(l),Bt.isOpening=!1}Bt.isOpening=!1;function kT(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 MT(e,t){kT(e,n=>Bt(n,t))}function LT(e){const n=$s().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 co=null;const _T=new Set;let po=new Map,dn=!1,Vs=!1;function Ks(e,t){for(let n of _T)n(e,t)}function OT(e){return!(e.metaKey||!cn()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function vr(e){dn=!0,!Bt.isOpening&&OT(e)&&(co="keyboard",Ks("keyboard",e))}function ut(e){co="pointer","pointerType"in e&&e.pointerType,(e.type==="mousedown"||e.type==="pointerdown")&&(dn=!0,Ks("pointer",e))}function au(e){!Bt.isOpening&&As(e)&&(dn=!0,co="virtual")}function su(e){let t=pt(pe(e)),n=Re(pe(e));pe(e)===t||pe(e)===n||gr||!e.isTrusted||(!dn&&!Vs&&(co="virtual",Ks("virtual",e)),dn=!1,Vs=!1)}function iu(){gr||(dn=!1,Vs=!0)}function lu(e){if(typeof window>"u"||typeof document>"u")return;const t=pt(e),n=Re(e);if(po.get(t))return;let o=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){dn=!0,o.apply(this,arguments)},n.addEventListener("keydown",vr,!0),n.addEventListener("keyup",vr,!0),n.addEventListener("click",au,!0),t.addEventListener("focus",su,!0),t.addEventListener("blur",iu,!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",()=>{cu(e)},{once:!0}),po.set(t,{focus:o})}const cu=(e,t)=>{const n=pt(e),o=Re(e);t&&o.removeEventListener("DOMContentLoaded",t),po.has(n)&&(n.HTMLElement.prototype.focus=po.get(n).focus,o.removeEventListener("keydown",vr,!0),o.removeEventListener("keyup",vr,!0),o.removeEventListener("click",au,!0),n.removeEventListener("focus",su,!0),n.removeEventListener("blur",iu,!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)),po.delete(n))};function PT(e){const t=Re(e);let n;return t.readyState!=="loading"?lu(e):(n=()=>{lu(e)},t.addEventListener("DOMContentLoaded",n)),()=>cu(e,n)}typeof document<"u"&&PT();function Hs(){return co}let Ut=new Map,Ws=new Set;function du(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let t=o=>{let a=pe(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=pe(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 Ws)i();Ws.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",n)}typeof document<"u"&&(document.readyState!=="loading"?du():document.addEventListener("DOMContentLoaded",du));function BT(){for(const[e]of Ut)"isConnected"in e&&!e.isConnected&&Ut.delete(e)}function pu(e){requestAnimationFrame(()=>{BT(),Ut.size===0?e():Ws.add(e)})}function yr(e){if(!e.isConnected)return;const t=Re(e);if(Hs()==="virtual"){let n=It(t);pu(()=>{const o=It(t);(o===n||o===t.body)&&e.isConnected&&Ot(e)})}else Ot(e)}function RT(e){let{isDisabled:t,onFocus:n,onBlur:o,onFocusChange:a}=e;const s=E.useCallback(d=>{if(pe(d)===d.currentTarget)return o&&o(d),a&&a(!1),!0},[o,a]),i=ET(s),l=E.useCallback(d=>{let c=pe(d);const u=Re(c),m=u?It(u):It();c===d.currentTarget&&c===m&&(n&&n(d),a&&a(!0),i(d))},[a,n,i]);return{focusProps:{onFocus:!t&&(n||a||o)?l:void 0,onBlur:!t&&(o||a)?s:void 0}}}function uu(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 FT(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:uu(e.onKeyDown),onKeyUp:uu(e.onKeyUp)}}}function mu(e,t){Gt(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}let AT=E.createContext(null);function $T(e){let t=E.useContext(AT)||{};mu(t,e);let{ref:n,...o}=t;return o}function VT(e,t){let{focusProps:n}=RT(e),{keyboardProps:o}=FT(e),a=dt(n,o),s=$T(t),i=e.isDisabled?{}:s,l=E.useRef(e.autoFocus);E.useEffect(()=>{l.current&&t.current&&yr(t.current),l.current=!1},[t]);let d=e.excludeFromTabOrder?-1:0;return e.isDisabled&&(d=void 0),{focusableProps:dt({...a,tabIndex:d},i)}}function Gs(e){return wT()?e.altKey:e.ctrlKey}function Us(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 fu=new WeakMap;function KT(e){let t=mr();return fu.set(e,t),t}function HT(e){return fu.get(e)}function kn(e){return cn()?e.metaKey:e.ctrlKey}function Su(e){let t=GT(Re(e));t!==e&&(t&&WT(t,e),e&&gu(e,t))}function WT(e,t){e.dispatchEvent(new FocusEvent("blur",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:t}))}function gu(e,t){e.dispatchEvent(new FocusEvent("focus",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusin",{bubbles:!0,relatedTarget:t}))}function GT(e){let t=It(e),n=t?.getAttribute("aria-activedescendant");return n&&e.getElementById(n)||t}let Mn="default",zs="",Er=new WeakMap;function hu(e){if(br()){if(Mn==="default"){const t=Re(e);zs=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";Er.set(e,e.style[t]),e.style[t]="none"}}function js(e){if(br()){if(Mn!=="disabled")return;Mn="restoring",setTimeout(()=>{pu(()=>{if(Mn==="restoring"){const t=Re(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=zs||""),zs="",Mn="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&Er.has(e)){let t=Er.get(e),n="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[n]==="none"&&(e.style[n]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),Er.delete(e)}}function bu(e){return e?.defaultView?.__webpack_nonce__||globalThis.__webpack_nonce__||void 0}let Ys=new WeakMap;function UT(e){let t=e??(typeof document<"u"?document:void 0);if(!t)return bu(t);if(Ys.has(t))return Ys.get(t);let n=t.querySelector('meta[property="csp-nonce"]'),o=n&&n instanceof pt(n).HTMLMetaElement&&(n.nonce||n.content)||bu(t)||void 0;return o!==void 0&&Ys.set(t,o),o}const vu=E.createContext({register:()=>{}});vu.displayName="PressResponderContext";const zT=E.useInsertionEffect??Gt;function Tr(e){const t=E.useRef(null);return zT(()=>{t.current=e},[e]),E.useCallback((...n)=>{const o=t.current;return o?.(...n)},[])}function yu(){let e=E.useRef(new Map),t=E.useCallback((a,s,i,l)=>{let d=l?.once?(...c)=>{e.current.delete(i),i(...c)}:i;e.current.set(i,{type:s,eventTarget:a,fn:d,options:l}),a.addEventListener(s,d,l)},[]),n=E.useCallback((a,s,i,l)=>{let d=e.current.get(i)?.fn||i;a.removeEventListener(s,d,l),e.current.delete(i)},[]),o=E.useCallback(()=>{e.current.forEach((a,s)=>{n(a.eventTarget,a.type,s,a.options)})},[n]);return E.useEffect(()=>o,[o]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:o}}function jT(e){let t=E.useContext(vu);if(t){let{register:n,ref:o,...a}=t;e=dt(a,e),n()}return mu(t,e.ref),e}class wr{#e;constructor(t,n,o,a){this.#e=!0;const i=(a?.target??o.currentTarget)?.getBoundingClientRect();let l,d=0,c,u=null;o.clientX!=null&&o.clientY!=null&&(c=o.clientX,u=o.clientY),i&&(c!=null&&u!=null?(l=c-i.left,d=u-i.top):(l=i.width/2,d=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=d,this.key=o.key}continuePropagation(){this.#e=!1}get shouldStopPropagation(){return this.#e}}const Eu=Symbol("linkClicked"),Tu="react-aria-pressable-style",wu="data-react-aria-pressable";function Cu(e){let{onPress:t,onPressChange:n,onPressStart:o,onPressEnd:a,onPressUp:s,onClick:i,isDisabled:l,isPressed:d,preventFocusOnPress:c,shouldCancelOnPointerExit:u,allowTextSelectionOnPress:m,ref:p,...f}=jT(e),[g,h]=E.useState(!1),y=E.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:v,removeAllGlobalListeners:b}=yu(),N=E.useCallback((C,K)=>{let B=y.current;if(l||B.didFirePressStart)return!1;let M=!0;if(B.isTriggeringEvent=!0,o){let q=new wr("pressstart",K,C);o(q),M=q.shouldStopPropagation}return n&&n(!0),B.isTriggeringEvent=!1,B.didFirePressStart=!0,h(!0),M},[l,o,n]),w=E.useCallback((C,K,B=!0)=>{let M=y.current;if(!M.didFirePressStart)return!1;M.didFirePressStart=!1,M.isTriggeringEvent=!0;let q=!0;if(a){let I=new wr("pressend",K,C);a(I),q=I.shouldStopPropagation}if(n&&n(!1),h(!1),t&&B&&!l){let I=new wr("press",K,C);t(I),q&&=I.shouldStopPropagation}return M.isTriggeringEvent=!1,q},[l,a,n,t]),T=Tr(w),L=E.useCallback((C,K)=>{let B=y.current;if(l)return!1;if(s){B.isTriggeringEvent=!0;let M=new wr("pressup",K,C);return s(M),B.isTriggeringEvent=!1,M.shouldStopPropagation}return!0},[l,s]),R=Tr(L),_=E.useCallback(C=>{let K=y.current;if(K.isPressed&&K.target){K.didFirePressStart&&K.pointerType!=null&&w(pn(K.target,C),K.pointerType,!1),K.isPressed=!1,K.isOverTarget=!1,K.activePointerId=null,K.pointerType=null,b(),m||js(K.target);for(let B of K.disposables)B();K.disposables=[]}},[m,b,w]),P=Tr(_),A=E.useCallback(C=>{u&&_(C)},[u,_]),U=E.useCallback(C=>{l||i?.(C)},[l,i]),X=E.useCallback((C,K)=>{if(!l&&i){let B=new MouseEvent("click",C);yT(B,K),i(tu(B))}},[l,i]),H=E.useMemo(()=>{let C=y.current,K={onKeyDown(M){if(Js(M.nativeEvent,M.currentTarget)&&ye(M.currentTarget,pe(M))){Iu(pe(M),M.key)&&M.preventDefault();let q=!0;!C.isPressed&&!M.repeat&&(C.target=M.currentTarget,C.isPressed=!0,C.pointerType="keyboard",q=N(M,"keyboard"));let I=M.currentTarget,D=k=>{Js(k,I)&&!k.repeat&&ye(I,pe(k))&&C.target&&R(pn(C.target,k),"keyboard")};v(Re(M.currentTarget),"keyup",Os(D,B),!0),q&&M.stopPropagation(),M.metaKey&&cn()&&C.metaKeyEvents?.set(M.key,M.nativeEvent)}else M.key==="Meta"&&(C.metaKeyEvents=new Map)},onClick(M){if(!(M&&!ye(M.currentTarget,pe(M)))&&M&&M.button===0&&!C.isTriggeringEvent&&!Bt.isOpening){let q=!0;if(l&&M.preventDefault(),!C.ignoreEmulatedMouseEvents&&!C.isPressed&&(C.pointerType==="virtual"||As(M.nativeEvent))){let I=N(M,"virtual"),D=R(M,"virtual"),k=T(M,"virtual");U(M),q=I&&D&&k}else if(C.isPressed&&C.pointerType!=="keyboard"){let I=C.pointerType||M.nativeEvent.pointerType||"virtual",D=R(pn(M.currentTarget,M),I),k=T(pn(M.currentTarget,M),I,!0);q=D&&k,C.isOverTarget=!1,U(M),P(M)}C.ignoreEmulatedMouseEvents=!1,q&&M.stopPropagation()}}},B=M=>{if(C.isPressed&&C.target&&Js(M,C.target)){Iu(pe(M),M.key)&&M.preventDefault();let q=pe(M),I=ye(C.target,q);T(pn(C.target,M),"keyboard",I),I&&X(M,C.target),b(),M.key!=="Enter"&&qs(C.target)&&ye(C.target,q)&&!M[Eu]&&(M[Eu]=!0,Bt(C.target,M,!1)),C.isPressed=!1,C.metaKeyEvents?.delete(M.key)}else if(M.key==="Meta"&&C.metaKeyEvents?.size){let q=C.metaKeyEvents;C.metaKeyEvents=void 0;for(let I of q.values())C.target?.dispatchEvent(new KeyboardEvent("keyup",I))}};if(typeof PointerEvent<"u"){K.onPointerDown=I=>{if(I.button!==0||!ye(I.currentTarget,pe(I)))return;if(IT(I.nativeEvent)){C.pointerType="virtual";return}C.pointerType=I.pointerType;let D=!0;if(!C.isPressed){C.isPressed=!0,C.isOverTarget=!0,C.activePointerId=I.pointerId,C.target=I.currentTarget,m||hu(C.target),D=N(I,C.pointerType);let k=pe(I);"releasePointerCapture"in k&&("hasPointerCapture"in k?k.hasPointerCapture(I.pointerId)&&k.releasePointerCapture(I.pointerId):k.releasePointerCapture(I.pointerId)),v(Re(I.currentTarget),"pointerup",M,!1),v(Re(I.currentTarget),"pointercancel",q,!1)}D&&I.stopPropagation()},K.onMouseDown=I=>{if(ye(I.currentTarget,pe(I))&&I.button===0){if(c){let D=nu(I.target);D&&C.disposables.push(D)}I.stopPropagation()}},K.onPointerUp=I=>{!ye(I.currentTarget,pe(I))||C.pointerType==="virtual"||I.button===0&&!C.isPressed&&R(I,C.pointerType||I.pointerType)},K.onPointerEnter=I=>{I.pointerId===C.activePointerId&&C.target&&!C.isOverTarget&&C.pointerType!=null&&(C.isOverTarget=!0,N(pn(C.target,I),C.pointerType))},K.onPointerLeave=I=>{I.pointerId===C.activePointerId&&C.target&&C.isOverTarget&&C.pointerType!=null&&(C.isOverTarget=!1,T(pn(C.target,I),C.pointerType,!1),A(I))};let M=I=>{if(I.pointerId===C.activePointerId&&C.isPressed&&I.button===0&&C.target){if(ye(C.target,pe(I))&&C.pointerType!=null){let D=!1,k=setTimeout(()=>{C.isPressed&&C.target instanceof HTMLElement&&(D?P(I):(Ot(C.target),C.target.click()))},80);v(I.currentTarget,"click",()=>D=!0,!0),C.disposables.push(()=>clearTimeout(k))}else P(I);C.isOverTarget=!1}},q=I=>{P(I)};K.onDragStart=I=>{ye(I.currentTarget,pe(I))&&P(I)}}else if(process.env.NODE_ENV==="test"){K.onMouseDown=I=>{if(I.button!==0||!ye(I.currentTarget,pe(I)))return;if(C.ignoreEmulatedMouseEvents){I.stopPropagation();return}if(C.isPressed=!0,C.isOverTarget=!0,C.target=I.currentTarget,C.pointerType=As(I.nativeEvent)?"virtual":"mouse",Ln.flushSync(()=>N(I,C.pointerType))&&I.stopPropagation(),c){let k=nu(I.target);k&&C.disposables.push(k)}v(Re(I.currentTarget),"mouseup",M,!1)},K.onMouseEnter=I=>{if(!ye(I.currentTarget,pe(I)))return;let D=!0;C.isPressed&&!C.ignoreEmulatedMouseEvents&&C.pointerType!=null&&(C.isOverTarget=!0,D=N(I,C.pointerType)),D&&I.stopPropagation()},K.onMouseLeave=I=>{if(!ye(I.currentTarget,pe(I)))return;let D=!0;C.isPressed&&!C.ignoreEmulatedMouseEvents&&C.pointerType!=null&&(C.isOverTarget=!1,D=T(I,C.pointerType,!1),A(I)),D&&I.stopPropagation()},K.onMouseUp=I=>{ye(I.currentTarget,pe(I))&&!C.ignoreEmulatedMouseEvents&&I.button===0&&!C.isPressed&&R(I,C.pointerType||"mouse")};let M=I=>{if(I.button===0){if(C.ignoreEmulatedMouseEvents){C.ignoreEmulatedMouseEvents=!1;return}C.target&&ye(C.target,pe(I))&&C.pointerType!=null||P(I),C.isOverTarget=!1}};K.onTouchStart=I=>{if(!ye(I.currentTarget,pe(I)))return;let D=YT(I.nativeEvent);if(!D)return;C.activePointerId=D.identifier,C.ignoreEmulatedMouseEvents=!0,C.isOverTarget=!0,C.isPressed=!0,C.target=I.currentTarget,C.pointerType="touch",m||hu(C.target),N(zt(C.target,I),C.pointerType)&&I.stopPropagation(),v(pt(I.currentTarget),"scroll",q,!0)},K.onTouchMove=I=>{if(!ye(I.currentTarget,pe(I)))return;if(!C.isPressed){I.stopPropagation();return}let D=Du(I.nativeEvent,C.activePointerId),k=!0;D&&Nu(D,I.currentTarget)?!C.isOverTarget&&C.pointerType!=null&&(C.isOverTarget=!0,k=N(zt(C.target,I),C.pointerType)):C.isOverTarget&&C.pointerType!=null&&(C.isOverTarget=!1,k=T(zt(C.target,I),C.pointerType,!1),A(zt(C.target,I))),k&&I.stopPropagation()},K.onTouchEnd=I=>{if(!ye(I.currentTarget,pe(I)))return;if(!C.isPressed){I.stopPropagation();return}let D=Du(I.nativeEvent,C.activePointerId),k=!0;D&&Nu(D,I.currentTarget)&&C.pointerType!=null?(R(zt(C.target,I),C.pointerType),k=T(zt(C.target,I),C.pointerType),X(I.nativeEvent,C.target)):C.isOverTarget&&C.pointerType!=null&&(k=T(zt(C.target,I),C.pointerType,!1)),k&&I.stopPropagation(),C.isPressed=!1,C.activePointerId=null,C.isOverTarget=!1,C.ignoreEmulatedMouseEvents=!0,C.target&&!m&&js(C.target),b()},K.onTouchCancel=I=>{ye(I.currentTarget,pe(I))&&(I.stopPropagation(),C.isPressed&&P(zt(C.target,I)))};let q=I=>{C.isPressed&&ye(pe(I),C.target)&&P({currentTarget:C.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};K.onDragStart=I=>{ye(I.currentTarget,pe(I))&&P(I)}}return K},[v,l,c,b,m,A,N,U,X]);return E.useEffect(()=>{if(!p||process.env.NODE_ENV==="test")return;const C=Re(p.current);if(!C||!C.head||C.getElementById(Tu))return;const K=C.createElement("style");K.id=Tu;let B=UT(C);B&&(K.nonce=B),K.textContent=`
9519
+ `}}}},GE={Autocomplete:{components:[Nt],examples:$i},Checkboxes:{components:[Xt],examples:Vi},"Clickable Tags":{components:[An],examples:Ki},"Column Chooser":{components:[Xa,zo],examples:Sd},"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:[Ms],examples:Vp},"Content Rows":{components:[Za,on,jo],examples:gd},"Content Sections":{components:[as],examples:Ud},"Date Pickers":{components:[Qa],examples:Dd},"Date Range Pickers":{components:[ts],examples:xd},"Date Time Range Pickers":{components:[ns],examples:Od},Datetime:{components:[os],examples:Bd},"Time Input":{components:[_s],examples:Up},"Description Lists":{description:()=>r.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[Zo,Qo,tr],examples:Wd},Dropdown:{components:[sn,rs],examples:Gd},"Filter Panel":{components:[Ns,Is,xs,ks],examples:$p},Form:{components:[ro],examples:fd},Incrementor:{components:[ss],examples:zd},Label:{description:()=>r.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[is],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:[ls],examples:pp},"Micro Block":{components:[cs],examples:up},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:[ds,or],examples:fp},"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:[us],examples:Sp},"Multi Value Text Input":{description:()=>r.createElement("p",null,"To be determined."),components:[Ls],examples:Wp},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:[ms,rr],examples:gp},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[fs],examples:hp},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:[rn],examples:kd},"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:[vp],examples:yp},"Split Button":{components:[Ss],examples:Ep},"Summary List Row":{components:[gs,hs,io],examples:Tp},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:[ln,Wt,re,Ht,Be,De],examples:dp},"Task Queue":{components:[bs],examples:wp},"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:[sr],examples:Cp},"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:[vs],examples:Dp},Toggles:{description:()=>r.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[ys],examples:Ip},Tooltips:{components:[ct,Es],examples:xp},Wizard:{components:[ws,Cs],examples:Lp},Workflow:{components:[ir,lr,cr,dr],examples:Ap,notices:[BE]},"Slide In Panels":{description:"",components:[ps],examples:mp}},UE=new Set(["id"]),zE=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),jE=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),YE=new Set(["dir","lang","hidden","inert","translate"]),zp=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"]),qE=/^(data-.*)$/;function JE(e,t={}){let{labelable:n,isLink:o,global:a,events:s=a,propNames:i}=t,l={};for(const d in e)Object.prototype.hasOwnProperty.call(e,d)&&(UE.has(d)||n&&zE.has(d)||o&&jE.has(d)||a&&YE.has(d)||s&&(zp.has(d)||d.endsWith("Capture")&&zp.has(d.slice(0,-7)))||i?.has(d)||qE.test(d))&&(l[d]=e[d]);return l}const jp=new WeakMap;function pr(e,t,n){if(!e)return"";typeof t=="string"&&(t=t.replace(/\s+/g,""));let o=jp.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 Ps(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const Gt=typeof document<"u"?E.useLayoutEffect:()=>{},ur={prefix:String(Math.round(Math.random()*1e10)),current:0},Yp=E.createContext(ur),XE=E.createContext(!1);let ZE=!!(typeof window<"u"&&window.document&&window.document.createElement),Os=new WeakMap;function QE(e=!1){let t=E.useContext(Yp),n=E.useRef(null);if(n.current===null&&!e){let o=E.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;if(o){let a=Os.get(o);a==null?Os.set(o,{id:t.current,state:o.memoizedState}):o.memoizedState!==a.state&&(t.current=a.id,Os.delete(o))}n.current=++t.current}return n.current}function eT(e){let t=E.useContext(Yp);t===ur&&!ZE&&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=QE(!!e),o=t===ur&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${o}-${n}`}function tT(e){let t=E.useId(),[n]=E.useState(qp()),o=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${ur.prefix}`;return e||`${o}-${t}`}const nT=typeof E.useId=="function"?tT:eT;function oT(){return!1}function rT(){return!0}function aT(e){return()=>{}}function qp(){return typeof E.useSyncExternalStore=="function"?E.useSyncExternalStore(aT,oT,rT):E.useContext(XE)}let sT=!!(typeof window<"u"&&window.document&&window.document.createElement),xn=new Map,lo;typeof FinalizationRegistry<"u"&&(lo=new FinalizationRegistry(e=>{xn.delete(e)}));function mr(e){let[t,n]=E.useState(e),o=E.useRef(null),a=nT(t),s=E.useRef(null);if(lo&&lo.register(s,a),sT){const i=xn.get(a);i&&!i.includes(o)?i.push(o):xn.set(a,[o])}return Gt(()=>{let i=a;return()=>{lo&&lo.unregister(s),xn.delete(i)}},[a]),E.useEffect(()=>{let i=o.current;return i&&n(i),()=>{i&&(o.current=null)}}),a}function iT(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 lT(...e){return e.length===1&&e[0]?e[0]:t=>{let n=!1;const o=e.map(a=>{const s=Jp(a,t);return n||=typeof s=="function",s});if(n)return()=>{o.forEach((a,s)=>{typeof a=="function"?a():Jp(e[s],null)})}}}function Jp(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]=Ps(s,i):(a==="className"||a==="UNSAFE_className")&&typeof s=="string"&&typeof i=="string"?t[a]=$(s,i):a==="id"&&s&&i?t.id=iT(s,i):a==="ref"&&s&&i?t.ref=lT(s,i):t[a]=i!==void 0?i:s}}return t}function Pt(e){if(cT())e.focus({preventScroll:!0});else{let t=dT(e);e.focus(),pT(t)}}let fr=null;function cT(){if(fr==null){fr=!1;try{document.createElement("div").focus({get preventScroll(){return fr=!0,!0}})}catch{}}return fr}function dT(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 pT(e){for(let{element:t,scrollTop:n,scrollLeft:o}of e)t.scrollTop=n,t.scrollLeft=o}const Re=e=>e?.ownerDocument??document,pt=e=>e&&"window"in e&&e.window===e?e:Re(e).defaultView||window;function uT(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function mT(e){return uT(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let fT=!1;function Sr(){return fT}function ye(e,t){if(!Sr())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:mT(n)?n=n.host:n=n.parentNode}return!1}const It=(e=document)=>{if(!Sr())return e.activeElement;let t=e.activeElement;for(;t&&"shadowRoot"in t&&t.shadowRoot?.activeElement;)t=t.shadowRoot.activeElement;return t};function me(e){if(Sr()&&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 Xp(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 ST=typeof Element<"u"&&"checkVisibility"in Element.prototype;function gT(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 hT(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 Bs(e,t){return ST?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&gT(e)&&hT(e,t)&&(!e.parentElement||Bs(e.parentElement,e))}const Rs=["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"],bT=Rs.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Rs.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const vT=Rs.join(':not([hidden]):not([tabindex="-1"]),');function Zp(e,t){return e.matches(bT)&&!eu(e)&&(t?.skipVisibilityCheck||Bs(e))}function Qp(e){return e.matches(vT)&&Bs(e)&&!eu(e)}function eu(e){let t=e;for(;t!=null;){if(t instanceof t.ownerDocument.defaultView.HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}function tu(e){let t=e;return t.nativeEvent=e,t.isDefaultPrevented=()=>t.defaultPrevented,t.isPropagationStopped=()=>t.cancelBubble,t.persist=()=>{},t}function yT(e,t){Object.defineProperty(e,"target",{value:t}),Object.defineProperty(e,"currentTarget",{value:t})}function ET(e){let t=E.useRef({isFocused:!1,observer:null});return Gt(()=>{const n=t.current;return()=>{n.observer&&(n.observer.disconnect(),n.observer=null)}},[]),E.useCallback(n=>{let o=me(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=tu(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 gr=!1;function nu(e){for(;e&&!Zp(e,{skipVisibilityCheck:!0});)e=e.parentElement;let t=pt(e),n=t.document.activeElement;if(!n||n===e)return;gr=!0;let o=!1,a=u=>{(me(u)===n||o)&&u.stopImmediatePropagation()},s=u=>{(me(u)===n||o)&&(u.stopImmediatePropagation(),!e&&!o&&(o=!0,Pt(n),d()))},i=u=>{(me(u)===e||o)&&u.stopImmediatePropagation()},l=u=>{(me(u)===e||o)&&(u.stopImmediatePropagation(),o||(o=!0,Pt(n),d()))};t.addEventListener("blur",a,!0),t.addEventListener("focusout",s,!0),t.addEventListener("focusin",l,!0),t.addEventListener("focus",i,!0);let d=()=>{cancelAnimationFrame(c),t.removeEventListener("blur",a,!0),t.removeEventListener("focusout",s,!0),t.removeEventListener("focusin",l,!0),t.removeEventListener("focus",i,!0),gr=!1,o=!1},c=requestAnimationFrame(d);return d}function hr(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 Fs(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.userAgentData?.platform||window.navigator.platform):!1}function Ot(e){if(process.env.NODE_ENV==="test")return e;let t=null;return()=>(t==null&&(t=e()),t)}const cn=Ot(function(){return Fs(/^Mac/i)}),TT=Ot(function(){return Fs(/^iPhone/i)}),ou=Ot(function(){return Fs(/^iPad/i)||cn()&&navigator.maxTouchPoints>1}),br=Ot(function(){return TT()||ou()}),wT=Ot(function(){return cn()||br()}),CT=Ot(function(){return hr(/AppleWebKit/i)&&!DT()}),DT=Ot(function(){return hr(/Chrome/i)}),ru=Ot(function(){return hr(/Android/i)}),NT=Ot(function(){return hr(/Firefox/i)});function As(e){return e.pointerType===""&&e.isTrusted?!0:ru()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function IT(e){return!ru()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}const xT=E.createContext({isNative:!0,open:MT,useHref:e=>e});function $s(){return E.useContext(xT)}function Bt(e,t,n=!0){let{metaKey:o,ctrlKey:a,altKey:s,shiftKey:i}=t;NT()&&window.event?.type?.startsWith("key")&&e.target==="_blank"&&(cn()?o=!0:a=!0);let l=CT()&&cn()&&!ou()&&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});Bt.isOpening=n,Pt(e),e.dispatchEvent(l),Bt.isOpening=!1}Bt.isOpening=!1;function kT(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 MT(e,t){kT(e,n=>Bt(n,t))}function LT(e){const n=$s().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 co=null;const _T=new Set;let po=new Map,dn=!1,Vs=!1;function Ks(e,t){for(let n of _T)n(e,t)}function PT(e){return!(e.metaKey||!cn()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function vr(e){dn=!0,!Bt.isOpening&&PT(e)&&(co="keyboard",Ks("keyboard",e))}function ut(e){co="pointer","pointerType"in e&&e.pointerType,(e.type==="mousedown"||e.type==="pointerdown")&&(dn=!0,Ks("pointer",e))}function au(e){!Bt.isOpening&&As(e)&&(dn=!0,co="virtual")}function su(e){let t=pt(me(e)),n=Re(me(e));me(e)===t||me(e)===n||gr||!e.isTrusted||(!dn&&!Vs&&(co="virtual",Ks("virtual",e)),dn=!1,Vs=!1)}function iu(){gr||(dn=!1,Vs=!0)}function lu(e){if(typeof window>"u"||typeof document>"u")return;const t=pt(e),n=Re(e);if(po.get(t))return;let o=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){dn=!0,o.apply(this,arguments)},n.addEventListener("keydown",vr,!0),n.addEventListener("keyup",vr,!0),n.addEventListener("click",au,!0),t.addEventListener("focus",su,!0),t.addEventListener("blur",iu,!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",()=>{cu(e)},{once:!0}),po.set(t,{focus:o})}const cu=(e,t)=>{const n=pt(e),o=Re(e);t&&o.removeEventListener("DOMContentLoaded",t),po.has(n)&&(n.HTMLElement.prototype.focus=po.get(n).focus,o.removeEventListener("keydown",vr,!0),o.removeEventListener("keyup",vr,!0),o.removeEventListener("click",au,!0),n.removeEventListener("focus",su,!0),n.removeEventListener("blur",iu,!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)),po.delete(n))};function OT(e){const t=Re(e);let n;return t.readyState!=="loading"?lu(e):(n=()=>{lu(e)},t.addEventListener("DOMContentLoaded",n)),()=>cu(e,n)}typeof document<"u"&&OT();function Hs(){return co}let Ut=new Map,Ws=new Set;function du(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let t=o=>{let a=me(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=me(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 Ws)i();Ws.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",n)}typeof document<"u"&&(document.readyState!=="loading"?du():document.addEventListener("DOMContentLoaded",du));function BT(){for(const[e]of Ut)"isConnected"in e&&!e.isConnected&&Ut.delete(e)}function pu(e){requestAnimationFrame(()=>{BT(),Ut.size===0?e():Ws.add(e)})}function yr(e){if(!e.isConnected)return;const t=Re(e);if(Hs()==="virtual"){let n=It(t);pu(()=>{const o=It(t);(o===n||o===t.body)&&e.isConnected&&Pt(e)})}else Pt(e)}function RT(e){let{isDisabled:t,onFocus:n,onBlur:o,onFocusChange:a}=e;const s=E.useCallback(d=>{if(me(d)===d.currentTarget)return o&&o(d),a&&a(!1),!0},[o,a]),i=ET(s),l=E.useCallback(d=>{let c=me(d);const u=Re(c),m=u?It(u):It();c===d.currentTarget&&c===m&&(n&&n(d),a&&a(!0),i(d))},[a,n,i]);return{focusProps:{onFocus:!t&&(n||a||o)?l:void 0,onBlur:!t&&(o||a)?s:void 0}}}function uu(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 FT(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:uu(e.onKeyDown),onKeyUp:uu(e.onKeyUp)}}}function mu(e,t){Gt(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}let AT=E.createContext(null);function $T(e){let t=E.useContext(AT)||{};mu(t,e);let{ref:n,...o}=t;return o}function VT(e,t){let{focusProps:n}=RT(e),{keyboardProps:o}=FT(e),a=dt(n,o),s=$T(t),i=e.isDisabled?{}:s,l=E.useRef(e.autoFocus);E.useEffect(()=>{l.current&&t.current&&yr(t.current),l.current=!1},[t]);let d=e.excludeFromTabOrder?-1:0;return e.isDisabled&&(d=void 0),{focusableProps:dt({...a,tabIndex:d},i)}}function Gs(e){return wT()?e.altKey:e.ctrlKey}function Us(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 fu=new WeakMap;function KT(e){let t=mr();return fu.set(e,t),t}function HT(e){return fu.get(e)}function kn(e){return cn()?e.metaKey:e.ctrlKey}function Su(e){let t=GT(Re(e));t!==e&&(t&&WT(t,e),e&&gu(e,t))}function WT(e,t){e.dispatchEvent(new FocusEvent("blur",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:t}))}function gu(e,t){e.dispatchEvent(new FocusEvent("focus",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusin",{bubbles:!0,relatedTarget:t}))}function GT(e){let t=It(e),n=t?.getAttribute("aria-activedescendant");return n&&e.getElementById(n)||t}let Mn="default",zs="",Er=new WeakMap;function hu(e){if(br()){if(Mn==="default"){const t=Re(e);zs=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";Er.set(e,e.style[t]),e.style[t]="none"}}function js(e){if(br()){if(Mn!=="disabled")return;Mn="restoring",setTimeout(()=>{pu(()=>{if(Mn==="restoring"){const t=Re(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=zs||""),zs="",Mn="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&Er.has(e)){let t=Er.get(e),n="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[n]==="none"&&(e.style[n]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),Er.delete(e)}}function bu(e){return e?.defaultView?.__webpack_nonce__||globalThis.__webpack_nonce__||void 0}let Ys=new WeakMap;function UT(e){let t=e??(typeof document<"u"?document:void 0);if(!t)return bu(t);if(Ys.has(t))return Ys.get(t);let n=t.querySelector('meta[property="csp-nonce"]'),o=n&&n instanceof pt(n).HTMLMetaElement&&(n.nonce||n.content)||bu(t)||void 0;return o!==void 0&&Ys.set(t,o),o}const vu=E.createContext({register:()=>{}});vu.displayName="PressResponderContext";const zT=E.useInsertionEffect??Gt;function Tr(e){const t=E.useRef(null);return zT(()=>{t.current=e},[e]),E.useCallback((...n)=>{const o=t.current;return o?.(...n)},[])}function yu(){let e=E.useRef(new Map),t=E.useCallback((a,s,i,l)=>{let d=l?.once?(...c)=>{e.current.delete(i),i(...c)}:i;e.current.set(i,{type:s,eventTarget:a,fn:d,options:l}),a.addEventListener(s,d,l)},[]),n=E.useCallback((a,s,i,l)=>{let d=e.current.get(i)?.fn||i;a.removeEventListener(s,d,l),e.current.delete(i)},[]),o=E.useCallback(()=>{e.current.forEach((a,s)=>{n(a.eventTarget,a.type,s,a.options)})},[n]);return E.useEffect(()=>o,[o]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:o}}function jT(e){let t=E.useContext(vu);if(t){let{register:n,ref:o,...a}=t;e=dt(a,e),n()}return mu(t,e.ref),e}class wr{#e;constructor(t,n,o,a){this.#e=!0;const i=(a?.target??o.currentTarget)?.getBoundingClientRect();let l,d=0,c,u=null;o.clientX!=null&&o.clientY!=null&&(c=o.clientX,u=o.clientY),i&&(c!=null&&u!=null?(l=c-i.left,d=u-i.top):(l=i.width/2,d=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=d,this.key=o.key}continuePropagation(){this.#e=!1}get shouldStopPropagation(){return this.#e}}const Eu=Symbol("linkClicked"),Tu="react-aria-pressable-style",wu="data-react-aria-pressable";function Cu(e){let{onPress:t,onPressChange:n,onPressStart:o,onPressEnd:a,onPressUp:s,onClick:i,isDisabled:l,isPressed:d,preventFocusOnPress:c,shouldCancelOnPointerExit:u,allowTextSelectionOnPress:m,ref:p,...f}=jT(e),[g,b]=E.useState(!1),y=E.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:v,removeAllGlobalListeners:h}=yu(),N=E.useCallback((C,V)=>{let B=y.current;if(l||B.didFirePressStart)return!1;let M=!0;if(B.isTriggeringEvent=!0,o){let J=new wr("pressstart",V,C);o(J),M=J.shouldStopPropagation}return n&&n(!0),B.isTriggeringEvent=!1,B.didFirePressStart=!0,b(!0),M},[l,o,n]),w=E.useCallback((C,V,B=!0)=>{let M=y.current;if(!M.didFirePressStart)return!1;M.didFirePressStart=!1,M.isTriggeringEvent=!0;let J=!0;if(a){let I=new wr("pressend",V,C);a(I),J=I.shouldStopPropagation}if(n&&n(!1),b(!1),t&&B&&!l){let I=new wr("press",V,C);t(I),J&&=I.shouldStopPropagation}return M.isTriggeringEvent=!1,J},[l,a,n,t]),T=Tr(w),L=E.useCallback((C,V)=>{let B=y.current;if(l)return!1;if(s){B.isTriggeringEvent=!0;let M=new wr("pressup",V,C);return s(M),B.isTriggeringEvent=!1,M.shouldStopPropagation}return!0},[l,s]),R=Tr(L),_=E.useCallback(C=>{let V=y.current;if(V.isPressed&&V.target){V.didFirePressStart&&V.pointerType!=null&&w(pn(V.target,C),V.pointerType,!1),V.isPressed=!1,V.isOverTarget=!1,V.activePointerId=null,V.pointerType=null,h(),m||js(V.target);for(let B of V.disposables)B();V.disposables=[]}},[m,h,w]),O=Tr(_),A=E.useCallback(C=>{u&&_(C)},[u,_]),U=E.useCallback(C=>{l||i?.(C)},[l,i]),X=E.useCallback((C,V)=>{if(!l&&i){let B=new MouseEvent("click",C);yT(B,V),i(tu(B))}},[l,i]),K=E.useMemo(()=>{let C=y.current,V={onKeyDown(M){if(Js(M.nativeEvent,M.currentTarget)&&ye(M.currentTarget,me(M))){Iu(me(M),M.key)&&M.preventDefault();let J=!0;!C.isPressed&&!M.repeat&&(C.target=M.currentTarget,C.isPressed=!0,C.pointerType="keyboard",J=N(M,"keyboard"));let I=M.currentTarget,D=k=>{Js(k,I)&&!k.repeat&&ye(I,me(k))&&C.target&&R(pn(C.target,k),"keyboard")};v(Re(M.currentTarget),"keyup",Ps(D,B),!0),J&&M.stopPropagation(),M.metaKey&&cn()&&C.metaKeyEvents?.set(M.key,M.nativeEvent)}else M.key==="Meta"&&(C.metaKeyEvents=new Map)},onClick(M){if(!(M&&!ye(M.currentTarget,me(M)))&&M&&M.button===0&&!C.isTriggeringEvent&&!Bt.isOpening){let J=!0;if(l&&M.preventDefault(),!C.ignoreEmulatedMouseEvents&&!C.isPressed&&(C.pointerType==="virtual"||As(M.nativeEvent))){let I=N(M,"virtual"),D=R(M,"virtual"),k=T(M,"virtual");U(M),J=I&&D&&k}else if(C.isPressed&&C.pointerType!=="keyboard"){let I=C.pointerType||M.nativeEvent.pointerType||"virtual",D=R(pn(M.currentTarget,M),I),k=T(pn(M.currentTarget,M),I,!0);J=D&&k,C.isOverTarget=!1,U(M),O(M)}C.ignoreEmulatedMouseEvents=!1,J&&M.stopPropagation()}}},B=M=>{if(C.isPressed&&C.target&&Js(M,C.target)){Iu(me(M),M.key)&&M.preventDefault();let J=me(M),I=ye(C.target,J);T(pn(C.target,M),"keyboard",I),I&&X(M,C.target),h(),M.key!=="Enter"&&qs(C.target)&&ye(C.target,J)&&!M[Eu]&&(M[Eu]=!0,Bt(C.target,M,!1)),C.isPressed=!1,C.metaKeyEvents?.delete(M.key)}else if(M.key==="Meta"&&C.metaKeyEvents?.size){let J=C.metaKeyEvents;C.metaKeyEvents=void 0;for(let I of J.values())C.target?.dispatchEvent(new KeyboardEvent("keyup",I))}};if(typeof PointerEvent<"u"){V.onPointerDown=I=>{if(I.button!==0||!ye(I.currentTarget,me(I)))return;if(IT(I.nativeEvent)){C.pointerType="virtual";return}C.pointerType=I.pointerType;let D=!0;if(!C.isPressed){C.isPressed=!0,C.isOverTarget=!0,C.activePointerId=I.pointerId,C.target=I.currentTarget,m||hu(C.target),D=N(I,C.pointerType);let k=me(I);"releasePointerCapture"in k&&("hasPointerCapture"in k?k.hasPointerCapture(I.pointerId)&&k.releasePointerCapture(I.pointerId):k.releasePointerCapture(I.pointerId)),v(Re(I.currentTarget),"pointerup",M,!1),v(Re(I.currentTarget),"pointercancel",J,!1)}D&&I.stopPropagation()},V.onMouseDown=I=>{if(ye(I.currentTarget,me(I))&&I.button===0){if(c){let D=nu(I.target);D&&C.disposables.push(D)}I.stopPropagation()}},V.onPointerUp=I=>{!ye(I.currentTarget,me(I))||C.pointerType==="virtual"||I.button===0&&!C.isPressed&&R(I,C.pointerType||I.pointerType)},V.onPointerEnter=I=>{I.pointerId===C.activePointerId&&C.target&&!C.isOverTarget&&C.pointerType!=null&&(C.isOverTarget=!0,N(pn(C.target,I),C.pointerType))},V.onPointerLeave=I=>{I.pointerId===C.activePointerId&&C.target&&C.isOverTarget&&C.pointerType!=null&&(C.isOverTarget=!1,T(pn(C.target,I),C.pointerType,!1),A(I))};let M=I=>{if(I.pointerId===C.activePointerId&&C.isPressed&&I.button===0&&C.target){if(ye(C.target,me(I))&&C.pointerType!=null){let D=!1,k=setTimeout(()=>{C.isPressed&&C.target instanceof HTMLElement&&(D?O(I):(Pt(C.target),C.target.click()))},80);v(I.currentTarget,"click",()=>D=!0,!0),C.disposables.push(()=>clearTimeout(k))}else O(I);C.isOverTarget=!1}},J=I=>{O(I)};V.onDragStart=I=>{ye(I.currentTarget,me(I))&&O(I)}}else if(process.env.NODE_ENV==="test"){V.onMouseDown=I=>{if(I.button!==0||!ye(I.currentTarget,me(I)))return;if(C.ignoreEmulatedMouseEvents){I.stopPropagation();return}if(C.isPressed=!0,C.isOverTarget=!0,C.target=I.currentTarget,C.pointerType=As(I.nativeEvent)?"virtual":"mouse",Ln.flushSync(()=>N(I,C.pointerType))&&I.stopPropagation(),c){let k=nu(I.target);k&&C.disposables.push(k)}v(Re(I.currentTarget),"mouseup",M,!1)},V.onMouseEnter=I=>{if(!ye(I.currentTarget,me(I)))return;let D=!0;C.isPressed&&!C.ignoreEmulatedMouseEvents&&C.pointerType!=null&&(C.isOverTarget=!0,D=N(I,C.pointerType)),D&&I.stopPropagation()},V.onMouseLeave=I=>{if(!ye(I.currentTarget,me(I)))return;let D=!0;C.isPressed&&!C.ignoreEmulatedMouseEvents&&C.pointerType!=null&&(C.isOverTarget=!1,D=T(I,C.pointerType,!1),A(I)),D&&I.stopPropagation()},V.onMouseUp=I=>{ye(I.currentTarget,me(I))&&!C.ignoreEmulatedMouseEvents&&I.button===0&&!C.isPressed&&R(I,C.pointerType||"mouse")};let M=I=>{if(I.button===0){if(C.ignoreEmulatedMouseEvents){C.ignoreEmulatedMouseEvents=!1;return}C.target&&ye(C.target,me(I))&&C.pointerType!=null||O(I),C.isOverTarget=!1}};V.onTouchStart=I=>{if(!ye(I.currentTarget,me(I)))return;let D=YT(I.nativeEvent);if(!D)return;C.activePointerId=D.identifier,C.ignoreEmulatedMouseEvents=!0,C.isOverTarget=!0,C.isPressed=!0,C.target=I.currentTarget,C.pointerType="touch",m||hu(C.target),N(zt(C.target,I),C.pointerType)&&I.stopPropagation(),v(pt(I.currentTarget),"scroll",J,!0)},V.onTouchMove=I=>{if(!ye(I.currentTarget,me(I)))return;if(!C.isPressed){I.stopPropagation();return}let D=Du(I.nativeEvent,C.activePointerId),k=!0;D&&Nu(D,I.currentTarget)?!C.isOverTarget&&C.pointerType!=null&&(C.isOverTarget=!0,k=N(zt(C.target,I),C.pointerType)):C.isOverTarget&&C.pointerType!=null&&(C.isOverTarget=!1,k=T(zt(C.target,I),C.pointerType,!1),A(zt(C.target,I))),k&&I.stopPropagation()},V.onTouchEnd=I=>{if(!ye(I.currentTarget,me(I)))return;if(!C.isPressed){I.stopPropagation();return}let D=Du(I.nativeEvent,C.activePointerId),k=!0;D&&Nu(D,I.currentTarget)&&C.pointerType!=null?(R(zt(C.target,I),C.pointerType),k=T(zt(C.target,I),C.pointerType),X(I.nativeEvent,C.target)):C.isOverTarget&&C.pointerType!=null&&(k=T(zt(C.target,I),C.pointerType,!1)),k&&I.stopPropagation(),C.isPressed=!1,C.activePointerId=null,C.isOverTarget=!1,C.ignoreEmulatedMouseEvents=!0,C.target&&!m&&js(C.target),h()},V.onTouchCancel=I=>{ye(I.currentTarget,me(I))&&(I.stopPropagation(),C.isPressed&&O(zt(C.target,I)))};let J=I=>{C.isPressed&&ye(me(I),C.target)&&O({currentTarget:C.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};V.onDragStart=I=>{ye(I.currentTarget,me(I))&&O(I)}}return V},[v,l,c,h,m,A,N,U,X]);return E.useEffect(()=>{if(!p||process.env.NODE_ENV==="test")return;const C=Re(p.current);if(!C||!C.head||C.getElementById(Tu))return;const V=C.createElement("style");V.id=Tu;let B=UT(C);B&&(V.nonce=B),V.textContent=`
9485
9520
  @layer {
9486
9521
  [${wu}] {
9487
9522
  touch-action: pan-x pan-y pinch-zoom;
9488
9523
  }
9489
9524
  }
9490
- `.trim(),C.head.prepend(K)},[p]),E.useEffect(()=>{let C=y.current;return()=>{m||js(C.target??void 0);for(let K of C.disposables)K();C.disposables=[]}},[m]),{isPressed:d||g,pressProps:dt(f,H,{[wu]:!0})}}function qs(e){return e.tagName==="A"&&e.hasAttribute("href")}function Js(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&&!xu(a,n)||a instanceof pt(a).HTMLTextAreaElement||a.isContentEditable)&&!((s==="link"||!s&&qs(a))&&n!=="Enter")}function YT(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function Du(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 pn(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 qT(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 JT(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function Nu(e,t){let n=t.getBoundingClientRect(),o=qT(e);return JT(n,o)}function XT(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!qs(e)}function Iu(e,t){return e instanceof HTMLInputElement?!xu(e,t):XT(e)}const ZT=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function xu(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":ZT.has(e.type)}let QT=0;const Xs=new Map;function ew(e){let[t,n]=E.useState();return Gt(()=>{if(!e)return;let o=Xs.get(e);if(o)n(o.element.id);else{let a=`react-aria-description-${QT++}`;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},Xs.set(e,o)}return o.refCount++,()=>{o&&--o.refCount===0&&(o.element.remove(),Xs.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}const tw=500;function nw(e){let{isDisabled:t,onLongPressStart:n,onLongPressEnd:o,onLongPress:a,threshold:s=tw,accessibilityDescription:i}=e;const l=E.useRef(void 0);let{addGlobalListener:d,removeGlobalListener:c}=yu(),{pressProps:u}=Cu({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})),Re(p.target).activeElement!==p.target&&Ot(p.target),a&&a({...p,type:"longpress"}),l.current=void 0},s),p.pointerType==="touch")){let f=h=>{h.preventDefault()},g=pt(p.target);d(p.target,"contextmenu",f,{once:!0}),d(g,"pointerup",()=>{setTimeout(()=>{c(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"})}}),m=ew(a&&!t?i:void 0);return{longPressProps:dt(u,m)}}function ow(e){let{id:t,selectionManager:n,key:o,ref:a,shouldSelectOnPressUp:s,shouldUseVirtualFocus:i,focus:l,isDisabled:d,onAction:c,allowsDifferentPressOrigin:u,linkBehavior:m="action"}=e,p=$s();t=mr(t);let f=D=>{if(D.pointerType==="keyboard"&&Gs(D))n.toggleSelection(o);else{if(n.selectionMode==="none")return;if(n.isLink(o)){if(m==="selection"&&a.current){let k=n.getItemProps(o);p.open(a.current,D,k.href,k.routerOptions),n.setSelectedKeys(n.selectedKeys);return}else if(m==="override"||m==="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)}};E.useEffect(()=>{o===n.focusedKey&&n.isFocused&&(i?Su(a.current):l?l():It()!==a.current&&a.current&&yr(a.current))},[a,o,n.focusedKey,n.childFocusStrategy,n.isFocused,i]),d=d||n.isDisabled(o);let g={};!i&&!d?g={tabIndex:o===n.focusedKey?0:-1,onFocus(D){pe(D)===a.current&&n.setFocusedKey(o)}}:d&&(g.onMouseDown=D=>{D.preventDefault()}),E.useEffect(()=>{d&&n.focusedKey===o&&n.setFocusedKey(null)},[n,d,o]);let h=n.isLink(o)&&m==="override",y=c&&e.UNSTABLE_itemBehavior==="action",v=n.isLink(o)&&m!=="selection"&&m!=="none",b=!d&&n.canSelectItem(o)&&!h&&!y,N=(c||v)&&!d,w=N&&(n.selectionBehavior==="replace"?!b:!b||n.isEmpty),T=N&&b&&n.selectionBehavior==="replace",L=w||T,R=E.useRef(null),_=L&&b,P=E.useRef(!1),A=E.useRef(!1),U=n.getItemProps(o),X=D=>{c&&(c(),a.current?.dispatchEvent(new CustomEvent("react-aria-item-action",{bubbles:!0}))),v&&a.current&&p.open(a.current,D,U.href,U.routerOptions)},H={ref:a};if(s?(H.onPressStart=D=>{R.current=D.pointerType,P.current=_,D.pointerType==="keyboard"&&(!L||Mu(D.key))&&f(D)},u?(H.onPressUp=w?void 0:D=>{D.pointerType==="mouse"&&b&&f(D)},H.onPress=w?X:D=>{D.pointerType!=="keyboard"&&D.pointerType!=="mouse"&&b&&f(D)}):H.onPress=D=>{if(w||T&&D.pointerType!=="mouse"){if(D.pointerType==="keyboard"&&!ku(D.key))return;X(D)}else D.pointerType!=="keyboard"&&b&&f(D)}):(H.onPressStart=D=>{R.current=D.pointerType,P.current=_,A.current=w,b&&(D.pointerType==="mouse"&&!w||D.pointerType==="keyboard"&&(!N||Mu(D.key)))&&f(D)},H.onPress=D=>{(D.pointerType==="touch"||D.pointerType==="pen"||D.pointerType==="virtual"||D.pointerType==="keyboard"&&L&&ku(D.key)||D.pointerType==="mouse"&&A.current)&&(L?X(D):b&&f(D))}),g["data-collection"]=HT(n.collection),g["data-key"]=o,H.preventFocusOnPress=i,i&&(H=dt(H,{onPressStart(D){D.pointerType!=="touch"&&(n.setFocused(!0),n.setFocusedKey(o))},onPress(D){D.pointerType==="touch"&&(n.setFocused(!0),n.setFocusedKey(o))}})),U)for(let D of["onPressStart","onPressEnd","onPressChange","onPress","onPressUp","onClick"])U[D]&&(H[D]=Os(H[D],U[D]));let{pressProps:C,isPressed:K}=Cu(H),B=T?D=>{R.current==="mouse"&&(D.stopPropagation(),D.preventDefault(),X(D))}:void 0,{longPressProps:M}=nw({isDisabled:!_,onLongPress(D){D.pointerType==="touch"&&(f(D),n.setSelectionBehavior("toggle"))}}),q=D=>{R.current==="touch"&&P.current&&D.preventDefault()},I=m!=="none"&&n.isLink(o)?D=>{Bt.isOpening||D.preventDefault()}:void 0;return{itemProps:dt(g,b||w||i&&!d?C:{},_?M:{},{onDoubleClick:B,onDragStartCapture:q,onClick:I,id:t},i?{onMouseDown:D=>D.preventDefault()}:void 0),isPressed:K,isSelected:n.isSelected(o),isFocused:n.isFocused&&n.focusedKey===o,isDisabled:d,allowsSelection:b,hasAction:L}}function ku(e){return e==="Enter"}function Mu(e){return e===" "}function rw(e,t,n){let{key:o,isDisabled:a,shouldSelectOnPressUp:s}=e,{selectionManager:i,selectedKey:l}=t,d=o===l,c=a||t.isDisabled||t.selectionManager.isDisabled(o),u=t.collection.getItem(o),{itemProps:m,isPressed:p}=ow({selectionManager:i,key:o,ref:n,isDisabled:c,shouldSelectOnPressUp:s??u?.props.href!=null,linkBehavior:"selection"}),f=pr(t,o,"tab"),g=pr(t,o,"tabpanel"),{tabIndex:h}=m,y=JE(u?.props,{labelable:!0});delete y.id;let v=LT(u?.props),{focusableProps:b}=VT({...u?.props,isDisabled:c},n);return{tabProps:dt(y,b,v,m,{id:f,"aria-selected":d,"aria-disabled":c||void 0,"aria-controls":d?g:void 0,tabIndex:c?void 0:h,role:"tab"}),isSelected:d,isDisabled:c,isPressed:p}}class aw{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 d=this._doc.createTreeWalker(l,this.whatToShow,{acceptNode:this._acceptNode});return this._walkerStack.unshift(d),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 sw(e,t,n,o){return Sr()?new aw(e,t,n,o):e.createTreeWalker(t,n,o)}function iw(e){if(!e.form)return Array.from(Re(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 lw(e){if(e.checked)return!0;const t=iw(e);return t.length>0&&!t.some(n=>n.checked)}function Lu(e,t){return!e||!t?!1:t.some(n=>ye(n,e))}function _u(e,t,n){let o=t?.tabbable?Qp:Zp,a=e?.nodeType===Node.ELEMENT_NODE?e:null,s=Re(a),i=sw(s,e||s,NodeFilter.SHOW_ELEMENT,{acceptNode(l){return ye(t?.from,l)||t?.tabbable&&l.tagName==="INPUT"&&l.getAttribute("type")==="radio"&&(!lw(l)||i.currentNode.tagName==="INPUT"&&i.currentNode.type==="radio"&&i.currentNode.name===l.name)?NodeFilter.FILTER_REJECT:o(l)&&(!n||Lu(l,n))&&(!t?.accept||t.accept(l))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t?.from&&(i.currentNode=t.from),i}class Zs{constructor(){this.fastMap=new Map,this.root=new Ou({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 Ou({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&&Lu(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 Zs;for(let n of this.traverse())t.addTreeNode(n.scopeRef,n.parent?.scopeRef??null,n.nodeToRestore);return t}}class Ou{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 Zs;function cw(e,t){let n=t?.isDisabled,[o,a]=E.useState(!1);return Gt(()=>{if(e?.current&&!n){let s=()=>{if(e.current){let l=_u(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 Pu(e,t){let{id:n,"aria-label":o,"aria-labelledby":a}=e;return n=mr(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 dw(e,t,n){let o=cw(n)?void 0:0;const a=pr(t,e.id??t?.selectedKey,"tabpanel"),s=Pu({...e,id:a,"aria-labelledby":pr(t,t?.selectedKey,"tab")});return{tabPanelProps:dt(s,{tabIndex:o,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class pw{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 uw=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),mw=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function fw(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 uw.has(n.script)}let t=e.split("-")[0];return mw.has(t)}const Bu=Symbol.for("react-aria.i18n.locale");function Ru(){let e=typeof window<"u"&&window[Bu]||typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:fw(e)?"rtl":"ltr"}}let Qs=Ru(),uo=new Set;function Fu(){Qs=Ru();for(let e of uo)e(Qs)}function Sw(){let e=qp(),[t,n]=E.useState(Qs);return E.useEffect(()=>(uo.size===0&&window.addEventListener("languagechange",Fu),uo.add(n),()=>{uo.delete(n),uo.size===0&&window.removeEventListener("languagechange",Fu)}),[]),e?{locale:typeof window<"u"&&window[Bu]||"en-US",direction:"ltr"}:t}const gw=E.createContext(null);function Au(){let e=Sw();return E.useContext(gw)||e}const hw="react-aria-clear-focus",bw="react-aria-focus";function vw(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 $u(e,t){let n=[],o=document.scrollingElement||document.documentElement;do vw(e,t)&&n.push(e),e=e.parentElement;while(e&&e!==o);return n}function ei(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(),d=e.getBoundingClientRect(),c=window.getComputedStyle(t),u=window.getComputedStyle(e),m=document.scrollingElement||document.documentElement,p=e===m?0:d.top,f=e===m?e.clientHeight:d.bottom,g=e===m?0:d.left,h=e===m?e.clientWidth:d.right,y=parseInt(c.scrollMarginTop,10)||0,v=parseInt(c.scrollMarginBottom,10)||0,b=parseInt(c.scrollMarginLeft,10)||0,N=parseInt(c.scrollMarginRight,10)||0,w=parseInt(u.scrollPaddingTop,10)||0,T=parseInt(u.scrollPaddingBottom,10)||0,L=parseInt(u.scrollPaddingLeft,10)||0,R=parseInt(u.scrollPaddingRight,10)||0,_=parseInt(u.borderTopWidth,10)||0,P=parseInt(u.borderBottomWidth,10)||0,A=parseInt(u.borderLeftWidth,10)||0,U=parseInt(u.borderRightWidth,10)||0,X=l.top-y,H=l.bottom+v,C=l.left-b,K=l.right+N,B=e===m?0:A+U,M=e===m?0:_+P,q=e.offsetWidth-e.clientWidth-B,I=e.offsetHeight-e.clientHeight-M,D=p+_+w,k=f-P-T-I,G=g+A+L,Z=h-U-R;u.direction==="rtl"&&!br()?G+=q:Z-=q;let te=X<D||H>k,ne=C<G||K>Z;if(te&&o==="start")s+=X-D;else if(te&&o==="center")s+=(X+H)/2-(D+k)/2;else if(te&&o==="end")s+=H-k;else if(te&&o==="nearest"){let V=X-D,j=H-k;s+=Math.abs(V)<=Math.abs(j)?V:j}if(ne&&a==="start")i+=C-G;else if(ne&&a==="center")i+=(C+K)/2-(G+Z)/2;else if(ne&&a==="end")i+=K-Z;else if(ne&&a==="nearest"){let V=C-G,j=K-Z;i+=Math.abs(V)<=Math.abs(j)?V:j}if(process.env.NODE_ENV==="test"){e.scrollLeft=i,e.scrollTop=s;return}e.scrollTo({left:i,top:s})}function Vu(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=$u(e,!0);for(let u of l)ei(u,e);let{left:d,top:c}=e.getBoundingClientRect();if(Math.abs(s-d)>1||Math.abs(i-c)>1){l=n?$u(n,!0):[];for(let u of l)ei(u,n,{block:"center",inline:"center"})}}else{let{left:s,top:i}=e.getBoundingClientRect();e?.scrollIntoView?.({block:"nearest"});let{left:l,top:d}=e.getBoundingClientRect();(Math.abs(s-l)>1||Math.abs(i-d)>1)&&(n?.scrollIntoView?.({block:"center",inline:"center"}),e.scrollIntoView?.({block:"nearest"}))}}}function Cr(e,t,n,o){let a=Tr(n),s=n==null;E.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 yw=1e3;function Ew(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:o}=e,a=E.useRef({search:"",timeout:void 0}).current,s=i=>{let l=Tw(i.key);if(!(!l||i.ctrlKey||i.metaKey||!ye(i.currentTarget,pe(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 d=t.getKeyForSearch(a.search,n.focusedKey);d==null&&(d=t.getKeyForSearch(a.search)),d!=null&&(n.setFocusedKey(d),o&&o(d))}clearTimeout(a.timeout),a.timeout=setTimeout(()=>{a.search=""},yw)}};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?s:void 0}}}function Tw(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}function Ku(e,t){const n=E.useRef(!0),o=E.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 ww(e){let{selectionManager:t,keyboardDelegate:n,ref:o,autoFocus:a=!1,shouldFocusWrap:s=!1,disallowEmptySelection:i=!1,disallowSelectAll:l=!1,escapeKeyBehavior:d="clearSelection",selectOnFocus:c=t.selectionBehavior==="replace",disallowTypeAhead:u=!1,shouldUseVirtualFocus:m,allowsTabNavigation:p=!1,scrollRef:f=o,linkBehavior:g="action"}=e,{direction:h}=Au(),y=$s(),v=C=>{if(C.altKey&&C.key==="Tab"&&C.preventDefault(),!o.current||!ye(o.current,pe(C)))return;const K=(B,M)=>{if(B!=null){if(t.isLink(B)&&g==="selection"&&c&&!Gs(C)){Ln.flushSync(()=>{t.setFocusedKey(B,M)});let q=Us(o,B),I=t.getItemProps(B);q&&y.open(q,C,I.href,I.routerOptions);return}if(t.setFocusedKey(B,M),t.isLink(B)&&g==="override")return;C.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(B):c&&!Gs(C)&&t.replaceSelection(B)}};switch(C.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&&(C.preventDefault(),K(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&&(C.preventDefault(),K(B))}break;case"ArrowLeft":if(n.getKeyLeftOf){let B=t.focusedKey!=null?n.getKeyLeftOf?.(t.focusedKey):n.getFirstKey?.();B==null&&s&&(B=h==="rtl"?n.getFirstKey?.(t.focusedKey):n.getLastKey?.(t.focusedKey)),B!=null&&(C.preventDefault(),K(B,h==="rtl"?"first":"last"))}break;case"ArrowRight":if(n.getKeyRightOf){let B=t.focusedKey!=null?n.getKeyRightOf?.(t.focusedKey):n.getFirstKey?.();B==null&&s&&(B=h==="rtl"?n.getLastKey?.(t.focusedKey):n.getFirstKey?.(t.focusedKey)),B!=null&&(C.preventDefault(),K(B,h==="rtl"?"last":"first"))}break;case"Home":if(n.getFirstKey){if(t.focusedKey===null&&C.shiftKey)return;C.preventDefault();let B=n.getFirstKey(t.focusedKey,kn(C));t.setFocusedKey(B),B!=null&&(kn(C)&&C.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(B):c&&t.replaceSelection(B))}break;case"End":if(n.getLastKey){if(t.focusedKey===null&&C.shiftKey)return;C.preventDefault();let B=n.getLastKey(t.focusedKey,kn(C));t.setFocusedKey(B),B!=null&&(kn(C)&&C.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(B):c&&t.replaceSelection(B))}break;case"PageDown":if(n.getKeyPageBelow&&t.focusedKey!=null){let B=n.getKeyPageBelow(t.focusedKey);B!=null&&(C.preventDefault(),K(B))}break;case"PageUp":if(n.getKeyPageAbove&&t.focusedKey!=null){let B=n.getKeyPageAbove(t.focusedKey);B!=null&&(C.preventDefault(),K(B))}break;case"a":kn(C)&&t.selectionMode==="multiple"&&l!==!0&&(C.preventDefault(),t.selectAll());break;case"Escape":d==="clearSelection"&&!i&&t.selectedKeys.size!==0&&(C.stopPropagation(),C.preventDefault(),t.clearSelection());break;case"Tab":if(!p){if(C.shiftKey)o.current.focus();else{let B=_u(o.current,{tabbable:!0}),M,q;do q=B.lastChild(),q&&(M=q);while(q);let I=It();M&&(!Xp(M)||I&&!Qp(I))&&Ot(M)}break}}},b=E.useRef({top:0,left:0});Cr(f,"scroll",()=>{b.current={top:f.current?.scrollTop??0,left:f.current?.scrollLeft??0}});let N=C=>{if(t.isFocused){ye(C.currentTarget,pe(C))||t.setFocused(!1);return}if(ye(C.currentTarget,pe(C))){if(t.setFocused(!0),t.focusedKey==null){let K=M=>{M!=null&&(t.setFocusedKey(M),c&&!t.isSelected(M)&&t.replaceSelection(M))},B=C.relatedTarget;B&&C.currentTarget.compareDocumentPosition(B)&Node.DOCUMENT_POSITION_FOLLOWING?K(t.lastSelectedKey??n.getLastKey?.()):K(t.firstSelectedKey??n.getFirstKey?.())}else f.current&&(f.current.scrollTop=b.current.top,f.current.scrollLeft=b.current.left);if(t.focusedKey!=null&&f.current){let K=Us(o,t.focusedKey);K instanceof HTMLElement&&(!Xp(K)&&!m&&Ot(K),Hs()==="keyboard"&&Vu(K,{containingElement:o.current}))}}},w=C=>{ye(C.currentTarget,C.relatedTarget)||t.setFocused(!1)},T=E.useRef(!1);Cr(o,bw,m?C=>{let{detail:K}=C;C.stopPropagation(),t.setFocused(!0),K?.focusStrategy==="first"&&(T.current=!0)}:void 0),Ku(()=>{if(T.current){let C=n.getFirstKey?.()??null;if(C==null){let K=It();Su(o.current),gu(K,null),t.collection.size>0&&(T.current=!1)}else t.setFocusedKey(C),T.current=!1}},[t.collection]),Ku(()=>{t.collection.size>0&&(T.current=!1)},[t.focusedKey]),Cr(o,hw,m?C=>{C.stopPropagation(),t.setFocused(!1),C.detail?.clearFocusKey&&t.setFocusedKey(null)}:void 0);const L=E.useRef(a),R=E.useRef(!1);E.useEffect(()=>{if(L.current){let C=null;a==="first"&&(C=n.getFirstKey?.()??null),a==="last"&&(C=n.getLastKey?.()??null);let K=t.selectedKeys;if(K.size){for(let B of K)if(t.canSelectItem(B)){C=B;break}}t.setFocused(!0),t.setFocusedKey(C),C==null&&!m&&o.current&&yr(o.current),t.collection.size>0&&(L.current=!1,R.current=!0)}});let _=E.useRef(t.focusedKey),P=E.useRef(null);E.useEffect(()=>{if(t.isFocused&&t.focusedKey!=null&&(t.focusedKey!==_.current||R.current)&&f.current&&o.current){let C=Hs(),K=Us(o,t.focusedKey);if(!(K instanceof HTMLElement))return;(C==="keyboard"||R.current)&&(P.current&&cancelAnimationFrame(P.current),P.current=requestAnimationFrame(()=>{f.current&&(ei(f.current,K),C!=="virtual"&&Vu(K,{containingElement:o.current}))}))}!m&&t.isFocused&&t.focusedKey==null&&_.current!=null&&o.current&&yr(o.current),_.current=t.focusedKey,R.current=!1}),E.useEffect(()=>()=>{P.current&&cancelAnimationFrame(P.current)},[]),Cr(o,"react-aria-focus-scope-restore",C=>{C.preventDefault(),t.setFocused(!0)});let A={onKeyDown:v,onFocus:N,onBlur:w,onMouseDown(C){f.current===pe(C)&&C.preventDefault()}},{typeSelectProps:U}=Ew({keyboardDelegate:n,selectionManager:t});u||(A=dt(U,A));let X;m||(X=t.focusedKey==null?0:-1);let H=KT(t.collection);return{collectionProps:dt(A,{tabIndex:X,"data-collection":H})}}function Cw(e,t,n){let{orientation:o="horizontal",keyboardActivation:a="automatic"}=e,{collection:s,selectionManager:i,disabledKeys:l}=t,{direction:d}=Au(),c=E.useMemo(()=>new pw(s,d,o,l),[s,l,o,d]),{collectionProps:u}=ww({ref:n,selectionManager:i,keyboardDelegate:c,selectOnFocus:a==="automatic",disallowEmptySelection:!0,scrollRef:n,linkBehavior:"selection"}),m=mr();jp.set(t,m);let p=Pu({...e,id:m});return{tabListProps:{...dt(u,p),role:"tablist","aria-orientation":o,tabIndex:void 0}}}function Hu({item:e,state:t}){const{key:n}=e,o=r.useRef(null),{tabProps:a}=rw({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 Wu({state:e,...t}){const n=r.useRef(null),{tabPanelProps:o}=dw(t,e,n);return r.createElement("div",{...o,ref:n,className:"sps-card__body"},e.selectedItem?e.selectedItem.props.children:null)}class Gu{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 Dw=typeof document<"u"?E.useInsertionEffect??E.useLayoutEffect:()=>{};function Uu(e,t,n){let[o,a]=E.useState(e||t),s=E.useRef(o),i=E.useRef(e!==void 0),l=e!==void 0;E.useEffect(()=>{let m=i.current;m!==l&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${m?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}.`),i.current=l},[l]);let d=l?e:o;Dw(()=>{s.current=d});let[,c]=E.useReducer(()=>({}),{}),u=E.useCallback((m,...p)=>{let f=typeof m=="function"?m(s.current):m;Object.is(s.current,f)||(s.current=f,a(f),c(),n?.(f,...p))},[n]);return[d,u]}function Nw(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function Iw(e){let{selectionMode:t="none",disallowEmptySelection:n=!1,allowDuplicateSelectionEvents:o,selectionBehavior:a="toggle",disabledBehavior:s="all"}=e,i=E.useRef(!1),[,l]=E.useState(!1),d=E.useRef(null),c=E.useRef(null),[,u]=E.useState(null),m=E.useMemo(()=>zu(e.selectedKeys),[e.selectedKeys]),p=E.useMemo(()=>zu(e.defaultSelectedKeys,new vt),[e.defaultSelectedKeys]),[f,g]=Uu(m,p,e.onSelectionChange),h=E.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[y,v]=E.useState(a);a==="replace"&&y==="toggle"&&typeof f=="object"&&f.size===0&&v("replace");let b=E.useRef(a);return E.useEffect(()=>{a!==b.current&&(v(a),b.current=a)},[a]),{selectionMode:t,disallowEmptySelection:n,selectionBehavior:y,setSelectionBehavior:v,get isFocused(){return i.current},setFocused(N){i.current=N,l(N)},get focusedKey(){return d.current},get childFocusStrategy(){return c.current},setFocusedKey(N,w="first"){d.current=N,c.current=w,u(N)},selectedKeys:f,setSelectedKeys(N){(o||!Nw(N,f))&&g(N)},disabledKeys:h,disabledBehavior:s}}function zu(e,t){return e?e==="all"?"all":new vt(e):t}function xw(e,t){return typeof t.getChildren=="function"?t.getChildren(e.key):e.childNodes}function kw(e){return Mw(e)}function Mw(e,t){for(let n of e)return n}function ti(e,t,n){if(t.parentKey===n.parentKey)return t.index-n.index;let o=[...ju(e,t),t],a=[...ju(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 ju(e,t){let n=[],o=t;for(;o?.parentKey!=null;)o=e.getItem(o.parentKey),o&&n.unshift(o);return n}class ni{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&&ti(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&&ti(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?ti(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(kw(xw(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 ni(t,this.state,{allowsCellSelection:this.allowsCellSelection,layoutDelegate:this.layoutDelegate||void 0,fullCollection:this.fullCollection??this.collection})}}class Lw{build(t,n){return this.context=n,Yu(()=>this.iterateCollection(t))}*iterateCollection(t){let{children:n,items:o}=t;if(E.isValidElement(n)&&n.type===E.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=[];E.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 d of l)s++,yield d}}}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(E.isValidElement(t.element)&&t.element.type===E.Fragment){let d=[];E.Children.forEach(t.element.props.children,u=>{d.push(u)});let c=t.index??0;for(const u of d)yield*this.getFullNode({element:u,index:c++},n,o,a);return}let s=t.element;if(!s&&t.value&&n&&n.renderer){let d=this.cache.get(t.value);if(d&&(!d.shouldInvalidate||!d.shouldInvalidate(this.context))){d.index=t.index,d.parentKey=a?a.key:null,yield d;return}s=n.renderer(t.value)}if(E.isValidElement(s)){let d=s.type;if(typeof d!="function"&&typeof d.getCollectionNode!="function"){let p=s.type;throw new Error(`Unknown element <${p}> in collection.`)}let c=d.getCollectionNode(s.props,this.context),u=t.index??0,m=c.next();for(;!m.done&&m.value;){let p=m.value;t.index=u;let f=p.key??null;f==null&&(f=p.element?null:this.getKey(s,t,n,o));let h=[...this.getFullNode({...p,key:f,index:u,wrapper:_w(t.wrapper,p.wrapper)},this.getChildState(n,p),o?`${o}${s.key}`:s.key,a)];for(let y of h){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 <${oi(y.type)}> in <${oi(a?.type??"unknown parent type")}>. Only <${oi(t.type)}> is supported.`);u++,yield y}m=c.next(h)}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:Yu(function*(){if(!t.hasChildNodes||!t.childNodes)return;let d=0;for(let c of t.childNodes()){c.key!=null&&(c.key=`${l.key}${c.key}`);let u=i.getFullNode({...c,index:d},i.getChildState(n,c),l.key,l);for(let m of u)d++,yield m}})};yield l}constructor(){this.cache=new WeakMap}}function Yu(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 oi(e){return e[0].toUpperCase()+e.slice(1)}function Ow(e,t,n){let o=E.useMemo(()=>new Lw,[]),{children:a,items:s,collection:i}=e;return E.useMemo(()=>{if(i)return i;let d=o.build({children:a,items:s},n);return t(d)},[o,a,s,i,n,t])}function Pw(e){let{filter:t,layoutDelegate:n}=e,o=Iw(e),a=E.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),s=E.useCallback(c=>t?new Gu(t(c)):new Gu(c),[t]),i=E.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),l=Ow(e,s,i),d=E.useMemo(()=>new ni(l,o,{layoutDelegate:n}),[l,o,n]);return Bw(l,d),{collection:l,disabledKeys:a,selectionManager:d}}function Bw(e,t){const n=E.useRef(null);E.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 Rw(e){let[t,n]=Uu(e.selectedKey,e.defaultSelectedKey??null,e.onSelectionChange),o=E.useMemo(()=>t!=null?[t]:[],[t]),{collection:a,disabledKeys:s,selectionManager:i}=Pw({...e,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:o,onSelectionChange:d=>{if(d==="all")return;let c=d.values().next().value??null;c===t&&e.onSelectionChange&&e.onSelectionChange(c),n(c)}}),l=t!=null?a.getItem(t):null;return{collection:a,disabledKeys:s,selectionManager:i,selectedKey:t,setSelectedKey:n,selectedItem:l}}function Fw(e){let t=Rw({...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=E.useRef(a);return E.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 Aw={},$w={};function ri(e){const{selectedKey:t,defaultSelectedKey:n,...o}=e,a={...o,selectedKey:t??void 0,defaultSelectedKey:n??void 0},s=Fw(a),i=r.useRef(null),{tabListProps:l}=Cw(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(d=>r.createElement(Hu,{key:d.key,item:d,state:s}))),r.createElement(Wu,{key:s.selectedItem?s.selectedItem.key:null,state:s}))}Object.assign(ri,{props:Aw,propTypes:$w,displayName:"SpsTabsV2"});const Vw={};function ai({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__footer",t),...n},e)}Object.assign(ai,{props:Vw,displayName:"SpsCardV2Footer"});const Kw={};function si({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__header",t),...n},e)}Object.assign(si,{props:Kw,displayName:"SpsCardV2Header"});const Hw={};function Ju({children:e,className:t,...n}){const[o,a,s,i,l]=at(e,[{type:si},{type:ri},{type:Im.Tabs},{type:ai}]),d=a.length>0?a:s;return r.createElement("div",{className:$("sps-card",t),...n},o,d.length>0?d:r.createElement("div",{className:"sps-card__body"},l),i)}Object.assign(Ju,{props:Hw,displayName:"SpsCardV2"});const Ww={};function Xu({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__title",t),...n},e)}Object.assign(Xu,{props:Ww,displayName:"SpsCardV2Title"});const Gw={...md,controlsDisabled:"boolean",footerLinks:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",isOpen:"boolean",onClear:"() => void",onSubmit:"React.FormEventHandler"};function Zu(e){const{children:t,className:n,controlsDisabled:o,footerLinks:a,formArray:s,formGroup:i,formMeta:l,isOpen:d,onClear:c,onSubmit:u,unsafelyReplaceClassName:m,...p}=e,{t:f}=he.useWoodlandLanguage();function g(){c&&c()}const h=$(m||"sps-advanced-search",d&&"sps-advanced-search--open",n);return r.createElement("div",{className:h,...p},r.createElement(ro,{onSubmit:u,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:F.ButtonKind.DEFAULT,type:F.ButtonType.BUTTON,className:"mr-2",onClick:g,disabled:o},f("advancedSearch.clear")),r.createElement(Ne,{kind:F.ButtonKind.KEY,type:F.ButtonType.SUBMIT,disabled:o},f("advancedSearch.search"))))))}Object.assign(Zu,{props:Gw,displayName:"SpsAdvancedSearch"});const Uw={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`
9525
+ `.trim(),C.head.prepend(V)},[p]),E.useEffect(()=>{let C=y.current;return()=>{m||js(C.target??void 0);for(let V of C.disposables)V();C.disposables=[]}},[m]),{isPressed:d||g,pressProps:dt(f,K,{[wu]:!0})}}function qs(e){return e.tagName==="A"&&e.hasAttribute("href")}function Js(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&&!xu(a,n)||a instanceof pt(a).HTMLTextAreaElement||a.isContentEditable)&&!((s==="link"||!s&&qs(a))&&n!=="Enter")}function YT(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function Du(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 pn(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 qT(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 JT(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function Nu(e,t){let n=t.getBoundingClientRect(),o=qT(e);return JT(n,o)}function XT(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!qs(e)}function Iu(e,t){return e instanceof HTMLInputElement?!xu(e,t):XT(e)}const ZT=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function xu(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":ZT.has(e.type)}let QT=0;const Xs=new Map;function ew(e){let[t,n]=E.useState();return Gt(()=>{if(!e)return;let o=Xs.get(e);if(o)n(o.element.id);else{let a=`react-aria-description-${QT++}`;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},Xs.set(e,o)}return o.refCount++,()=>{o&&--o.refCount===0&&(o.element.remove(),Xs.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}const tw=500;function nw(e){let{isDisabled:t,onLongPressStart:n,onLongPressEnd:o,onLongPress:a,threshold:s=tw,accessibilityDescription:i}=e;const l=E.useRef(void 0);let{addGlobalListener:d,removeGlobalListener:c}=yu(),{pressProps:u}=Cu({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})),Re(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);d(p.target,"contextmenu",f,{once:!0}),d(g,"pointerup",()=>{setTimeout(()=>{c(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"})}}),m=ew(a&&!t?i:void 0);return{longPressProps:dt(u,m)}}function ow(e){let{id:t,selectionManager:n,key:o,ref:a,shouldSelectOnPressUp:s,shouldUseVirtualFocus:i,focus:l,isDisabled:d,onAction:c,allowsDifferentPressOrigin:u,linkBehavior:m="action"}=e,p=$s();t=mr(t);let f=D=>{if(D.pointerType==="keyboard"&&Gs(D))n.toggleSelection(o);else{if(n.selectionMode==="none")return;if(n.isLink(o)){if(m==="selection"&&a.current){let k=n.getItemProps(o);p.open(a.current,D,k.href,k.routerOptions),n.setSelectedKeys(n.selectedKeys);return}else if(m==="override"||m==="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)}};E.useEffect(()=>{o===n.focusedKey&&n.isFocused&&(i?Su(a.current):l?l():It()!==a.current&&a.current&&yr(a.current))},[a,o,n.focusedKey,n.childFocusStrategy,n.isFocused,i]),d=d||n.isDisabled(o);let g={};!i&&!d?g={tabIndex:o===n.focusedKey?0:-1,onFocus(D){me(D)===a.current&&n.setFocusedKey(o)}}:d&&(g.onMouseDown=D=>{D.preventDefault()}),E.useEffect(()=>{d&&n.focusedKey===o&&n.setFocusedKey(null)},[n,d,o]);let b=n.isLink(o)&&m==="override",y=c&&e.UNSTABLE_itemBehavior==="action",v=n.isLink(o)&&m!=="selection"&&m!=="none",h=!d&&n.canSelectItem(o)&&!b&&!y,N=(c||v)&&!d,w=N&&(n.selectionBehavior==="replace"?!h:!h||n.isEmpty),T=N&&h&&n.selectionBehavior==="replace",L=w||T,R=E.useRef(null),_=L&&h,O=E.useRef(!1),A=E.useRef(!1),U=n.getItemProps(o),X=D=>{c&&(c(),a.current?.dispatchEvent(new CustomEvent("react-aria-item-action",{bubbles:!0}))),v&&a.current&&p.open(a.current,D,U.href,U.routerOptions)},K={ref:a};if(s?(K.onPressStart=D=>{R.current=D.pointerType,O.current=_,D.pointerType==="keyboard"&&(!L||Mu(D.key))&&f(D)},u?(K.onPressUp=w?void 0:D=>{D.pointerType==="mouse"&&h&&f(D)},K.onPress=w?X:D=>{D.pointerType!=="keyboard"&&D.pointerType!=="mouse"&&h&&f(D)}):K.onPress=D=>{if(w||T&&D.pointerType!=="mouse"){if(D.pointerType==="keyboard"&&!ku(D.key))return;X(D)}else D.pointerType!=="keyboard"&&h&&f(D)}):(K.onPressStart=D=>{R.current=D.pointerType,O.current=_,A.current=w,h&&(D.pointerType==="mouse"&&!w||D.pointerType==="keyboard"&&(!N||Mu(D.key)))&&f(D)},K.onPress=D=>{(D.pointerType==="touch"||D.pointerType==="pen"||D.pointerType==="virtual"||D.pointerType==="keyboard"&&L&&ku(D.key)||D.pointerType==="mouse"&&A.current)&&(L?X(D):h&&f(D))}),g["data-collection"]=HT(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))}})),U)for(let D of["onPressStart","onPressEnd","onPressChange","onPress","onPressUp","onClick"])U[D]&&(K[D]=Ps(K[D],U[D]));let{pressProps:C,isPressed:V}=Cu(K),B=T?D=>{R.current==="mouse"&&(D.stopPropagation(),D.preventDefault(),X(D))}:void 0,{longPressProps:M}=nw({isDisabled:!_,onLongPress(D){D.pointerType==="touch"&&(f(D),n.setSelectionBehavior("toggle"))}}),J=D=>{R.current==="touch"&&O.current&&D.preventDefault()},I=m!=="none"&&n.isLink(o)?D=>{Bt.isOpening||D.preventDefault()}:void 0;return{itemProps:dt(g,h||w||i&&!d?C:{},_?M:{},{onDoubleClick:B,onDragStartCapture:J,onClick:I,id:t},i?{onMouseDown:D=>D.preventDefault()}:void 0),isPressed:V,isSelected:n.isSelected(o),isFocused:n.isFocused&&n.focusedKey===o,isDisabled:d,allowsSelection:h,hasAction:L}}function ku(e){return e==="Enter"}function Mu(e){return e===" "}function rw(e,t,n){let{key:o,isDisabled:a,shouldSelectOnPressUp:s}=e,{selectionManager:i,selectedKey:l}=t,d=o===l,c=a||t.isDisabled||t.selectionManager.isDisabled(o),u=t.collection.getItem(o),{itemProps:m,isPressed:p}=ow({selectionManager:i,key:o,ref:n,isDisabled:c,shouldSelectOnPressUp:s??u?.props.href!=null,linkBehavior:"selection"}),f=pr(t,o,"tab"),g=pr(t,o,"tabpanel"),{tabIndex:b}=m,y=JE(u?.props,{labelable:!0});delete y.id;let v=LT(u?.props),{focusableProps:h}=VT({...u?.props,isDisabled:c},n);return{tabProps:dt(y,h,v,m,{id:f,"aria-selected":d,"aria-disabled":c||void 0,"aria-controls":d?g:void 0,tabIndex:c?void 0:b,role:"tab"}),isSelected:d,isDisabled:c,isPressed:p}}class aw{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 d=this._doc.createTreeWalker(l,this.whatToShow,{acceptNode:this._acceptNode});return this._walkerStack.unshift(d),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 sw(e,t,n,o){return Sr()?new aw(e,t,n,o):e.createTreeWalker(t,n,o)}function iw(e){if(!e.form)return Array.from(Re(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 lw(e){if(e.checked)return!0;const t=iw(e);return t.length>0&&!t.some(n=>n.checked)}function Lu(e,t){return!e||!t?!1:t.some(n=>ye(n,e))}function _u(e,t,n){let o=t?.tabbable?Qp:Zp,a=e?.nodeType===Node.ELEMENT_NODE?e:null,s=Re(a),i=sw(s,e||s,NodeFilter.SHOW_ELEMENT,{acceptNode(l){return ye(t?.from,l)||t?.tabbable&&l.tagName==="INPUT"&&l.getAttribute("type")==="radio"&&(!lw(l)||i.currentNode.tagName==="INPUT"&&i.currentNode.type==="radio"&&i.currentNode.name===l.name)?NodeFilter.FILTER_REJECT:o(l)&&(!n||Lu(l,n))&&(!t?.accept||t.accept(l))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t?.from&&(i.currentNode=t.from),i}class Zs{constructor(){this.fastMap=new Map,this.root=new Pu({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 Pu({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&&Lu(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 Zs;for(let n of this.traverse())t.addTreeNode(n.scopeRef,n.parent?.scopeRef??null,n.nodeToRestore);return t}}class Pu{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 Zs;function cw(e,t){let n=t?.isDisabled,[o,a]=E.useState(!1);return Gt(()=>{if(e?.current&&!n){let s=()=>{if(e.current){let l=_u(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 Ou(e,t){let{id:n,"aria-label":o,"aria-labelledby":a}=e;return n=mr(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 dw(e,t,n){let o=cw(n)?void 0:0;const a=pr(t,e.id??t?.selectedKey,"tabpanel"),s=Ou({...e,id:a,"aria-labelledby":pr(t,t?.selectedKey,"tab")});return{tabPanelProps:dt(s,{tabIndex:o,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class pw{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 uw=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),mw=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function fw(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 uw.has(n.script)}let t=e.split("-")[0];return mw.has(t)}const Bu=Symbol.for("react-aria.i18n.locale");function Ru(){let e=typeof window<"u"&&window[Bu]||typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:fw(e)?"rtl":"ltr"}}let Qs=Ru(),uo=new Set;function Fu(){Qs=Ru();for(let e of uo)e(Qs)}function Sw(){let e=qp(),[t,n]=E.useState(Qs);return E.useEffect(()=>(uo.size===0&&window.addEventListener("languagechange",Fu),uo.add(n),()=>{uo.delete(n),uo.size===0&&window.removeEventListener("languagechange",Fu)}),[]),e?{locale:typeof window<"u"&&window[Bu]||"en-US",direction:"ltr"}:t}const gw=E.createContext(null);function Au(){let e=Sw();return E.useContext(gw)||e}const hw="react-aria-clear-focus",bw="react-aria-focus";function vw(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 $u(e,t){let n=[],o=document.scrollingElement||document.documentElement;do vw(e,t)&&n.push(e),e=e.parentElement;while(e&&e!==o);return n}function ei(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(),d=e.getBoundingClientRect(),c=window.getComputedStyle(t),u=window.getComputedStyle(e),m=document.scrollingElement||document.documentElement,p=e===m?0:d.top,f=e===m?e.clientHeight:d.bottom,g=e===m?0:d.left,b=e===m?e.clientWidth:d.right,y=parseInt(c.scrollMarginTop,10)||0,v=parseInt(c.scrollMarginBottom,10)||0,h=parseInt(c.scrollMarginLeft,10)||0,N=parseInt(c.scrollMarginRight,10)||0,w=parseInt(u.scrollPaddingTop,10)||0,T=parseInt(u.scrollPaddingBottom,10)||0,L=parseInt(u.scrollPaddingLeft,10)||0,R=parseInt(u.scrollPaddingRight,10)||0,_=parseInt(u.borderTopWidth,10)||0,O=parseInt(u.borderBottomWidth,10)||0,A=parseInt(u.borderLeftWidth,10)||0,U=parseInt(u.borderRightWidth,10)||0,X=l.top-y,K=l.bottom+v,C=l.left-h,V=l.right+N,B=e===m?0:A+U,M=e===m?0:_+O,J=e.offsetWidth-e.clientWidth-B,I=e.offsetHeight-e.clientHeight-M,D=p+_+w,k=f-O-T-I,G=g+A+L,Z=b-U-R;u.direction==="rtl"&&!br()?G+=J:Z-=J;let ne=X<D||K>k,te=C<G||V>Z;if(ne&&o==="start")s+=X-D;else if(ne&&o==="center")s+=(X+K)/2-(D+k)/2;else if(ne&&o==="end")s+=K-k;else if(ne&&o==="nearest"){let H=X-D,q=K-k;s+=Math.abs(H)<=Math.abs(q)?H:q}if(te&&a==="start")i+=C-G;else if(te&&a==="center")i+=(C+V)/2-(G+Z)/2;else if(te&&a==="end")i+=V-Z;else if(te&&a==="nearest"){let H=C-G,q=V-Z;i+=Math.abs(H)<=Math.abs(q)?H:q}if(process.env.NODE_ENV==="test"){e.scrollLeft=i,e.scrollTop=s;return}e.scrollTo({left:i,top:s})}function Vu(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=$u(e,!0);for(let u of l)ei(u,e);let{left:d,top:c}=e.getBoundingClientRect();if(Math.abs(s-d)>1||Math.abs(i-c)>1){l=n?$u(n,!0):[];for(let u of l)ei(u,n,{block:"center",inline:"center"})}}else{let{left:s,top:i}=e.getBoundingClientRect();e?.scrollIntoView?.({block:"nearest"});let{left:l,top:d}=e.getBoundingClientRect();(Math.abs(s-l)>1||Math.abs(i-d)>1)&&(n?.scrollIntoView?.({block:"center",inline:"center"}),e.scrollIntoView?.({block:"nearest"}))}}}function Cr(e,t,n,o){let a=Tr(n),s=n==null;E.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 yw=1e3;function Ew(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:o}=e,a=E.useRef({search:"",timeout:void 0}).current,s=i=>{let l=Tw(i.key);if(!(!l||i.ctrlKey||i.metaKey||!ye(i.currentTarget,me(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 d=t.getKeyForSearch(a.search,n.focusedKey);d==null&&(d=t.getKeyForSearch(a.search)),d!=null&&(n.setFocusedKey(d),o&&o(d))}clearTimeout(a.timeout),a.timeout=setTimeout(()=>{a.search=""},yw)}};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?s:void 0}}}function Tw(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}function Ku(e,t){const n=E.useRef(!0),o=E.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 ww(e){let{selectionManager:t,keyboardDelegate:n,ref:o,autoFocus:a=!1,shouldFocusWrap:s=!1,disallowEmptySelection:i=!1,disallowSelectAll:l=!1,escapeKeyBehavior:d="clearSelection",selectOnFocus:c=t.selectionBehavior==="replace",disallowTypeAhead:u=!1,shouldUseVirtualFocus:m,allowsTabNavigation:p=!1,scrollRef:f=o,linkBehavior:g="action"}=e,{direction:b}=Au(),y=$s(),v=C=>{if(C.altKey&&C.key==="Tab"&&C.preventDefault(),!o.current||!ye(o.current,me(C)))return;const V=(B,M)=>{if(B!=null){if(t.isLink(B)&&g==="selection"&&c&&!Gs(C)){Ln.flushSync(()=>{t.setFocusedKey(B,M)});let J=Us(o,B),I=t.getItemProps(B);J&&y.open(J,C,I.href,I.routerOptions);return}if(t.setFocusedKey(B,M),t.isLink(B)&&g==="override")return;C.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(B):c&&!Gs(C)&&t.replaceSelection(B)}};switch(C.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&&(C.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&&(C.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&&(C.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&&(C.preventDefault(),V(B,b==="rtl"?"last":"first"))}break;case"Home":if(n.getFirstKey){if(t.focusedKey===null&&C.shiftKey)return;C.preventDefault();let B=n.getFirstKey(t.focusedKey,kn(C));t.setFocusedKey(B),B!=null&&(kn(C)&&C.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(B):c&&t.replaceSelection(B))}break;case"End":if(n.getLastKey){if(t.focusedKey===null&&C.shiftKey)return;C.preventDefault();let B=n.getLastKey(t.focusedKey,kn(C));t.setFocusedKey(B),B!=null&&(kn(C)&&C.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(B):c&&t.replaceSelection(B))}break;case"PageDown":if(n.getKeyPageBelow&&t.focusedKey!=null){let B=n.getKeyPageBelow(t.focusedKey);B!=null&&(C.preventDefault(),V(B))}break;case"PageUp":if(n.getKeyPageAbove&&t.focusedKey!=null){let B=n.getKeyPageAbove(t.focusedKey);B!=null&&(C.preventDefault(),V(B))}break;case"a":kn(C)&&t.selectionMode==="multiple"&&l!==!0&&(C.preventDefault(),t.selectAll());break;case"Escape":d==="clearSelection"&&!i&&t.selectedKeys.size!==0&&(C.stopPropagation(),C.preventDefault(),t.clearSelection());break;case"Tab":if(!p){if(C.shiftKey)o.current.focus();else{let B=_u(o.current,{tabbable:!0}),M,J;do J=B.lastChild(),J&&(M=J);while(J);let I=It();M&&(!Xp(M)||I&&!Qp(I))&&Pt(M)}break}}},h=E.useRef({top:0,left:0});Cr(f,"scroll",()=>{h.current={top:f.current?.scrollTop??0,left:f.current?.scrollLeft??0}});let N=C=>{if(t.isFocused){ye(C.currentTarget,me(C))||t.setFocused(!1);return}if(ye(C.currentTarget,me(C))){if(t.setFocused(!0),t.focusedKey==null){let V=M=>{M!=null&&(t.setFocusedKey(M),c&&!t.isSelected(M)&&t.replaceSelection(M))},B=C.relatedTarget;B&&C.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=Us(o,t.focusedKey);V instanceof HTMLElement&&(!Xp(V)&&!m&&Pt(V),Hs()==="keyboard"&&Vu(V,{containingElement:o.current}))}}},w=C=>{ye(C.currentTarget,C.relatedTarget)||t.setFocused(!1)},T=E.useRef(!1);Cr(o,bw,m?C=>{let{detail:V}=C;C.stopPropagation(),t.setFocused(!0),V?.focusStrategy==="first"&&(T.current=!0)}:void 0),Ku(()=>{if(T.current){let C=n.getFirstKey?.()??null;if(C==null){let V=It();Su(o.current),gu(V,null),t.collection.size>0&&(T.current=!1)}else t.setFocusedKey(C),T.current=!1}},[t.collection]),Ku(()=>{t.collection.size>0&&(T.current=!1)},[t.focusedKey]),Cr(o,hw,m?C=>{C.stopPropagation(),t.setFocused(!1),C.detail?.clearFocusKey&&t.setFocusedKey(null)}:void 0);const L=E.useRef(a),R=E.useRef(!1);E.useEffect(()=>{if(L.current){let C=null;a==="first"&&(C=n.getFirstKey?.()??null),a==="last"&&(C=n.getLastKey?.()??null);let V=t.selectedKeys;if(V.size){for(let B of V)if(t.canSelectItem(B)){C=B;break}}t.setFocused(!0),t.setFocusedKey(C),C==null&&!m&&o.current&&yr(o.current),t.collection.size>0&&(L.current=!1,R.current=!0)}});let _=E.useRef(t.focusedKey),O=E.useRef(null);E.useEffect(()=>{if(t.isFocused&&t.focusedKey!=null&&(t.focusedKey!==_.current||R.current)&&f.current&&o.current){let C=Hs(),V=Us(o,t.focusedKey);if(!(V instanceof HTMLElement))return;(C==="keyboard"||R.current)&&(O.current&&cancelAnimationFrame(O.current),O.current=requestAnimationFrame(()=>{f.current&&(ei(f.current,V),C!=="virtual"&&Vu(V,{containingElement:o.current}))}))}!m&&t.isFocused&&t.focusedKey==null&&_.current!=null&&o.current&&yr(o.current),_.current=t.focusedKey,R.current=!1}),E.useEffect(()=>()=>{O.current&&cancelAnimationFrame(O.current)},[]),Cr(o,"react-aria-focus-scope-restore",C=>{C.preventDefault(),t.setFocused(!0)});let A={onKeyDown:v,onFocus:N,onBlur:w,onMouseDown(C){f.current===me(C)&&C.preventDefault()}},{typeSelectProps:U}=Ew({keyboardDelegate:n,selectionManager:t});u||(A=dt(U,A));let X;m||(X=t.focusedKey==null?0:-1);let K=KT(t.collection);return{collectionProps:dt(A,{tabIndex:X,"data-collection":K})}}function Cw(e,t,n){let{orientation:o="horizontal",keyboardActivation:a="automatic"}=e,{collection:s,selectionManager:i,disabledKeys:l}=t,{direction:d}=Au(),c=E.useMemo(()=>new pw(s,d,o,l),[s,l,o,d]),{collectionProps:u}=ww({ref:n,selectionManager:i,keyboardDelegate:c,selectOnFocus:a==="automatic",disallowEmptySelection:!0,scrollRef:n,linkBehavior:"selection"}),m=mr();jp.set(t,m);let p=Ou({...e,id:m});return{tabListProps:{...dt(u,p),role:"tablist","aria-orientation":o,tabIndex:void 0}}}function Hu({item:e,state:t}){const{key:n}=e,o=r.useRef(null),{tabProps:a}=rw({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 Wu({state:e,...t}){const n=r.useRef(null),{tabPanelProps:o}=dw(t,e,n);return r.createElement("div",{...o,ref:n,className:"sps-card__body"},e.selectedItem?e.selectedItem.props.children:null)}class Gu{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 Dw=typeof document<"u"?E.useInsertionEffect??E.useLayoutEffect:()=>{};function Uu(e,t,n){let[o,a]=E.useState(e||t),s=E.useRef(o),i=E.useRef(e!==void 0),l=e!==void 0;E.useEffect(()=>{let m=i.current;m!==l&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${m?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}.`),i.current=l},[l]);let d=l?e:o;Dw(()=>{s.current=d});let[,c]=E.useReducer(()=>({}),{}),u=E.useCallback((m,...p)=>{let f=typeof m=="function"?m(s.current):m;Object.is(s.current,f)||(s.current=f,a(f),c(),n?.(f,...p))},[n]);return[d,u]}function Nw(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function Iw(e){let{selectionMode:t="none",disallowEmptySelection:n=!1,allowDuplicateSelectionEvents:o,selectionBehavior:a="toggle",disabledBehavior:s="all"}=e,i=E.useRef(!1),[,l]=E.useState(!1),d=E.useRef(null),c=E.useRef(null),[,u]=E.useState(null),m=E.useMemo(()=>zu(e.selectedKeys),[e.selectedKeys]),p=E.useMemo(()=>zu(e.defaultSelectedKeys,new vt),[e.defaultSelectedKeys]),[f,g]=Uu(m,p,e.onSelectionChange),b=E.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[y,v]=E.useState(a);a==="replace"&&y==="toggle"&&typeof f=="object"&&f.size===0&&v("replace");let h=E.useRef(a);return E.useEffect(()=>{a!==h.current&&(v(a),h.current=a)},[a]),{selectionMode:t,disallowEmptySelection:n,selectionBehavior:y,setSelectionBehavior:v,get isFocused(){return i.current},setFocused(N){i.current=N,l(N)},get focusedKey(){return d.current},get childFocusStrategy(){return c.current},setFocusedKey(N,w="first"){d.current=N,c.current=w,u(N)},selectedKeys:f,setSelectedKeys(N){(o||!Nw(N,f))&&g(N)},disabledKeys:b,disabledBehavior:s}}function zu(e,t){return e?e==="all"?"all":new vt(e):t}function xw(e,t){return typeof t.getChildren=="function"?t.getChildren(e.key):e.childNodes}function kw(e){return Mw(e)}function Mw(e,t){for(let n of e)return n}function ti(e,t,n){if(t.parentKey===n.parentKey)return t.index-n.index;let o=[...ju(e,t),t],a=[...ju(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 ju(e,t){let n=[],o=t;for(;o?.parentKey!=null;)o=e.getItem(o.parentKey),o&&n.unshift(o);return n}class ni{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&&ti(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&&ti(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?ti(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(kw(xw(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 ni(t,this.state,{allowsCellSelection:this.allowsCellSelection,layoutDelegate:this.layoutDelegate||void 0,fullCollection:this.fullCollection??this.collection})}}class Lw{build(t,n){return this.context=n,Yu(()=>this.iterateCollection(t))}*iterateCollection(t){let{children:n,items:o}=t;if(E.isValidElement(n)&&n.type===E.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=[];E.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 d of l)s++,yield d}}}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(E.isValidElement(t.element)&&t.element.type===E.Fragment){let d=[];E.Children.forEach(t.element.props.children,u=>{d.push(u)});let c=t.index??0;for(const u of d)yield*this.getFullNode({element:u,index:c++},n,o,a);return}let s=t.element;if(!s&&t.value&&n&&n.renderer){let d=this.cache.get(t.value);if(d&&(!d.shouldInvalidate||!d.shouldInvalidate(this.context))){d.index=t.index,d.parentKey=a?a.key:null,yield d;return}s=n.renderer(t.value)}if(E.isValidElement(s)){let d=s.type;if(typeof d!="function"&&typeof d.getCollectionNode!="function"){let p=s.type;throw new Error(`Unknown element <${p}> in collection.`)}let c=d.getCollectionNode(s.props,this.context),u=t.index??0,m=c.next();for(;!m.done&&m.value;){let p=m.value;t.index=u;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:u,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 <${oi(y.type)}> in <${oi(a?.type??"unknown parent type")}>. Only <${oi(t.type)}> is supported.`);u++,yield y}m=c.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:Yu(function*(){if(!t.hasChildNodes||!t.childNodes)return;let d=0;for(let c of t.childNodes()){c.key!=null&&(c.key=`${l.key}${c.key}`);let u=i.getFullNode({...c,index:d},i.getChildState(n,c),l.key,l);for(let m of u)d++,yield m}})};yield l}constructor(){this.cache=new WeakMap}}function Yu(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 oi(e){return e[0].toUpperCase()+e.slice(1)}function Pw(e,t,n){let o=E.useMemo(()=>new Lw,[]),{children:a,items:s,collection:i}=e;return E.useMemo(()=>{if(i)return i;let d=o.build({children:a,items:s},n);return t(d)},[o,a,s,i,n,t])}function Ow(e){let{filter:t,layoutDelegate:n}=e,o=Iw(e),a=E.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),s=E.useCallback(c=>t?new Gu(t(c)):new Gu(c),[t]),i=E.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),l=Pw(e,s,i),d=E.useMemo(()=>new ni(l,o,{layoutDelegate:n}),[l,o,n]);return Bw(l,d),{collection:l,disabledKeys:a,selectionManager:d}}function Bw(e,t){const n=E.useRef(null);E.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 Rw(e){let[t,n]=Uu(e.selectedKey,e.defaultSelectedKey??null,e.onSelectionChange),o=E.useMemo(()=>t!=null?[t]:[],[t]),{collection:a,disabledKeys:s,selectionManager:i}=Ow({...e,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:o,onSelectionChange:d=>{if(d==="all")return;let c=d.values().next().value??null;c===t&&e.onSelectionChange&&e.onSelectionChange(c),n(c)}}),l=t!=null?a.getItem(t):null;return{collection:a,disabledKeys:s,selectionManager:i,selectedKey:t,setSelectedKey:n,selectedItem:l}}function Fw(e){let t=Rw({...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=E.useRef(a);return E.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 Aw={},$w={};function ri(e){const{selectedKey:t,defaultSelectedKey:n,...o}=e,a={...o,selectedKey:t??void 0,defaultSelectedKey:n??void 0},s=Fw(a),i=r.useRef(null),{tabListProps:l}=Cw(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(d=>r.createElement(Hu,{key:d.key,item:d,state:s}))),r.createElement(Wu,{key:s.selectedItem?s.selectedItem.key:null,state:s}))}Object.assign(ri,{props:Aw,propTypes:$w,displayName:"SpsTabsV2"});const Vw={};function ai({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__footer",t),...n},e)}Object.assign(ai,{props:Vw,displayName:"SpsCardV2Footer"});const Kw={};function si({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__header",t),...n},e)}Object.assign(si,{props:Kw,displayName:"SpsCardV2Header"});const Hw={};function Ju({children:e,className:t,...n}){const[o,a,s,i,l]=at(e,[{type:si},{type:ri},{type:Im.Tabs},{type:ai}]),d=a.length>0?a:s;return r.createElement("div",{className:$("sps-card",t),...n},o,d.length>0?d:r.createElement("div",{className:"sps-card__body"},l),i)}Object.assign(Ju,{props:Hw,displayName:"SpsCardV2"});const Ww={};function Xu({children:e,className:t,...n}){return r.createElement("div",{className:$("sps-card__title",t),...n},e)}Object.assign(Xu,{props:Ww,displayName:"SpsCardV2Title"});const Gw={...md,controlsDisabled:"boolean",footerLinks:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",isOpen:"boolean",onClear:"() => void",onSubmit:"React.FormEventHandler"};function Zu(e){const{children:t,className:n,controlsDisabled:o,footerLinks:a,formArray:s,formGroup:i,formMeta:l,isOpen:d,onClear:c,onSubmit:u,unsafelyReplaceClassName:m,...p}=e,{t:f}=he.useWoodlandLanguage();function g(){c&&c()}const b=$(m||"sps-advanced-search",d&&"sps-advanced-search--open",n);return r.createElement("div",{className:b,...p},r.createElement(ro,{onSubmit:u,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:F.ButtonKind.DEFAULT,type:F.ButtonType.BUTTON,className:"mr-2",onClick:g,disabled:o},f("advancedSearch.clear")),r.createElement(Ne,{kind:F.ButtonKind.KEY,type:F.ButtonType.SUBMIT,disabled:o},f("advancedSearch.search"))))))}Object.assign(Zu,{props:Gw,displayName:"SpsAdvancedSearch"});const Uw={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`
9491
9526
  import {
9492
9527
  SpsListToolbar,
9493
9528
  SpsListToolbarSearch,
@@ -9718,7 +9753,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
9718
9753
  </SpsAdvancedSearch>
9719
9754
  </>;
9720
9755
  }
9721
- `}}}},zw=function({viewing:e,in:t,onChange:n}){const{t:o}=he.useWoodlandLanguage();return r.createElement("div",{className:"sps-context-bar"},o("contextBar.viewing",{defaultValue:"Viewing"}),r.createElement("span",{className:"sps-context-bar__emphasized"},e),!!t&&r.createElement(r.Fragment,null,o("contextBar.in",{defaultValue:"in"}),r.createElement("span",{className:"sps-context-bar__emphasized"},t)),!!n&&r.createElement(Ne,{className:"sps-context-bar__change-button",kind:F.ButtonKind.LINK,onClick:n},o("contextBar.change",{defaultValue:"Change"})))},jw={disabled:"boolean",formMeta:"SpsFormFieldMeta<number>",name:"string",onChange:"ChangeEventHandler<number>",value:"number"};function Yw(e){return e?Number.parseInt(e.replace(/[^\d]/g,""),10)/100:null}function qw(e){return typeof e=="number"?e.toFixed(2):""}function Qu({className:e,disabled:t=!1,formMeta:n,id:o,name:a,onChange:s,ref:i,title:l,value:d,...c}){const{wrapperId:u,controlId:m}=We(o,n),p=r.useRef(null);function f(b){n&&(n.setValue(b),n.markAsDirty()),s&&s(b)}function g(){f(null)}function h(b){f(Yw(b.target.value))}function y(b){b.currentTarget.setSelectionRange(b.currentTarget.value.length,b.currentTarget.value.length)}const v=$("sps-text-input",e);return r.createElement(Le,{id:u,className:v,formMeta:n,inputRef:p,ref:i},r.createElement("div",{className:$("sps-form-control",t&&"disabled")},r.createElement(ht,{className:"sps-text-input__icon",icon:F.SpsIcon.DOLLAR_SIGN}),r.createElement("input",{type:"text",ref:p,onFocus:y,className:"sps-text-input__input",id:m,name:a,placeholder:"0.00",onChange:h,title:l,value:qw(d),disabled:t,...c}),d!==null&&!t&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:g})))}Object.assign(Qu,{props:jw,displayName:"SpsCurrencyInput"});const Jw={basic:{label:"Basic",examples:{basic:{react:S.code`
9756
+ `}}}},zw=function({viewing:e,in:t,onChange:n}){const{t:o}=he.useWoodlandLanguage();return r.createElement("div",{className:"sps-context-bar"},o("contextBar.viewing",{defaultValue:"Viewing"}),r.createElement("span",{className:"sps-context-bar__emphasized"},e),!!t&&r.createElement(r.Fragment,null,o("contextBar.in",{defaultValue:"in"}),r.createElement("span",{className:"sps-context-bar__emphasized"},t)),!!n&&r.createElement(Ne,{className:"sps-context-bar__change-button",kind:F.ButtonKind.LINK,onClick:n},o("contextBar.change",{defaultValue:"Change"})))},jw={disabled:"boolean",formMeta:"SpsFormFieldMeta<number>",name:"string",onChange:"ChangeEventHandler<number>",value:"number"};function Yw(e){return e?Number.parseInt(e.replace(/[^\d]/g,""),10)/100:null}function qw(e){return typeof e=="number"?e.toFixed(2):""}function Qu({className:e,disabled:t=!1,formMeta:n,id:o,name:a,onChange:s,ref:i,title:l,value:d,...c}){const{wrapperId:u,controlId:m}=Ge(o,n),p=r.useRef(null);function f(h){n&&(n.setValue(h),n.markAsDirty()),s&&s(h)}function g(){f(null)}function b(h){f(Yw(h.target.value))}function y(h){h.currentTarget.setSelectionRange(h.currentTarget.value.length,h.currentTarget.value.length)}const v=$("sps-text-input",e);return r.createElement(Le,{id:u,className:v,formMeta:n,inputRef:p,ref:i},r.createElement("div",{className:$("sps-form-control",t&&"disabled")},r.createElement(ht,{className:"sps-text-input__icon",icon:F.SpsIcon.DOLLAR_SIGN}),r.createElement("input",{type:"text",ref:p,onFocus:y,className:"sps-text-input__input",id:m,name:a,placeholder:"0.00",onChange:b,title:l,value:qw(d),disabled:t,...c}),d!==null&&!t&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:g})))}Object.assign(Qu,{props:jw,displayName:"SpsCurrencyInput"});const Jw={basic:{label:"Basic",examples:{basic:{react:S.code`
9722
9757
  import {
9723
9758
  useSpsForm,
9724
9759
  SpsCurrencyInput,
@@ -9848,7 +9883,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
9848
9883
  </>
9849
9884
  );
9850
9885
  }
9851
- `}}}},eC={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"};function ci(e){const{children:t,className:n,imgSrc:o,kind:a=F.GrowlerKind.INFO,onClose:s,persist:i,title:l,unsafelyReplaceClassName:d,...c}=e,u=r.useRef(s);r.useEffect(()=>{u.current=s},[s]);const{t:m}=he.useWoodlandLanguage(),[p,f]=r.useState(!0),[g,h]=r.useState(!1);function y(){return[window.setTimeout(()=>h(!0),F.GROWLER_VISIBLE_DURATION_MS),window.setTimeout(()=>{f(!1),u.current&&u.current()},F.GROWLER_VISIBLE_DURATION_MS+F.GROWLER_FADEOUT_DURATION_MS)]}const v=r.useRef([]);function b(){i||(v.current=y())}function N(){for(const P of v.current)window.clearTimeout(P);v.current=[]}function w(){N(),f(!0),h(!1)}function T(){w(),h(!1),f(!1),s&&s()}const L=a===F.GrowlerKind.PROGRESS?"sps-spinner":$("sps-icon",`sps-icon-${F.GrowlerIcon.get(a)}`),R=$(d||"sps-growler",p&&"show",g&&"fade",`sps-growler--${a}`,n);return r.useEffect(()=>(b(),()=>{N()}),[]),gn("sps-growler-display-area",["sps-growler-area","z-stratum-growlers"])(r.createElement("div",{role:"alert",className:R,onMouseEnter:w,onMouseLeave:b,...c},r.createElement("div",{className:"sps-growler__icon-box"},o&&r.createElement("img",{src:o,alt:""}),!o&&r.createElement("i",{className:L,"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:T},r.createElement("i",{className:"sps-icon sps-icon-x",title:m("growler.dismiss",{defaultValue:"Dismiss"})})))))}Object.assign(ci,{props:eC,displayName:"SpsGrowler"});function tC(){const[e,t]=r.useState([]),n=r.useCallback(()=>e.map(a=>r.createElement(ci,{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||F.GrowlerKind.INFO,id:a.id||He()}])},[]);return[n,o]}const nC={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`
9886
+ `}}}},eC={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"};function ci(e){const{children:t,className:n,imgSrc:o,kind:a=F.GrowlerKind.INFO,onClose:s,persist:i,title:l,unsafelyReplaceClassName:d,...c}=e,u=r.useRef(s);r.useEffect(()=>{u.current=s},[s]);const{t:m}=he.useWoodlandLanguage(),[p,f]=r.useState(!0),[g,b]=r.useState(!1);function y(){return[window.setTimeout(()=>b(!0),F.GROWLER_VISIBLE_DURATION_MS),window.setTimeout(()=>{f(!1),u.current&&u.current()},F.GROWLER_VISIBLE_DURATION_MS+F.GROWLER_FADEOUT_DURATION_MS)]}const v=r.useRef([]);function h(){i||(v.current=y())}function N(){for(const O of v.current)window.clearTimeout(O);v.current=[]}function w(){N(),f(!0),b(!1)}function T(){w(),b(!1),f(!1),s&&s()}const L=a===F.GrowlerKind.PROGRESS?"sps-spinner":$("sps-icon",`sps-icon-${F.GrowlerIcon.get(a)}`),R=$(d||"sps-growler",p&&"show",g&&"fade",`sps-growler--${a}`,n);return r.useEffect(()=>(h(),()=>{N()}),[]),gn("sps-growler-display-area",["sps-growler-area","z-stratum-growlers"])(r.createElement("div",{role:"alert",className:R,onMouseEnter:w,onMouseLeave:h,...c},r.createElement("div",{className:"sps-growler__icon-box"},o&&r.createElement("img",{src:o,alt:""}),!o&&r.createElement("i",{className:L,"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:T},r.createElement("i",{className:"sps-icon sps-icon-x",title:m("growler.dismiss",{defaultValue:"Dismiss"})})))))}Object.assign(ci,{props:eC,displayName:"SpsGrowler"});function tC(){const[e,t]=r.useState([]),n=r.useCallback(()=>e.map(a=>r.createElement(ci,{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||F.GrowlerKind.INFO,id:a.id||We()}])},[]);return[n,o]}const nC={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`
9852
9887
  import { SpsButton, SpsGrowler } from "@spscommerce/ds-react";
9853
9888
  import { ButtonKind, GrowlerKind } from "@spscommerce/ds-shared";
9854
9889
 
@@ -10136,7 +10171,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
10136
10171
  </>
10137
10172
  );
10138
10173
  }
10139
- `}}}};function oC(e){const{children:t}=e;return r.createElement("div",{className:"insight-tile-wrapper"},t)}const rC={horizontal:"boolean",icon:"SpsIcon",kind:"SpsInsightTileKind",title:"string",metric:"number | string",partnerCount:"number",totalPartners:"number"};function em(e){const{children:t,className:n,horizontal:o=!1,icon:a,kind:s="general",title:i,metric:l,partnerCount:d,totalPartners:c,unsafelyReplaceClassName:u,...m}=e,p=$(u||"sps-insight-tile",`sps-insight-tile--${s}`,n,o&&"sps-insight-tile--horizontal",t&&"sps-insight-tile--has-detail"),{t:f}=he.useWoodlandLanguage(),[g,h,y]=(d?f("insightTile.partnerCount",{count:d,total:c,defaultValue:`${d} |of| ${c}`}):"").split("|");return r.createElement(r.Fragment,null,r.createElement("div",{className:p,...m},r.createElement("div",{className:"sps-insight-tile__body"},a?r.createElement("i",{className:`sps-icon sps-icon-${a}`}):r.createElement("i",{className:`sps-icon sps-icon-${F.SpsInsightTileIcons[s]}`}),l&&r.createElement("div",{className:"sps-insight-tile__metric-count"},l),i&&r.createElement("div",{className:"sps-insight-tile__description"},r.createElement("div",{className:"sps-insight-tile__title",style:{"-webkit-box-orient":"vertical"}},i),r.createElement("div",{className:"sps-insight-tile__detail"},t))),d&&r.createElement("div",{className:"sps-insight-tile__partner-count"},d===c?r.createElement("div",null,f("insightTile.all",{defaultValue:"ALL"})):r.createElement(r.Fragment,null,r.createElement("div",null,g),r.createElement("div",null,h),r.createElement("div",null,y)),r.createElement("div",{className:"sps-insight-tile__partners-text"},f("insightTile.partners",{defaultValue:"PARTNERS"})))))}Object.assign(em,{props:rC,displayName:"SpsInsightTile"});const aC={inline:"boolean"};function tm(e){const{children:t,className:n,inline:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=$(s||"sps-key-value-list",o&&"sps-key-value-list--inline",n);return r.createElement("div",{className:l,"data-testid":`${a}`,...i},t)}Object.assign(tm,{props:aC,displayName:"SpsKeyValueList"});const sC={itemKey:{type:"string | nodeOrRenderFn",required:!0},titleColor:"KeyValueListTitleColor"};function nm(e){const{children:t,className:n,itemKey:o,titleColor:a=F.KeyValueListTitleColor.LIGHT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=$(i||"sps-key-value-list__item",`sps-key-value-list__item--${a}`,n);return r.createElement("div",{className:d,"data-testid":`${s}`,...l},r.createElement("span",{className:"sps-key-value-list__key","data-testid":`${s}__key`},o),r.createElement("span",{className:"sps-key-value-list__value","data-testid":`${s}__value`},t))}Object.assign(nm,{props:sC,displayName:"SpsKeyValueListItem"});const iC={color:"TagKind",href:"String",icon:"SpsIcon",tagKey:{type:"String",required:!0},value:{type:"String",required:!0}};function om(e){const{color:t=F.TagKind.KEY,className:n,"data-testid":o,href:a,icon:s,tagKey:i,value:l,unsafelyReplaceClassName:d,...c}=e,u=$(d||"sps-key-value-tag",a&&"sps-key-value-tag--link",n);return r.createElement("span",{className:u,"data-testid":`${o}__key-value-tag`,...c},r.createElement(gt,{icon:s,kind:t,className:"sps-key-value-tag--key"},i),r.createElement(gt,{className:`sps-key-value-tag--value ${t}`},a&&r.createElement("a",{href:a},l),!a&&l))}Object.assign(om,{props:iC,displayName:"SpsKeyValueTag"});const lC={basic:{label:"Basic",examples:{basic:{react:S.code`
10174
+ `}}}};function oC(e){const{children:t}=e;return r.createElement("div",{className:"insight-tile-wrapper"},t)}const rC={horizontal:"boolean",icon:"SpsIcon",kind:"SpsInsightTileKind",title:"string",metric:"number | string",partnerCount:"number",totalPartners:"number"};function em(e){const{children:t,className:n,horizontal:o=!1,icon:a,kind:s="general",title:i,metric:l,partnerCount:d,totalPartners:c,unsafelyReplaceClassName:u,...m}=e,p=$(u||"sps-insight-tile",`sps-insight-tile--${s}`,n,o&&"sps-insight-tile--horizontal",t&&"sps-insight-tile--has-detail"),{t:f}=he.useWoodlandLanguage(),[g,b,y]=(d?f("insightTile.partnerCount",{count:d,total:c,defaultValue:`${d} |of| ${c}`}):"").split("|");return r.createElement(r.Fragment,null,r.createElement("div",{className:p,...m},r.createElement("div",{className:"sps-insight-tile__body"},a?r.createElement("i",{className:`sps-icon sps-icon-${a}`}):r.createElement("i",{className:`sps-icon sps-icon-${F.SpsInsightTileIcons[s]}`}),l&&r.createElement("div",{className:"sps-insight-tile__metric-count"},l),i&&r.createElement("div",{className:"sps-insight-tile__description"},r.createElement("div",{className:"sps-insight-tile__title",style:{"-webkit-box-orient":"vertical"}},i),r.createElement("div",{className:"sps-insight-tile__detail"},t))),d&&r.createElement("div",{className:"sps-insight-tile__partner-count"},d===c?r.createElement("div",null,f("insightTile.all",{defaultValue:"ALL"})):r.createElement(r.Fragment,null,r.createElement("div",null,g),r.createElement("div",null,b),r.createElement("div",null,y)),r.createElement("div",{className:"sps-insight-tile__partners-text"},f("insightTile.partners",{defaultValue:"PARTNERS"})))))}Object.assign(em,{props:rC,displayName:"SpsInsightTile"});const aC={inline:"boolean"};function tm(e){const{children:t,className:n,inline:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=$(s||"sps-key-value-list",o&&"sps-key-value-list--inline",n);return r.createElement("div",{className:l,"data-testid":`${a}`,...i},t)}Object.assign(tm,{props:aC,displayName:"SpsKeyValueList"});const sC={itemKey:{type:"string | nodeOrRenderFn",required:!0},titleColor:"KeyValueListTitleColor"};function nm(e){const{children:t,className:n,itemKey:o,titleColor:a=F.KeyValueListTitleColor.LIGHT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=$(i||"sps-key-value-list__item",`sps-key-value-list__item--${a}`,n);return r.createElement("div",{className:d,"data-testid":`${s}`,...l},r.createElement("span",{className:"sps-key-value-list__key","data-testid":`${s}__key`},o),r.createElement("span",{className:"sps-key-value-list__value","data-testid":`${s}__value`},t))}Object.assign(nm,{props:sC,displayName:"SpsKeyValueListItem"});const iC={color:"TagKind",href:"String",icon:"SpsIcon",tagKey:{type:"String",required:!0},value:{type:"String",required:!0}};function om(e){const{color:t=F.TagKind.KEY,className:n,"data-testid":o,href:a,icon:s,tagKey:i,value:l,unsafelyReplaceClassName:d,...c}=e,u=$(d||"sps-key-value-tag",a&&"sps-key-value-tag--link",n);return r.createElement("span",{className:u,"data-testid":`${o}__key-value-tag`,...c},r.createElement(gt,{icon:s,kind:t,className:"sps-key-value-tag--key"},i),r.createElement(gt,{className:`sps-key-value-tag--value ${t}`},a&&r.createElement("a",{href:a},l),!a&&l))}Object.assign(om,{props:iC,displayName:"SpsKeyValueTag"});const lC={basic:{label:"Basic",examples:{basic:{react:S.code`
10140
10175
  import { SpsKeyValueTag } from "@spscommerce/ds-react";
10141
10176
  function Component() {
10142
10177
  return (
@@ -10165,7 +10200,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
10165
10200
  </>
10166
10201
  )
10167
10202
  }
10168
- `}}}};function rm(e){const{tabs:t,activeTab:n,onTabChange:o,className:a,unsafelyReplaceClassName:s,"data-testid":i,...l}=e,[d,c]=r.useState();r.useEffect(()=>{if(t.length)if(n){const p=t.find(f=>f.label===n.label);c(p)}else c(t[0])},[]);const u=(p,f)=>{p.preventDefault(),c(f),typeof o=="function"&&o(f)},m=$(s||"sps-tabs",a);return r.createElement("div",{className:m},r.createElement("nav",{className:"sps-nav sps-nav--tabs","data-testid":i,...l},t.map(p=>r.createElement("a",{key:p.label,id:p.id,className:$("sps-nav__item","sps-nav__link",p===d&&"active"),role:"tab","data-toggle":"tab",href:p.controlsId?`#${p.controlsId}`:void 0,"aria-controls":p.controlsId,"aria-selected":p===n,onClick:f=>{u(f,p)},"data-testid":`${i}__tab-link`},p.icon&&r.createElement("i",{className:`sps-icon sps-icon-${p.icon}`}),r.createElement("span",null,p.label),p.tag&&r.createElement("span",{className:"sps-tag sps-tag--key"},p.tag)))))}Object.assign(rm,{displayName:"SpsTabs"});const cC={resultsCount:"number",totalResults:"number",onClear:"() => void"};function am(e){const{children:t,className:n,resultsCount:o,totalResults:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=he.useWoodlandLanguage(),u=$(l||"sps-search-results-bar",n),[m,p,f]=c("searchResultsBar.count",{count:o,total:a,defaultValue:`${o} of ${a}`}).split(" ");return r.createElement("div",{className:u,"data-testid":`${i}`,...d},r.createElement("span",{className:"sps-search-results-bar__label","data-testid":`${i}__label`},c("searchResultsBar.matchingResults",{defaultValue:"Matching results"})),m&&!Number.isNaN(Number(m))&&r.createElement("span",{className:"sps-search-results-bar__count","data-testid":`${i}__count`},r.createElement("i",{className:"sps-icon sps-icon-double-angle-right"}),r.createElement("span",null,m)),f&&!Number.isNaN(Number(f))&&r.createElement("span",{className:"sps-search-results-bar__total","data-testid":`${i}__total`},p," ",f),r.createElement("div",{className:"sps-search-results-bar__buttons","data-testid":`${i}__button`},r.createElement("button",{type:"button",onClick:s},c("searchResultsBar.clear",{defaultValue:"Clear"}))))}Object.assign(am,{props:cC,displayName:"SpsSearchResultsBar"});const dC={results:"number || string || null",selections:"{ [key: string]: string[] }",zeroStateText:"string",onClear:"() => void"};function di(e){const{className:t,results:n,selections:o,zeroStateText:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=he.useWoodlandLanguage(),u=$(l||"sps-search-results-bar-v2",t),m=o?Object.keys(o).reduce((p,f)=>(o[f].length>0&&(p[f]=o[f]),p),{}):{};return r.createElement("div",{className:u,"data-testid":`${i}`,...d},n!=null&&r.createElement("div",{className:"sps-search-results-bar-v2__results"},r.createElement("span",{"data-testid":`${i}__label`},c("searchResultsBar.results",{defaultValue:"Results:"})),r.createElement(gt,{kind:F.TagKind.INFO},r.createElement("span",null,n))),r.createElement("div",{className:"sps-search-results-bar-v2__selections"},Object.keys(m).length>0?Object.keys(m).map((p,f)=>r.createElement(r.Fragment,null,r.createElement("span",{key:f,className:"sps-search-results-bar-v2__selection"},p,":"),m[p].map((g,h)=>r.createElement(gt,{key:h,kind:F.TagKind.KEY},r.createElement("span",null,g))))):r.createElement("span",{className:"font-italic"},a||c("searchResultsBar.noAdvancedSearchSelections",{defaultValue:"No Advanced Search Selections"}))),r.createElement("div",{className:"sps-search-results-bar-v2__buttons","data-testid":`${i}__button`},r.createElement(Ne,{kind:F.ButtonKind.LINK,onClick:s},c("searchResultsBar.clearResults",{defaultValue:"Clear Results"}))))}Object.assign(di,{props:dC,displayName:"SpsSearchResultsBarV2"});const pC={basic:{label:"Basic",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"SpsSearchResultsBarV2 should be used with List Toolbar and Advanced Search."),r.createElement("p",null,"For more examples go to the Advanced Search section on the"," ",r.createElement(e,{to:"list-toolbar"},"List Toolbar")," page.")),examples:{basic:{react:S.code`
10203
+ `}}}};function rm(e){const{tabs:t,activeTab:n,onTabChange:o,className:a,unsafelyReplaceClassName:s,"data-testid":i,...l}=e,[d,c]=r.useState();r.useEffect(()=>{if(t.length)if(n){const p=t.find(f=>f.label===n.label);c(p)}else c(t[0])},[]);const u=(p,f)=>{p.preventDefault(),c(f),typeof o=="function"&&o(f)},m=$(s||"sps-tabs",a);return r.createElement("div",{className:m},r.createElement("nav",{className:"sps-nav sps-nav--tabs","data-testid":i,...l},t.map(p=>r.createElement("a",{key:p.label,id:p.id,className:$("sps-nav__item","sps-nav__link",p===d&&"active"),role:"tab","data-toggle":"tab",href:p.controlsId?`#${p.controlsId}`:void 0,"aria-controls":p.controlsId,"aria-selected":p===n,onClick:f=>{u(f,p)},"data-testid":`${i}__tab-link`},p.icon&&r.createElement("i",{className:`sps-icon sps-icon-${p.icon}`}),r.createElement("span",null,p.label),p.tag&&r.createElement("span",{className:"sps-tag sps-tag--key"},p.tag)))))}Object.assign(rm,{displayName:"SpsTabs"});const cC={resultsCount:"number",totalResults:"number",onClear:"() => void"};function am(e){const{children:t,className:n,resultsCount:o,totalResults:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=he.useWoodlandLanguage(),u=$(l||"sps-search-results-bar",n),[m,p,f]=c("searchResultsBar.count",{count:o,total:a,defaultValue:`${o} of ${a}`}).split(" ");return r.createElement("div",{className:u,"data-testid":`${i}`,...d},r.createElement("span",{className:"sps-search-results-bar__label","data-testid":`${i}__label`},c("searchResultsBar.matchingResults",{defaultValue:"Matching results"})),m&&!Number.isNaN(Number(m))&&r.createElement("span",{className:"sps-search-results-bar__count","data-testid":`${i}__count`},r.createElement("i",{className:"sps-icon sps-icon-double-angle-right"}),r.createElement("span",null,m)),f&&!Number.isNaN(Number(f))&&r.createElement("span",{className:"sps-search-results-bar__total","data-testid":`${i}__total`},p," ",f),r.createElement("div",{className:"sps-search-results-bar__buttons","data-testid":`${i}__button`},r.createElement("button",{type:"button",onClick:s},c("searchResultsBar.clear",{defaultValue:"Clear"}))))}Object.assign(am,{props:cC,displayName:"SpsSearchResultsBar"});const dC={results:"number || string || null",selections:"{ [key: string]: string[] }",zeroStateText:"string",onClear:"() => void"};function di(e){const{className:t,results:n,selections:o,zeroStateText:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=he.useWoodlandLanguage(),u=$(l||"sps-search-results-bar-v2",t),m=o?Object.keys(o).reduce((p,f)=>(o[f].length>0&&(p[f]=o[f]),p),{}):{};return r.createElement("div",{className:u,"data-testid":`${i}`,...d},n!=null&&r.createElement("div",{className:"sps-search-results-bar-v2__results"},r.createElement("span",{"data-testid":`${i}__label`},c("searchResultsBar.results",{defaultValue:"Results:"})),r.createElement(gt,{kind:F.TagKind.INFO},r.createElement("span",null,n))),r.createElement("div",{className:"sps-search-results-bar-v2__selections"},Object.keys(m).length>0?Object.keys(m).map((p,f)=>r.createElement(r.Fragment,null,r.createElement("span",{key:f,className:"sps-search-results-bar-v2__selection"},p,":"),m[p].map((g,b)=>r.createElement(gt,{key:b,kind:F.TagKind.KEY},r.createElement("span",null,g))))):r.createElement("span",{className:"font-italic"},a||c("searchResultsBar.noAdvancedSearchSelections",{defaultValue:"No Advanced Search Selections"}))),r.createElement("div",{className:"sps-search-results-bar-v2__buttons","data-testid":`${i}__button`},r.createElement(Ne,{kind:F.ButtonKind.LINK,onClick:s},c("searchResultsBar.clearResults",{defaultValue:"Clear Results"}))))}Object.assign(di,{props:dC,displayName:"SpsSearchResultsBarV2"});const pC={basic:{label:"Basic",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"SpsSearchResultsBarV2 should be used with List Toolbar and Advanced Search."),r.createElement("p",null,"For more examples go to the Advanced Search section on the"," ",r.createElement(e,{to:"list-toolbar"},"List Toolbar")," page.")),examples:{basic:{react:S.code`
10169
10204
  import {
10170
10205
  useSpsForm,
10171
10206
  SpsListToolbar,
@@ -10383,7 +10418,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
10383
10418
  </>
10384
10419
  )
10385
10420
  }
10386
- `}}}},uC={onSubmit:"FormEventHandler"};function pi(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(pi,{props:uC,displayName:"SpsListToolbarSearch"});const mC={};function ui(e){const{children:t}=e;return r.createElement("div",null,t)}Object.assign(ui,{props:mC,displayName:"SpsListToolbarSearchInfo"});const fC={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 sm(e){const{activeTab:t,advancedSearch:n,children:o,className:a,onToggleAdvancedSearch:s,onTabChange:i,tabs:l,title:d,unsafelyReplaceClassName:c,onToolbarPinned:u,selectable:m,isSelected:p,isIndeterminate:f,onSelectionChange:g,pinResultsBar:h,pinToolbar:y=!0,"data-testid":v,...b}=e,{t:N}=he.useWoodlandLanguage();let w=null;const[T,L]=r.useState(!1),R=r.useRef(null),_=r.useRef(null),P=S.lockToAnimationFrames(()=>{if(R.current&&y){const I=R.current.getBoundingClientRect();I&&I.height>0&&I.top<=60&&(typeof w=="number"?window.scrollY<w&&(w=null,L(!1)):(w=window.scrollY,L(!0),s&&s(!1)))}});r.useEffect(()=>(window.addEventListener("scroll",P),()=>{window.removeEventListener("scroll",P)}),[]);const A=r.useRef();r.useLayoutEffect(()=>{if(_.current&&R.current&&y){if(T&&A.current)_.current.style.height=A.current.height,_.current.style.width=A.current.width,_.current.style.marginBottom=A.current.marginBottom;else if(!T){_.current.style.height="",_.current.style.width="",_.current.style.marginBottom="";const I=window.getComputedStyle(R.current);A.current={height:I.height,width:I.width,marginBottom:I.marginBottom}}}},[T]);function U(I){i&&i(I)}function X(){s&&s(!n?.isOpen)}function H(I){u&&u(I)}r.useEffect(()=>{H(T)},[T]);const C=$(c||"sps-list-toolbar",T&&y&&"sps-list-toolbar--pinned",T&&y&&"z-stratum-toolbar",n&&n.isOpen&&"sps-list-toolbar--advanced-search-open",a),[K,B,M,q]=at(o,[{type:pi},{type:ui},{type:di}]);return r.createElement("div",{className:"sps-list-toolbar__wrapper",ref:_},r.createElement("div",{className:C,"data-testid":v,ref:R,...b},r.createElement("div",{className:"sps-list-toolbar__content"},!!m&&r.createElement("div",{className:"sps-list-toolbar__selection-controls"},r.createElement(Xt,{checked:p,indeterminate:f,onChange:()=>{g?.(!p)}})),l&&r.createElement(rm,{tabs:l,onTabChange:U,activeTab:t,"data-testid":`${v}__tabs`}),r.createElement("div",{className:"sps-list-toolbar__search-controls"},!d&&K,!d&&B,K.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:F.ButtonKind.LINK,onClick:X},N("listToolbar.advancedSearchToggle",{defaultValue:"Advanced Search"}))),(n.enteredFields||0)>0&&r.createElement(gt,{"data-testid":`${v}__entered_fields`,kind:F.TagKind.INFO},r.createElement("span",null,n.enteredFields))),d&&r.createElement("div",{"data-testid":`${v}-title`,className:"sps-list-toolbar__advanced-search-title"},d)),T?r.createElement("div",{className:"sps-list-toolbar__header-content"},r.createElement(rt.Provider,{value:{fixed:!0}},q)):r.createElement("div",{className:"sps-list-toolbar__header-content"},q)),r.createElement("div",null,(!T||h)&&M)))}Object.assign(sm,{props:fC,displayName:"SpsListToolbar"});const SC={options:"SortOption[]",activeOption:"SortOption",onSortChange:"(option: SortOption) => void",defaultOption:"SortOption"};function im(e){const{options:t,onSortChange:n,defaultOption:o,activeOption:a,className:s,unsafelyReplaceClassName:i}=e,l=(t||[]).map(c=>[{label:c.label,icon:c.icon},()=>{n&&n(c)}]),d=$(i||"sps-list-toolbar-sort-by",s);return r.createElement(sn,{className:d,icon:a?.icon||o?.icon,label:a?.label||o?.label,options:l})}Object.assign(im,{props:SC,displayName:"SpsListToolbarSortBy"});function lm(){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:F.ButtonKind.LINK,onClick:o},"View Content Order Example"),r.createElement(li,{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(ln,null,r.createElement(Ht,null,r.createElement(Be,{style:{width:"80px"}},"Order"),r.createElement(Be,null,"Section"),r.createElement(Be,null,"Notes")),r.createElement(Wt,null,r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(re,null,"Checkbox"),r.createElement(re,null,"For Content Rows and Content Tiles only.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(re,null,"Search/Filter Box"),r.createElement(re,null)),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(re,null,"Saved Search"),r.createElement(re,null)),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(re,null,"Advanced Search"),r.createElement(re,null,"For more information, visit the Advanced Search page.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(re,null,"Column Editor"),r.createElement(re,{wrap:500},"Use for Tables only. For more information, visit the Column Editor page.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"6")),r.createElement(re,null,"List View Selector"),r.createElement(re,null)),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"7")),r.createElement(re,null,"Sorting"),r.createElement(re,null)),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"8")),r.createElement(re,null,"Buttons"),r.createElement(re,{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 gC={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(lm,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`
10421
+ `}}}},uC={onSubmit:"FormEventHandler"};function pi(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(pi,{props:uC,displayName:"SpsListToolbarSearch"});const mC={};function ui(e){const{children:t}=e;return r.createElement("div",null,t)}Object.assign(ui,{props:mC,displayName:"SpsListToolbarSearchInfo"});const fC={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 sm(e){const{activeTab:t,advancedSearch:n,children:o,className:a,onToggleAdvancedSearch:s,onTabChange:i,tabs:l,title:d,unsafelyReplaceClassName:c,onToolbarPinned:u,selectable:m,isSelected:p,isIndeterminate:f,onSelectionChange:g,pinResultsBar:b,pinToolbar:y=!0,"data-testid":v,...h}=e,{t:N}=he.useWoodlandLanguage();let w=null;const[T,L]=r.useState(!1),R=r.useRef(null),_=r.useRef(null),O=S.lockToAnimationFrames(()=>{if(R.current&&y){const I=R.current.getBoundingClientRect();I&&I.height>0&&I.top<=60&&(typeof w=="number"?window.scrollY<w&&(w=null,L(!1)):(w=window.scrollY,L(!0),s&&s(!1)))}});r.useEffect(()=>(window.addEventListener("scroll",O),()=>{window.removeEventListener("scroll",O)}),[]);const A=r.useRef();r.useLayoutEffect(()=>{if(_.current&&R.current&&y){if(T&&A.current)_.current.style.height=A.current.height,_.current.style.width=A.current.width,_.current.style.marginBottom=A.current.marginBottom;else if(!T){_.current.style.height="",_.current.style.width="",_.current.style.marginBottom="";const I=window.getComputedStyle(R.current);A.current={height:I.height,width:I.width,marginBottom:I.marginBottom}}}},[T]);function U(I){i&&i(I)}function X(){s&&s(!n?.isOpen)}function K(I){u&&u(I)}r.useEffect(()=>{K(T)},[T]);const C=$(c||"sps-list-toolbar",T&&y&&"sps-list-toolbar--pinned",T&&y&&"z-stratum-toolbar",n&&n.isOpen&&"sps-list-toolbar--advanced-search-open",a),[V,B,M,J]=at(o,[{type:pi},{type:ui},{type:di}]);return r.createElement("div",{className:"sps-list-toolbar__wrapper",ref:_},r.createElement("div",{className:C,"data-testid":v,ref:R,...h},r.createElement("div",{className:"sps-list-toolbar__content"},!!m&&r.createElement("div",{className:"sps-list-toolbar__selection-controls"},r.createElement(Xt,{checked:p,indeterminate:f,onChange:()=>{g?.(!p)}})),l&&r.createElement(rm,{tabs:l,onTabChange:U,activeTab:t,"data-testid":`${v}__tabs`}),r.createElement("div",{className:"sps-list-toolbar__search-controls"},!d&&V,!d&&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:F.ButtonKind.LINK,onClick:X},N("listToolbar.advancedSearchToggle",{defaultValue:"Advanced Search"}))),(n.enteredFields||0)>0&&r.createElement(gt,{"data-testid":`${v}__entered_fields`,kind:F.TagKind.INFO},r.createElement("span",null,n.enteredFields))),d&&r.createElement("div",{"data-testid":`${v}-title`,className:"sps-list-toolbar__advanced-search-title"},d)),T?r.createElement("div",{className:"sps-list-toolbar__header-content"},r.createElement(rt.Provider,{value:{fixed:!0}},J)):r.createElement("div",{className:"sps-list-toolbar__header-content"},J)),r.createElement("div",null,(!T||b)&&M)))}Object.assign(sm,{props:fC,displayName:"SpsListToolbar"});const SC={options:"SortOption[]",activeOption:"SortOption",onSortChange:"(option: SortOption) => void",defaultOption:"SortOption"};function im(e){const{options:t,onSortChange:n,defaultOption:o,activeOption:a,className:s,unsafelyReplaceClassName:i}=e,l=(t||[]).map(c=>[{label:c.label,icon:c.icon},()=>{n&&n(c)}]),d=$(i||"sps-list-toolbar-sort-by",s);return r.createElement(sn,{className:d,icon:a?.icon||o?.icon,label:a?.label||o?.label,options:l})}Object.assign(im,{props:SC,displayName:"SpsListToolbarSortBy"});function lm(){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:F.ButtonKind.LINK,onClick:o},"View Content Order Example"),r.createElement(li,{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(ln,null,r.createElement(Ht,null,r.createElement(Be,{style:{width:"80px"}},"Order"),r.createElement(Be,null,"Section"),r.createElement(Be,null,"Notes")),r.createElement(Wt,null,r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(re,null,"Checkbox"),r.createElement(re,null,"For Content Rows and Content Tiles only.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(re,null,"Search/Filter Box"),r.createElement(re,null)),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(re,null,"Saved Search"),r.createElement(re,null)),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(re,null,"Advanced Search"),r.createElement(re,null,"For more information, visit the Advanced Search page.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(re,null,"Column Editor"),r.createElement(re,{wrap:500},"Use for Tables only. For more information, visit the Column Editor page.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"6")),r.createElement(re,null,"List View Selector"),r.createElement(re,null)),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"7")),r.createElement(re,null,"Sorting"),r.createElement(re,null)),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"8")),r.createElement(re,null,"Buttons"),r.createElement(re,{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 gC={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(lm,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`
10387
10422
  import {
10388
10423
  SpsListToolbar,
10389
10424
  SpsListToolbarSearch,
@@ -11074,7 +11109,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11074
11109
  </SpsListToolbar>
11075
11110
  )
11076
11111
  }
11077
- `}}}};var cm=(e=>(e.Ok="Ok",e.Cancel="Cancel",e))(cm||{});const hC=()=>{const[e,t]=E.useState([]),n=c=>{const u=[...e],m={...c};return m.key=He(),new Promise(f=>{u.push({component:m,resolve:f}),t(u)})},o=c=>{const u=[...e];u.pop()?.resolve(c),t(u)},[a,s]=E.useState(!1),[i,l]=E.useState();E.useEffect(()=>{a&&(o(i),s(!1))},[a]);const d=c=>{s(!0),l(c)};return[e.map(c=>c.component),n,d]};function bC(e,t){const n={...F.SPS_ACTION_DEFAULTS,...e},[o,a]=Dt(n);return Object.assign(t,o),[t,s=>{a(s),Object.assign(t,o)}]}const vC={};function dm(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e;let i;const l=[];r.Children.forEach(t,c=>{r.isValidElement(c)&&c.type==="i"?i=c:l.push(c)});const d=$(a||"sps-page-title",n);return r.createElement("div",{className:d,"data-testid":`${o}`,...s},i,r.createElement("div",{className:"sps-page-title__text","data-testid":`${o}__text`},l))}Object.assign(dm,{props:vC,displayName:"SpsPageTitle"});const yC={};function pm(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=$(a||"sps-page-title__subtitle",n);return r.createElement("div",{className:i,"data-testid":o,...s},t)}Object.assign(pm,{props:yC,displayName:"SpsPageSubtitle"});const EC={basic:{label:"Basic",examples:{basic:{imports:S.code`
11112
+ `}}}};var cm=(e=>(e.Ok="Ok",e.Cancel="Cancel",e))(cm||{});const hC=()=>{const[e,t]=E.useState([]),n=c=>{const u=[...e],m={...c};return m.key=We(),new Promise(f=>{u.push({component:m,resolve:f}),t(u)})},o=c=>{const u=[...e];u.pop()?.resolve(c),t(u)},[a,s]=E.useState(!1),[i,l]=E.useState();E.useEffect(()=>{a&&(o(i),s(!1))},[a]);const d=c=>{s(!0),l(c)};return[e.map(c=>c.component),n,d]};function bC(e,t){const n={...F.SPS_ACTION_DEFAULTS,...e},[o,a]=Dt(n);return Object.assign(t,o),[t,s=>{a(s),Object.assign(t,o)}]}const vC={};function dm(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e;let i;const l=[];r.Children.forEach(t,c=>{r.isValidElement(c)&&c.type==="i"?i=c:l.push(c)});const d=$(a||"sps-page-title",n);return r.createElement("div",{className:d,"data-testid":`${o}`,...s},i,r.createElement("div",{className:"sps-page-title__text","data-testid":`${o}__text`},l))}Object.assign(dm,{props:vC,displayName:"SpsPageTitle"});const yC={};function pm(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=$(a||"sps-page-title__subtitle",n);return r.createElement("div",{className:i,"data-testid":o,...s},t)}Object.assign(pm,{props:yC,displayName:"SpsPageSubtitle"});const EC={basic:{label:"Basic",examples:{basic:{imports:S.code`
11078
11113
  import { SpsPageTitle } from "@spscommerce/ds-react";
11079
11114
  `,jsx:S.code`
11080
11115
  <SpsPageTitle>
@@ -11108,7 +11143,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11108
11143
  MacNeil Automotive Parts
11109
11144
  </SpsPageSubtitle>
11110
11145
  </SpsPageTitle>
11111
- `}}}},TC={active:"boolean",as:"React.ElementType"};function mi(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(mi,{props:TC,displayName:"SpsProductBarTab"});const wC={activeTab:"string",fullWidth:"boolean",onTabChange:"(newTab: string) => void",onProductNameClick:"React.MouseEventHandler",productLogoSrc:"string",productName:"string",productNameHref:"string",tabs:"Array<string>"};function um(e){const{activeTab:t,children:n,className:o,fullWidth:a,onProductNameClick:s,onTabChange:i,productLogoSrc:l,productName:d,productNameHref:c,tabs:u=[],unsafelyReplaceClassName:m,...p}=e,{t:f}=he.useWoodlandLanguage(),g=r.useRef(null),[h,y]=at(n,[{type:mi}]),[v,b]=r.useState(t||u[0]);r.useEffect(()=>{b(t||u[0])},[t]);function N(T){b(T),i&&i(T)}const w=$(m||"sps-navbar-container","z-stratum-bar",o);return r.createElement("div",{className:w,...p,ref:g},r.createElement("nav",{className:$("sps-navbar","sps-navbar--expand-lg",a&&"sps-navbar--full-width")},d||l?r.createElement(r.Fragment,null,r.createElement("a",{className:"sps-navbar__brand",href:c,onClick:s},l&&r.createElement("img",{className:"sps-navbar__brand-logo",src:l,"aria-hidden":"true",alt:`${d} Logo`}),d&&r.createElement("span",{className:"sps-navbar__brand-name"},d)),r.createElement("span",{className:"sps-vertical-rule"})):null,r.createElement("div",{className:"sps-navbar__nav"},u.map(T=>r.createElement("a",{className:$("sps-nav__item","sps-nav__link",T===v&&"active"),key:T,onClick:()=>N(T)},r.createElement("span",null,T),T===v&&r.createElement("span",{className:"sr-only"},"(",f("productBar.current",{defaultValue:"current"}),")"))),h),r.createElement("div",{className:"sps-navbar__content"},r.createElement(rt.Provider,{value:{parentElementRef:g,fixed:!0}},y))))}Object.assign(um,{props:wC,displayName:"SpsProductBar"});const CC={basic:{label:"Basic",description:S.code`
11146
+ `}}}},TC={active:"boolean",as:"React.ElementType"};function mi(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(mi,{props:TC,displayName:"SpsProductBarTab"});const wC={activeTab:"string",fullWidth:"boolean",onTabChange:"(newTab: string) => void",onProductNameClick:"React.MouseEventHandler",productLogoSrc:"string",productName:"string",productNameHref:"string",tabs:"Array<string>"};function um(e){const{activeTab:t,children:n,className:o,fullWidth:a,onProductNameClick:s,onTabChange:i,productLogoSrc:l,productName:d,productNameHref:c,tabs:u=[],unsafelyReplaceClassName:m,...p}=e,{t:f}=he.useWoodlandLanguage(),g=r.useRef(null),[b,y]=at(n,[{type:mi}]),[v,h]=r.useState(t||u[0]);r.useEffect(()=>{h(t||u[0])},[t]);function N(T){h(T),i&&i(T)}const w=$(m||"sps-navbar-container","z-stratum-bar",o);return r.createElement("div",{className:w,...p,ref:g},r.createElement("nav",{className:$("sps-navbar","sps-navbar--expand-lg",a&&"sps-navbar--full-width")},d||l?r.createElement(r.Fragment,null,r.createElement("a",{className:"sps-navbar__brand",href:c,onClick:s},l&&r.createElement("img",{className:"sps-navbar__brand-logo",src:l,"aria-hidden":"true",alt:`${d} Logo`}),d&&r.createElement("span",{className:"sps-navbar__brand-name"},d)),r.createElement("span",{className:"sps-vertical-rule"})):null,r.createElement("div",{className:"sps-navbar__nav"},u.map(T=>r.createElement("a",{className:$("sps-nav__item","sps-nav__link",T===v&&"active"),key:T,onClick:()=>N(T)},r.createElement("span",null,T),T===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(um,{props:wC,displayName:"SpsProductBar"});const CC={basic:{label:"Basic",description:S.code`
11112
11147
  <p>Product navigation bar</p>
11113
11148
  `,examples:{basic:{react:S.code`
11114
11149
  import { SpsProductBar, SpsButton } from "@spscommerce/ds-react";
@@ -11275,7 +11310,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11275
11310
  ><SpsSlackLink channelId="CELEGDK4Y" /></SpsProductBar>
11276
11311
  );
11277
11312
  }
11278
- `}}}},MC={sortKey:"string",sortDisabled:"boolean",sort:"SortedColumn[]",onSortChange:"SortChangeHandler",widthPx:"number",widthRem:"number"};function fi({className:e,"data-testid":t,unsafelyReplaceClassName:n,sortKey:o,sort:a,sortDisabled:s,onSortChange:i,onClick:l,children:d,widthPx:c,widthRem:u,style:m,...p}){const f=r.useMemo(()=>{const v=!!o&&!s&&Array.isArray(a)&&a.find(b=>b.key===o);return v?v.direction:void 0},[a,o,s]),g=$(n||"sps-sorting-header__cell",f===F.SortDirection.ASCENDING&&"sps-sorting-header__cell--sorted-asc",f===F.SortDirection.DESCENDING&&"sps-sorting-header__cell--sorted-desc",s&&"sps-sorting-header__cell--sort-disabled",e),h=c?c/16:u,y=h?{...m,width:`${h}rem`}:m;return r.createElement("div",{className:g,onClick:v=>{o&&!s&&i&&i([{key:o,direction:f===F.SortDirection.ASCENDING?F.SortDirection.DESCENDING:F.SortDirection.ASCENDING}]),l&&l(v)},"data-testid":t,style:y,...p},d)}Object.assign(fi,{props:MC,displayName:"SpsSortingHeaderCell"});const LC={sort:"SortedColumn[]",onSortChange:"SortChangeHandler"};function gm({className:e,"data-testid":t,unsafelyReplaceClassName:n,sort:o,onSortChange:a,children:s,...i}){const l=$(n||"sps-sorting-header",e),d={sort:o,onSortChange:a};return r.createElement("div",{className:l,...i},r.Children.map(s,c=>c&&r.isValidElement(c)&&c.type===fi?r.cloneElement(c,d):c))}Object.assign(gm,{props:LC,displayName:"SpsSortingHeader"});const _C={basic:{label:"Basic Sorting Header",examples:{basic:{react:S.code`
11313
+ `}}}},MC={sortKey:"string",sortDisabled:"boolean",sort:"SortedColumn[]",onSortChange:"SortChangeHandler",widthPx:"number",widthRem:"number"};function fi({className:e,"data-testid":t,unsafelyReplaceClassName:n,sortKey:o,sort:a,sortDisabled:s,onSortChange:i,onClick:l,children:d,widthPx:c,widthRem:u,style:m,...p}){const f=r.useMemo(()=>{const v=!!o&&!s&&Array.isArray(a)&&a.find(h=>h.key===o);return v?v.direction:void 0},[a,o,s]),g=$(n||"sps-sorting-header__cell",f===F.SortDirection.ASCENDING&&"sps-sorting-header__cell--sorted-asc",f===F.SortDirection.DESCENDING&&"sps-sorting-header__cell--sorted-desc",s&&"sps-sorting-header__cell--sort-disabled",e),b=c?c/16:u,y=b?{...m,width:`${b}rem`}:m;return r.createElement("div",{className:g,onClick:v=>{o&&!s&&i&&i([{key:o,direction:f===F.SortDirection.ASCENDING?F.SortDirection.DESCENDING:F.SortDirection.ASCENDING}]),l&&l(v)},"data-testid":t,style:y,...p},d)}Object.assign(fi,{props:MC,displayName:"SpsSortingHeaderCell"});const LC={sort:"SortedColumn[]",onSortChange:"SortChangeHandler"};function gm({className:e,"data-testid":t,unsafelyReplaceClassName:n,sort:o,onSortChange:a,children:s,...i}){const l=$(n||"sps-sorting-header",e),d={sort:o,onSortChange:a};return r.createElement("div",{className:l,...i},r.Children.map(s,c=>c&&r.isValidElement(c)&&c.type===fi?r.cloneElement(c,d):c))}Object.assign(gm,{props:LC,displayName:"SpsSortingHeader"});const _C={basic:{label:"Basic Sorting Header",examples:{basic:{react:S.code`
11279
11314
  import { SpsSortingHeader, SpsSortingHeaderCell } from "@spscommerce/ds-react";
11280
11315
  function DemoComponent() {
11281
11316
  const [sort, setSort] = React.useState([{ key: 'id', direction: SortDirection.DESCENDING }]);
@@ -11323,7 +11358,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11323
11358
  </>
11324
11359
  )
11325
11360
  }
11326
- `}}}},OC={title:"string",stepsCount:"number",completedStepsCount:"number",disabled:"boolean",showStepsCounter:"boolean",color:"SteppedProgressBarColor",data:"SteppedProgressBarData[]"};function hm(e){const{title:t,stepsCount:n,completedStepsCount:o=0,disabled:a,showStepsCounter:s,className:i,data:l,color:d=F.SteppedProgressBarColor.PURPLE}=e,c=Array.from(Array(n)).map((m,p)=>({id:Rt().current||void 0,...l?.find(f=>f.index===p)})),u=$("sps-stepped-progress-bar",`sps-stepped-progress-bar--${d}`,o===n&&"sps-stepped-progress-bar--complete",a&&"sps-stepped-progress-bar--disabled",i);return r.createElement("div",{className:u},r.createElement("div",{className:"sps-stepped-progress-bar__content"},(t||s)&&r.createElement("div",{className:"sps-progress-bar__heading"},t&&r.createElement("div",{className:"sps-progress-bar__title"},t),s&&r.createElement("div",{className:"sps-stepped-progress-bar__percentage"},`${o} of ${n} Complete`)),r.createElement("ul",{className:"sps-stepped-progress-bar__bar-background d-flex align-items-center list-unstyled mb-0"},c.map((m,p)=>r.createElement("li",{id:m.id,key:m.id,className:$("sps-stepped-progress-bar__step",o>p&&!m.skipped&&"sps-stepped-progress-bar__step-complete")},m.icon&&r.createElement(ht,{icon:m.icon,size:F.SpsIconSize.SMALL,className:$("d-block",(m.index||0)>o-1?"gray400":"white")}),m.title&&m.id&&r.createElement(ct,{for:m.id,title:m.title},m.description))))))}Object.assign(hm,{props:OC,displayName:"SpsSteppedProgressBar"});const PC={standard:{label:"Stepped Progress Bar",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Stepped Progress Bars are comprised of the following Required and Optional elements."),r.createElement("img",{src:"assets/images/stepped-progress-bar-example.svg",alt:"A Progress Bar with labels on each section",className:"w-100 mb-3"}),r.createElement(ln,null,r.createElement(Ht,null,r.createElement(Be,null,"Section"),r.createElement(Be,null,"Content Type"),r.createElement(Be,null,"Required"),r.createElement(Be,null,"Description/Guidelines")),r.createElement(Wt,null,r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(re,null,"Title"),r.createElement(re,null,"No"),r.createElement(re,{wrap:400},"Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(re,null,"Progress Meter"),r.createElement(re,null,"Yes"),r.createElement(re,null)),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(re,null,"Progress Counter"),r.createElement(re,null,"No"),r.createElement(re,{wrap:400},"The Progress Counter should not be used without the existence of a Title.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(re,null,"Step icons"),r.createElement(re,null,"No"),r.createElement(re,{wrap:400},"Icons can be set inside of steps for visual emphasis.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(re,null,"Step Tooltips"),r.createElement(re,null,"No"),r.createElement(re,{wrap:400},"Tooltips can be utilized to provide more details about each specific step. Tooltips can be exposed on click or hover."))))),examples:{standard:{description:()=>r.createElement(r.Fragment,null,r.createElement("h4",null,"Building Stepped Progress Bars"),r.createElement("p",null,"The Stepped Progress Bar is designed to expand to fit the entire width of its container. View the diagram above for rules regarding including or excluding certain elements.")),react:S.code`
11361
+ `}}}},PC={title:"string",stepsCount:"number",completedStepsCount:"number",disabled:"boolean",showStepsCounter:"boolean",color:"SteppedProgressBarColor",data:"SteppedProgressBarData[]"};function hm(e){const{title:t,stepsCount:n,completedStepsCount:o=0,disabled:a,showStepsCounter:s,className:i,data:l,color:d=F.SteppedProgressBarColor.PURPLE}=e,c=Array.from(Array(n)).map((m,p)=>({id:Rt().current||void 0,...l?.find(f=>f.index===p)})),u=$("sps-stepped-progress-bar",`sps-stepped-progress-bar--${d}`,o===n&&"sps-stepped-progress-bar--complete",a&&"sps-stepped-progress-bar--disabled",i);return r.createElement("div",{className:u},r.createElement("div",{className:"sps-stepped-progress-bar__content"},(t||s)&&r.createElement("div",{className:"sps-progress-bar__heading"},t&&r.createElement("div",{className:"sps-progress-bar__title"},t),s&&r.createElement("div",{className:"sps-stepped-progress-bar__percentage"},`${o} of ${n} Complete`)),r.createElement("ul",{className:"sps-stepped-progress-bar__bar-background d-flex align-items-center list-unstyled mb-0"},c.map((m,p)=>r.createElement("li",{id:m.id,key:m.id,className:$("sps-stepped-progress-bar__step",o>p&&!m.skipped&&"sps-stepped-progress-bar__step-complete")},m.icon&&r.createElement(ht,{icon:m.icon,size:F.SpsIconSize.SMALL,className:$("d-block",(m.index||0)>o-1?"gray400":"white")}),m.title&&m.id&&r.createElement(ct,{for:m.id,title:m.title},m.description))))))}Object.assign(hm,{props:PC,displayName:"SpsSteppedProgressBar"});const OC={standard:{label:"Stepped Progress Bar",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Stepped Progress Bars are comprised of the following Required and Optional elements."),r.createElement("img",{src:"assets/images/stepped-progress-bar-example.svg",alt:"A Progress Bar with labels on each section",className:"w-100 mb-3"}),r.createElement(ln,null,r.createElement(Ht,null,r.createElement(Be,null,"Section"),r.createElement(Be,null,"Content Type"),r.createElement(Be,null,"Required"),r.createElement(Be,null,"Description/Guidelines")),r.createElement(Wt,null,r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(re,null,"Title"),r.createElement(re,null,"No"),r.createElement(re,{wrap:400},"Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(re,null,"Progress Meter"),r.createElement(re,null,"Yes"),r.createElement(re,null)),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(re,null,"Progress Counter"),r.createElement(re,null,"No"),r.createElement(re,{wrap:400},"The Progress Counter should not be used without the existence of a Title.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(re,null,"Step icons"),r.createElement(re,null,"No"),r.createElement(re,{wrap:400},"Icons can be set inside of steps for visual emphasis.")),r.createElement(De,null,r.createElement(re,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(re,null,"Step Tooltips"),r.createElement(re,null,"No"),r.createElement(re,{wrap:400},"Tooltips can be utilized to provide more details about each specific step. Tooltips can be exposed on click or hover."))))),examples:{standard:{description:()=>r.createElement(r.Fragment,null,r.createElement("h4",null,"Building Stepped Progress Bars"),r.createElement("p",null,"The Stepped Progress Bar is designed to expand to fit the entire width of its container. View the diagram above for rules regarding including or excluding certain elements.")),react:S.code`
11327
11362
  import { SpsCard, SpsSteppedProgressBar } from "@spscommerce/ds-react";
11328
11363
  function Component() {
11329
11364
  const data = [
@@ -11791,4 +11826,4 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11791
11826
  </SpsCard>
11792
11827
  </div>
11793
11828
  </div>
11794
- `}}}};x.AsTypingErrorKeys=mn,x.ContentOrderExample=lm,x.DEFAULT_DATETIME_PRESETS=_d,x.DEFAULT_PRESETS=es,x.DragDropContext=Zc,x.Draggable=dd,x.Droppable=ja,x.FauxChangeEvent=Lt,x.MANIFEST=GE,x.ModalAction=cm,x.OnBlurErrorKeys=Ze,x.OnSubmitErrorKeys=So,x.PortalContext=rt,x.PreventativeErrorKeys=wt,x.Provide=Bi,x.SimpleDateUtils=Y,x.SpsAddRemoveFormRowExamples=Sy,x.SpsAdvancedSearch=Zu,x.SpsAdvancedSearchExamples=Uw,x.SpsApp=df,x.SpsAutocomplete=Nt,x.SpsAutocompleteExamples=$i,x.SpsButton=Ne,x.SpsButtonExamples=pE,x.SpsButtonGroup=lp,x.SpsCard=qa,x.SpsCardTabbedPane=Ya,x.SpsCardV2=Ju,x.SpsCardV2Footer=ai,x.SpsCardV2Header=si,x.SpsCardV2Title=Xu,x.SpsCheckbox=Xt,x.SpsCheckboxDropdown=rs,x.SpsCheckboxExamples=Vi,x.SpsClickableTag=An,x.SpsClickableTagExamples=Ki,x.SpsColumnChooser=Xa,x.SpsColumnChooserColumn=zo,x.SpsColumnChooserExamples=Sd,x.SpsConditionalField=Ms,x.SpsConditionalFieldExamples=Vp,x.SpsContentRow=Za,x.SpsContentRowCol=on,x.SpsContentRowExamples=gd,x.SpsContentRowExpansion=jo,x.SpsContextBar=zw,x.SpsCurrencyInput=Qu,x.SpsCurrencyInputExamples=Jw,x.SpsDateRangePicker=ts,x.SpsDateRangePickerExamples=xd,x.SpsDateTime=os,x.SpsDateTimeRangePicker=ns,x.SpsDateTimeRangePickerExamples=Pd,x.SpsDatepicker=Qa,x.SpsDatepickerExamples=Dd,x.SpsDatetimeExamples=Bd,x.SpsDd=$d,x.SpsDescriptionList=Zo,x.SpsDescriptionListDefinition=Qo,x.SpsDescriptionListExamples=Wd,x.SpsDescriptionListTerm=tr,x.SpsDl=Fd,x.SpsDropdown=sn,x.SpsDropdownExamples=Gd,x.SpsDt=Hd,x.SpsFeedbackBlock=Ds,x.SpsFeedbackBlockExamples=PE,x.SpsFieldset=as,x.SpsFieldsetExamples=Ud,x.SpsFilterPanel=Ns,x.SpsFilterPanelCap=xs,x.SpsFilterPanelExamples=$p,x.SpsFilterPanelFilterBox=ks,x.SpsFilterPanelSection=Is,x.SpsFilterTile=ym,x.SpsFilterTileList=Em,x.SpsFilterTileListExamples=VC,x.SpsFocusedTask=li,x.SpsFocusedTaskActions=ii,x.SpsFocusedTaskExamples=Qw,x.SpsForm=ro,x.SpsFormArrayMeta=Ii,x.SpsFormComponentWrapper=Le,x.SpsFormExamples=fd,x.SpsFormFieldMeta=Pn,x.SpsFormGroupMeta=Ni,x.SpsFormMetaBase=Yt,x.SpsFormSetMeta=qt,x.SpsGrowler=ci,x.SpsGrowlerExamples=nC,x.SpsI=ht,x.SpsIconButtonPanel=cp,x.SpsIncrementor=ss,x.SpsIncrementorExamples=zd,x.SpsInputGroup=In,x.SpsInsightTile=em,x.SpsInsights=oC,x.SpsKeyValueList=tm,x.SpsKeyValueListItem=nm,x.SpsKeyValueTag=om,x.SpsKeyValueTagExamples=lC,x.SpsLabel=is,x.SpsLabelExamples=jd,x.SpsListActionBar=ls,x.SpsListActionBarExamples=pp,x.SpsListToolbar=sm,x.SpsListToolbarExamples=gC,x.SpsListToolbarSearch=pi,x.SpsListToolbarSearchInfo=ui,x.SpsListToolbarSortBy=im,x.SpsLocaleProvider=Ay,x.SpsMicroBlock=cs,x.SpsMicroBlockExamples=up,x.SpsMicroZeroState=Cm,x.SpsModal=ds,x.SpsModalExamples=fp,x.SpsModalFooter=or,x.SpsMultiSelect=us,x.SpsMultiSelectExamples=Sp,x.SpsMultiValueTextInput=Ls,x.SpsMultiValueTextInputExamples=Wp,x.SpsPageSelector=rr,x.SpsPageSubtitle=pm,x.SpsPageTitle=dm,x.SpsPageTitleExamples=EC,x.SpsPagination=ms,x.SpsPaginationExamples=gp,x.SpsProductBar=um,x.SpsProductBarExamples=CC,x.SpsProductBarTab=mi,x.SpsProgressBar=mm,x.SpsProgressBarExamples=NC,x.SpsProgressRing=Ts,x.SpsRadioButton=fs,x.SpsRadioButtonExamples=hp,x.SpsScrollableContainer=fm,x.SpsSearchResultsBar=am,x.SpsSearchResultsBarExamples=pC,x.SpsSearchResultsBarV2=di,x.SpsSelect=rn,x.SpsSelectExamples=kd,x.SpsSideNav=vp,x.SpsSideNavExamples=yp,x.SpsSlackLink=Sm,x.SpsSlackLinkExamples=kC,x.SpsSlideInPanel=ps,x.SpsSlideInPanelExamples=mp,x.SpsSortingHeader=gm,x.SpsSortingHeaderCell=fi,x.SpsSortingHeaderExamples=_C,x.SpsSpinner=Br,x.SpsSplitButton=Ss,x.SpsSplitButtonExamples=Ep,x.SpsSteppedProgressBar=hm,x.SpsSteppedProgressBarExamples=PC,x.SpsSummaryListColumn=hs,x.SpsSummaryListExamples=Tp,x.SpsSummaryListExpansion=io,x.SpsSummaryListRow=gs,x.SpsTab=Hu,x.SpsTabPanel=Wu,x.SpsTable=ln,x.SpsTableBody=Wt,x.SpsTableCell=re,x.SpsTableExamples=dp,x.SpsTableHead=Ht,x.SpsTableHeader=Be,x.SpsTableRow=De,x.SpsTabsV2=ri,x.SpsTag=gt,x.SpsTagExamples=fE,x.SpsTaskQueue=bs,x.SpsTaskQueueExamples=wp,x.SpsTbody=ap,x.SpsTd=ip,x.SpsTextInput=sr,x.SpsTextInputExamples=Cp,x.SpsTextarea=vs,x.SpsTextareaExamples=Dp,x.SpsTh=Qd,x.SpsThead=tp,x.SpsTile=bm,x.SpsTileList=vm,x.SpsTileListExamples=FC,x.SpsTimeInput=_s,x.SpsTimeInputExamples=Up,x.SpsToggle=ys,x.SpsToggleExamples=Ip,x.SpsTooltip=ct,x.SpsTooltipExamples=xp,x.SpsTooltipTitle=Es,x.SpsTr=op,x.SpsValidators=ho,x.SpsVerticalRule=Si,x.SpsVr=wm,x.SpsWf=Mp,x.SpsWfDoc=Op,x.SpsWfDs=Bp,x.SpsWfStep=Fp,x.SpsWizardExamples=Lp,x.SpsWizardSidebar=ws,x.SpsWizardSubstep=Cs,x.SpsWorkflow=ir,x.SpsWorkflowDocument=lr,x.SpsWorkflowDocumentStatus=cr,x.SpsWorkflowExamples=Ap,x.SpsWorkflowStep=dr,x.SpsZeroState=Dm,x.SpsZeroStateExamples=WC,x.TooltipVisibility=Se,x.ValidationMode=Ct,x.addOnChangeErrorKey=Ei,x.addOnSubmitErrorKey=Ti,x.bindProps=cf,x.contentOf=qe,x.date=On,x.dateConstraint=Di,x.dateRange=Ci,x.findParentBranches=ar,x.flipPosition=Rr,x.formArray=dy,x.formControl=py,x.formGroup=uy,x.getMember=Ja,x.getPosition=Jt,x.letterAndNumberKeys=Fr,x.resetServerContext=cv,x.selectChildren=at,x.setDateFormat=wi,x.toggleTooltipState=er,x.useCheckDeprecatedProps=Ri,x.useColumnCellResizer=Xd,x.useColumnHeaderResizer=Jd,x.useCustomValidator=qm,x.useDidUpdateEffect=Ar,x.useDocumentEventListener=$r,x.useElementId=Rt,x.useForm=my,x.useGrowlers=tC,x.useInputPopup=bn,x.useKeyboardSensor=zc,x.useModals=hC,x.useMouseSensor=Uc,x.usePatchReducer=Dt,x.usePortal=gn,x.useServerSideValidation=fy,x.useSpsAction=bC,x.useSpsForm=xi,x.useSpsLocale=ao,x.useTouchSensor=jc,x.validate=bo,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})}));
11829
+ `}}}};x.AsTypingErrorKeys=mn,x.ContentOrderExample=lm,x.DEFAULT_DATETIME_PRESETS=_d,x.DEFAULT_PRESETS=es,x.DragDropContext=Zc,x.Draggable=dd,x.Droppable=ja,x.FauxChangeEvent=Lt,x.MANIFEST=GE,x.ModalAction=cm,x.OnBlurErrorKeys=Ze,x.OnSubmitErrorKeys=So,x.PortalContext=rt,x.PreventativeErrorKeys=wt,x.Provide=Bi,x.SimpleDateUtils=j,x.SpsAddRemoveFormRowExamples=Sy,x.SpsAdvancedSearch=Zu,x.SpsAdvancedSearchExamples=Uw,x.SpsApp=df,x.SpsAutocomplete=Nt,x.SpsAutocompleteExamples=$i,x.SpsButton=Ne,x.SpsButtonExamples=pE,x.SpsButtonGroup=lp,x.SpsCard=qa,x.SpsCardTabbedPane=Ya,x.SpsCardV2=Ju,x.SpsCardV2Footer=ai,x.SpsCardV2Header=si,x.SpsCardV2Title=Xu,x.SpsCheckbox=Xt,x.SpsCheckboxDropdown=rs,x.SpsCheckboxExamples=Vi,x.SpsClickableTag=An,x.SpsClickableTagExamples=Ki,x.SpsColumnChooser=Xa,x.SpsColumnChooserColumn=zo,x.SpsColumnChooserExamples=Sd,x.SpsConditionalField=Ms,x.SpsConditionalFieldExamples=Vp,x.SpsContentRow=Za,x.SpsContentRowCol=on,x.SpsContentRowExamples=gd,x.SpsContentRowExpansion=jo,x.SpsContextBar=zw,x.SpsCurrencyInput=Qu,x.SpsCurrencyInputExamples=Jw,x.SpsDateRangePicker=ts,x.SpsDateRangePickerExamples=xd,x.SpsDateTime=os,x.SpsDateTimeRangePicker=ns,x.SpsDateTimeRangePickerExamples=Od,x.SpsDatepicker=Qa,x.SpsDatepickerExamples=Dd,x.SpsDatetimeExamples=Bd,x.SpsDd=$d,x.SpsDescriptionList=Zo,x.SpsDescriptionListDefinition=Qo,x.SpsDescriptionListExamples=Wd,x.SpsDescriptionListTerm=tr,x.SpsDl=Fd,x.SpsDropdown=sn,x.SpsDropdownExamples=Gd,x.SpsDt=Hd,x.SpsFeedbackBlock=Ds,x.SpsFeedbackBlockExamples=OE,x.SpsFieldset=as,x.SpsFieldsetExamples=Ud,x.SpsFilterPanel=Ns,x.SpsFilterPanelCap=xs,x.SpsFilterPanelExamples=$p,x.SpsFilterPanelFilterBox=ks,x.SpsFilterPanelSection=Is,x.SpsFilterTile=ym,x.SpsFilterTileList=Em,x.SpsFilterTileListExamples=VC,x.SpsFocusedTask=li,x.SpsFocusedTaskActions=ii,x.SpsFocusedTaskExamples=Qw,x.SpsForm=ro,x.SpsFormArrayMeta=Ii,x.SpsFormComponentWrapper=Le,x.SpsFormExamples=fd,x.SpsFormFieldMeta=On,x.SpsFormGroupMeta=Ni,x.SpsFormMetaBase=Yt,x.SpsFormSetMeta=qt,x.SpsGrowler=ci,x.SpsGrowlerExamples=nC,x.SpsI=ht,x.SpsIconButtonPanel=cp,x.SpsIncrementor=ss,x.SpsIncrementorExamples=zd,x.SpsInputGroup=In,x.SpsInsightTile=em,x.SpsInsights=oC,x.SpsKeyValueList=tm,x.SpsKeyValueListItem=nm,x.SpsKeyValueTag=om,x.SpsKeyValueTagExamples=lC,x.SpsLabel=is,x.SpsLabelExamples=jd,x.SpsListActionBar=ls,x.SpsListActionBarExamples=pp,x.SpsListToolbar=sm,x.SpsListToolbarExamples=gC,x.SpsListToolbarSearch=pi,x.SpsListToolbarSearchInfo=ui,x.SpsListToolbarSortBy=im,x.SpsLocaleProvider=Ay,x.SpsMicroBlock=cs,x.SpsMicroBlockExamples=up,x.SpsMicroZeroState=Cm,x.SpsModal=ds,x.SpsModalExamples=fp,x.SpsModalFooter=or,x.SpsMultiSelect=us,x.SpsMultiSelectExamples=Sp,x.SpsMultiValueTextInput=Ls,x.SpsMultiValueTextInputExamples=Wp,x.SpsPageSelector=rr,x.SpsPageSubtitle=pm,x.SpsPageTitle=dm,x.SpsPageTitleExamples=EC,x.SpsPagination=ms,x.SpsPaginationExamples=gp,x.SpsProductBar=um,x.SpsProductBarExamples=CC,x.SpsProductBarTab=mi,x.SpsProgressBar=mm,x.SpsProgressBarExamples=NC,x.SpsProgressRing=Ts,x.SpsRadioButton=fs,x.SpsRadioButtonExamples=hp,x.SpsScrollableContainer=fm,x.SpsSearchResultsBar=am,x.SpsSearchResultsBarExamples=pC,x.SpsSearchResultsBarV2=di,x.SpsSelect=rn,x.SpsSelectExamples=kd,x.SpsSideNav=vp,x.SpsSideNavExamples=yp,x.SpsSlackLink=Sm,x.SpsSlackLinkExamples=kC,x.SpsSlideInPanel=ps,x.SpsSlideInPanelExamples=mp,x.SpsSortingHeader=gm,x.SpsSortingHeaderCell=fi,x.SpsSortingHeaderExamples=_C,x.SpsSpinner=Br,x.SpsSplitButton=Ss,x.SpsSplitButtonExamples=Ep,x.SpsSteppedProgressBar=hm,x.SpsSteppedProgressBarExamples=OC,x.SpsSummaryListColumn=hs,x.SpsSummaryListExamples=Tp,x.SpsSummaryListExpansion=io,x.SpsSummaryListRow=gs,x.SpsTab=Hu,x.SpsTabPanel=Wu,x.SpsTable=ln,x.SpsTableBody=Wt,x.SpsTableCell=re,x.SpsTableExamples=dp,x.SpsTableHead=Ht,x.SpsTableHeader=Be,x.SpsTableRow=De,x.SpsTabsV2=ri,x.SpsTag=gt,x.SpsTagExamples=fE,x.SpsTaskQueue=bs,x.SpsTaskQueueExamples=wp,x.SpsTbody=ap,x.SpsTd=ip,x.SpsTextInput=sr,x.SpsTextInputExamples=Cp,x.SpsTextarea=vs,x.SpsTextareaExamples=Dp,x.SpsTh=Qd,x.SpsThead=tp,x.SpsTile=bm,x.SpsTileList=vm,x.SpsTileListExamples=FC,x.SpsTimeInput=_s,x.SpsTimeInputExamples=Up,x.SpsToggle=ys,x.SpsToggleExamples=Ip,x.SpsTooltip=ct,x.SpsTooltipExamples=xp,x.SpsTooltipTitle=Es,x.SpsTr=op,x.SpsValidators=ho,x.SpsVerticalRule=Si,x.SpsVr=wm,x.SpsWf=Mp,x.SpsWfDoc=Pp,x.SpsWfDs=Bp,x.SpsWfStep=Fp,x.SpsWizardExamples=Lp,x.SpsWizardSidebar=ws,x.SpsWizardSubstep=Cs,x.SpsWorkflow=ir,x.SpsWorkflowDocument=lr,x.SpsWorkflowDocumentStatus=cr,x.SpsWorkflowExamples=Ap,x.SpsWorkflowStep=dr,x.SpsZeroState=Dm,x.SpsZeroStateExamples=WC,x.TooltipVisibility=ge,x.ValidationMode=Ct,x.addOnChangeErrorKey=Ei,x.addOnSubmitErrorKey=Ti,x.bindProps=cf,x.contentOf=qe,x.date=Pn,x.dateConstraint=Di,x.dateRange=Ci,x.findParentBranches=ar,x.flipPosition=Rr,x.formArray=dy,x.formControl=py,x.formGroup=uy,x.getMember=Ja,x.getPosition=Jt,x.letterAndNumberKeys=Fr,x.resetServerContext=cv,x.selectChildren=at,x.setDateFormat=wi,x.toggleTooltipState=er,x.useCheckDeprecatedProps=Ri,x.useColumnCellResizer=Xd,x.useColumnHeaderResizer=Jd,x.useCustomValidator=qm,x.useDidUpdateEffect=Ar,x.useDocumentEventListener=$r,x.useElementId=Rt,x.useForm=my,x.useGrowlers=tC,x.useInputPopup=bn,x.useKeyboardSensor=zc,x.useModals=hC,x.useMouseSensor=Uc,x.usePatchReducer=Dt,x.usePortal=gn,x.useServerSideValidation=fy,x.useSpsAction=bC,x.useSpsForm=xi,x.useSpsLocale=ao,x.useTouchSensor=jc,x.validate=bo,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})}));