@spscommerce/ds-react 6.16.0 → 6.17.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs.js +288 -205
- package/lib/index.es.js +219 -36
- package/package.json +9 -9
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var XS=Object.defineProperty,QS=Object.defineProperties;var eb=Object.getOwnPropertyDescriptors;var os=Object.getOwnPropertySymbols;var Jl=Object.prototype.hasOwnProperty,Zl=Object.prototype.propertyIsEnumerable;var Xl=(e,t,n)=>t in e?XS(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,N=(e,t)=>{for(var n in t||(t={}))Jl.call(t,n)&&Xl(e,n,t[n]);if(os)for(var n of os(t))Zl.call(t,n)&&Xl(e,n,t[n]);return e},H=(e,t)=>QS(e,eb(t));var z=(e,t)=>{var n={};for(var s in e)Jl.call(e,s)&&t.indexOf(s)<0&&(n[s]=e[s]);if(e!=null&&os)for(var s of os(e))t.indexOf(s)<0&&Zl.call(e,s)&&(n[s]=e[s]);return n};Object.defineProperty(exports,"__esModule",{value:!0});exports[Symbol.toStringTag]="Module";var $=require("react"),M=require("@spscommerce/ds-shared"),w=require("@spscommerce/utils"),Ql=require("moment-timezone"),Wr=require("react-dom"),tb=require("@react-stately/collections"),Gr=require("@spscommerce/ds-colors"),ec=require("@spscommerce/ds-illustrations");function Ur(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function tc(e){if(e&&e.__esModule)return e;var t={__proto__:null,[Symbol.toStringTag]:"Module"};return e&&Object.keys(e).forEach(function(n){if(n!=="default"){var s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var a=tc($),A=Ur($),Gn=tc(Ql),rt=Ur(Ql),nb=Ur(Wr);function nc(e){var t,n,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=nc(e[t]))&&(s&&(s+=" "),s+=n);else for(t in e)e[t]&&(s&&(s+=" "),s+=t);return s}function K(){for(var e=0,t,n,s="";e<arguments.length;)(t=arguments[e++])&&(n=nc(t))&&(s&&(s+=" "),s+=n);return s}var Pt=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{};function At(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var y={exports:{}},ab="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",sb=ab,rb=sb;function ac(){}function sc(){}sc.resetWarningCache=ac;var ob=function(){function e(s,o,i,c,l,p){if(p!==rb){var u=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 u.name="Invariant Violation",u}}e.isRequired=e;function t(){return e}var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:sc,resetWarningCache:ac};return n.PropTypes=n,n};y.exports=ob();function be(e){return y.exports.oneOf(w.values(e))}function ne(){return y.exports.func}function le(){return y.exports.object}function Ft(){return y.exports.object}const dt=y.exports.oneOfType([y.exports.node,y.exports.func]),Y={children:y.exports.oneOfType([y.exports.arrayOf(y.exports.node),y.exports.node]),className:y.exports.string,"data-testid":y.exports.string,unsafelyReplaceClassName:y.exports.string},Oe=a.createContext(M.noI18nI18n),ib={disabled:"boolean",href:"string",icon:"SpsIcon",kind:"ButtonKind",spinning:"boolean",spinningTitle:"string",type:"ButtonType"},lb=H(N({},Y),{disabled:y.exports.bool,href:y.exports.string,icon:be(M.SpsIcon),kind:be(M.ButtonKind),spinning:y.exports.bool,spinningTitle:y.exports.string,type:be(M.ButtonType)});function Fe(e){const E=e,{children:t,className:n,href:s,icon:o,kind:i=M.ButtonKind.DEFAULT,spinning:c,spinningTitle:l,type:p=M.ButtonType.BUTTON,unsafelyReplaceClassName:u}=E,f=z(E,["children","className","href","icon","kind","spinning","spinningTitle","type","unsafelyReplaceClassName"]);let{disabled:m}=e;c&&(m=!0);const{t:g}=a.useContext(Oe),S=K(u||"sps-button",`sps-button--${i}`,m&&"sps-button--disabled",c&&"sps-button--spinning",n),T=o&&a.createElement("i",{className:K("sps-icon",`sps-icon-${o}`),"aria-hidden":"true"}),x=c&&a.createElement("div",{className:"sps-spinner"},l||g("design-system:button.spinningTitle"));return a.createElement("div",{className:S},s?a.createElement("a",H(N({},f),{href:s,className:"sps-button__clickable-element"}),T,t,x):a.createElement("button",H(N({},f),{type:p,className:"sps-button__clickable-element",disabled:m}),T,t,x))}Object.assign(Fe,{props:ib,propTypes:lb,displayName:"SpsButton"});const rc={formMeta:"SpsFormSetMeta<any>",onSubmit:"React.FormEventHandler"},oc=H(N({},Y),{formArray:le(),formGroup:le(),formMeta:le(),onSubmit:ne()}),Sa=a.forwardRef((e,t)=>{const f=e,{children:n,onSubmit:s,formArray:o,formGroup:i,formMeta:c}=f,l=z(f,["children","onSubmit","formArray","formGroup","formMeta"]),p=i||o;function u(m){m.preventDefault(),p&&p.markAsDirty(),c&&(c.markAsDirty(),c.markAsBlurred(),c.markAsSubmitted()),s(m)}return a.createElement("form",N({ref:t,onSubmit:u},l),n)});Object.assign(Sa,{props:rc,propTypes:oc,displayName:"SpsForm"});function ft(e){return typeof e=="function"?e():e}const cb=H(N({},rc),{controlsDisabled:"boolean",footerLinks:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",isOpen:"boolean",onClear:"() => void",onSubmit:"React.FormEventHandler"}),db=H(N(N({},Y),oc),{controlsDisabled:y.exports.bool,footerLinks:dt,formArray:le(),formGroup:le(),formMeta:le(),isOpen:y.exports.bool,onClear:ne(),onSubmit:ne()});function Yr(e){const E=e,{children:t,className:n,controlsDisabled:s,footerLinks:o,formArray:i,formGroup:c,formMeta:l,isOpen:p,onClear:u,onSubmit:f,unsafelyReplaceClassName:m}=E,g=z(E,["children","className","controlsDisabled","footerLinks","formArray","formGroup","formMeta","isOpen","onClear","onSubmit","unsafelyReplaceClassName"]),{t:S}=a.useContext(Oe);function T(){u&&u()}const x=K(m||"sps-advanced-search",p&&"sps-advanced-search--open",n);return a.createElement("div",N({className:x},g),a.createElement(Sa,{onSubmit:f,formArray:i,formGroup:c,formMeta:l},a.createElement("div",{className:"sps-advanced-search__form"},t),a.createElement("div",{className:"sps-advanced-search__footer"},o&&a.createElement("div",{id:"footer_links"},ft(o)),a.createElement("div",{className:"sps-advanced-search__footer-controls"},a.createElement(Fe,{kind:M.ButtonKind.DEFAULT,type:M.ButtonType.BUTTON,className:"mr-2",onClick:T,disabled:s},S("design-system:advancedSearch.clear")),a.createElement(Fe,{kind:M.ButtonKind.KEY,type:M.ButtonType.SUBMIT,disabled:s},S("design-system:advancedSearch.search"))))))}Object.assign(Yr,{props:cb,propTypes:db,displayName:"SpsAdvancedSearch"});const ic={general:{label:"General Usage",description:({NavigateTo:e,Link:t})=>a.createElement(a.Fragment,null,a.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).'),a.createElement("p",null,"Advanced Search works in conjunction with the"," ",a.createElement(e,{to:"list-toolbar"},"List Bar")," and"," ",a.createElement(e,{to:"search-results-bar"},"Search Results")," components. Refer to those pages for additional details."),a.createElement("p",null,"Use the following guidelines when including Advanced Search on your page:",a.createElement("ul",null,a.createElement("li",null,"The Advanced Search Panel can contain any number of input fields."),a.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"," ",a.createElement(t,{to:"/style-and-layout/grid/"},"SPS Grid")," and guidelines for"," ",a.createElement(e,{to:"form"},"Form Layouts"),"."))))},basic:{label:"Basic Usage",description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.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 ",a.createElement(e,{to:"list-toolbar"},"List Bar")," page.")),examples:{basic:{react:w.code`
|
|
2
2
|
function Component(props) {
|
|
3
3
|
const [toolbarSearchText, setToolbarSearchText] = React.useState("");
|
|
4
4
|
const [advSearch, patchAdvSearch] = usePatchReducer({
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
</SpsAdvancedSearch>
|
|
91
91
|
</>;
|
|
92
92
|
}
|
|
93
|
-
`}}},footerLink:{label:"Footer Link",description:()=>
|
|
93
|
+
`}}},footerLink:{label:"Footer Link",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"A Footer Link can be included in the Advanced Search footer (visible only when the menu is exposed). The Footer Link is used to link to preferences that control the Advanced Search panel display (such as customized fields and defaults).")),examples:{footerLink:{react:w.code`
|
|
94
94
|
function Component(props) {
|
|
95
95
|
const [toolbarSearchText, setToolbarSearchText] = React.useState("");
|
|
96
96
|
const [advSearch, setAdvSearch] = React.useState({
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
</SpsAdvancedSearch>
|
|
136
136
|
</>;
|
|
137
137
|
}
|
|
138
|
-
`}}},disabledButtons:{label:"Disabling the Clear/Search Buttons",description:()=>
|
|
138
|
+
`}}},disabledButtons:{label:"Disabling the Clear/Search Buttons",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"The Search and Clear Fields buttons in the footer can be disabled when no input fields in the Advanced Search Panel contain values.")),examples:{disabledButtons:{react:w.code`
|
|
139
139
|
function Component() {
|
|
140
140
|
const [toolbarSearchText, setToolbarSearchText] = React.useState("");
|
|
141
141
|
const [advSearch, setAdvSearch] = React.useState({
|
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
</SpsAdvancedSearch>
|
|
176
176
|
</>;
|
|
177
177
|
}
|
|
178
|
-
`}}},advancedSearchOnly:{label:'"Advanced Search Only" List Bar',description:()=>
|
|
178
|
+
`}}},advancedSearchOnly:{label:'"Advanced Search Only" List Bar',description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Certain scenarios may require an Advanced Search Panel to display by default (eschewing a basic search). In these scenarios a title will replace the search input in the List Bar."),a.createElement("p",null,"To achieve an Advanced Search Only effect, remove the basic search input from the List Bar.")),examples:{withTitle:{react:w.code`
|
|
179
179
|
function Component(props) {
|
|
180
180
|
const [advSearch, patchAdvSearch] = usePatchReducer({
|
|
181
181
|
isOpen: true,
|
|
@@ -193,10 +193,10 @@
|
|
|
193
193
|
</SpsAdvancedSearch>
|
|
194
194
|
</>;
|
|
195
195
|
}
|
|
196
|
-
`}}}};var db=self.crypto||self.msCrypto,zr="-_",on=36;for(;on--;)zr+=on.toString(36);on=36;for(;on---10;)zr+=on.toString(36).toUpperCase();var pb=function(e){var t="",n=db.getRandomValues(new Uint8Array(e||21));for(on=e||21;on--;)t+=zr[n[on]&63];return t},ln=pb;function Hn(e){return V.useRef(e||ln())}function bt(e,t){const n=Hn(e),a=V.useRef(`${n.current}_ctrl`);return V.useEffect(()=>{t&&(t.id=a.current,t.update())},[t]),{wrapperId:n.current,controlId:a.current}}var ub="[object Object]";function mb(e){var t=!1;if(e!=null&&typeof e.toString!="function")try{t=!!(e+"")}catch{}return t}function fb(e,t){return function(n){return e(t(n))}}var hb=Function.prototype,lc=Object.prototype,cc=hb.toString,gb=lc.hasOwnProperty,Sb=cc.call(Object),bb=lc.toString,vb=fb(Object.getPrototypeOf,Object);function yb(e){return!!e&&typeof e=="object"}function Tb(e){if(!yb(e)||bb.call(e)!=ub||mb(e))return!1;var t=vb(e);if(t===null)return!0;var n=gb.call(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&cc.call(n)==Sb}var dc=Tb;const Nt=new Set,Wn=new Set,Qt=new Set,Sa=new Set;function pc(e){Nt.has(e)||Qt.has(e)||Sa.has(e)||Wn.add(e)}function uc(e){Nt.has(e)||Qt.has(e)||Wn.has(e)||Sa.add(e)}const jr=$n.default||$n,os="MM/DD/YYYY",wb=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,mc=Symbol("Date Parse Error");function Gn(e){return e.year*1e4+e.month*100+e.date}const fe=Object.freeze({createFrom(e){if(!e)return null;if(typeof e=="string"){const t=wb.exec(e);if(t){const[,n,a,o]=t;return Object.freeze({year:Number(o),month:Number(n),date:Number(a)})}return Object.freeze({[mc]:!0,year:void 0,month:void 0,date:void 0})}return Object.freeze({year:e.year(),month:e.month()+1,date:e.date()})},createRangeFrom(e){return e?e.split(/[^\d]*-[^\d]*/).map(fe.createFrom):null},isValid(e){return e&&typeof e=="object"&&typeof e.year=="number"&&typeof e.month=="number"&&typeof e.date=="number"&&fe.toMoment(e).isValid()},nullifyInvalidDate(e){return fe.isValid(e)?e:null},toMoment(e){return e?jr($(N({},e),{month:e.month-1})):null},toString(e){const t=fe.toMoment(e);return t?t.format(os):""},toStringRange(e){return e?e.map(fe.toString).join("-"):""},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:Gn(e)>Gn(t)},isBefore(e,t){return!e||!t?null:Gn(e)<Gn(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const a=Gn(e),[o,i]=t.map(Gn);return e&&o&&i&&(n&&a>=o&&a<=i||!n&&a>o&&a<i)},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){if(typeof e.definition=="function")return e.definition();const t=jr(),n=t.clone().subtract(jr.duration(e.definition));return[fe.createFrom(n),fe.createFrom(t)]}}),ba=function(t){if(Array.isArray(t)){const n=ba(t[0]),a=ba(t[1]);return n||a}if(t&&t.hasOwnProperty("year")){if(t[mc])return{dateFormat:os};if(!fe.isValid(t))return{dateValidity:!0}}return null};Nt.add("dateFormat");Nt.add("dateValidity");const fc=function(t){if(Array.isArray(t)){const n=ba(t);if(n)return n;if(t&&fe.isBefore(t[1],t[0]))return{dateRangeOrder:!0}}return null};Nt.add("dateRangeOrder");const hc=function({minDate:t,maxDate:n}){function a(o){const i=fe.isBefore(o,t),c=fe.isAfter(o,n),l={minExceeded:i?fe.toString(t):null,maxExceeded:c?fe.toString(n):null};return i||c?{dateConstraint:l}:null}return function(i){if(!i)return null;if(Array.isArray(i)){const c=a(i[0]),l=a(i[1]);return c||l}return i.hasOwnProperty("year")?a(i):null}};Nt.add("dateConstraint");var Eb=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",date:ba,dateRange:fc,dateConstraint:hc});function cn(e,t){for(const n of[].concat(e)){const a=t(n);if(a)return a}return null}const Cb=function(t){function n(a){return Number(a)>=t?null:{min:t}}return a=>cn(a,n)};Nt.add("min");const xb=function(t){function n(a){return Number(a)<=t?null:{max:t}}return a=>cn(a,n)};Wn.add("max");const Db=function(t){return typeof t=="undefined"||t===null||t===""||Number.isNaN(t)||(t==null?void 0:t.length)===0?{required:!0}:null};Wn.add("required");const Ib=function(t){function n(a){return a.length>=t?null:{minLength:t}}return a=>cn(a,n)};Nt.add("minLength");const Nb=function(t){function n(a){return a.length<=t?null:{maxLength:t}}return a=>cn(a,n)};Qt.add("maxLength");const kb=function(t){const n=t instanceof RegExp?t:new RegExp(t);function a(o){return n.test(o)?null:{pattern:t}}return o=>cn(o,a)};Nt.add("pattern");const Mb=function(e){function t(n){return/^\p{L}*$/u.test(n)?null:{alpha:!0}}return cn(e,t)};Qt.add("alpha");const _b=function(e){function t(n){return/^[0-9,. ]*$/.test(n)?null:{numeric:!0}}return cn(e,t)};Qt.add("numeric");const Rb=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return cn(e,t)};Qt.add("nonNumeric");const is=Object.freeze($(N({},Eb),{min:Cb,max:xb,required:Db,minLength:Ib,maxLength:Nb,pattern:kb,alpha:Mb,numeric:_b,nonNumeric:Rb,OnBlurErrorKeys:Nt}));function va(e,t=[]){const n=t.reduce((a,o)=>Object.assign(a,o(e)||{}),{});return Object.keys(n).length?n:null}class En{constructor(t,n){this.path=t,this.update=n,this.validators=[],this.errors=null,this.revealAllErrors=!1,this.preventativeErrors=[],this.submitted=!1}setValidators(t){return this.update(this.path,null,null,t),this}validate(t){return this.validators&&this.validators.length>0?(this.errors=va(t,this.validators),this.update(null),this.isFocused()&&this.onFocus&&this.onFocus()):this.errors&&(this.errors=null,this.update(null)),this}isValid(){return!this.errors||this.isPristine()}hasErrors(){return!!this.errors}isVisibilyInvalid(){return this.errors&&(this.revealAllErrors&&!Object.keys(this.errors).some(t=>Sa.has(t))||this.revealAllErrors&&Object.keys(this.errors).some(t=>Sa.has(t))&&this.isSubmitted()||!this.isPristine()&&Object.keys(this.errors).some(t=>Wn.has(t)))}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(is.required)>-1}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}class Cn extends En{constructor(){super(...arguments);this.id=ln(),this.focused=!1,this.pristine=!0}setValue(t){if(this.revealAllErrors=!1,this.preventativeErrors=[],this.validators&&this.validators.length>0){const n=va(t,this.validators);if(n&&Object.keys(n).filter(o=>Qt.has(o)).length>0){this.preventativeErrors=Object.keys(n);return}}this.update(this.path,t)}isPristine(){return this.pristine}markAsPristine(){return this.pristine=!0,this.revealAllErrors=!1,this.update(null),this}markAsDirty(){return this.pristine=!1,this.update(null),this}isFocused(){return this.focused}markAsFocused(){return this.focused=!0,this.update(null),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(null),this}}class ls extends Cn{constructor(t,n,a){const o=a?n:t,i=a||n;super(o,i);a&&this.inferMembers(t)}inferSpsControl(t,n){return cs(t,[...this.path,n],this.update)}rollup(t){return Object.keys(this.fields).reduce((n,a)=>n&&(!this.fields[a][t]||this.fields[a][t]()),!0)}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}}class gc extends ls{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class Sc extends ls{inferMembers(t){this.fields=t.map((n,a)=>this.inferSpsControl(n,String(a)))}}function cs(e,t,n){return e instanceof En?(e.path=t,e.update=n,e):Array.isArray(e)?new Sc(e,t,n):dc(e)?new gc(e,t,n):new Cn(t,n)}function qr(e,t){return t.length===0||!e?e:qr(e.fields[t[0]],t.slice(1,t.length))}function Jr(e,t){if(t.length===0||!e)return[e];const n=t[0];if(t=t.slice(1,t.length),n==="*"){const a=Array.isArray(e.fields)?e.fields:Object.keys(e.fields).map(o=>e.fields[o]);return t.length===0?a:a.reduce((o,i)=>[...o,...Jr(i,t)],[])}return Jr(e.fields[n],t)}function bc(e,t,n){for(const a of Object.keys(t)){const o=t[a];for(const i of Jr(e,a.split(".")))i&&o&&n(i,o)}}function ds(e,t,n,a=!1){bc(t,n,(o,i)=>{o.validators=typeof i=="function"?i(e):i,a&&(o.errors=va(w.getPath(e,o.path),o.validators))})}function Zr(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((a,o)=>o===Number(n)?Zr(a,t):a):dc(e)?Object.keys(e).reduce((a,o)=>Object.assign(a,{[o]:o===n?Zr(e[o],t):e[o]}),{}):e}function Ob(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function Lb(e,t){Ob(e);const n=V.useMemo(()=>{w.deepFreeze(e);const f=cs(e,[],p);return t&&ds(e,f,t,!0),f},[]),a=V.useRef(),o=V.useRef(t),i=V.useCallback((f,u)=>{var S,T,x;let g;if(a.current=null,u)if(u.path)if(u.markAsBlurred){const E=qr(f.formMeta,u.path);E&&(E.focused=!1,E.revealAllErrors=!0)}else if(u.newValidators){if(o.current){const E=u.path.join(".");o.current=$(N({},o.current),{[E]:u.newValidators}),ds(f.formValue,f.formMeta,o.current,!0)}}else g=Zr(f.formValue,u.path),w.setPath(g,u.path,u.value);else g=u.value;if(((S=u.updateFormOptions)==null?void 0:S.validators)&&(o.current=N(N({},o.current),u.updateFormOptions.validators),ds(f.formValue,f.formMeta,o.current,(x=(T=u.updateFormOptions)==null?void 0:T.runValidators)!=null?x:!0)),g){w.deepFreeze(g);const E=w.diff(f.formValue,g);for(const{type:I,key:D,parentPath:v,objects:[k,_]}of E){const L=qr(f.formMeta,v);if(typeof D!="symbol"&&L)switch(I){case w.DiffChange.ADDITION:L.fields[D]=cs(_[D],[...v,D],p);break;case w.DiffChange.DELETION:Array.isArray(L.fields)?L.fields.splice(Number(D),1):delete L.fields[D];break;case w.DiffChange.ALTERATION:if(!k[D]&&_[D]&&!(L.fields[D]instanceof ls)){const R=cs(_[D],[...v,D],p);R instanceof Cn&&L.fields[D]instanceof Cn&&(R.id=L.fields[D].id,R.focused=L.fields[D].focused,R.pristine=L.fields[D].pristine),L.fields[D]=R}break}}if(o.current){ds(g,f.formMeta,o.current);const I=new Set;bc(f.formMeta,t,(D,v)=>{typeof v=="function"&&(D.validate(w.getPath(g,D.path)),I.add(D))});for(const{type:D,key:v,parentPath:k,objects:[,_]}of E)if(typeof v!="symbol"){let L=f.formMeta,R=g;if(L){for(const B of k)L=L.fields[B],R=R[B],I.has(L)||L.validate(R);if(D===w.DiffChange.ADDITION||D===w.DiffChange.ALTERATION){const B=L.fields[v];if(!I.has(B)&&(L.fields[v].validate(_[v]),D===w.DiffChange.ADDITION&&B.fields))for(const[P,A]of Object.entries(B.fields))A.validate(_[v][P])}}}}}return{formValue:g||f.formValue,formMeta:f.formMeta,updateForm:f.updateForm}},[]),[c,l]=V.useReducer(i,{formValue:e,formMeta:n,updateForm:m});function p(f,u,g=!1,S){f?l({path:f,value:u,markAsBlurred:g,newValidators:S}):m()}function m(f,u){if(f||u){a.current&&window.clearTimeout(a.current);const g=window.setTimeout(l,0,{value:f,updateFormOptions:u});a.current=g}else if(!a.current){const g=window.setTimeout(l,0,{});a.current=g}}return V.useEffect(()=>()=>{a.current&&window.clearTimeout(a.current)},[]),c}const Bb=$(N({},Y),{focusInputOnClick:y.exports.bool,formMeta:ie(),formControl:ie(),inputRef:Pt()}),ot=s.forwardRef((e,t)=>{const D=e,{className:n,children:a,focusInputOnClick:o,formControl:i,formMeta:c,inputRef:l,onClick:p}=D,m=z(D,["className","children","focusInputOnClick","formControl","formMeta","inputRef","onClick"]),f=s.useRef(),g=l||(t||f);function S(){g&&g!==t&&g.current&&g.current.focus()}function T(){g&&g!==t&&g.current&&c&&c instanceof Cn&&c.markAsFocused()}function x(){g&&g!==t&&g.current&&c&&c instanceof Cn&&c.markAsBlurred()}const E=F("sps-form-group",(i&&i.isRequired()||c&&c.isRequired())&&"sps-form-group--required",(i&&!i.isValid()||c&&c.isVisibilyInvalid())&&"sps-form-group--error",c&&c.hasPreventativeErrors()&&"sps-form-group--preventative-error",n);function I(v){o&&S(),p&&p(v)}return s.useEffect(()=>{function v(k){k.target.classList.contains("sps-form-control__clear-btn")&&k.preventDefault()}return document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[]),s.createElement("div",$(N({},m),{className:E,ref:t,tabIndex:-1,onClick:I,onFocus:T,onBlur:x}),a)});Object.assign(ot,{spsFormComponentWrapperPropTypes:Bb,displayName:"SpsFormComponentWrapper"});function vc(e){return typeof e=="object"&&e!=null&&e.nodeType===1}function yc(e,t){return(!t||e!=="hidden")&&e!=="visible"&&e!=="clip"}function Xr(e,t){if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){var n=getComputedStyle(e,null);return yc(n.overflowY,t)||yc(n.overflowX,t)||function(a){var o=function(i){if(!i.ownerDocument||!i.ownerDocument.defaultView)return null;try{return i.ownerDocument.defaultView.frameElement}catch{return null}}(a);return!!o&&(o.clientHeight<a.scrollHeight||o.clientWidth<a.scrollWidth)}(e)}return!1}function ps(e,t,n,a,o,i,c,l){return i<e&&c>t||i>e&&c<t?0:i<=e&&l<=n||c>=t&&l>=n?i-e-a:c>t&&l<n||i<e&&l>n?c-t+o:0}function Tc(e,t){var n=window,a=t.scrollMode,o=t.block,i=t.inline,c=t.boundary,l=t.skipOverflowHiddenElements,p=typeof c=="function"?c:function(He){return He!==c};if(!vc(e))throw new TypeError("Invalid target");for(var m=document.scrollingElement||document.documentElement,f=[],u=e;vc(u)&&p(u);){if((u=u.parentElement)===m){f.push(u);break}u!=null&&u===document.body&&Xr(u)&&!Xr(document.documentElement)||u!=null&&Xr(u,l)&&f.push(u)}for(var g=n.visualViewport?n.visualViewport.width:innerWidth,S=n.visualViewport?n.visualViewport.height:innerHeight,T=window.scrollX||pageXOffset,x=window.scrollY||pageYOffset,E=e.getBoundingClientRect(),I=E.height,D=E.width,v=E.top,k=E.right,_=E.bottom,L=E.left,R=o==="start"||o==="nearest"?v:o==="end"?_:v+I/2,B=i==="center"?L+D/2:i==="end"?k:L,P=[],A=0;A<f.length;A++){var G=f[A],K=G.getBoundingClientRect(),W=K.height,de=K.width,pe=K.top,J=K.right,Q=K.bottom,le=K.left;if(a==="if-needed"&&v>=0&&L>=0&&_<=S&&k<=g&&v>=pe&&_<=Q&&L>=le&&k<=J)return P;var se=getComputedStyle(G),ce=parseInt(se.borderLeftWidth,10),ee=parseInt(se.borderTopWidth,10),te=parseInt(se.borderRightWidth,10),Z=parseInt(se.borderBottomWidth,10),oe=0,j=0,Se="offsetWidth"in G?G.offsetWidth-G.clientWidth-ce-te:0,ke="offsetHeight"in G?G.offsetHeight-G.clientHeight-ee-Z:0;if(m===G)oe=o==="start"?R:o==="end"?R-S:o==="nearest"?ps(x,x+S,S,ee,Z,x+R,x+R+I,I):R-S/2,j=i==="start"?B:i==="center"?B-g/2:i==="end"?B-g:ps(T,T+g,g,ce,te,T+B,T+B+D,D),oe=Math.max(0,oe+x),j=Math.max(0,j+T);else{oe=o==="start"?R-pe-ee:o==="end"?R-Q+Z+ke:o==="nearest"?ps(pe,Q,W,ee,Z+ke,R,R+I,I):R-(pe+W/2)+ke/2,j=i==="start"?B-le-ce:i==="center"?B-(le+de/2)+Se/2:i==="end"?B-J+te+Se:ps(le,J,de,ce,te+Se,B,B+D,D);var Ie=G.scrollLeft,Te=G.scrollTop;R+=Te-(oe=Math.max(0,Math.min(Te+oe,G.scrollHeight-W+ke))),B+=Ie-(j=Math.max(0,Math.min(Ie+j,G.scrollWidth-de+Se)))}P.push({el:G,top:oe,left:j})}return P}function wc(e){return e===Object(e)&&Object.keys(e).length!==0}function Ab(e,t){t===void 0&&(t="auto");var n="scrollBehavior"in document.body.style;e.forEach(function(a){var o=a.el,i=a.top,c=a.left;o.scroll&&n?o.scroll({top:i,left:c,behavior:t}):(o.scrollTop=i,o.scrollLeft=c)})}function Pb(e){return e===!1?{block:"end",inline:"nearest"}:wc(e)?e:{block:"start",inline:"nearest"}}function Ec(e,t){var n=!e.ownerDocument.documentElement.contains(e);if(wc(t)&&typeof t.behavior=="function")return t.behavior(n?[]:Tc(e,t));if(!n){var a=Pb(t);return Ab(Tc(e,a),a.behavior)}}var Fb=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:Ec});const Kb={alt:"string",size:"SpinnerSize",title:"string"},Vb=$(N({},Y),{alt:y.exports.string,size:ge(M.SpinnerSize),title:y.exports.string});function us(e){const u=e,{alt:t,className:n,size:a=M.SpinnerSize.MEDIUM,"data-testid":o,title:i,unsafelyReplaceClassName:c}=u,l=z(u,["alt","className","size","data-testid","title","unsafelyReplaceClassName"]),{t:p}=s.useContext(Pe),m=t||i||p("design-system:spinner.defaultAltText"),f=F(c||"sps-spinner",`sps-spinner--${a}`,n);return s.createElement("i",N({className:f,"data-testid":o,title:m},l))}Object.assign(us,{props:Kb,propTypes:Vb,displayName:"SpsSpinner"});const $b=60;function ms(e){return typeof e=="undefined"?"inherit":`${e}px`}function Cc(e){switch(e){case M.Position.TOP_LEFT:return M.Position.BOTTOM_LEFT;case M.Position.TOP_MIDDLE:return M.Position.BOTTOM_MIDDLE;case M.Position.TOP_RIGHT:return M.Position.BOTTOM_RIGHT;case M.Position.RIGHT_TOP:return M.Position.LEFT_TOP;case M.Position.RIGHT_MIDDLE:return M.Position.LEFT_MIDDLE;case M.Position.RIGHT_BOTTOM:return M.Position.LEFT_BOTTOM;case M.Position.BOTTOM_RIGHT:return M.Position.TOP_RIGHT;case M.Position.BOTTOM_MIDDLE:return M.Position.TOP_MIDDLE;case M.Position.BOTTOM_LEFT:return M.Position.TOP_LEFT;case M.Position.LEFT_BOTTOM:return M.Position.RIGHT_BOTTOM;case M.Position.LEFT_MIDDLE:return M.Position.RIGHT_MIDDLE;case M.Position.LEFT_TOP:return M.Position.RIGHT_TOP}}function Hb(e,t,n,a,o,i,c,l){const p=c&&c.current,m=p?p.scrollTop:window.pageYOffset,f=l?0:m,u=p?p.scrollLeft:window.pageXOffset,g=l?0:u,[S,T]=e.split(" ");let x,E,I,D;switch(S){case"top":I=t.height-n.top-f-i[0];break;case"left":E=t.width-n.left-g-i[0];break;case"right":D=n.right+g-i[0];break;case"bottom":x=n.bottom+f-i[0];break;default:throw new Error(`Invalid position ${e}`)}switch(T){case"left":D=n.left+g+i[1];break;case"top":x=n.top+f+i[1];break;case"middle":S==="top"||S==="bottom"?D=n.left+g+n.width/2-o/2+i[1]:(S==="left"||S==="right")&&(x=n.top+f+n.height/2-a.height/2+i[1]);break;case"bottom":I=t.height-n.bottom-f+i[1];break;case"right":E=t.width-n.right-g+i[1];break;default:throw new Error(`Invalid position ${e}`)}return[x,E,I,D]}function ya(e,t,n,{altPosition:a,setMinWidth:o=!1,setWidth:i=!1,parentElementRef:c,fixed:l=!1,offsets:p=[0,0]}){if(e.current&&t.current){const m=Math.max(document.documentElement.clientHeight,window.innerHeight||0),f=document.documentElement.getBoundingClientRect().width,u=c&&c.current?c.current:document.documentElement,g=l?{width:f,height:m,top:0,left:0,bottom:m,right:f}:u.getBoundingClientRect(),S=e.current.getBoundingClientRect(),T=t.current.getBoundingClientRect(),[x]=n.split(" ");let E=n;a&&(x==="top"&&T.top-S.height<$b||x==="right"&&T.right+S.width>f||x==="bottom"&&T.bottom+S.height>m||x==="left"&&T.left-S.width<0)&&(E=a);const I=o?Math.max(T.width,S.width):S.width,D=i?T.width:I,[v,k,_,L]=Hb(E,g,T,S,D,p,c,l),R={top:ms(v),right:ms(k),bottom:ms(_),left:ms(L)};return l&&(R.position="fixed",R.zIndex=M.ZStratum.BAR),o&&(R.minWidth=`${T.width}px`),i&&(R.width=`${T.width}px`),[R,E===a]}return[{},!1]}const kt=V.createContext(null);function Un(e,t=[]){const n=V.useContext(kt);return V.useMemo(()=>a=>{const i=n&&n.parentElementRef&&n.parentElementRef.current||document.body;let c,l=i.lastElementChild;for(;l!==i.firstElementChild;){if(l.hasAttribute("data-portalid")&&l.getAttribute("data-portalid")===e){c=l;break}l=l.previousElementSibling}if(c)i.contains(c)||i.appendChild(c);else{c=document.createElement("div"),c.setAttribute("data-portalid",e);for(const p of t)c.classList.add(p);i.appendChild(c)}return Wr.createPortal(a,c)},[n])}const Wb={docs:{options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",captionKey:"string",disabledOptions:"any[]",comparisonKey:"string",tall:"boolean",textKey:"string",valueKey:"string",zeroState:"string",maxHeightPx:"number",maxHeightRem:"number",disableOptionsMemoization:"boolean",onSpecialActionSelect:"() => void"},propTypes:{captionKey:y.exports.string,comparisonKey:y.exports.string,disabledOptions:y.exports.arrayOf(y.exports.any),options:y.exports.oneOfType([y.exports.array,y.exports.instanceOf(Promise),ne()]).isRequired,tall:y.exports.bool,textKey:y.exports.string,valueKey:y.exports.string,zeroState:y.exports.string,maxHeightPx:y.exports.number,maxHeightRem:y.exports.number}},Gb={hideInlineSearch:y.exports.bool,onSearchChange:ne(),search:y.exports.string,searchDebounce:y.exports.number,searchPlaceholder:y.exports.string,searchInputRef:Pt(),onSpecialActionSelect:ne()},Ub=$(N(N(N({},Y),Wb.propTypes),Gb),{attachTo:Pt().isRequired,conformWidth:y.exports.bool,id:y.exports.string.isRequired,isOpen:y.exports.bool,keepOpen:y.exports.bool,keyDown:ie(),nullOption:y.exports.string,offsets:y.exports.arrayOf(y.exports.number),onOptionListChanged:ne(),onOptionSelected:ne(),onPositionFlip:ne(),onSelfToggle:ne(),optionRole:y.exports.string,positionOverride:y.exports.arrayOf(ge(M.Position)),selectedOption:y.exports.any,specialAction:ne(),ignoreWidthStyles:y.exports.bool,loading:y.exports.bool,filterByTextAndCaptionKey:y.exports.bool,disableOptionsMemoization:y.exports.bool});async function xc(e,t,n,a,o,i){const c=typeof e.options=="function"?e.options(t.value):e.options||[],l=c instanceof Promise,p=u=>u.replace(/([.?*+^$[\]\\(){}|-])/g,"");n({pending:l}),i.current=l?c:null;const m=l?await c||[]:c||[];if(l&&i.current!==c)return;let f=Array.from(m).filter(Boolean).map(u=>new M.SpsOptionListOption(u,typeof u=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&f.unshift(new M.SpsOptionListOption(null,{text:e.nullOption})),t.value){const u=p(t.value);n({replacementPattern:new RegExp(u,"ig")}),f=f.filter(g=>{const S=new RegExp(u,"i"),T=p(g.text);return e.filterByTextAndCaptionKey?S.test(T)||S.test(p(g.caption)):S.test(T)})}else n({replacementPattern:null});if(e.disabledOptions)for(const u of f)e.disabledOptions.includes(u.value)&&(u.disabled=!0);a(Object.freeze(f)),e.onOptionListChanged&&e.onOptionListChanged(f.length),o(f.some(u=>u.value&&!!u.value.icon)),n({pending:!1})}function Yb(e,t,n){const[a,o]=s.useState(Object.freeze([])),[i,c]=s.useState(!1),l=s.useRef(null),p=s.useRef(e.options);(typeof e.options!="function"||e.disableOptionsMemoization)&&(p.current=e.options);const m=s.useMemo(()=>typeof p.current=="function"?w.debounce(xc,typeof e.searchDebounce!="undefined"?e.searchDebounce:500):xc,[p.current,e.disabledOptions]);return s.useEffect(()=>{m(e,t,n,o,c,l)},[p.current,t.value,e.disabledOptions]),[a,i]}class dn{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 zb(e,t){return N(N({},e),t)}function Ft(e){return V.useReducer(zb,e)}function jb({hideInlineSearch:e,options:t,onSearchChange:n,search:a="",searchPlaceholder:o="Search\u2026",searchInputRef:i}){const[c,l]=Ft({isAsync:typeof t=="function",pending:!1,value:a,replacementPattern:null}),p=s.useCallback(S=>{l({value:S.target.value}),n&&n(S)},[n]),m=s.useCallback(S=>{S.nativeEvent.stopImmediatePropagation(),S.stopPropagation()},[]),f=s.useCallback(S=>{S.nativeEvent.stopImmediatePropagation(),l({value:""}),n&&n(new dn(i.current)),i.current&&i.current.focus()},[n]),u=S=>{!S||["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"].includes(S.key)||S.stopPropagation()};return s.useEffect(()=>{l({value:a})},[a]),[c.isAsync&&!e&&s.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},s.createElement("div",{className:"sps-form-control"},!c.value&&s.createElement("i",{className:"sps-icon sps-icon-filter sps-text-input__icon"}),s.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:o,ref:i,value:c.value,onChange:p,onClick:m,onKeyDown:u}),c.value&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:f}))),c,l]}const qb=Ec||Fb,Jb=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"],Zb=["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"];function Xb(e,t,n){return n?(e&&e[n])===(t&&t[n]):e===t}function Dc(e,t,n){return typeof n.value=="function"&&n.disabled?!0:t?!!(e==null?void 0:e.find(a=>{var o;return a[t]&&a[t]===((o=n==null?void 0:n.value)==null?void 0:o[t])})):!1}const Ta=s.forwardRef((e,t)=>{const oa=e,{captionKey:n,comparisonKey:a,disabledOptions:o,options:i,tall:c,textKey:l,valueKey:p,zeroState:m,hideInlineSearch:f,onSearchChange:u,search:g,searchDebounce:S,searchPlaceholder:T,onSpecialActionSelect:x,attachTo:E,className:I,conformWidth:D,id:v,ignoreWidthStyles:k,isOpen:_,keepOpen:L,keyDown:R,nullOption:B,onOptionListChanged:P,onOptionSelected:A,onPositionFlip:G,onSelfToggle:K,optionRole:W,positionOverride:de,selectedOption:pe,specialAction:J,unsafelyReplaceClassName:Q,loading:le,filterByTextAndCaptionKey:se,maxHeightPx:ce,maxHeightRem:ee,disableOptionsMemoization:te,"data-testid":Z}=oa,oe=z(oa,["captionKey","comparisonKey","disabledOptions","options","tall","textKey","valueKey","zeroState","hideInlineSearch","onSearchChange","search","searchDebounce","searchPlaceholder","onSpecialActionSelect","attachTo","className","conformWidth","id","ignoreWidthStyles","isOpen","keepOpen","keyDown","nullOption","onOptionListChanged","onOptionSelected","onPositionFlip","onSelfToggle","optionRole","positionOverride","selectedOption","specialAction","unsafelyReplaceClassName","loading","filterByTextAndCaptionKey","maxHeightPx","maxHeightRem","disableOptionsMemoization","data-testid"]),j=s.useMemo(()=>J?new M.SpsOptionListOption(J,{textKey:"label",captionKey:"caption"}):null,[J]),[Se,ke]=s.useState(-1),[Ie,Te]=s.useState(_),He=t||s.useRef(null),We=s.useRef(null),ze=s.useRef(null),Qe=Un("sps-option-list-portal"),et=s.useContext(kt),[Ct,gt]=de||[M.Position.BOTTOM_LEFT,M.Position.TOP_LEFT],[St,we]=Ie?ya(He,E,Ct,N({altPosition:gt,setMinWidth:!k,setWidth:!k&&D},et)):[{},!1],$e=s.useRef(null),[st,Re,be]=jb($(N({},e),{searchInputRef:$e})),[De,xt]=Yb(e,Re,be);s.useEffect(()=>{ke(-1)},[Re]);const Ue=F(Q||"sps-option-list","z-stratum-dropdown",Ie&&"sps-option-list--open",Re.isAsync&&"sps-option-list--searchable",we&&"sps-option-list--opens-upward",J&&J.label&&"sps-option-list--has-special-action",I),Tr=F(Q||"sps-option-list__options",c&&"sps-option-list__options--tall"),Wt=s.useCallback(()=>{Ie||(Te(!0),$e.current&&$e.current.focus(),ke(-1),K&&K(!0))},[Ie,K]),je=s.useCallback(()=>{Ie&&(Te(!1),ke(-1),K&&K(!1))},[Ie,K]),ye=s.useCallback((ve,Ee)=>{Ee||ve&&!ve.disabled&&(typeof ve.value=="function"?(ve.value(),x&&x()):typeof A=="function"&&A(ve.value),L||je())},[A,je]),Gt=s.useCallback((ve,Ee,Ce)=>{ve.stopPropagation(),ye(Ee,Ce)},[ye]),nn=s.useRef(o||[]);nn.current=o||[];const Ha=s.useCallback(ve=>{switch(ve.key){case"Tab":case"Escape":je();break;case"Enter":if(Se>-1){const Ee=De[Se]||j;ve.preventDefault();const Ce=!!Ee&&Dc(nn.current,a,Ee);!Ce&&Ee&&typeof A=="function"&&typeof Ee.value=="function"?Ee.value():Ee&&ye(Ee,Ce)}break;case"Up":case"ArrowUp":{let Ee=Se;we?Se<=-1?Ee=De.length-1:Se===0?J&&(Ee=De.length):Se<De.length&&(Ee=Se-1):Se>-1&&(Ee=Se-1),Ee!==Se&&(ve.preventDefault(),ke(Ee));break}case"Down":case"ArrowDown":{Wt();let Ee=Se;we?Se!==-1&&(Se>=De.length?Ee=0:Se===De.length-1?Ee=-1:Ee=Se+1):Se<De.length-1+Number(!!J)&&(Ee=Se+1),Ee!==Se&&(ve.preventDefault(),ke(Ee));break}default:Wt()}},[je,Wt,Se,ye,A,we,De]),wr=s.useCallback(ve=>{const Ee=De.findIndex(Ce=>{if(Ce.textKey){const vn=Ce.textKey;return Ce.value[vn].toLowerCase().charAt([0])===ve.key.toLocaleLowerCase()}return Ce.value.toString().toLowerCase().charAt([0])===ve.key.toLocaleLowerCase()});Ee>-1&&ke(Ee)},[De]),Er=s.useCallback(ve=>{!ve||(Jb.includes(ve.key)?Ha(ve):Zb.includes(ve.key)&&wr(ve))},[je,Wt,Se,ye,A,we,De]);s.useEffect(()=>{if(et!==null&&document.getElementsByClassName("sps-modal__body").length>0){const ve=()=>{K(!1)},Ee=document.getElementsByClassName("sps-modal__body")[0];return Ee.addEventListener("scroll",ve),()=>{Ee.removeEventListener("scroll",ve)}}},[]),s.useEffect(()=>{ze.current&&qb(ze.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[Se]),s.useEffect(()=>{Te(_),_?$e.current&&$e.current.focus():ke(-1)},[_]),s.useEffect(()=>{Er(R)},[R]),s.useEffect(()=>{!Ie&&We.current&&(be({value:""}),We.current.scrollTop=0),Ie&&G&&G(we)},[Ie]);const ra=ce?ce/16:ee,rt=ra?{maxHeight:`${ra}rem`}:{};return Qe(s.createElement("div",N({className:Ue,id:v,"aria-activedescendant":Se>-1?`${v}-option-${Se}`:null,tabIndex:-1,ref:He,style:St,onMouseLeave:()=>ke(-1),"data-testid":Z},oe),st,s.createElement("div",{className:Tr,ref:We,"data-testid":`${Z}-options`,style:rt},!le&&!Re.pending&&m&&De.length===0&&s.createElement("div",{className:"sps-option-list__zero-state"},m),(le||Re.pending)&&s.createElement("div",{className:"sps-option-list__loading"},s.createElement(us,null)),!le&&!Re.pending&&De.map((ve,Ee)=>{const Ce=`${v}-option-${Ee}`,vn=Xb(ve.value,pe,a),ia=Dc(nn.current,a,ve);return s.createElement("a",{key:Ce,id:Ce,role:W,"aria-selected":vn,href:ve.href,className:F("sps-option-list__option",ve.caption&&"sps-option-list__option--has-caption",ve.disabled&&"sps-option-list__option--disabled",ve.bold&&"sps-option-list__option--bold",(vn||ia)&&"sps-option-list__option--selected",Se===Ee&&"sps-option-list__option--highlighted"),onClick:Ln=>Gt(Ln,ve,ia),onMouseOver:()=>ke(Ee),tabIndex:-1,ref:Se===Ee?ze:null,"data-testid":`${Z}-option-${Ee}`},ve.value&&ve.value.icon&&s.createElement("i",{className:F("sps-icon","sps-option-list__option-icon",`sps-icon-${String(ve.value.icon)}`)}),(!ve.value||!ve.value.icon&&xt)&&s.createElement("span",{className:"sps-option-list__option-icon-spacer"}),s.createElement("span",{dangerouslySetInnerHTML:{__html:ve.getHtml(Re.replacementPattern)}}),ve.caption&&s.createElement("div",{className:"sps-option-list__option-caption"},s.createElement("span",{dangerouslySetInnerHTML:{__html:ve.caption.replace(Re.replacementPattern,"<u>$&</u>")}})))})),j&&J.label&&s.createElement("a",{className:F("sps-option-list__option","sps-option-list__special-action",Se===De.length&&"sps-option-list__option--highlighted",J.disabled&&"sps-option-list__special-action--disabled"),href:j.href,target:j.href&&J.newTab?"_blank":"_self",onClick:ve=>Gt(ve,j),onMouseOver:()=>ke(De.length),"data-testid":`${Z}-special-action`},J.icon&&s.createElement("i",{className:F("sps-icon","sps-option-list__option-icon",`sps-icon-${String(J.icon)}`)}),!J.icon&&xt&&s.createElement("span",{className:"sps-option-list__option-icon-spacer"}),s.createElement("span",null,J.label))))});Object.assign(Ta,{propTypes:Ub,displayName:"SpsOptionList"});function Qb(e,t,n=[]){return s.useMemo(()=>o=>s.createElement(e,N({},N(N({},o),t)),o.children),n)}const Ic=function({children:e,elements:t}){if(t.length===0)return s.createElement(s.Fragment,null,e);const[n,a]=Array.isArray(t[0])?t[0]:[t[0]];return s.createElement(n,N({},a!=null?a:{}),s.createElement(Ic,{elements:t.slice(1)},e))},Nc=function(a){var o=a,{children:e,providers:t=[]}=o,n=z(o,["children","providers"]);return s.createElement("div",N({},n),s.createElement(Ic,{elements:t},e))},ev=function(a){var o=a,{children:e,className:t}=o,n=z(o,["children","className"]);return s.createElement(Nc,N({className:`sps-app ${t}`},n),e)};function Kt(e=[],t=[]){const n=Array.isArray(e)?w.flatten(e):[e],a=t.map(i=>Array.isArray(i)?i:[i]),o=new Array(a.length+1).fill(null).map(()=>[]);for(const i of n){let c=!1;for(let l=0;l<a.length;l+=1)for(const{type:p,props:m={}}of a[l])if(i.type===p&&Object.keys(m).every(u=>m[u]===i.props[u])){c=!0,o[l].push(i);break}c||o[o.length-1].push(i)}return o}function kc(e,t,n){const a=Object.entries(t).filter(([,i])=>typeof i!="string"&&i.deprecated).map(([i])=>i),o=a.map(i=>n[i]);s.useEffect(()=>{o.find(i=>typeof i!="undefined")&&console.warn(`The following prop(s) of ${e} are deprecated: ${a.join(", ")}`)},o)}function Qr(e,t){const n=V.useRef(!1);V.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function Mc(e,t,n){const a=s.useRef(t(...n));s.useEffect(()=>(document.addEventListener(e,a.current),()=>document.removeEventListener(e,a.current)),[]),s.useEffect(()=>{document.removeEventListener(e,a.current),a.current=t(...n),document.addEventListener(e,a.current)},n)}function tv(e,t,n){return function(o){var i,c;!((i=e.current)==null?void 0:i.contains(o.target))&&!((c=t.current)==null?void 0:c.contains(o.target))&&n()}}function wa(e,t,n){const a=s.useRef(!1),[o,i]=s.useState(!1),c=s.useCallback(()=>{a.current?a.current=!1:i(!0)},[]),l=s.useCallback((p=!1)=>{i(!1),a.current=p,n&&n()},[]);return Mc("mousedown",tv,[e,t,l]),{showPopup:o,doShowPopup:c,doHidePopup:l}}const nv={debounce:"number",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",onChange:"React.ChangeEventHandler",placeholder:"string",suggestions:{type:`
|
|
196
|
+
`}}}};var pb=self.crypto||self.msCrypto,zr="-_",sn=36;for(;sn--;)zr+=sn.toString(36);sn=36;for(;sn---10;)zr+=sn.toString(36).toUpperCase();var ub=function(e){var t="",n=pb.getRandomValues(new Uint8Array(e||21));for(sn=e||21;sn--;)t+=zr[n[sn]&63];return t},rn=ub;function Un(e){return $.useRef(e||rn())}function Tt(e,t){const n=Un(e),s=$.useRef(`${n.current}_ctrl`);return $.useEffect(()=>{t&&(t.id=s.current,t.update())},[t]),{wrapperId:n.current,controlId:s.current}}var mb="[object Object]";function fb(e){var t=!1;if(e!=null&&typeof e.toString!="function")try{t=!!(e+"")}catch{}return t}function hb(e,t){return function(n){return e(t(n))}}var gb=Function.prototype,lc=Object.prototype,cc=gb.toString,Sb=lc.hasOwnProperty,bb=cc.call(Object),vb=lc.toString,yb=hb(Object.getPrototypeOf,Object);function Tb(e){return!!e&&typeof e=="object"}function wb(e){if(!Tb(e)||vb.call(e)!=mb||fb(e))return!1;var t=yb(e);if(t===null)return!0;var n=Sb.call(t,"constructor")&&t.constructor;return typeof n=="function"&&n instanceof n&&cc.call(n)==bb}var dc=wb;const kt=new Set,Yn=new Set,Xt=new Set,ba=new Set;function pc(e){kt.has(e)||Xt.has(e)||ba.has(e)||Yn.add(e)}function uc(e){kt.has(e)||Xt.has(e)||Yn.has(e)||ba.add(e)}const jr=Gn.default||Gn,is="MM/DD/YYYY",Eb=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,mc=Symbol("Date Parse Error");function zn(e){return e.year*1e4+e.month*100+e.date}const he=Object.freeze({createFrom(e){if(!e)return null;if(typeof e=="string"){const t=Eb.exec(e);if(t){const[,n,s,o]=t;return Object.freeze({year:Number(o),month:Number(n),date:Number(s)})}return Object.freeze({[mc]:!0,year:void 0,month:void 0,date:void 0})}return Object.freeze({year:e.year(),month:e.month()+1,date:e.date()})},createRangeFrom(e){return e?e.split(/[^\d]*-[^\d]*/).map(he.createFrom):null},isValid(e){return e&&typeof e=="object"&&typeof e.year=="number"&&typeof e.month=="number"&&typeof e.date=="number"&&he.toMoment(e).isValid()},nullifyInvalidDate(e){return he.isValid(e)?e:null},toMoment(e){return e?jr(H(N({},e),{month:e.month-1})):null},toString(e){const t=he.toMoment(e);return t?t.format(is):""},toStringRange(e){return e?e.map(he.toString).join("-"):""},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:zn(e)>zn(t)},isBefore(e,t){return!e||!t?null:zn(e)<zn(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const s=zn(e),[o,i]=t.map(zn);return e&&o&&i&&(n&&s>=o&&s<=i||!n&&s>o&&s<i)},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){if(typeof e.definition=="function")return e.definition();const t=jr(),n=t.clone().subtract(jr.duration(e.definition));return[he.createFrom(n),he.createFrom(t)]}}),va=function(t){if(Array.isArray(t)){const n=va(t[0]),s=va(t[1]);return n||s}if(t&&t.hasOwnProperty("year")){if(t[mc])return{dateFormat:is};if(!he.isValid(t))return{dateValidity:!0}}return null};kt.add("dateFormat");kt.add("dateValidity");const fc=function(t){if(Array.isArray(t)){const n=va(t);if(n)return n;if(t&&he.isBefore(t[1],t[0]))return{dateRangeOrder:!0}}return null};kt.add("dateRangeOrder");const hc=function({minDate:t,maxDate:n}){function s(o){const i=he.isBefore(o,t),c=he.isAfter(o,n),l={minExceeded:i?he.toString(t):null,maxExceeded:c?he.toString(n):null};return i||c?{dateConstraint:l}:null}return function(i){if(!i)return null;if(Array.isArray(i)){const c=s(i[0]),l=s(i[1]);return c||l}return i.hasOwnProperty("year")?s(i):null}};kt.add("dateConstraint");var Cb=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",date:va,dateRange:fc,dateConstraint:hc});function on(e,t){for(const n of[].concat(e)){const s=t(n);if(s)return s}return null}const xb=function(t){function n(s){return Number(s)>=t?null:{min:t}}return s=>on(s,n)};kt.add("min");const Db=function(t){function n(s){return Number(s)<=t?null:{max:t}}return s=>on(s,n)};Yn.add("max");const Ib=function(t){return typeof t=="undefined"||t===null||t===""||Number.isNaN(t)||(t==null?void 0:t.length)===0?{required:!0}:null};Yn.add("required");const Nb=function(t){function n(s){return s.length>=t?null:{minLength:t}}return s=>on(s,n)};kt.add("minLength");const kb=function(t){function n(s){return s.length<=t?null:{maxLength:t}}return s=>on(s,n)};Xt.add("maxLength");const Mb=function(t){const n=t instanceof RegExp?t:new RegExp(t);function s(o){return n.test(o)?null:{pattern:t}}return o=>on(o,s)};kt.add("pattern");const _b=function(e){function t(n){return/^\p{L}*$/u.test(n)?null:{alpha:!0}}return on(e,t)};Xt.add("alpha");const Rb=function(e){function t(n){return/^[0-9,. ]*$/.test(n)?null:{numeric:!0}}return on(e,t)};Xt.add("numeric");const Lb=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return on(e,t)};Xt.add("nonNumeric");const ls=Object.freeze(H(N({},Cb),{min:xb,max:Db,required:Ib,minLength:Nb,maxLength:kb,pattern:Mb,alpha:_b,numeric:Rb,nonNumeric:Lb,OnBlurErrorKeys:kt}));function ya(e,t=[]){const n=t.reduce((s,o)=>Object.assign(s,o(e)||{}),{});return Object.keys(n).length?n:null}class En{constructor(t,n){this.path=t,this.update=n,this.validators=[],this.errors=null,this.revealAllErrors=!1,this.preventativeErrors=[],this.submitted=!1}setValidators(t){return this.update(this.path,null,null,t),this}validate(t){return this.validators&&this.validators.length>0?(this.errors=ya(t,this.validators),this.update(null),this.isFocused()&&this.onFocus&&this.onFocus()):this.errors&&(this.errors=null,this.update(null)),this}isValid(){return!this.errors||this.isPristine()}hasErrors(){return!!this.errors}isVisibilyInvalid(){return this.errors&&(this.revealAllErrors&&!Object.keys(this.errors).some(t=>ba.has(t))||this.revealAllErrors&&Object.keys(this.errors).some(t=>ba.has(t))&&this.isSubmitted()||!this.isPristine()&&Object.keys(this.errors).some(t=>Yn.has(t)))}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(ls.required)>-1}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}class Cn extends En{constructor(){super(...arguments);this.id=rn(),this.focused=!1,this.pristine=!0}setValue(t){if(this.revealAllErrors=!1,this.preventativeErrors=[],this.validators&&this.validators.length>0){const n=ya(t,this.validators);if(n&&Object.keys(n).filter(o=>Xt.has(o)).length>0){this.preventativeErrors=Object.keys(n);return}}this.update(this.path,t)}isPristine(){return this.pristine}markAsPristine(){return this.pristine=!0,this.revealAllErrors=!1,this.update(null),this}markAsDirty(){return this.pristine=!1,this.update(null),this}isFocused(){return this.focused}markAsFocused(){return this.focused=!0,this.update(null),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(null),this}}class cs extends Cn{constructor(t,n,s){const o=s?n:t,i=s||n;super(o,i);s&&this.inferMembers(t)}inferSpsControl(t,n){return ds(t,[...this.path,n],this.update)}rollup(t){return Object.keys(this.fields).reduce((n,s)=>n&&(!this.fields[s][t]||this.fields[s][t]()),!0)}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}}class gc extends cs{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class Sc extends cs{inferMembers(t){this.fields=t.map((n,s)=>this.inferSpsControl(n,String(s)))}}function ds(e,t,n){return e instanceof En?(e.path=t,e.update=n,e):Array.isArray(e)?new Sc(e,t,n):dc(e)?new gc(e,t,n):new Cn(t,n)}function qr(e,t){return t.length===0||!e?e:qr(e.fields[t[0]],t.slice(1,t.length))}function Jr(e,t){if(t.length===0||!e)return[e];const n=t[0];if(t=t.slice(1,t.length),n==="*"){const s=Array.isArray(e.fields)?e.fields:Object.keys(e.fields).map(o=>e.fields[o]);return t.length===0?s:s.reduce((o,i)=>[...o,...Jr(i,t)],[])}return Jr(e.fields[n],t)}function bc(e,t,n){for(const s of Object.keys(t)){const o=t[s];for(const i of Jr(e,s.split(".")))i&&o&&n(i,o)}}function ps(e,t,n,s=!1){bc(t,n,(o,i)=>{o.validators=typeof i=="function"?i(e):i,s&&(o.errors=ya(w.getPath(e,o.path),o.validators))})}function Zr(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((s,o)=>o===Number(n)?Zr(s,t):s):dc(e)?Object.keys(e).reduce((s,o)=>Object.assign(s,{[o]:o===n?Zr(e[o],t):e[o]}),{}):e}function Ob(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function Bb(e,t){Ob(e);const n=$.useMemo(()=>{w.deepFreeze(e);const f=ds(e,[],p);return t&&ps(e,f,t,!0),f},[]),s=$.useRef(),o=$.useRef(t),i=$.useCallback((f,m)=>{var S,T,x;let g;if(s.current=null,m)if(m.path)if(m.markAsBlurred){const E=qr(f.formMeta,m.path);E&&(E.focused=!1,E.revealAllErrors=!0)}else if(m.newValidators){if(o.current){const E=m.path.join(".");o.current=H(N({},o.current),{[E]:m.newValidators}),ps(f.formValue,f.formMeta,o.current,!0)}}else g=Zr(f.formValue,m.path),w.setPath(g,m.path,m.value);else g=m.value;if(((S=m.updateFormOptions)==null?void 0:S.validators)&&(o.current=N(N({},o.current),m.updateFormOptions.validators),ps(f.formValue,f.formMeta,o.current,(x=(T=m.updateFormOptions)==null?void 0:T.runValidators)!=null?x:!0)),g){w.deepFreeze(g);const E=w.diff(f.formValue,g);for(const{type:I,key:D,parentPath:v,objects:[k,_]}of E){const O=qr(f.formMeta,v);if(typeof D!="symbol"&&O)switch(I){case w.DiffChange.ADDITION:O.fields[D]=ds(_[D],[...v,D],p);break;case w.DiffChange.DELETION:Array.isArray(O.fields)?O.fields.splice(Number(D),1):delete O.fields[D];break;case w.DiffChange.ALTERATION:if(!k[D]&&_[D]&&!(O.fields[D]instanceof cs)){const R=ds(_[D],[...v,D],p);R instanceof Cn&&O.fields[D]instanceof Cn&&(R.id=O.fields[D].id,R.focused=O.fields[D].focused,R.pristine=O.fields[D].pristine),O.fields[D]=R}break}}if(o.current){ps(g,f.formMeta,o.current);const I=new Set;bc(f.formMeta,t,(D,v)=>{typeof v=="function"&&(D.validate(w.getPath(g,D.path)),I.add(D))});for(const{type:D,key:v,parentPath:k,objects:[,_]}of E)if(typeof v!="symbol"){let O=f.formMeta,R=g;if(O){for(const B of k)O=O.fields[B],R=R[B],I.has(O)||O.validate(R);if(D===w.DiffChange.ADDITION||D===w.DiffChange.ALTERATION){const B=O.fields[v];if(!I.has(B)&&(O.fields[v].validate(_[v]),D===w.DiffChange.ADDITION&&B.fields))for(const[F,P]of Object.entries(B.fields))P.validate(_[v][F])}}}}}return{formValue:g||f.formValue,formMeta:f.formMeta,updateForm:f.updateForm}},[]),[c,l]=$.useReducer(i,{formValue:e,formMeta:n,updateForm:u});function p(f,m,g=!1,S){f?l({path:f,value:m,markAsBlurred:g,newValidators:S}):u()}function u(f,m){if(f||m){s.current&&window.clearTimeout(s.current);const g=window.setTimeout(l,0,{value:f,updateFormOptions:m});s.current=g}else if(!s.current){const g=window.setTimeout(l,0,{});s.current=g}}return $.useEffect(()=>()=>{s.current&&window.clearTimeout(s.current)},[]),c}const Pb=H(N({},Y),{focusInputOnClick:y.exports.bool,formMeta:le(),formControl:le(),inputRef:Ft()}),it=a.forwardRef((e,t)=>{const D=e,{className:n,children:s,focusInputOnClick:o,formControl:i,formMeta:c,inputRef:l,onClick:p}=D,u=z(D,["className","children","focusInputOnClick","formControl","formMeta","inputRef","onClick"]),f=a.useRef(),g=l||(t||f);function S(){g&&g!==t&&g.current&&g.current.focus()}function T(){g&&g!==t&&g.current&&c&&c instanceof Cn&&c.markAsFocused()}function x(){g&&g!==t&&g.current&&c&&c instanceof Cn&&c.markAsBlurred()}const E=K("sps-form-group",(i&&i.isRequired()||c&&c.isRequired())&&"sps-form-group--required",(i&&!i.isValid()||c&&c.isVisibilyInvalid())&&"sps-form-group--error",c&&c.hasPreventativeErrors()&&"sps-form-group--preventative-error",n);function I(v){o&&S(),p&&p(v)}return a.useEffect(()=>{function v(k){k.target.classList.contains("sps-form-control__clear-btn")&&k.preventDefault()}return document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[]),a.createElement("div",H(N({},u),{className:E,ref:t,tabIndex:-1,onClick:I,onFocus:T,onBlur:x}),s)});Object.assign(it,{spsFormComponentWrapperPropTypes:Pb,displayName:"SpsFormComponentWrapper"});function vc(e){return typeof e=="object"&&e!=null&&e.nodeType===1}function yc(e,t){return(!t||e!=="hidden")&&e!=="visible"&&e!=="clip"}function Xr(e,t){if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){var n=getComputedStyle(e,null);return yc(n.overflowY,t)||yc(n.overflowX,t)||function(s){var o=function(i){if(!i.ownerDocument||!i.ownerDocument.defaultView)return null;try{return i.ownerDocument.defaultView.frameElement}catch{return null}}(s);return!!o&&(o.clientHeight<s.scrollHeight||o.clientWidth<s.scrollWidth)}(e)}return!1}function us(e,t,n,s,o,i,c,l){return i<e&&c>t||i>e&&c<t?0:i<=e&&l<=n||c>=t&&l>=n?i-e-s:c>t&&l<n||i<e&&l>n?c-t+o:0}function Tc(e,t){var n=window,s=t.scrollMode,o=t.block,i=t.inline,c=t.boundary,l=t.skipOverflowHiddenElements,p=typeof c=="function"?c:function(Ke){return Ke!==c};if(!vc(e))throw new TypeError("Invalid target");for(var u=document.scrollingElement||document.documentElement,f=[],m=e;vc(m)&&p(m);){if((m=m.parentElement)===u){f.push(m);break}m!=null&&m===document.body&&Xr(m)&&!Xr(document.documentElement)||m!=null&&Xr(m,l)&&f.push(m)}for(var g=n.visualViewport?n.visualViewport.width:innerWidth,S=n.visualViewport?n.visualViewport.height:innerHeight,T=window.scrollX||pageXOffset,x=window.scrollY||pageYOffset,E=e.getBoundingClientRect(),I=E.height,D=E.width,v=E.top,k=E.right,_=E.bottom,O=E.left,R=o==="start"||o==="nearest"?v:o==="end"?_:v+I/2,B=i==="center"?O+D/2:i==="end"?k:O,F=[],P=0;P<f.length;P++){var U=f[P],V=U.getBoundingClientRect(),G=V.height,pe=V.width,ue=V.top,J=V.right,Q=V.bottom,oe=V.left;if(s==="if-needed"&&v>=0&&O>=0&&_<=S&&k<=g&&v>=ue&&_<=Q&&O>=oe&&k<=J)return F;var se=getComputedStyle(U),ce=parseInt(se.borderLeftWidth,10),ee=parseInt(se.borderTopWidth,10),te=parseInt(se.borderRightWidth,10),Z=parseInt(se.borderBottomWidth,10),ie=0,j=0,ye="offsetWidth"in U?U.offsetWidth-U.clientWidth-ce-te:0,Ie="offsetHeight"in U?U.offsetHeight-U.clientHeight-ee-Z:0;if(u===U)ie=o==="start"?R:o==="end"?R-S:o==="nearest"?us(x,x+S,S,ee,Z,x+R,x+R+I,I):R-S/2,j=i==="start"?B:i==="center"?B-g/2:i==="end"?B-g:us(T,T+g,g,ce,te,T+B,T+B+D,D),ie=Math.max(0,ie+x),j=Math.max(0,j+T);else{ie=o==="start"?R-ue-ee:o==="end"?R-Q+Z+Ie:o==="nearest"?us(ue,Q,G,ee,Z+Ie,R,R+I,I):R-(ue+G/2)+Ie/2,j=i==="start"?B-oe-ce:i==="center"?B-(oe+pe/2)+ye/2:i==="end"?B-J+te+ye:us(oe,J,pe,ce,te+ye,B,B+D,D);var Ce=U.scrollLeft,we=U.scrollTop;R+=we-(ie=Math.max(0,Math.min(we+ie,U.scrollHeight-G+Ie))),B+=Ce-(j=Math.max(0,Math.min(Ce+j,U.scrollWidth-pe+ye)))}F.push({el:U,top:ie,left:j})}return F}function wc(e){return e===Object(e)&&Object.keys(e).length!==0}function Ab(e,t){t===void 0&&(t="auto");var n="scrollBehavior"in document.body.style;e.forEach(function(s){var o=s.el,i=s.top,c=s.left;o.scroll&&n?o.scroll({top:i,left:c,behavior:t}):(o.scrollTop=i,o.scrollLeft=c)})}function Fb(e){return e===!1?{block:"end",inline:"nearest"}:wc(e)?e:{block:"start",inline:"nearest"}}function Ec(e,t){var n=!e.ownerDocument.documentElement.contains(e);if(wc(t)&&typeof t.behavior=="function")return t.behavior(n?[]:Tc(e,t));if(!n){var s=Fb(t);return Ab(Tc(e,s),s.behavior)}}var Kb=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:Ec});const Vb={alt:"string",size:"SpinnerSize",title:"string"},$b=H(N({},Y),{alt:y.exports.string,size:be(M.SpinnerSize),title:y.exports.string});function ms(e){const m=e,{alt:t,className:n,size:s=M.SpinnerSize.MEDIUM,"data-testid":o,title:i,unsafelyReplaceClassName:c}=m,l=z(m,["alt","className","size","data-testid","title","unsafelyReplaceClassName"]),{t:p}=a.useContext(Oe),u=t||i||p("design-system:spinner.defaultAltText"),f=K(c||"sps-spinner",`sps-spinner--${s}`,n);return a.createElement("i",N({className:f,"data-testid":o,title:u},l))}Object.assign(ms,{props:Vb,propTypes:$b,displayName:"SpsSpinner"});const Hb=60;function fs(e){return typeof e=="undefined"?"inherit":`${e}px`}function Cc(e){switch(e){case M.Position.TOP_LEFT:return M.Position.BOTTOM_LEFT;case M.Position.TOP_MIDDLE:return M.Position.BOTTOM_MIDDLE;case M.Position.TOP_RIGHT:return M.Position.BOTTOM_RIGHT;case M.Position.RIGHT_TOP:return M.Position.LEFT_TOP;case M.Position.RIGHT_MIDDLE:return M.Position.LEFT_MIDDLE;case M.Position.RIGHT_BOTTOM:return M.Position.LEFT_BOTTOM;case M.Position.BOTTOM_RIGHT:return M.Position.TOP_RIGHT;case M.Position.BOTTOM_MIDDLE:return M.Position.TOP_MIDDLE;case M.Position.BOTTOM_LEFT:return M.Position.TOP_LEFT;case M.Position.LEFT_BOTTOM:return M.Position.RIGHT_BOTTOM;case M.Position.LEFT_MIDDLE:return M.Position.RIGHT_MIDDLE;case M.Position.LEFT_TOP:return M.Position.RIGHT_TOP}}function Wb(e,t,n,s,o,i,c,l){const p=c&&c.current,u=p?p.scrollTop:window.pageYOffset,f=l?0:u,m=p?p.scrollLeft:window.pageXOffset,g=l?0:m,[S,T]=e.split(" ");let x,E,I,D;switch(S){case"top":I=t.height-n.top-f-i[0];break;case"left":E=t.width-n.left-g-i[0];break;case"right":D=n.right+g-i[0];break;case"bottom":x=n.bottom+f-i[0];break;default:throw new Error(`Invalid position ${e}`)}switch(T){case"left":D=n.left+g+i[1];break;case"top":x=n.top+f+i[1];break;case"middle":S==="top"||S==="bottom"?D=n.left+g+n.width/2-o/2+i[1]:(S==="left"||S==="right")&&(x=n.top+f+n.height/2-s.height/2+i[1]);break;case"bottom":I=t.height-n.bottom-f+i[1];break;case"right":E=t.width-n.right-g+i[1];break;default:throw new Error(`Invalid position ${e}`)}return[x,E,I,D]}function xn(e,t,n,{altPosition:s,setMinWidth:o=!1,setWidth:i=!1,parentElementRef:c,fixed:l=!1,offsets:p=[0,0]}){if(e.current&&t.current){const u=Math.max(document.documentElement.clientHeight,window.innerHeight||0),f=document.documentElement.getBoundingClientRect().width,m=c&&c.current?c.current:document.documentElement,g=l?{width:f,height:u,top:0,left:0,bottom:u,right:f}:m.getBoundingClientRect(),S=e.current.getBoundingClientRect(),T=t.current.getBoundingClientRect(),[x]=n.split(" ");let E=n;s&&(x==="top"&&T.top-S.height<Hb||x==="right"&&T.right+S.width>f||x==="bottom"&&T.bottom+S.height>u||x==="left"&&T.left-S.width<0)&&(E=s);const I=o?Math.max(T.width,S.width):S.width,D=i?T.width:I,[v,k,_,O]=Wb(E,g,T,S,D,p,c,l),R={top:fs(v),right:fs(k),bottom:fs(_),left:fs(O)};return l&&(R.position="fixed",R.zIndex=M.ZStratum.BAR),o&&(R.minWidth=`${T.width}px`),i&&(R.width=`${T.width}px`),[R,E===s]}return[{},!1]}const Mt=$.createContext(null);function jn(e,t=[]){const n=$.useContext(Mt);return $.useMemo(()=>s=>{const i=n&&n.parentElementRef&&n.parentElementRef.current||document.body;let c,l=i.lastElementChild;for(;l!==i.firstElementChild;){if(l.hasAttribute("data-portalid")&&l.getAttribute("data-portalid")===e){c=l;break}l=l.previousElementSibling}if(c)i.contains(c)||i.appendChild(c);else{c=document.createElement("div"),c.setAttribute("data-portalid",e);for(const p of t)c.classList.add(p);i.appendChild(c)}return Wr.createPortal(s,c)},[n])}const Gb={docs:{options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",captionKey:"string",disabledOptions:"any[]",comparisonKey:"string",tall:"boolean",textKey:"string",valueKey:"string",zeroState:"string",maxHeightPx:"number",maxHeightRem:"number",disableOptionsMemoization:"boolean",onSpecialActionSelect:"() => void"},propTypes:{captionKey:y.exports.string,comparisonKey:y.exports.string,disabledOptions:y.exports.arrayOf(y.exports.any),options:y.exports.oneOfType([y.exports.array,y.exports.instanceOf(Promise),ne()]).isRequired,tall:y.exports.bool,textKey:y.exports.string,valueKey:y.exports.string,zeroState:y.exports.string,maxHeightPx:y.exports.number,maxHeightRem:y.exports.number}},Ub={hideInlineSearch:y.exports.bool,onSearchChange:ne(),search:y.exports.string,searchDebounce:y.exports.number,searchPlaceholder:y.exports.string,searchInputRef:Ft(),onSpecialActionSelect:ne()},Yb=H(N(N(N({},Y),Gb.propTypes),Ub),{attachTo:Ft().isRequired,conformWidth:y.exports.bool,id:y.exports.string.isRequired,isOpen:y.exports.bool,keepOpen:y.exports.bool,keyDown:le(),nullOption:y.exports.string,offsets:y.exports.arrayOf(y.exports.number),onOptionListChanged:ne(),onOptionSelected:ne(),onPositionFlip:ne(),onSelfToggle:ne(),optionRole:y.exports.string,positionOverride:y.exports.arrayOf(be(M.Position)),selectedOption:y.exports.any,specialAction:ne(),ignoreWidthStyles:y.exports.bool,loading:y.exports.bool,filterByTextAndCaptionKey:y.exports.bool,disableOptionsMemoization:y.exports.bool});async function xc(e,t,n,s,o,i){const c=typeof e.options=="function"?e.options(t.value):e.options||[],l=c instanceof Promise,p=m=>m.replace(/([.?*+^$[\]\\(){}|-])/g,"");n({pending:l}),i.current=l?c:null;const u=l?await c||[]:c||[];if(l&&i.current!==c)return;let f=Array.from(u).filter(Boolean).map(m=>new M.SpsOptionListOption(m,typeof m=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&f.unshift(new M.SpsOptionListOption(null,{text:e.nullOption})),t.value){const m=p(t.value);n({replacementPattern:new RegExp(m,"ig")}),f=f.filter(g=>{const S=new RegExp(m,"i"),T=p(g.text);return e.filterByTextAndCaptionKey?S.test(T)||S.test(p(g.caption)):S.test(T)})}else n({replacementPattern:null});if(e.disabledOptions)for(const m of f)e.disabledOptions.includes(m.value)&&(m.disabled=!0);s(Object.freeze(f)),e.onOptionListChanged&&e.onOptionListChanged(f.length),o(f.some(m=>m.value&&!!m.value.icon)),n({pending:!1})}function zb(e,t,n){const[s,o]=a.useState(Object.freeze([])),[i,c]=a.useState(!1),l=a.useRef(null),p=a.useRef(e.options);(typeof e.options!="function"||e.disableOptionsMemoization)&&(p.current=e.options);const u=a.useMemo(()=>typeof p.current=="function"?w.debounce(xc,typeof e.searchDebounce!="undefined"?e.searchDebounce:500):xc,[p.current,e.disabledOptions]);return a.useEffect(()=>{u(e,t,n,o,c,l)},[p.current,t.value,e.disabledOptions]),[s,i]}class ln{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 jb(e,t){return N(N({},e),t)}function Kt(e){return $.useReducer(jb,e)}function qb({hideInlineSearch:e,options:t,onSearchChange:n,search:s="",searchPlaceholder:o="Search\u2026",searchInputRef:i}){const[c,l]=Kt({isAsync:typeof t=="function",pending:!1,value:s,replacementPattern:null}),p=a.useCallback(S=>{l({value:S.target.value}),n&&n(S)},[n]),u=a.useCallback(S=>{S.nativeEvent.stopImmediatePropagation(),S.stopPropagation()},[]),f=a.useCallback(S=>{S.nativeEvent.stopImmediatePropagation(),l({value:""}),n&&n(new ln(i.current)),i.current&&i.current.focus()},[n]),m=S=>{!S||["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"].includes(S.key)||S.stopPropagation()};return a.useEffect(()=>{l({value:s})},[s]),[c.isAsync&&!e&&a.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},a.createElement("div",{className:"sps-form-control"},!c.value&&a.createElement("i",{className:"sps-icon sps-icon-filter sps-text-input__icon"}),a.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:o,ref:i,value:c.value,onChange:p,onClick:u,onKeyDown:m}),c.value&&a.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:f}))),c,l]}const Jb=Ec||Kb,Zb=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"],Xb=["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"];function Qb(e,t,n){return n?(e&&e[n])===(t&&t[n]):e===t}function Dc(e,t,n){return typeof n.value=="function"&&n.disabled?!0:t?!!(e==null?void 0:e.find(s=>{var o;return s[t]&&s[t]===((o=n==null?void 0:n.value)==null?void 0:o[t])})):!1}const Ta=a.forwardRef((e,t)=>{const An=e,{captionKey:n,comparisonKey:s,disabledOptions:o,options:i,tall:c,textKey:l,valueKey:p,zeroState:u,hideInlineSearch:f,onSearchChange:m,search:g,searchDebounce:S,searchPlaceholder:T,onSpecialActionSelect:x,attachTo:E,className:I,conformWidth:D,id:v,ignoreWidthStyles:k,isOpen:_,keepOpen:O,keyDown:R,nullOption:B,onOptionListChanged:F,onOptionSelected:P,onPositionFlip:U,onSelfToggle:V,optionRole:G,positionOverride:pe,selectedOption:ue,specialAction:J,unsafelyReplaceClassName:Q,loading:oe,filterByTextAndCaptionKey:se,maxHeightPx:ce,maxHeightRem:ee,disableOptionsMemoization:te,"data-testid":Z}=An,ie=z(An,["captionKey","comparisonKey","disabledOptions","options","tall","textKey","valueKey","zeroState","hideInlineSearch","onSearchChange","search","searchDebounce","searchPlaceholder","onSpecialActionSelect","attachTo","className","conformWidth","id","ignoreWidthStyles","isOpen","keepOpen","keyDown","nullOption","onOptionListChanged","onOptionSelected","onPositionFlip","onSelfToggle","optionRole","positionOverride","selectedOption","specialAction","unsafelyReplaceClassName","loading","filterByTextAndCaptionKey","maxHeightPx","maxHeightRem","disableOptionsMemoization","data-testid"]),j=a.useMemo(()=>J?new M.SpsOptionListOption(J,{textKey:"label",captionKey:"caption"}):null,[J]),[ye,Ie]=a.useState(-1),[Ce,we]=a.useState(_),Ke=t||a.useRef(null),$e=a.useRef(null),je=a.useRef(null),et=jn("sps-option-list-portal"),qe=a.useContext(Mt),[ut,ct]=pe||[M.Position.BOTTOM_LEFT,M.Position.TOP_LEFT],[[vt,Ee],We]=a.useState([{},!1]);a.useEffect(()=>{We(Ce?xn(Ke,E,ut,N({altPosition:ct,setMinWidth:!k,setWidth:!k&&D},qe)):[{},!1])},[Ce,ut,ct]),a.useEffect(()=>{const ve=()=>{Ce&&We(xn(Ke,E,ut,N({altPosition:ct,setMinWidth:!k,setWidth:!k&&D},qe)))};return document.addEventListener("scroll",ve),()=>{document.removeEventListener("scroll",ve)}},[Ce]);const Ye=a.useRef(null),[Ve,Se,He]=qb(H(N({},e),{searchInputRef:Ye})),[Pe,Ge]=zb(e,Se,He);a.useEffect(()=>{Ie(-1)},[Se]);const wr=K(Q||"sps-option-list","z-stratum-dropdown",Ce&&"sps-option-list--open",Se.isAsync&&"sps-option-list--searchable",Ee&&"sps-option-list--opens-upward",J&&J.label&&"sps-option-list--has-special-action",I),Bn=K(Q||"sps-option-list__options",c&&"sps-option-list__options--tall"),tt=a.useCallback(()=>{Ce||(we(!0),Ye.current&&Ye.current.focus(),Ie(-1),V&&V(!0))},[Ce,V]),Te=a.useCallback(()=>{Ce&&(we(!1),Ie(-1),V&&V(!1))},[Ce,V]),yt=a.useCallback((ve,de)=>{de||ve&&!ve.disabled&&(typeof ve.value=="function"?(ve.value(),x&&x()):typeof P=="function"&&P(ve.value),O||Te())},[P,Te]),Sn=a.useCallback((ve,de,ot)=>{ve.stopPropagation(),yt(de,ot)},[yt]),Pn=a.useRef(o||[]);Pn.current=o||[];const Er=a.useCallback(ve=>{switch(ve.key){case"Tab":case"Escape":Te();break;case"Enter":if(ye>-1){const de=Pe[ye]||j;ve.preventDefault();const ot=!!de&&Dc(Pn.current,s,de);!ot&&de&&typeof P=="function"&&typeof de.value=="function"?de.value():de&&yt(de,ot)}break;case"Up":case"ArrowUp":{let de=ye;Ee?ye<=-1?de=Pe.length-1:ye===0?J&&(de=Pe.length):ye<Pe.length&&(de=ye-1):ye>-1&&(de=ye-1),de!==ye&&(ve.preventDefault(),Ie(de));break}case"Down":case"ArrowDown":{tt();let de=ye;Ee?ye!==-1&&(ye>=Pe.length?de=0:ye===Pe.length-1?de=-1:de=ye+1):ye<Pe.length-1+Number(!!J)&&(de=ye+1),de!==ye&&(ve.preventDefault(),Ie(de));break}default:tt()}},[Te,tt,ye,yt,P,Ee,Pe]),Cr=a.useCallback(ve=>{const de=Pe.findIndex(ot=>{if(ot.textKey){const bn=ot.textKey;return ot.value[bn].toLowerCase().charAt([0])===ve.key.toLocaleLowerCase()}return ot.value.toString().toLowerCase().charAt([0])===ve.key.toLocaleLowerCase()});de>-1&&Ie(de)},[Pe]),Ha=a.useCallback(ve=>{!ve||(Zb.includes(ve.key)?Er(ve):Xb.includes(ve.key)&&Cr(ve))},[Te,tt,ye,yt,P,Ee,Pe]);a.useEffect(()=>{if(qe!==null&&document.getElementsByClassName("sps-modal__body").length>0){const ve=()=>{V(!1)},de=document.getElementsByClassName("sps-modal__body")[0];return de.addEventListener("scroll",ve),()=>{de.removeEventListener("scroll",ve)}}},[]),a.useEffect(()=>{je.current&&Jb(je.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[ye]),a.useEffect(()=>{we(_),_?Ye.current&&Ye.current.focus():Ie(-1)},[_]),a.useEffect(()=>{Ha(R)},[R]),a.useEffect(()=>{!Ce&&$e.current&&(He({value:""}),$e.current.scrollTop=0),Ce&&U&&U(Ee)},[Ce]);const at=ce?ce/16:ee,Wa=at?{maxHeight:`${at}rem`}:{};return et(a.createElement("div",N({className:wr,id:v,"aria-activedescendant":ye>-1?`${v}-option-${ye}`:null,tabIndex:-1,ref:Ke,style:vt,onMouseLeave:()=>Ie(-1),"data-testid":Z},ie),Ve,a.createElement("div",{className:Bn,ref:$e,"data-testid":`${Z}-options`,style:Wa},!oe&&!Se.pending&&u&&Pe.length===0&&a.createElement("div",{className:"sps-option-list__zero-state"},u),(oe||Se.pending)&&a.createElement("div",{className:"sps-option-list__loading"},a.createElement(ms,null)),!oe&&!Se.pending&&Pe.map((ve,de)=>{const ot=`${v}-option-${de}`,bn=Qb(ve.value,ue,s),vn=Dc(Pn.current,s,ve);return a.createElement("a",{key:ot,id:ot,role:G,"aria-selected":bn,href:ve.href,className:K("sps-option-list__option",ve.caption&&"sps-option-list__option--has-caption",ve.disabled&&"sps-option-list__option--disabled",ve.bold&&"sps-option-list__option--bold",(bn||vn)&&"sps-option-list__option--selected",ye===de&&"sps-option-list__option--highlighted"),onClick:la=>Sn(la,ve,vn),onMouseOver:()=>Ie(de),tabIndex:-1,ref:ye===de?je:null,"data-testid":`${Z}-option-${de}`},ve.value&&ve.value.icon&&a.createElement("i",{className:K("sps-icon","sps-option-list__option-icon",`sps-icon-${String(ve.value.icon)}`)}),(!ve.value||!ve.value.icon&&Ge)&&a.createElement("span",{className:"sps-option-list__option-icon-spacer"}),a.createElement("span",{dangerouslySetInnerHTML:{__html:ve.getHtml(Se.replacementPattern)}}),ve.caption&&a.createElement("div",{className:"sps-option-list__option-caption"},a.createElement("span",{dangerouslySetInnerHTML:{__html:ve.caption.replace(Se.replacementPattern,"<u>$&</u>")}})))})),j&&J.label&&a.createElement("a",{className:K("sps-option-list__option","sps-option-list__special-action",ye===Pe.length&&"sps-option-list__option--highlighted",J.disabled&&"sps-option-list__special-action--disabled"),href:j.href,target:j.href&&J.newTab?"_blank":"_self",onClick:ve=>Sn(ve,j),onMouseOver:()=>Ie(Pe.length),"data-testid":`${Z}-special-action`},J.icon&&a.createElement("i",{className:K("sps-icon","sps-option-list__option-icon",`sps-icon-${String(J.icon)}`)}),!J.icon&&Ge&&a.createElement("span",{className:"sps-option-list__option-icon-spacer"}),a.createElement("span",null,J.label))))});Object.assign(Ta,{propTypes:Yb,displayName:"SpsOptionList"});function ev(e,t,n=[]){return a.useMemo(()=>o=>a.createElement(e,N({},N(N({},o),t)),o.children),n)}const Ic=function({children:e,elements:t}){if(t.length===0)return a.createElement(a.Fragment,null,e);const[n,s]=Array.isArray(t[0])?t[0]:[t[0]];return a.createElement(n,N({},s!=null?s:{}),a.createElement(Ic,{elements:t.slice(1)},e))},Nc=function(s){var o=s,{children:e,providers:t=[]}=o,n=z(o,["children","providers"]);return a.createElement("div",N({},n),a.createElement(Ic,{elements:t},e))},tv=function(s){var o=s,{children:e,className:t}=o,n=z(o,["children","className"]);return a.createElement(Nc,N({className:`sps-app ${t}`},n),e)};function Vt(e=[],t=[]){const n=Array.isArray(e)?w.flatten(e):[e],s=t.map(i=>Array.isArray(i)?i:[i]),o=new Array(s.length+1).fill(null).map(()=>[]);for(const i of n){let c=!1;for(let l=0;l<s.length;l+=1)for(const{type:p,props:u={}}of s[l])if(i.type===p&&Object.keys(u).every(m=>u[m]===i.props[m])){c=!0,o[l].push(i);break}c||o[o.length-1].push(i)}return o}function kc(e,t,n){const s=Object.entries(t).filter(([,i])=>typeof i!="string"&&i.deprecated).map(([i])=>i),o=s.map(i=>n[i]);a.useEffect(()=>{o.find(i=>typeof i!="undefined")&&console.warn(`The following prop(s) of ${e} are deprecated: ${s.join(", ")}`)},o)}function Qr(e,t){const n=$.useRef(!1);$.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function Mc(e,t,n){const s=a.useRef(t(...n));a.useEffect(()=>(document.addEventListener(e,s.current),()=>document.removeEventListener(e,s.current)),[]),a.useEffect(()=>{document.removeEventListener(e,s.current),s.current=t(...n),document.addEventListener(e,s.current)},n)}function nv(e,t,n){return function(o){var i,c;!((i=e.current)==null?void 0:i.contains(o.target))&&!((c=t.current)==null?void 0:c.contains(o.target))&&n()}}function wa(e,t,n){const s=a.useRef(!1),[o,i]=a.useState(!1),c=a.useCallback(()=>{s.current?s.current=!1:i(!0)},[]),l=a.useCallback((p=!1)=>{i(!1),s.current=p,n&&n()},[]);return Mc("mousedown",nv,[e,t,l]),{showPopup:o,doShowPopup:c,doHidePopup:l}}const av={debounce:"number",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",onChange:"React.ChangeEventHandler",placeholder:"string",suggestions:{type:`
|
|
197
197
|
Eventually<Iterable<string>>
|
|
198
198
|
| ((filter?: string) => Eventually<Iterable<string>>)
|
|
199
|
-
`,required:!0},tallOptionList:"boolean",value:"string",zeroState:"string",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"},
|
|
199
|
+
`,required:!0},tallOptionList:"boolean",value:"string",zeroState:"string",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"},sv=H(N({},Y),{debounce:y.exports.number,disabled:y.exports.bool,formControl:le(),formMeta:le(),icon:be(M.SpsIcon),onChange:ne(),placeholder:y.exports.string,suggestions:y.exports.oneOfType([y.exports.arrayOf(y.exports.string),y.exports.instanceOf(Promise),ne()]).isRequired,tallOptionList:y.exports.bool,value:y.exports.string,zeroState:y.exports.string,loading:y.exports.bool,maxHeightOptionListPx:y.exports.number,maxHeightOptionListRem:y.exports.number,disableOptionsMemoization:y.exports.bool});function hs(k){var _=k,{className:e,debounce:t=0,disabled:n,formControl:s,formMeta:o,onChange:i,icon:c,id:l,placeholder:p="",suggestions:u,unsafelyReplaceClassName:f,tallOptionList:m,value:g="",zeroState:S,loading:T,maxHeightOptionListPx:x,maxHeightOptionListRem:E,disableOptionsMemoization:I,"data-testid":D}=_,v=z(_,["className","debounce","disabled","formControl","formMeta","onChange","icon","id","placeholder","suggestions","unsafelyReplaceClassName","tallOptionList","value","zeroState","loading","maxHeightOptionListPx","maxHeightOptionListRem","disableOptionsMemoization","data-testid"]);const O=o||s,{wrapperId:R,controlId:B}=Tt(l,O),[F,P]=Kt({keyDown:null,opensUpward:!1}),U=a.useRef(),V=a.useRef(),G=a.useRef(),{showPopup:pe,doShowPopup:ue,doHidePopup:J}=wa(U,G);function Q(ie,j){O&&(O.setValue(ie),O.markAsDirty()),i&&i(j||new ln({value:ie}))}function oe(ie){V.current.value="",Q(""),ie.stopPropagation()}function se(ie){Q(ie.target.value,ie)}function ce(ie){n||(["Up","ArrowUp","Down","ArrowDown","Enter"].indexOf(ie.key)>-1&&(ie.preventDefault(),ie.persist()),ie.stopPropagation(),P({keyDown:ie})),ie.key==="Tab"&&J()}function ee(ie){ie?ue():J()}function te(ie){P({opensUpward:ie})}const Z=K(f||"sps-autocomplete",pe&&"sps-autocomplete--open",pe&&"z-stratum-dropdown",F.opensUpward&&"sps-autocomplete--opens-upward",n&&"sps-form-control--disabled",e);return a.createElement(it,{id:R,className:Z,formControl:s,formMeta:o,inputRef:V,ref:U,focusInputOnClick:!0,onClick:ie=>ie.nativeEvent.stopImmediatePropagation(),"data-testId":`${D}`},a.createElement("div",{className:"sps-text-input"},a.createElement("div",{className:"sps-form-control"},c&&a.createElement("i",{className:K("sps-text-input__icon","sps-icon",`sps-icon-${c}`)}),a.createElement("input",N({type:"text",ref:V,value:g,className:"sps-text-input__input",placeholder:p,onFocus:ue,onClick:ue,onChange:se,onKeyDown:ce,disabled:n,id:B,"data-testid":`${D}__input`},v)),g&&!n&&a.createElement("i",{"aria-label":"clear",className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:ie=>oe(ie)}))),a.createElement(Ta,{id:`${R}_options`,ref:G,attachTo:U,isOpen:pe,options:u,hideInlineSearch:!0,keyDown:F.keyDown,onOptionSelected:Q,onPositionFlip:te,onSelfToggle:ee,offsets:[1,0],search:g,searchDebounce:t,tall:m,zeroState:S,loading:T,maxHeightPx:x,maxHeightRem:E,disableOptionsMemoization:I}))}Object.assign(hs,{props:av,propTypes:sv,displayName:"SpsAutocomplete"});const _c={basic:{label:"Basic",examples:{basic:{react:w.code`
|
|
200
200
|
function DemoComponent() {
|
|
201
201
|
const [color, setColor] = React.useState();
|
|
202
202
|
const colors = ["red", "blue", "green"];
|
|
@@ -286,7 +286,7 @@
|
|
|
286
286
|
<SpsAutocomplete suggestions={colorSearch} value={color} onChange={handleChange} placeholder="Enter a color"/>
|
|
287
287
|
);
|
|
288
288
|
}
|
|
289
|
-
`}}}},
|
|
289
|
+
`}}}},rv={alignLeft:"boolean",disabled:"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"},ov=H(N({},Y),{alignLeft:y.exports.bool,disabled:y.exports.bool,icon:be(M.SpsIcon),kind:be(M.DropdownKind),label:y.exports.string,options:y.exports.arrayOf(y.exports.oneOfType([y.exports.func,y.exports.any])).isRequired,spinning:y.exports.bool,spinningTitle:y.exports.string,tallOptionList:y.exports.bool,onOpen:ne(),onClose:ne(),loading:y.exports.bool,maxHeightOptionListPx:y.exports.number,maxHeightOptionListRem:y.exports.number,disableOptionsMemoization:y.exports.bool});function Dn(e){const Ce=e,{alignLeft:t,className:n,disabled:s,icon:o,id:i,kind:c,label:l,options:p=[],tabIndex:u,spinning:f,spinningTitle:m,tallOptionList:g,unsafelyReplaceClassName:S,onOpen:T,onClose:x,loading:E,maxHeightOptionListPx:I,maxHeightOptionListRem:D,disableOptionsMemoization:v}=Ce,k=z(Ce,["alignLeft","className","disabled","icon","id","kind","label","options","tabIndex","spinning","spinningTitle","tallOptionList","unsafelyReplaceClassName","onOpen","onClose","loading","maxHeightOptionListPx","maxHeightOptionListRem","disableOptionsMemoization"]),{t:_}=a.useContext(Oe),O=Un(i),[R,B]=a.useState(!1),[F,P]=a.useState(!1),[U,V]=a.useState(null),G=p.map(we=>typeof we=="function"?we:Object.assign(we[1],N(N({},M.SPS_ACTION_DEFAULTS),we[0]))),pe=`${O.current}-button`,ue=`${O.current}-menu`;let J,Q;l?(Q=c||M.DropdownKind.DEFAULT,J=o):(Q=M.DropdownKind.ICON,J=o||M.SpsIcon.ELLIPSES);const oe=a.useRef(null);a.useEffect(()=>{R&&T?T():!R&&x&&x()},[R]);function se(){B(!1)}function ce(we){we.stopPropagation(),we.nativeEvent.stopImmediatePropagation(),we.preventDefault(),!s&&!f&&B(!R)}function ee(we){B(we)}function te(){B(!1)}function Z(we){s||(["Up","ArrowUp","Down","ArrowDown"].indexOf(we.key)>-1&&we.preventDefault(),we.persist(),V(we))}function ie(we){we.detail!==O.current&&B(!1)}a.useEffect(()=>(document.addEventListener("click",se),document.addEventListener("DropdownOpened",ie),()=>{document.removeEventListener("click",se),document.removeEventListener("DropdownOpened",ie)}),[]),a.useEffect(()=>{if(R){const we=document.createEvent("CustomEvent");we.initCustomEvent("DropdownOpened",!1,!1,O.current),document.dispatchEvent(we)}},[R]);const j=K(S||"sps-dropdown",R&&"sps-dropdown--open",R&&"z-stratum-dropdown",F&&"sps-dropdown--opens-upward",!l&&"sps-dropdown--no-label",s&&"disabled",n),ye=K("sps-button",`sps-button--${Q}`,s&&"sps-button--disabled",f&&"sps-button--spinning"),Ie=Q===M.DropdownKind.ICON&&!t?[M.Position.BOTTOM_RIGHT,M.Position.TOP_RIGHT]:null;return a.createElement("div",H(N({},k),{id:O.current,className:j,onKeyDown:Z}),a.createElement(Ta,{positionOverride:Ie,isOpen:R,"aria-labelledby":pe,keyDown:U,onOptionSelected:te,id:ue,attachTo:oe,onPositionFlip:P,onSelfToggle:ee,options:G,offsets:[0,0],tall:g,optionRole:"option",loading:E,maxHeightPx:I,maxHeightRem:D,disableOptionsMemoization:v}),a.createElement("div",{onClick:ce,className:ye,ref:oe},a.createElement("button",{type:"button",id:pe,"aria-haspopup":"true","aria-controls":ue,"aria-expanded":R?!0:null,tabIndex:u,disabled:s,onClick:ce},a.createElement("i",{className:K("sps-icon",`sps-icon-${J}`)}),l&&a.createElement("span",null,l),f&&a.createElement("div",{className:"sps-spinner",key:1},m||_("design-system:button.spinningTitle")))))}Object.assign(Dn,{props:rv,propTypes:ov,displayName:"SpsDropdown"});const iv={},lv=N({},Y);function eo(e){const m=e,{children:t,className:n,unsafelyReplaceClassName:s}=m,o=z(m,["children","className","unsafelyReplaceClassName"]),[i,c,l]=Vt(t,[{type:Fe,props:{kind:M.ButtonKind.LINK}},[{type:Fe,props:{kind:M.ButtonKind.ICON}},{type:Dn}]]),p=i.length>0&&(c.length>0||l.length>0),u=c.length>0&&l.length>0,f=K(s||"sps-button-group",n);return a.createElement("div",N({className:f},o),i.length>0&&i,p&&a.createElement("div",{className:"sps-vertical-rule"}),c.length>0&&c,u&&a.createElement("div",{className:"sps-vertical-rule"}),l.length>0&&l)}Object.assign(eo,{props:iv,propTypes:lv,displayName:"SpsButtonGroup"});const Rc={basic:{label:"Basic Buttons",description:({NavigateTo:e})=>a.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 ",a.createElement(e,{to:"Modal"},"Modal"),"."),examples:{basic:{description:"Without Icons",jsx:w.code`
|
|
290
290
|
<>
|
|
291
291
|
<SpsButton className="mr-1 mb-1">Default</SpsButton>
|
|
292
292
|
<SpsButton className="mr-1 mb-1" kind={ButtonKind.KEY}>Key</SpsButton>
|
|
@@ -466,7 +466,7 @@
|
|
|
466
466
|
label="Disabled"
|
|
467
467
|
/>
|
|
468
468
|
</>
|
|
469
|
-
`}}},iconButtons:{label:"Icon Buttons",description:({NavigateTo:e})=>
|
|
469
|
+
`}}},iconButtons:{label:"Icon Buttons",description:({NavigateTo:e})=>a.createElement("span",{className:"sps-body-14 mt-4"},"Use these for quick actions that can clearly be articulated by the use of an icon. Example: A Print button in the"," ",a.createElement(e,{to:"List Action Bar"},"List Action Bar"),". ",a.createElement("br",null)," Do not use an icon that that doesn\u2019t have a universally understood meaning; instead use a Basic Button or a Basic Button with an icon. ",a.createElement("br",null)," ",a.createElement("a",{href:"#style-and-layout/icons"},"View All Icons")),examples:{basic:{description:"Standard Icon Buttons",jsx:w.code`
|
|
470
470
|
<>
|
|
471
471
|
<SpsButton className="mr-1 mb-1" kind={ButtonKind.ICON} icon={SpsIcon.PRINTER} />
|
|
472
472
|
<SpsButton className="mr-1 mb-1" kind={ButtonKind.ICON} icon={SpsIcon.PENCIL} />
|
|
@@ -478,7 +478,7 @@
|
|
|
478
478
|
<SpsButton className="mr-1 mb-1" kind={ButtonKind.ICON} icon={SpsIcon.PLUS_SIGN} />
|
|
479
479
|
<SpsButton className="mr-1 mb-1" kind={ButtonKind.ICON} icon={SpsIcon.MINUS} />
|
|
480
480
|
</>
|
|
481
|
-
`},dropdown:{description:({NavigateTo:e})=>
|
|
481
|
+
`},dropdown:{description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Dropdown Icon Button"),a.createElement("span",{className:"sps-body-14 mt-4"},"Use these when there are several options available for action. Example: Dropdown Icon Button in a"," ",a.createElement(e,{to:"Content Row"},"Content Row"),".")),jsx:w.code`
|
|
482
482
|
<SpsDropdown
|
|
483
483
|
className="mr-1 mb-1"
|
|
484
484
|
kind={ButtonKind.ICON}
|
|
@@ -486,7 +486,7 @@
|
|
|
486
486
|
/>
|
|
487
487
|
`},spin:{description:"Spinner",jsx:w.code`
|
|
488
488
|
<SpsButton className="mr-1 mb-1" icon={SpsIcon.DOWNLOAD_CLOUD} spinning kind={ButtonKind.ICON} />
|
|
489
|
-
`}}},textButtons:{label:"Text Buttons",description:({NavigateTo:e})=>
|
|
489
|
+
`}}},textButtons:{label:"Text Buttons",description:({NavigateTo:e})=>a.createElement("span",{className:"sps-body-14 mt-4"},"Use for less important actions, or ones that aren't taken as frequently. They should not appear inline with other copy. Example: Advanced Search button in the"," ",a.createElement(e,{to:"List Toolbar"},"List Toolbar"),"."),examples:{basic:{description:"Without Icons",jsx:w.code`
|
|
490
490
|
<>
|
|
491
491
|
<SpsButton className="mr-2 mb-1" kind={ButtonKind.LINK}>Default</SpsButton>
|
|
492
492
|
<SpsButton className="mr-2 mb-1 red200" kind={ButtonKind.LINK}>Delete</SpsButton>
|
|
@@ -519,7 +519,7 @@
|
|
|
519
519
|
</>
|
|
520
520
|
`},spin:{description:"Spinner",jsx:w.code`
|
|
521
521
|
<SpsButton className="mr-2 mb-1" kind={ButtonKind.LINK} spinning>Default</SpsButton>
|
|
522
|
-
`}}},submitButtons:{label:"Submit Buttons",description:({NavigateTo:e})=>
|
|
522
|
+
`}}},submitButtons:{label:"Submit Buttons",description:({NavigateTo:e})=>a.createElement("span",{className:"sps-body-14 mt-4"},"Used to submit a form. There can be a number of visual variations, for example a"," ",a.createElement(e,{to:"Modal"},"Modal")," uses Basic Button (Key) as its Submit Button."),examples:{basic:{react:w.code`
|
|
523
523
|
function DemoComponent() {
|
|
524
524
|
const { formMeta, formValue, updateForm } = useSpsForm({});
|
|
525
525
|
|
|
@@ -549,9 +549,9 @@
|
|
|
549
549
|
</>
|
|
550
550
|
);
|
|
551
551
|
}
|
|
552
|
-
`}}},linkButtons:{label:"Button as Link",description:({NavigateTo:e})=>
|
|
552
|
+
`}}},linkButtons:{label:"Button as Link",description:({NavigateTo:e})=>a.createElement("span",{className:"sps-body-14 mt-4"},"Used to link to another page, such as an external website. They may open in the same window or in a new one. It should only be used when a"," ",a.createElement(e,{to:"Text Button"},"Text Button")," doesn't provide enough visual emphasis."),examples:{basic:{jsx:w.code`
|
|
553
553
|
<SpsButton className="mr-1 mb-1" kind={ButtonKind.DEFAULT} href="https://google.com">Button Text</SpsButton>
|
|
554
|
-
`}}},groupButtons:{label:"Button Groups",description:({NavigateTo:e})=>
|
|
554
|
+
`}}},groupButtons:{label:"Button Groups",description:({NavigateTo:e})=>a.createElement("span",{className:"sps-body-14 mt-4"},"Use button groups when there are a number of actions that can be taken in a view. When there are multiple button types in a group, they are separated using dividers. Example: Button groups in"," ",a.createElement(e,{to:"List Action Bar"},"List Action Bar"),"."),examples:{basic:{description:"Basic Button Groups",jsx:w.code`
|
|
555
555
|
<>
|
|
556
556
|
<SpsButton className="mr-2 mb-1" kind={ButtonKind.DEFAULT}>Cancel</SpsButton>
|
|
557
557
|
<SpsButton className="mr-2 mb-1" kind={ButtonKind.KEY}>Save</SpsButton>
|
|
@@ -596,7 +596,7 @@
|
|
|
596
596
|
<SpsButton className="mr-2 mb-1" kind={ButtonKind.KEY}>Button</SpsButton>
|
|
597
597
|
<SpsButton className="mr-2 mb-1" kind={ButtonKind.CONFIRM}>Button</SpsButton>
|
|
598
598
|
</>
|
|
599
|
-
`}}}};function Oc(e,t,n){let[a,o]=V.useState(e||t),i=V.useRef(e!==void 0),c=i.current,l=e!==void 0,p=V.useRef(a);c!==l&&console.warn("WARN: A component changed from "+(c?"controlled":"uncontrolled")+" to "+(l?"controlled":"uncontrolled")+"."),i.current=l;let m=V.useCallback(function(f){for(var u=arguments.length,g=new Array(u>1?u-1:0),S=1;S<u;S++)g[S-1]=arguments[S];let T=function(E){if(n&&!Object.is(p.current,E)){for(var I=arguments.length,D=new Array(I>1?I-1:0),v=1;v<I;v++)D[v-1]=arguments[v];n(E,...D)}l||(p.current=E)};typeof f=="function"?o(function(I){for(var D=arguments.length,v=new Array(D>1?D-1:0),k=1;k<D;k++)v[k-1]=arguments[k];let _=f(l?p.current:I,...v);return T(_,...g),l?I:_}):(l||o(f),T(f,...g))},[l,n]);return l?p.current=e:e=a,[e,m]}function ue(){return ue=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},ue.apply(this,arguments)}class Vt extends Set{constructor(t,n,a){super(t);this.anchorKey=void 0,this.currentKey=void 0,t instanceof Vt?(this.anchorKey=n||t.anchorKey,this.currentKey=a||t.currentKey):(this.anchorKey=n,this.currentKey=a)}}function lv(e){let{selectionMode:t="none",disallowEmptySelection:n}=e,a=V.useRef(!1),[,o]=V.useState(!1),i=V.useRef(null),c=V.useRef(null),[,l]=V.useState(null),p=V.useMemo(()=>Lc(e.selectedKeys),[e.selectedKeys]),m=V.useMemo(()=>Lc(e.defaultSelectedKeys,new Vt),[e.defaultSelectedKeys]),[f,u]=Oc(p,m,e.onSelectionChange),g=V.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]);return{selectionMode:t,disallowEmptySelection:n,get isFocused(){return a.current},setFocused(S){a.current=S,o(S)},get focusedKey(){return i.current},get childFocusStrategy(){return c.current},setFocusedKey(S,T){T===void 0&&(T="first"),i.current=S,c.current=T,l(S)},selectedKeys:f,setSelectedKeys:u,disabledKeys:g}}function Lc(e,t){return e?e==="all"?"all":new Vt(e):t}class cv{constructor(t,n,a){var o;this.collection=void 0,this.state=void 0,this.allowsCellSelection=void 0,this._isSelectAll=void 0,this.collection=t,this.state=n,this.allowsCellSelection=(o=a==null?void 0:a.allowsCellSelection)!=null?o:!1,this._isSelectAll=null}get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}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){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){return this.state.selectionMode==="none"?!1:(t=this.getKey(t),this.state.selectedKeys==="all"?!this.state.disabledKeys.has(t):this.state.selectedKeys.has(t))}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(a=>n.has(a)),this._isSelectAll}get firstSelectedKey(){var t;let n=null;for(let a of this.state.selectedKeys){let o=this.collection.getItem(a);(!n||(o==null?void 0:o.index)<n.index)&&(n=o)}return(t=n)==null?void 0:t.key}get lastSelectedKey(){var t;let n=null;for(let a of this.state.selectedKeys){let o=this.collection.getItem(a);(!n||(o==null?void 0:o.index)>n.index)&&(n=o)}return(t=n)==null?void 0:t.key}extendSelection(t){t=this.getKey(t);let n;if(this.state.selectedKeys==="all")n=new Vt([t],t,t);else{let a=this.state.selectedKeys,o=a.anchorKey||t;n=new Vt(a,o,t);for(let i of this.getKeyRange(o,a.currentKey||t))n.delete(i);for(let i of this.getKeyRange(t,o))this.state.disabledKeys.has(i)||n.add(i)}this.state.setSelectedKeys(n)}getKeyRange(t,n){let a=this.collection.getItem(t),o=this.collection.getItem(n);return a&&o?a.index<=o.index?this.getKeyRangeInternal(t,n):this.getKeyRangeInternal(n,t):[]}getKeyRangeInternal(t,n){let a=[],o=t;for(;o;){let i=this.collection.getItem(o);if((i&&i.type==="item"||i.type==="cell"&&this.allowsCellSelection)&&a.push(o),o===n)return a;o=this.collection.getKeyAfter(o)}return[]}getKey(t){let n=this.collection.getItem(t);if(!n||n.type==="cell"&&this.allowsCellSelection)return t;for(;n.type!=="item"&&n.parentKey;)n=this.collection.getItem(n.parentKey);return!n||n.type!=="item"?null:n.key}toggleSelection(t){if(t=this.getKey(t),t==null)return;let n=new Vt(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);n.has(t)?n.delete(t):(n.add(t),n.anchorKey=t,n.currentKey=t),!(this.disallowEmptySelection&&n.size===0)&&this.state.setSelectedKeys(n)}replaceSelection(t){t=this.getKey(t),t!=null&&this.state.setSelectedKeys(new Vt([t],t,t))}setSelectedKeys(t){if(this.selectionMode==="none")return;let n=new Vt;for(let a of t)if(a=this.getKey(a),a!=null&&(n.add(a),this.selectionMode==="single"))break;this.state.setSelectedKeys(n)}getSelectAllKeys(){let t=[],n=a=>{for(;a;){if(!this.state.disabledKeys.has(a)){let o=this.collection.getItem(a);o.type==="item"&&t.push(a),o.hasChildNodes&&(this.allowsCellSelection||o.type!=="item")&&n([...o.childNodes][0].key)}a=this.collection.getKeyAfter(a)}};return n(this.collection.getFirstKey()),t}selectAll(){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):n&&n.shiftKey?this.extendSelection(t):this.toggleSelection(t))}isSelectionEqual(t){if(t===this.state.selectedKeys)return!0;let n=this.selectedKeys;if(t.size!==n.size)return!1;for(let a of t)if(!n.has(a))return!1;for(let a of n)if(!t.has(a))return!1;return!0}}let Bc;Bc=Symbol.iterator;class Ac{constructor(t){var n;this.keyMap=new Map,this.iterable=void 0,this.firstKey=void 0,this.lastKey=void 0,this.iterable=t;let a=c=>{if(this.keyMap.set(c.key,c),c.childNodes&&c.type==="section")for(let l of c.childNodes)a(l)};for(let c of t)a(c);let o,i=0;for(let[c,l]of this.keyMap)o?(o.nextKey=c,l.prevKey=o.key):(this.firstKey=c,l.prevKey=void 0),l.type==="item"&&(l.index=i++),o=l,o.nextKey=void 0;this.lastKey=(n=o)==null?void 0:n.key}*[Bc](){yield*this.iterable}get size(){return this.keyMap.size}getKeys(){return this.keyMap.keys()}getKeyBefore(t){let n=this.keyMap.get(t);return n?n.prevKey:null}getKeyAfter(t){let n=this.keyMap.get(t);return n?n.nextKey:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(t){return this.keyMap.get(t)}at(t){const n=[...this.getKeys()];return this.getItem(n[t])}}function dv(e){let{filter:t}=e,n=lv(e),a=V.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),o=l=>t?new Ac(t(l)):new Ac(l),i=V.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),c=eb.useCollection(e,o,i,[t]);return V.useEffect(()=>{n.focusedKey!=null&&!c.getItem(n.focusedKey)&&n.setFocusedKey(null)},[c,n.focusedKey]),{collection:c,disabledKeys:a,selectionManager:new cv(c,n)}}function pv(e){var t;let[n,a]=Oc(e.selectedKey,(t=e.defaultSelectedKey)!=null?t:null,e.onSelectionChange),o=V.useMemo(()=>n!=null?[n]:[],[n]),{collection:i,disabledKeys:c,selectionManager:l}=dv(ue({},e,{selectionMode:"single",disallowEmptySelection:!0,selectedKeys:o,onSelectionChange:m=>{let f=m.values().next().value;f===n&&e.onSelectionChange&&e.onSelectionChange(f),a(f)}})),p=n!=null?i.getItem(n):null;return{collection:i,disabledKeys:c,selectionManager:l,selectedKey:n,setSelectedKey:a,selectedItem:p}}function uv(e){let t=pv(ue({},e,{suppressTextValueWarning:!0}));return V.useEffect(()=>{let n=t.selectedKey;(t.selectionManager.isEmpty||!t.collection.getItem(n))&&(n=t.collection.getFirstKey(),t.selectionManager.replaceSelection(n)),t.selectionManager.focusedKey==null&&t.selectionManager.setFocusedKey(n)},[t.selectionManager,t.selectedKey,t.collection]),t}const to={prefix:String(Math.round(Math.random()*1e10)),current:0},Pc=U.default.createContext(to);let mv=Boolean(typeof window!="undefined"&&window.document&&window.document.createElement);function fv(e){let t=V.useContext(Pc);return t===to&&!mv&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server."),V.useMemo(()=>e||"react-aria"+t.prefix+"-"+ ++t.current,[e])}function hv(){let t=V.useContext(Pc)!==to,[n,a]=V.useState(t);return typeof window!="undefined"&&t&&V.useLayoutEffect(()=>{a(!1)},[]),n}const gv=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),Sv=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function bv(e){if(Intl.Locale){let n=new Intl.Locale(e).maximize().script;return gv.has(n)}let t=e.split("-")[0];return Sv.has(t)}function Fc(){let e=typeof navigator!="undefined"&&(navigator.language||navigator.userLanguage)||"en-US";return{locale:e,direction:bv(e)?"rtl":"ltr"}}let no=Fc(),Ea=new Set;function Kc(){no=Fc();for(let e of Ea)e(no)}function vv(){let e=hv(),[t,n]=V.useState(no);return V.useEffect(()=>(Ea.size===0&&window.addEventListener("languagechange",Kc),Ea.add(n),()=>{Ea.delete(n),Ea.size===0&&window.removeEventListener("languagechange",Kc)}),[]),e?{locale:"en-US",direction:"ltr"}:t}const yv=U.default.createContext(null);function Vc(){let e=vv();return V.useContext(yv)||e}const ao=typeof window!="undefined"?U.default.useLayoutEffect:()=>{};let hs=new Map;function $c(e){let t=V.useRef(!0);t.current=!0;let[n,a]=V.useState(e),o=V.useRef(null),i=fv(n),c=l=>{t.current?o.current=l:a(l)};return hs.set(i,c),ao(()=>{t.current=!1},[c]),ao(()=>{let l=i;return()=>{hs.delete(l)}},[i]),V.useEffect(()=>{let l=o.current;l&&(a(l),o.current=null)},[a,c]),i}function Tv(e,t){if(e===t)return e;let n=hs.get(e);if(n)return n(t),t;let a=hs.get(t);return a?(a(e),e):t}function wv(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(){for(let a of t)typeof a=="function"&&a(...arguments)}}function Ca(){let e=ue({},arguments.length<=0?void 0:arguments[0]);for(let t=1;t<arguments.length;t++){let n=t<0||arguments.length<=t?void 0:arguments[t];for(let a in n){let o=e[a],i=n[a];typeof o=="function"&&typeof i=="function"&&a[0]==="o"&&a[1]==="n"&&a.charCodeAt(2)>=65&&a.charCodeAt(2)<=90?e[a]=wv(o,i):(a==="className"||a==="UNSAFE_className")&&typeof o=="string"&&typeof i=="string"?e[a]=F(o,i):a==="id"&&o&&i?e.id=Tv(o,i):e[a]=i!==void 0?i:o}}return e}function pn(e){if(Ev())e.focus({preventScroll:!0});else{let t=Cv(e);e.focus(),xv(t)}}let gs=null;function Ev(){if(gs==null){gs=!1;try{var e=document.createElement("div");e.focus({get preventScroll(){return gs=!0,!0}})}catch{}}return gs}function Cv(e){for(var t=e.parentNode,n=[],a=document.scrollingElement||document.documentElement;t instanceof HTMLElement&&t!==a;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&n.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return a instanceof HTMLElement&&n.push({element:a,scrollTop:a.scrollTop,scrollLeft:a.scrollLeft}),n}function xv(e){for(let{element:t,scrollTop:n,scrollLeft:a}of e)t.scrollTop=n,t.scrollLeft=a}let Yn=new Map,so=new Set;function Hc(){if(typeof window=="undefined")return;let e=n=>{let a=Yn.get(n.target);a||(a=new Set,Yn.set(n.target,a),n.target.addEventListener("transitioncancel",t)),a.add(n.propertyName)},t=n=>{let a=Yn.get(n.target);if(!!a&&(a.delete(n.propertyName),a.size===0&&(n.target.removeEventListener("transitioncancel",t),Yn.delete(n.target)),Yn.size===0)){for(let o of so)o();so.clear()}};document.body.addEventListener("transitionrun",e),document.body.addEventListener("transitionend",t)}typeof document!="undefined"&&(document.readyState!=="loading"?Hc():document.addEventListener("DOMContentLoaded",Hc));function Wc(e){requestAnimationFrame(()=>{Yn.size===0?e():so.add(e)})}function Dv(){let e=V.useRef(new Map),t=V.useCallback((o,i,c,l)=>{e.current.set(c,{type:i,eventTarget:o,options:l}),o.addEventListener(i,c,l)},[]),n=V.useCallback((o,i,c,l)=>{o.removeEventListener(i,c,l),e.current.delete(c)},[]),a=V.useCallback(()=>{e.current.forEach((o,i)=>{n(o.eventTarget,o.type,i,o.options)})},[n]);return V.useEffect(()=>a,[a]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:a}}function Gc(e,t){let{id:n,"aria-label":a,"aria-labelledby":o}=e;return n=$c(n),o&&a?o=[...new Set([...o.trim().split(/\s+/),n])].join(" "):o&&(o=o.trim().split(/\s+/).join(" ")),!a&&!o&&t&&(a=t),{id:n,"aria-label":a,"aria-labelledby":o}}function Iv(e,t){ao(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref.current=null}},[e,t])}function Nv(e){return typeof window!="undefined"&&window.navigator!=null?e.test(window.navigator.platform):!1}function Uc(){return Nv(/^Mac/)}function kv(e,t,n,a){let o=V.useRef(n);o.current=n;let i=n==null;V.useEffect(()=>{if(i)return;let c=e.current,l=p=>o.current.call(this,p);return c.addEventListener(t,l,a),()=>{c.removeEventListener(t,l,a)}},[e,t,a,i])}function zn(e,t){if(e==null)return{};var n={},a=Object.keys(e),o,i;for(i=0;i<a.length;i++)o=a[i],!(t.indexOf(o)>=0)&&(n[o]=e[o]);return n}let jn="default",ro="";function Yc(){jn==="default"&&(ro=document.documentElement.style.webkitUserSelect,document.documentElement.style.webkitUserSelect="none"),jn="disabled"}function Ss(){jn==="disabled"&&(jn="restoring",setTimeout(()=>{Wc(()=>{jn==="restoring"&&(document.documentElement.style.webkitUserSelect==="none"&&(document.documentElement.style.webkitUserSelect=ro||""),ro="",jn="default")})},300))}function oo(e){return e.mozInputSource===0&&e.isTrusted?!0:e.detail===0&&!e.pointerType}const zc=U.default.createContext(null);zc.displayName="PressResponderContext";function Mv(e){let t=V.useContext(zc);if(t){let{register:n}=t,a=zn(t,["register"]);e=Ca(a,e),n()}return Iv(t,e.ref),e}function _v(e){let t=Mv(e),{onPress:n,onPressChange:a,onPressStart:o,onPressEnd:i,onPressUp:c,isDisabled:l,isPressed:p,preventFocusOnPress:m,shouldCancelOnPointerExit:f}=t,u=zn(t,["onPress","onPressChange","onPressStart","onPressEnd","onPressUp","isDisabled","isPressed","preventFocusOnPress","shouldCancelOnPointerExit","ref"]),g=V.useRef(null);g.current={onPress:n,onPressChange:a,onPressStart:o,onPressEnd:i,onPressUp:c,isDisabled:l,shouldCancelOnPointerExit:f};let[S,T]=V.useState(!1),x=V.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:E,removeAllGlobalListeners:I}=Dv(),D=V.useMemo(()=>{let v=x.current,k=(A,G)=>{let{onPressStart:K,onPressChange:W,isDisabled:de}=g.current;de||v.didFirePressStart||(K&&K({type:"pressstart",pointerType:G,target:A.currentTarget,shiftKey:A.shiftKey,metaKey:A.metaKey,ctrlKey:A.ctrlKey,altKey:A.altKey}),W&&W(!0),v.didFirePressStart=!0,T(!0))},_=function(G,K,W){W===void 0&&(W=!0);let{onPressEnd:de,onPressChange:pe,onPress:J,isDisabled:Q}=g.current;!v.didFirePressStart||(v.ignoreClickAfterPress=!0,v.didFirePressStart=!1,de&&de({type:"pressend",pointerType:K,target:G.currentTarget,shiftKey:G.shiftKey,metaKey:G.metaKey,ctrlKey:G.ctrlKey,altKey:G.altKey}),pe&&pe(!1),T(!1),J&&W&&!Q&&J({type:"press",pointerType:K,target:G.currentTarget,shiftKey:G.shiftKey,metaKey:G.metaKey,ctrlKey:G.ctrlKey,altKey:G.altKey}))},L=(A,G)=>{let{onPressUp:K,isDisabled:W}=g.current;W||K&&K({type:"pressup",pointerType:G,target:A.currentTarget,shiftKey:A.shiftKey,metaKey:A.metaKey,ctrlKey:A.ctrlKey,altKey:A.altKey})},R=A=>{v.isPressed&&(v.isOverTarget&&_(en(v.target,A),v.pointerType,!1),v.isPressed=!1,v.isOverTarget=!1,v.activePointerId=null,v.pointerType=null,I(),Ss())},B={onKeyDown(A){io(A.nativeEvent)&&A.currentTarget.contains(A.target)&&(A.preventDefault(),A.stopPropagation(),!v.isPressed&&!A.repeat&&(v.target=A.currentTarget,v.isPressed=!0,k(A,"keyboard"),E(document,"keyup",P,!1)))},onKeyUp(A){io(A.nativeEvent)&&!A.repeat&&A.currentTarget.contains(A.target)&&L(en(v.target,A),"keyboard")},onClick(A){A&&!A.currentTarget.contains(A.target)||A&&A.button===0&&(A.stopPropagation(),l&&A.preventDefault(),!v.ignoreClickAfterPress&&!v.ignoreEmulatedMouseEvents&&oo(A.nativeEvent)&&(!l&&!m&&pn(A.currentTarget),k(A,"virtual"),L(A,"virtual"),_(A,"virtual")),v.ignoreEmulatedMouseEvents=!1,v.ignoreClickAfterPress=!1)}},P=A=>{v.isPressed&&io(A)&&(A.preventDefault(),A.stopPropagation(),v.isPressed=!1,_(en(v.target,A),"keyboard",A.target===v.target),I(),(A.target===v.target&&jc(v.target)||v.target.getAttribute("role")==="link")&&v.target.click())};if(typeof PointerEvent!="undefined"){B.onPointerDown=W=>{W.button!==0||!W.currentTarget.contains(W.target)||(lo(W.target)&&W.preventDefault(),v.pointerType=Jc(W.nativeEvent)?"virtual":W.pointerType,W.stopPropagation(),v.isPressed||(v.isPressed=!0,v.isOverTarget=!0,v.activePointerId=W.pointerId,v.target=W.currentTarget,!l&&!m&&pn(W.currentTarget),Yc(),k(W,v.pointerType),E(document,"pointermove",A,!1),E(document,"pointerup",G,!1),E(document,"pointercancel",K,!1)))},B.onMouseDown=W=>{!W.currentTarget.contains(W.target)||W.button===0&&(lo(W.target)&&W.preventDefault(),W.stopPropagation())},B.onPointerUp=W=>{!W.currentTarget.contains(W.target)||W.button===0&&qn(W,W.currentTarget)&&L(W,v.pointerType||(Jc(W.nativeEvent)?"virtual":W.pointerType))};let A=W=>{W.pointerId===v.activePointerId&&(qn(W,v.target)?v.isOverTarget||(v.isOverTarget=!0,k(en(v.target,W),v.pointerType)):v.isOverTarget&&(v.isOverTarget=!1,_(en(v.target,W),v.pointerType,!1),g.current.shouldCancelOnPointerExit&&R(W)))},G=W=>{W.pointerId===v.activePointerId&&v.isPressed&&W.button===0&&(qn(W,v.target)?_(en(v.target,W),v.pointerType):v.isOverTarget&&_(en(v.target,W),v.pointerType,!1),v.isPressed=!1,v.isOverTarget=!1,v.activePointerId=null,v.pointerType=null,I(),Ss())},K=W=>{R(W)};B.onDragStart=W=>{!W.currentTarget.contains(W.target)||R(W)}}else{B.onMouseDown=K=>{K.button!==0||!K.currentTarget.contains(K.target)||(lo(K.target)&&K.preventDefault(),K.stopPropagation(),!v.ignoreEmulatedMouseEvents&&(v.isPressed=!0,v.isOverTarget=!0,v.target=K.currentTarget,v.pointerType=oo(K.nativeEvent)?"virtual":"mouse",!l&&!m&&pn(K.currentTarget),k(K,v.pointerType),E(document,"mouseup",A,!1)))},B.onMouseEnter=K=>{!K.currentTarget.contains(K.target)||(K.stopPropagation(),v.isPressed&&!v.ignoreEmulatedMouseEvents&&(v.isOverTarget=!0,k(K,v.pointerType)))},B.onMouseLeave=K=>{!K.currentTarget.contains(K.target)||(K.stopPropagation(),v.isPressed&&!v.ignoreEmulatedMouseEvents&&(v.isOverTarget=!1,_(K,v.pointerType,!1),g.current.shouldCancelOnPointerExit&&R(K)))},B.onMouseUp=K=>{!K.currentTarget.contains(K.target)||!v.ignoreEmulatedMouseEvents&&K.button===0&&L(K,v.pointerType)};let A=K=>{if(K.button===0){if(v.isPressed=!1,I(),v.ignoreEmulatedMouseEvents){v.ignoreEmulatedMouseEvents=!1;return}qn(K,v.target)?_(en(v.target,K),v.pointerType):v.isOverTarget&&_(en(v.target,K),v.pointerType,!1),v.isOverTarget=!1}};B.onTouchStart=K=>{if(!K.currentTarget.contains(K.target))return;K.stopPropagation();let W=Rv(K.nativeEvent);!W||(v.activePointerId=W.identifier,v.ignoreEmulatedMouseEvents=!0,v.isOverTarget=!0,v.isPressed=!0,v.target=K.currentTarget,v.pointerType="touch",!l&&!m&&pn(K.currentTarget),Yc(),k(K,v.pointerType),E(window,"scroll",G,!0))},B.onTouchMove=K=>{if(!K.currentTarget.contains(K.target)||(K.stopPropagation(),!v.isPressed))return;let W=qc(K.nativeEvent,v.activePointerId);W&&qn(W,K.currentTarget)?v.isOverTarget||(v.isOverTarget=!0,k(K,v.pointerType)):v.isOverTarget&&(v.isOverTarget=!1,_(K,v.pointerType,!1),g.current.shouldCancelOnPointerExit&&R(K))},B.onTouchEnd=K=>{if(!K.currentTarget.contains(K.target)||(K.stopPropagation(),!v.isPressed))return;let W=qc(K.nativeEvent,v.activePointerId);W&&qn(W,K.currentTarget)?(L(K,v.pointerType),_(K,v.pointerType)):v.isOverTarget&&_(K,v.pointerType,!1),v.isPressed=!1,v.activePointerId=null,v.isOverTarget=!1,v.ignoreEmulatedMouseEvents=!0,Ss(),I()},B.onTouchCancel=K=>{!K.currentTarget.contains(K.target)||(K.stopPropagation(),v.isPressed&&R(K))};let G=K=>{v.isPressed&&K.target.contains(v.target)&&R({currentTarget:v.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};B.onDragStart=K=>{!K.currentTarget.contains(K.target)||R(K)}}return B},[E,l,m,I]);return V.useEffect(()=>()=>Ss(),[]),{isPressed:p||S,pressProps:Ca(u,D)}}function jc(e){return e.tagName==="A"&&e.hasAttribute("href")}function io(e){const{key:t,target:n}=e,a=n,{tagName:o,isContentEditable:i}=a,c=a.getAttribute("role");return(t==="Enter"||t===" "||t==="Spacebar")&&o!=="INPUT"&&o!=="TEXTAREA"&&i!==!0&&(!jc(a)||c==="button"&&t!=="Enter")&&!(c==="link"&&t!=="Enter")}function Rv(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function qc(e,t){const n=e.changedTouches;for(let a=0;a<n.length;a++){const o=n[a];if(o.identifier===t)return o}return null}function en(e,t){return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey}}function Ov(e){let t=e.width/2||e.radiusX||0,n=e.height/2||e.radiusY||0;return{top:e.clientY-n,right:e.clientX+t,bottom:e.clientY+n,left:e.clientX-t}}function Lv(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function qn(e,t){let n=t.getBoundingClientRect(),a=Ov(e);return Lv(n,a)}function lo(e){return!e.closest('[draggable="true"]')}function Jc(e){return e.width===0&&e.height===0}let xa=null,Bv=new Set,Zc=!1,Dn=!1,co=!1;function po(e,t){for(let n of Bv)n(e,t)}function Av(e){return!(e.metaKey||!Uc()&&e.altKey||e.ctrlKey||e.type==="keyup"&&(e.key==="Control"||e.key==="Shift"))}function Xc(e){Dn=!0,Av(e)&&(xa="keyboard",po("keyboard",e))}function Jn(e){xa="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(Dn=!0,po("pointer",e))}function Pv(e){oo(e)&&(Dn=!0,xa="virtual")}function Fv(e){e.target===window||e.target===document||(!Dn&&!co&&(xa="virtual",po("virtual",e)),Dn=!1,co=!1)}function Kv(){Dn=!1,co=!0}function Qc(){if(typeof window=="undefined"||Zc)return;let e=HTMLElement.prototype.focus;HTMLElement.prototype.focus=function(){Dn=!0,e.apply(this,arguments)},document.addEventListener("keydown",Xc,!0),document.addEventListener("keyup",Xc,!0),document.addEventListener("click",Pv,!0),window.addEventListener("focus",Fv,!0),window.addEventListener("blur",Kv,!1),typeof PointerEvent!="undefined"?(document.addEventListener("pointerdown",Jn,!0),document.addEventListener("pointermove",Jn,!0),document.addEventListener("pointerup",Jn,!0)):(document.addEventListener("mousedown",Jn,!0),document.addEventListener("mousemove",Jn,!0),document.addEventListener("mouseup",Jn,!0)),Zc=!0}typeof document!="undefined"&&(document.readyState!=="loading"?Qc():document.addEventListener("DOMContentLoaded",Qc));function Vv(){return xa}function ed(e){if(Vv()==="virtual"){let t=document.activeElement;Wc(()=>{document.activeElement===t&&document.contains(e)&&pn(e)})}else pn(e)}function $v(e){if(!(e instanceof HTMLElement)&&!(e instanceof SVGElement))return!1;let{display:t,visibility:n}=e.style,a=t!=="none"&&n!=="hidden"&&n!=="collapse";if(a){const{getComputedStyle:o}=e.ownerDocument.defaultView;let{display:i,visibility:c}=o(e);a=i!=="none"&&c!=="hidden"&&c!=="collapse"}return a}function Hv(e,t){return!e.hasAttribute("hidden")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function td(e,t){return e.nodeName!=="#comment"&&$v(e)&&Hv(e,t)&&(!e.parentElement||td(e.parentElement,e))}const uo=["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]"],Wv=uo.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";uo.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const Gv=uo.join(':not([hidden]):not([tabindex="-1"]),');function Uv(e,t){return t.some(n=>n.contains(e))}function nd(e,t,n){let a=t!=null&&t.tabbable?Gv:Wv,o=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(i){var c;return t!=null&&(c=t.from)!=null&&c.contains(i)?NodeFilter.FILTER_REJECT:i.matches(a)&&td(i)&&(!n||Uv(i,n))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t!=null&&t.from&&(o.currentNode=t.from),o}function Yv(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:a}=e,o=V.useRef({search:"",timeout:null}).current,i=c=>{let l=zv(c.key);if(!l||c.ctrlKey||c.metaKey)return;l===" "&&o.search.trim().length>0&&(c.preventDefault(),"continuePropagation"in c||c.stopPropagation()),o.search+=l;let p=t.getKeyForSearch(o.search,n.focusedKey);p==null&&(p=t.getKeyForSearch(o.search)),p!=null&&(n.setFocusedKey(p),a&&a(p)),clearTimeout(o.timeout),o.timeout=setTimeout(()=>{o.search=""},500)};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?i:null}}}function zv(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}function Da(e){return Uc()?e.metaKey:e.ctrlKey}function jv(e){let{selectionManager:t,keyboardDelegate:n,ref:a,autoFocus:o=!1,shouldFocusWrap:i=!1,disallowEmptySelection:c=!1,disallowSelectAll:l=!1,selectOnFocus:p=!1,disallowTypeAhead:m=!1,shouldUseVirtualFocus:f,allowsTabNavigation:u=!1,isVirtualized:g,scrollRef:S=a}=e,{direction:T}=Vc(),x=R=>{if(R.altKey&&R.key==="Tab"&&R.preventDefault(),R.altKey||!a.current.contains(R.target))return;const B=(P,A)=>{P!=null&&(t.setFocusedKey(P,A),R.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):p&&t.replaceSelection(P))};switch(R.key){case"ArrowDown":{if(n.getKeyBelow){R.preventDefault();let P=t.focusedKey!=null?n.getKeyBelow(t.focusedKey):n.getFirstKey==null?void 0:n.getFirstKey();P==null&&i&&(P=n.getFirstKey==null?void 0:n.getFirstKey(t.focusedKey)),B(P)}break}case"ArrowUp":{if(n.getKeyAbove){R.preventDefault();let P=t.focusedKey!=null?n.getKeyAbove(t.focusedKey):n.getLastKey==null?void 0:n.getLastKey();P==null&&i&&(P=n.getLastKey==null?void 0:n.getLastKey(t.focusedKey)),B(P)}break}case"ArrowLeft":{if(n.getKeyLeftOf){R.preventDefault();let P=n.getKeyLeftOf(t.focusedKey);B(P,T==="rtl"?"first":"last")}break}case"ArrowRight":{if(n.getKeyRightOf){R.preventDefault();let P=n.getKeyRightOf(t.focusedKey);B(P,T==="rtl"?"last":"first")}break}case"Home":if(n.getFirstKey){R.preventDefault();let P=n.getFirstKey(t.focusedKey,Da(R));t.setFocusedKey(P),Da(R)&&R.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):p&&t.replaceSelection(P)}break;case"End":if(n.getLastKey){R.preventDefault();let P=n.getLastKey(t.focusedKey,Da(R));t.setFocusedKey(P),Da(R)&&R.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):p&&t.replaceSelection(P)}break;case"PageDown":if(n.getKeyPageBelow){R.preventDefault();let P=n.getKeyPageBelow(t.focusedKey);B(P)}break;case"PageUp":if(n.getKeyPageAbove){R.preventDefault();let P=n.getKeyPageAbove(t.focusedKey);B(P)}break;case"a":Da(R)&&t.selectionMode==="multiple"&&l!==!0&&(R.preventDefault(),t.selectAll());break;case"Escape":R.preventDefault(),c||t.clearSelection();break;case"Tab":if(!u){if(R.shiftKey)a.current.focus();else{let P=nd(a.current,{tabbable:!0}),A,G;do G=P.lastChild(),G&&(A=G);while(G);A&&!A.contains(document.activeElement)&&pn(A)}break}}},E=V.useRef({top:0,left:0});kv(S,"scroll",g?null:()=>{E.current={top:S.current.scrollTop,left:S.current.scrollLeft}});let I=R=>{if(t.isFocused){R.currentTarget.contains(R.target)||t.setFocused(!1);return}if(!!R.currentTarget.contains(R.target)){if(t.setFocused(!0),t.focusedKey==null){let A=R.relatedTarget;if(A&&R.currentTarget.compareDocumentPosition(A)&Node.DOCUMENT_POSITION_FOLLOWING){var B;t.setFocusedKey((B=t.lastSelectedKey)!=null?B:n.getLastKey())}else{var P;t.setFocusedKey((P=t.firstSelectedKey)!=null?P:n.getFirstKey())}}else if(!g){S.current.scrollTop=E.current.top,S.current.scrollLeft=E.current.left;let A=S.current.querySelector('[data-key="'+t.focusedKey+'"]');A&&(pn(A),ad(S.current,A))}}},D=R=>{R.currentTarget.contains(R.relatedTarget)||t.setFocused(!1)};const v=V.useRef(o);V.useEffect(()=>{if(v.current){let R=null;o==="first"&&(R=n.getFirstKey()),o==="last"&&(R=n.getLastKey());let B=t.selectedKeys;B.size&&(R=B.values().next().value),t.setFocused(!0),t.setFocusedKey(R),R==null&&!f&&ed(a.current)}v.current=!1},[]),V.useEffect(()=>{if(!g&&t.focusedKey&&S!=null&&S.current){let R=S.current.querySelector('[data-key="'+t.focusedKey+'"]');R&&ad(S.current,R)}},[g,S,t.focusedKey]);let k={onKeyDown:x,onFocus:I,onBlur:D,onMouseDown(R){R.currentTarget.contains(R.target)&&R.preventDefault()}},{typeSelectProps:_}=Yv({keyboardDelegate:n,selectionManager:t});m||(k=Ca(_,k));let L;return f||(L=t.focusedKey==null?0:-1),{collectionProps:ue({},k,{tabIndex:L})}}function ad(e,t){let n=sd(e,t,"left"),a=sd(e,t,"top"),o=t.offsetWidth,i=t.offsetHeight,c=e.scrollLeft,l=e.scrollTop,p=c+e.offsetWidth,m=l+e.offsetHeight;n<=c?c=n:n+o>p&&(c+=n+o-p),a<=l?l=a:a+i>m&&(l+=a+i-m),e.scrollLeft=c,e.scrollTop=l}function sd(e,t,n){const a=n==="left"?"offsetLeft":"offsetTop";let o=0;for(;t.offsetParent&&(o+=t[a],t.offsetParent!==e);){if(t.offsetParent.contains(e)){o-=e[a];break}t=t.offsetParent}return o}function qv(e){let{selectionManager:t,key:n,ref:a,shouldSelectOnPressUp:o,isVirtualized:i,shouldUseVirtualFocus:c,focus:l}=e,p=u=>t.select(n,u),m=n===t.focusedKey;V.useEffect(()=>{m&&t.isFocused&&!c&&document.activeElement!==a.current&&(l?l():ed(a.current))},[a,m,t.focusedKey,t.childFocusStrategy,t.isFocused,c]);let f={};return c||(f={tabIndex:m?0:-1,onFocus(u){u.target===a.current&&t.setFocusedKey(n)}}),o?(f.onPressStart=u=>{u.pointerType==="keyboard"&&p(u)},f.onPressUp=u=>{u.pointerType!=="keyboard"&&p(u)}):(f.onPressStart=u=>{u.pointerType!=="touch"&&p(u)},f.onPress=u=>{u.pointerType==="touch"&&p(u)}),i||(f["data-key"]=n),{itemProps:f}}const rd=new WeakMap;function bs(e,t,n){return typeof t=="string"&&(t=t.replace(/\s+/g,"")),rd.get(e)+"-"+n+"-"+t}function Jv(e,t,n){let{key:a,isDisabled:o}=e,{selectionManager:i,selectedKey:c}=t,l=a===c,{itemProps:p}=qv({selectionManager:i,key:a,ref:n}),m=o||t.disabledKeys.has(a),{pressProps:f}=_v(ue({},p,{isDisabled:m})),u=bs(t,a,"tab"),g=bs(t,a,"tabpanel"),{tabIndex:S}=f;return{tabProps:ue({},f,{id:u,"aria-selected":l,"aria-disabled":m||void 0,"aria-controls":l?g:void 0,tabIndex:m?void 0:S,role:"tab"})}}function Zv(e,t,n){let[a,o]=V.useState(0);V.useLayoutEffect(()=>{if(n!=null&&n.current){let l=()=>{let m=nd(n.current,{tabbable:!0});o(m.nextNode()?void 0:0)};l();let p=new MutationObserver(l);return p.observe(n.current,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["tabIndex","disabled"]}),()=>{p.disconnect()}}},[n]);const i=bs(t,t==null?void 0:t.selectedKey,"tabpanel"),c=Gc(ue({},e,{id:i,"aria-labelledby":bs(t,t==null?void 0:t.selectedKey,"tab")}));return{tabPanelProps:Ca(c,{tabIndex:a,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class Xv{constructor(t,n,a,o){o===void 0&&(o=new Set),this.collection=void 0,this.flipDirection=void 0,this.disabledKeys=void 0,this.orientation=void 0,this.collection=t,this.flipDirection=n==="rtl"&&a==="horizontal",this.orientation=a,this.disabledKeys=o}getKeyLeftOf(t){return this.flipDirection?this.getNextKey(t):this.orientation==="horizontal"?this.getPreviousKey(t):null}getKeyRightOf(t){return this.flipDirection?this.getPreviousKey(t):this.orientation==="horizontal"?this.getNextKey(t):null}getKeyAbove(t){return this.orientation==="vertical"?this.getPreviousKey(t):null}getKeyBelow(t){return this.orientation==="vertical"?this.getNextKey(t):null}getFirstKey(){let t=this.collection.getFirstKey();return this.disabledKeys.has(t)&&(t=this.getNextKey(t)),t}getLastKey(){let t=this.collection.getLastKey();return this.disabledKeys.has(t)&&(t=this.getPreviousKey(t)),t}getNextKey(t){do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(this.disabledKeys.has(t));return t}getPreviousKey(t){do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(this.disabledKeys.has(t));return t}}function Qv(e,t,n){let{orientation:a="horizontal",keyboardActivation:o="automatic"}=e,{collection:i,selectionManager:c,disabledKeys:l}=t,{direction:p}=Vc(),m=V.useMemo(()=>new Xv(i,p,a,l),[i,l,a,p]),{collectionProps:f}=jv({ref:n,selectionManager:c,keyboardDelegate:m,selectOnFocus:o==="automatic",disallowEmptySelection:!0,scrollRef:n}),u=$c();rd.set(t,u);let g=Gc(ue({},e,{id:u}));return{tabListProps:ue({},Ca(f,g),{role:"tablist","aria-orientation":a,tabIndex:void 0})}}function od({item:e,state:t}){const{key:n}=e,a=s.useRef(),{tabProps:o}=Jv({key:n},t,a),i=t.selectedKey===n,c=t.disabledKeys.has(n);return s.createElement("div",$(N({},o),{ref:a,className:F("sps-nav__item","sps-nav__link",i&&"active",c&&"sps-nav__item--disabled")}),e.rendered)}function id(n){var a=n,{state:e}=a,t=z(a,["state"]);const o=s.useRef(),{tabPanelProps:i}=Zv(t,e,o);return s.createElement("div",$(N({},i),{ref:o,className:"sps-card__body"}),e.selectedItem?e.selectedItem.props.children:null)}const ey={},ty={};function vs(e){const t=uv(e),n=s.useRef(),{tabListProps:a}=Qv(e,t,n);return s.createElement(s.Fragment,null,s.createElement("div",$(N({},a),{ref:n,className:"sps-nav sps-nav--tabs sps-tabs-v2"}),[...t.collection].map(o=>s.createElement(od,{key:o.key,item:o,state:t}))),s.createElement(id,{key:t.selectedItem?t.selectedItem.key:null,state:t}))}Object.assign(vs,{props:ey,propTypes:ty,displayName:"SpsTabsV2"});const ny={},ay={};function ys(a){var o=a,{children:e,className:t}=o,n=z(o,["children","className"]);return s.createElement("div",N({className:F("sps-card__footer",t)},n),e)}Object.assign(ys,{props:ny,propTypes:ay,displayName:"SpsCardV2Footer"});const sy={},ry={};function Ts(a){var o=a,{children:e,className:t}=o,n=z(o,["children","className"]);return s.createElement("div",N({className:F("sps-card__header",t)},n),e)}Object.assign(Ts,{props:sy,propTypes:ry,displayName:"SpsCardV2Header"});const oy={},iy={};function mo(a){var o=a,{children:e,className:t}=o,n=z(o,["children","className"]);const[i,c,l,p]=Kt(e,[{type:Ts},{type:vs},{type:ys}]);return s.createElement("div",N({className:F("sps-card",t)},n),i,c.length>0?c:s.createElement("div",{className:"sps-card__body"},p),l)}Object.assign(mo,{props:oy,propTypes:iy,displayName:"SpsCardV2"});const ly={},cy={};function fo(a){var o=a,{children:e,className:t}=o,n=z(o,["children","className"]);return s.createElement("div",N({className:F("sps-card__title",t)},n),e)}Object.assign(fo,{props:ly,propTypes:cy,displayName:"SpsCardV2Title"});const ld={general:{label:"General Usage",description:({Link:e,NavigateTo:t})=>s.createElement(s.Fragment,null,s.createElement("h5",null,"Sizing and Layout"),s.createElement("p",null,"All varieties of Cards should be placed on the SPS Grid (i.e. the width of a Card should span a specific number of grid columns). They should never be set to a custom width. See the ",s.createElement(e,{to:"/style-and-layout/grid"},"SPS Grid")," and"," ",s.createElement(e,{to:"/style-and-layout/page-types"},"Page Layouts")," sections for more guidance on appropriate usage."),s.createElement("p",null,"The height of a Card should typically be based on the content inside of it, but in specific cases a fixed height can be set. For these cases, content will scroll vertically inside of the container."),s.createElement("h5",null,"Text Content"),s.createElement("p",null,"The only text content that can exist outside of a Card is the"," ",s.createElement(t,{to:"page-title"},"Page Title")," component"),s.createElement("p",null,"All other content should exist inside of a Card and should adhere to the SPS Design System ",s.createElement(e,{to:"/style-and-layout/typography"},"Typography")," rules."),s.createElement("h5",null,"Nesting"),s.createElement("p",null,"Avoid nesting Cards inside of other Cards when possible. If nesting is necessary, avoid nesting more than one level deep (i.e. limit nesting to a Card inside of a Card)."))},basic:{label:"Basic card",description:()=>s.createElement("p",null,"Basic Cards can include any type of general content, such as body copy, description lists, or more complex content such as forms."),examples:{basic:{jsx:w.code`
|
|
599
|
+
`}}}};function Lc(e,t,n){let[s,o]=$.useState(e||t),i=$.useRef(e!==void 0),c=i.current,l=e!==void 0,p=$.useRef(s);c!==l&&console.warn("WARN: A component changed from "+(c?"controlled":"uncontrolled")+" to "+(l?"controlled":"uncontrolled")+"."),i.current=l;let u=$.useCallback(function(f){for(var m=arguments.length,g=new Array(m>1?m-1:0),S=1;S<m;S++)g[S-1]=arguments[S];let T=function(E){if(n&&!Object.is(p.current,E)){for(var I=arguments.length,D=new Array(I>1?I-1:0),v=1;v<I;v++)D[v-1]=arguments[v];n(E,...D)}l||(p.current=E)};typeof f=="function"?o(function(I){for(var D=arguments.length,v=new Array(D>1?D-1:0),k=1;k<D;k++)v[k-1]=arguments[k];let _=f(l?p.current:I,...v);return T(_,...g),l?I:_}):(l||o(f),T(f,...g))},[l,n]);return l?p.current=e:e=s,[e,u]}function me(){return me=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e},me.apply(this,arguments)}class $t extends Set{constructor(t,n,s){super(t);this.anchorKey=void 0,this.currentKey=void 0,t instanceof $t?(this.anchorKey=n||t.anchorKey,this.currentKey=s||t.currentKey):(this.anchorKey=n,this.currentKey=s)}}function cv(e){let{selectionMode:t="none",disallowEmptySelection:n}=e,s=$.useRef(!1),[,o]=$.useState(!1),i=$.useRef(null),c=$.useRef(null),[,l]=$.useState(null),p=$.useMemo(()=>Oc(e.selectedKeys),[e.selectedKeys]),u=$.useMemo(()=>Oc(e.defaultSelectedKeys,new $t),[e.defaultSelectedKeys]),[f,m]=Lc(p,u,e.onSelectionChange),g=$.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]);return{selectionMode:t,disallowEmptySelection:n,get isFocused(){return s.current},setFocused(S){s.current=S,o(S)},get focusedKey(){return i.current},get childFocusStrategy(){return c.current},setFocusedKey(S,T){T===void 0&&(T="first"),i.current=S,c.current=T,l(S)},selectedKeys:f,setSelectedKeys:m,disabledKeys:g}}function Oc(e,t){return e?e==="all"?"all":new $t(e):t}class dv{constructor(t,n,s){var o;this.collection=void 0,this.state=void 0,this.allowsCellSelection=void 0,this._isSelectAll=void 0,this.collection=t,this.state=n,this.allowsCellSelection=(o=s==null?void 0:s.allowsCellSelection)!=null?o:!1,this._isSelectAll=null}get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}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){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){return this.state.selectionMode==="none"?!1:(t=this.getKey(t),this.state.selectedKeys==="all"?!this.state.disabledKeys.has(t):this.state.selectedKeys.has(t))}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(s=>n.has(s)),this._isSelectAll}get firstSelectedKey(){var t;let n=null;for(let s of this.state.selectedKeys){let o=this.collection.getItem(s);(!n||(o==null?void 0:o.index)<n.index)&&(n=o)}return(t=n)==null?void 0:t.key}get lastSelectedKey(){var t;let n=null;for(let s of this.state.selectedKeys){let o=this.collection.getItem(s);(!n||(o==null?void 0:o.index)>n.index)&&(n=o)}return(t=n)==null?void 0:t.key}extendSelection(t){t=this.getKey(t);let n;if(this.state.selectedKeys==="all")n=new $t([t],t,t);else{let s=this.state.selectedKeys,o=s.anchorKey||t;n=new $t(s,o,t);for(let i of this.getKeyRange(o,s.currentKey||t))n.delete(i);for(let i of this.getKeyRange(t,o))this.state.disabledKeys.has(i)||n.add(i)}this.state.setSelectedKeys(n)}getKeyRange(t,n){let s=this.collection.getItem(t),o=this.collection.getItem(n);return s&&o?s.index<=o.index?this.getKeyRangeInternal(t,n):this.getKeyRangeInternal(n,t):[]}getKeyRangeInternal(t,n){let s=[],o=t;for(;o;){let i=this.collection.getItem(o);if((i&&i.type==="item"||i.type==="cell"&&this.allowsCellSelection)&&s.push(o),o===n)return s;o=this.collection.getKeyAfter(o)}return[]}getKey(t){let n=this.collection.getItem(t);if(!n||n.type==="cell"&&this.allowsCellSelection)return t;for(;n.type!=="item"&&n.parentKey;)n=this.collection.getItem(n.parentKey);return!n||n.type!=="item"?null:n.key}toggleSelection(t){if(t=this.getKey(t),t==null)return;let n=new $t(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);n.has(t)?n.delete(t):(n.add(t),n.anchorKey=t,n.currentKey=t),!(this.disallowEmptySelection&&n.size===0)&&this.state.setSelectedKeys(n)}replaceSelection(t){t=this.getKey(t),t!=null&&this.state.setSelectedKeys(new $t([t],t,t))}setSelectedKeys(t){if(this.selectionMode==="none")return;let n=new $t;for(let s of t)if(s=this.getKey(s),s!=null&&(n.add(s),this.selectionMode==="single"))break;this.state.setSelectedKeys(n)}getSelectAllKeys(){let t=[],n=s=>{for(;s;){if(!this.state.disabledKeys.has(s)){let o=this.collection.getItem(s);o.type==="item"&&t.push(s),o.hasChildNodes&&(this.allowsCellSelection||o.type!=="item")&&n([...o.childNodes][0].key)}s=this.collection.getKeyAfter(s)}};return n(this.collection.getFirstKey()),t}selectAll(){this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new $t)}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):n&&n.shiftKey?this.extendSelection(t):this.toggleSelection(t))}isSelectionEqual(t){if(t===this.state.selectedKeys)return!0;let n=this.selectedKeys;if(t.size!==n.size)return!1;for(let s of t)if(!n.has(s))return!1;for(let s of n)if(!t.has(s))return!1;return!0}}let Bc;Bc=Symbol.iterator;class Pc{constructor(t){var n;this.keyMap=new Map,this.iterable=void 0,this.firstKey=void 0,this.lastKey=void 0,this.iterable=t;let s=c=>{if(this.keyMap.set(c.key,c),c.childNodes&&c.type==="section")for(let l of c.childNodes)s(l)};for(let c of t)s(c);let o,i=0;for(let[c,l]of this.keyMap)o?(o.nextKey=c,l.prevKey=o.key):(this.firstKey=c,l.prevKey=void 0),l.type==="item"&&(l.index=i++),o=l,o.nextKey=void 0;this.lastKey=(n=o)==null?void 0:n.key}*[Bc](){yield*this.iterable}get size(){return this.keyMap.size}getKeys(){return this.keyMap.keys()}getKeyBefore(t){let n=this.keyMap.get(t);return n?n.prevKey:null}getKeyAfter(t){let n=this.keyMap.get(t);return n?n.nextKey:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(t){return this.keyMap.get(t)}at(t){const n=[...this.getKeys()];return this.getItem(n[t])}}function pv(e){let{filter:t}=e,n=cv(e),s=$.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),o=l=>t?new Pc(t(l)):new Pc(l),i=$.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),c=tb.useCollection(e,o,i,[t]);return $.useEffect(()=>{n.focusedKey!=null&&!c.getItem(n.focusedKey)&&n.setFocusedKey(null)},[c,n.focusedKey]),{collection:c,disabledKeys:s,selectionManager:new dv(c,n)}}function uv(e){var t;let[n,s]=Lc(e.selectedKey,(t=e.defaultSelectedKey)!=null?t:null,e.onSelectionChange),o=$.useMemo(()=>n!=null?[n]:[],[n]),{collection:i,disabledKeys:c,selectionManager:l}=pv(me({},e,{selectionMode:"single",disallowEmptySelection:!0,selectedKeys:o,onSelectionChange:u=>{let f=u.values().next().value;f===n&&e.onSelectionChange&&e.onSelectionChange(f),s(f)}})),p=n!=null?i.getItem(n):null;return{collection:i,disabledKeys:c,selectionManager:l,selectedKey:n,setSelectedKey:s,selectedItem:p}}function mv(e){let t=uv(me({},e,{suppressTextValueWarning:!0}));return $.useEffect(()=>{let n=t.selectedKey;(t.selectionManager.isEmpty||!t.collection.getItem(n))&&(n=t.collection.getFirstKey(),t.selectionManager.replaceSelection(n)),t.selectionManager.focusedKey==null&&t.selectionManager.setFocusedKey(n)},[t.selectionManager,t.selectedKey,t.collection]),t}const to={prefix:String(Math.round(Math.random()*1e10)),current:0},Ac=A.default.createContext(to);let fv=Boolean(typeof window!="undefined"&&window.document&&window.document.createElement);function hv(e){let t=$.useContext(Ac);return t===to&&!fv&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server."),$.useMemo(()=>e||"react-aria"+t.prefix+"-"+ ++t.current,[e])}function gv(){let t=$.useContext(Ac)!==to,[n,s]=$.useState(t);return typeof window!="undefined"&&t&&$.useLayoutEffect(()=>{s(!1)},[]),n}const Sv=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),bv=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function vv(e){if(Intl.Locale){let n=new Intl.Locale(e).maximize().script;return Sv.has(n)}let t=e.split("-")[0];return bv.has(t)}function Fc(){let e=typeof navigator!="undefined"&&(navigator.language||navigator.userLanguage)||"en-US";return{locale:e,direction:vv(e)?"rtl":"ltr"}}let no=Fc(),Ea=new Set;function Kc(){no=Fc();for(let e of Ea)e(no)}function yv(){let e=gv(),[t,n]=$.useState(no);return $.useEffect(()=>(Ea.size===0&&window.addEventListener("languagechange",Kc),Ea.add(n),()=>{Ea.delete(n),Ea.size===0&&window.removeEventListener("languagechange",Kc)}),[]),e?{locale:"en-US",direction:"ltr"}:t}const Tv=A.default.createContext(null);function Vc(){let e=yv();return $.useContext(Tv)||e}const ao=typeof window!="undefined"?A.default.useLayoutEffect:()=>{};let gs=new Map;function $c(e){let t=$.useRef(!0);t.current=!0;let[n,s]=$.useState(e),o=$.useRef(null),i=hv(n),c=l=>{t.current?o.current=l:s(l)};return gs.set(i,c),ao(()=>{t.current=!1},[c]),ao(()=>{let l=i;return()=>{gs.delete(l)}},[i]),$.useEffect(()=>{let l=o.current;l&&(s(l),o.current=null)},[s,c]),i}function wv(e,t){if(e===t)return e;let n=gs.get(e);if(n)return n(t),t;let s=gs.get(t);return s?(s(e),e):t}function Ev(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(){for(let s of t)typeof s=="function"&&s(...arguments)}}function Ca(){let e=me({},arguments.length<=0?void 0:arguments[0]);for(let t=1;t<arguments.length;t++){let n=t<0||arguments.length<=t?void 0:arguments[t];for(let s in n){let o=e[s],i=n[s];typeof o=="function"&&typeof i=="function"&&s[0]==="o"&&s[1]==="n"&&s.charCodeAt(2)>=65&&s.charCodeAt(2)<=90?e[s]=Ev(o,i):(s==="className"||s==="UNSAFE_className")&&typeof o=="string"&&typeof i=="string"?e[s]=K(o,i):s==="id"&&o&&i?e.id=wv(o,i):e[s]=i!==void 0?i:o}}return e}function cn(e){if(Cv())e.focus({preventScroll:!0});else{let t=xv(e);e.focus(),Dv(t)}}let Ss=null;function Cv(){if(Ss==null){Ss=!1;try{var e=document.createElement("div");e.focus({get preventScroll(){return Ss=!0,!0}})}catch{}}return Ss}function xv(e){for(var t=e.parentNode,n=[],s=document.scrollingElement||document.documentElement;t instanceof HTMLElement&&t!==s;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&n.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return s instanceof HTMLElement&&n.push({element:s,scrollTop:s.scrollTop,scrollLeft:s.scrollLeft}),n}function Dv(e){for(let{element:t,scrollTop:n,scrollLeft:s}of e)t.scrollTop=n,t.scrollLeft=s}let qn=new Map,so=new Set;function Hc(){if(typeof window=="undefined")return;let e=n=>{let s=qn.get(n.target);s||(s=new Set,qn.set(n.target,s),n.target.addEventListener("transitioncancel",t)),s.add(n.propertyName)},t=n=>{let s=qn.get(n.target);if(!!s&&(s.delete(n.propertyName),s.size===0&&(n.target.removeEventListener("transitioncancel",t),qn.delete(n.target)),qn.size===0)){for(let o of so)o();so.clear()}};document.body.addEventListener("transitionrun",e),document.body.addEventListener("transitionend",t)}typeof document!="undefined"&&(document.readyState!=="loading"?Hc():document.addEventListener("DOMContentLoaded",Hc));function Wc(e){requestAnimationFrame(()=>{qn.size===0?e():so.add(e)})}function Iv(){let e=$.useRef(new Map),t=$.useCallback((o,i,c,l)=>{e.current.set(c,{type:i,eventTarget:o,options:l}),o.addEventListener(i,c,l)},[]),n=$.useCallback((o,i,c,l)=>{o.removeEventListener(i,c,l),e.current.delete(c)},[]),s=$.useCallback(()=>{e.current.forEach((o,i)=>{n(o.eventTarget,o.type,i,o.options)})},[n]);return $.useEffect(()=>s,[s]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:s}}function Gc(e,t){let{id:n,"aria-label":s,"aria-labelledby":o}=e;return n=$c(n),o&&s?o=[...new Set([...o.trim().split(/\s+/),n])].join(" "):o&&(o=o.trim().split(/\s+/).join(" ")),!s&&!o&&t&&(s=t),{id:n,"aria-label":s,"aria-labelledby":o}}function Nv(e,t){ao(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref.current=null}},[e,t])}function kv(e){return typeof window!="undefined"&&window.navigator!=null?e.test(window.navigator.platform):!1}function Uc(){return kv(/^Mac/)}function Mv(e,t,n,s){let o=$.useRef(n);o.current=n;let i=n==null;$.useEffect(()=>{if(i)return;let c=e.current,l=p=>o.current.call(this,p);return c.addEventListener(t,l,s),()=>{c.removeEventListener(t,l,s)}},[e,t,s,i])}function Jn(e,t){if(e==null)return{};var n={},s=Object.keys(e),o,i;for(i=0;i<s.length;i++)o=s[i],!(t.indexOf(o)>=0)&&(n[o]=e[o]);return n}let Zn="default",ro="";function Yc(){Zn==="default"&&(ro=document.documentElement.style.webkitUserSelect,document.documentElement.style.webkitUserSelect="none"),Zn="disabled"}function bs(){Zn==="disabled"&&(Zn="restoring",setTimeout(()=>{Wc(()=>{Zn==="restoring"&&(document.documentElement.style.webkitUserSelect==="none"&&(document.documentElement.style.webkitUserSelect=ro||""),ro="",Zn="default")})},300))}function oo(e){return e.mozInputSource===0&&e.isTrusted?!0:e.detail===0&&!e.pointerType}const zc=A.default.createContext(null);zc.displayName="PressResponderContext";function _v(e){let t=$.useContext(zc);if(t){let{register:n}=t,s=Jn(t,["register"]);e=Ca(s,e),n()}return Nv(t,e.ref),e}function Rv(e){let t=_v(e),{onPress:n,onPressChange:s,onPressStart:o,onPressEnd:i,onPressUp:c,isDisabled:l,isPressed:p,preventFocusOnPress:u,shouldCancelOnPointerExit:f}=t,m=Jn(t,["onPress","onPressChange","onPressStart","onPressEnd","onPressUp","isDisabled","isPressed","preventFocusOnPress","shouldCancelOnPointerExit","ref"]),g=$.useRef(null);g.current={onPress:n,onPressChange:s,onPressStart:o,onPressEnd:i,onPressUp:c,isDisabled:l,shouldCancelOnPointerExit:f};let[S,T]=$.useState(!1),x=$.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:E,removeAllGlobalListeners:I}=Iv(),D=$.useMemo(()=>{let v=x.current,k=(P,U)=>{let{onPressStart:V,onPressChange:G,isDisabled:pe}=g.current;pe||v.didFirePressStart||(V&&V({type:"pressstart",pointerType:U,target:P.currentTarget,shiftKey:P.shiftKey,metaKey:P.metaKey,ctrlKey:P.ctrlKey,altKey:P.altKey}),G&&G(!0),v.didFirePressStart=!0,T(!0))},_=function(U,V,G){G===void 0&&(G=!0);let{onPressEnd:pe,onPressChange:ue,onPress:J,isDisabled:Q}=g.current;!v.didFirePressStart||(v.ignoreClickAfterPress=!0,v.didFirePressStart=!1,pe&&pe({type:"pressend",pointerType:V,target:U.currentTarget,shiftKey:U.shiftKey,metaKey:U.metaKey,ctrlKey:U.ctrlKey,altKey:U.altKey}),ue&&ue(!1),T(!1),J&&G&&!Q&&J({type:"press",pointerType:V,target:U.currentTarget,shiftKey:U.shiftKey,metaKey:U.metaKey,ctrlKey:U.ctrlKey,altKey:U.altKey}))},O=(P,U)=>{let{onPressUp:V,isDisabled:G}=g.current;G||V&&V({type:"pressup",pointerType:U,target:P.currentTarget,shiftKey:P.shiftKey,metaKey:P.metaKey,ctrlKey:P.ctrlKey,altKey:P.altKey})},R=P=>{v.isPressed&&(v.isOverTarget&&_(Qt(v.target,P),v.pointerType,!1),v.isPressed=!1,v.isOverTarget=!1,v.activePointerId=null,v.pointerType=null,I(),bs())},B={onKeyDown(P){io(P.nativeEvent)&&P.currentTarget.contains(P.target)&&(P.preventDefault(),P.stopPropagation(),!v.isPressed&&!P.repeat&&(v.target=P.currentTarget,v.isPressed=!0,k(P,"keyboard"),E(document,"keyup",F,!1)))},onKeyUp(P){io(P.nativeEvent)&&!P.repeat&&P.currentTarget.contains(P.target)&&O(Qt(v.target,P),"keyboard")},onClick(P){P&&!P.currentTarget.contains(P.target)||P&&P.button===0&&(P.stopPropagation(),l&&P.preventDefault(),!v.ignoreClickAfterPress&&!v.ignoreEmulatedMouseEvents&&oo(P.nativeEvent)&&(!l&&!u&&cn(P.currentTarget),k(P,"virtual"),O(P,"virtual"),_(P,"virtual")),v.ignoreEmulatedMouseEvents=!1,v.ignoreClickAfterPress=!1)}},F=P=>{v.isPressed&&io(P)&&(P.preventDefault(),P.stopPropagation(),v.isPressed=!1,_(Qt(v.target,P),"keyboard",P.target===v.target),I(),(P.target===v.target&&jc(v.target)||v.target.getAttribute("role")==="link")&&v.target.click())};if(typeof PointerEvent!="undefined"){B.onPointerDown=G=>{G.button!==0||!G.currentTarget.contains(G.target)||(lo(G.target)&&G.preventDefault(),v.pointerType=Jc(G.nativeEvent)?"virtual":G.pointerType,G.stopPropagation(),v.isPressed||(v.isPressed=!0,v.isOverTarget=!0,v.activePointerId=G.pointerId,v.target=G.currentTarget,!l&&!u&&cn(G.currentTarget),Yc(),k(G,v.pointerType),E(document,"pointermove",P,!1),E(document,"pointerup",U,!1),E(document,"pointercancel",V,!1)))},B.onMouseDown=G=>{!G.currentTarget.contains(G.target)||G.button===0&&(lo(G.target)&&G.preventDefault(),G.stopPropagation())},B.onPointerUp=G=>{!G.currentTarget.contains(G.target)||G.button===0&&Xn(G,G.currentTarget)&&O(G,v.pointerType||(Jc(G.nativeEvent)?"virtual":G.pointerType))};let P=G=>{G.pointerId===v.activePointerId&&(Xn(G,v.target)?v.isOverTarget||(v.isOverTarget=!0,k(Qt(v.target,G),v.pointerType)):v.isOverTarget&&(v.isOverTarget=!1,_(Qt(v.target,G),v.pointerType,!1),g.current.shouldCancelOnPointerExit&&R(G)))},U=G=>{G.pointerId===v.activePointerId&&v.isPressed&&G.button===0&&(Xn(G,v.target)?_(Qt(v.target,G),v.pointerType):v.isOverTarget&&_(Qt(v.target,G),v.pointerType,!1),v.isPressed=!1,v.isOverTarget=!1,v.activePointerId=null,v.pointerType=null,I(),bs())},V=G=>{R(G)};B.onDragStart=G=>{!G.currentTarget.contains(G.target)||R(G)}}else{B.onMouseDown=V=>{V.button!==0||!V.currentTarget.contains(V.target)||(lo(V.target)&&V.preventDefault(),V.stopPropagation(),!v.ignoreEmulatedMouseEvents&&(v.isPressed=!0,v.isOverTarget=!0,v.target=V.currentTarget,v.pointerType=oo(V.nativeEvent)?"virtual":"mouse",!l&&!u&&cn(V.currentTarget),k(V,v.pointerType),E(document,"mouseup",P,!1)))},B.onMouseEnter=V=>{!V.currentTarget.contains(V.target)||(V.stopPropagation(),v.isPressed&&!v.ignoreEmulatedMouseEvents&&(v.isOverTarget=!0,k(V,v.pointerType)))},B.onMouseLeave=V=>{!V.currentTarget.contains(V.target)||(V.stopPropagation(),v.isPressed&&!v.ignoreEmulatedMouseEvents&&(v.isOverTarget=!1,_(V,v.pointerType,!1),g.current.shouldCancelOnPointerExit&&R(V)))},B.onMouseUp=V=>{!V.currentTarget.contains(V.target)||!v.ignoreEmulatedMouseEvents&&V.button===0&&O(V,v.pointerType)};let P=V=>{if(V.button===0){if(v.isPressed=!1,I(),v.ignoreEmulatedMouseEvents){v.ignoreEmulatedMouseEvents=!1;return}Xn(V,v.target)?_(Qt(v.target,V),v.pointerType):v.isOverTarget&&_(Qt(v.target,V),v.pointerType,!1),v.isOverTarget=!1}};B.onTouchStart=V=>{if(!V.currentTarget.contains(V.target))return;V.stopPropagation();let G=Lv(V.nativeEvent);!G||(v.activePointerId=G.identifier,v.ignoreEmulatedMouseEvents=!0,v.isOverTarget=!0,v.isPressed=!0,v.target=V.currentTarget,v.pointerType="touch",!l&&!u&&cn(V.currentTarget),Yc(),k(V,v.pointerType),E(window,"scroll",U,!0))},B.onTouchMove=V=>{if(!V.currentTarget.contains(V.target)||(V.stopPropagation(),!v.isPressed))return;let G=qc(V.nativeEvent,v.activePointerId);G&&Xn(G,V.currentTarget)?v.isOverTarget||(v.isOverTarget=!0,k(V,v.pointerType)):v.isOverTarget&&(v.isOverTarget=!1,_(V,v.pointerType,!1),g.current.shouldCancelOnPointerExit&&R(V))},B.onTouchEnd=V=>{if(!V.currentTarget.contains(V.target)||(V.stopPropagation(),!v.isPressed))return;let G=qc(V.nativeEvent,v.activePointerId);G&&Xn(G,V.currentTarget)?(O(V,v.pointerType),_(V,v.pointerType)):v.isOverTarget&&_(V,v.pointerType,!1),v.isPressed=!1,v.activePointerId=null,v.isOverTarget=!1,v.ignoreEmulatedMouseEvents=!0,bs(),I()},B.onTouchCancel=V=>{!V.currentTarget.contains(V.target)||(V.stopPropagation(),v.isPressed&&R(V))};let U=V=>{v.isPressed&&V.target.contains(v.target)&&R({currentTarget:v.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};B.onDragStart=V=>{!V.currentTarget.contains(V.target)||R(V)}}return B},[E,l,u,I]);return $.useEffect(()=>()=>bs(),[]),{isPressed:p||S,pressProps:Ca(m,D)}}function jc(e){return e.tagName==="A"&&e.hasAttribute("href")}function io(e){const{key:t,target:n}=e,s=n,{tagName:o,isContentEditable:i}=s,c=s.getAttribute("role");return(t==="Enter"||t===" "||t==="Spacebar")&&o!=="INPUT"&&o!=="TEXTAREA"&&i!==!0&&(!jc(s)||c==="button"&&t!=="Enter")&&!(c==="link"&&t!=="Enter")}function Lv(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function qc(e,t){const n=e.changedTouches;for(let s=0;s<n.length;s++){const o=n[s];if(o.identifier===t)return o}return null}function Qt(e,t){return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey}}function Ov(e){let t=e.width/2||e.radiusX||0,n=e.height/2||e.radiusY||0;return{top:e.clientY-n,right:e.clientX+t,bottom:e.clientY+n,left:e.clientX-t}}function Bv(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function Xn(e,t){let n=t.getBoundingClientRect(),s=Ov(e);return Bv(n,s)}function lo(e){return!e.closest('[draggable="true"]')}function Jc(e){return e.width===0&&e.height===0}let xa=null,Pv=new Set,Zc=!1,In=!1,co=!1;function po(e,t){for(let n of Pv)n(e,t)}function Av(e){return!(e.metaKey||!Uc()&&e.altKey||e.ctrlKey||e.type==="keyup"&&(e.key==="Control"||e.key==="Shift"))}function Xc(e){In=!0,Av(e)&&(xa="keyboard",po("keyboard",e))}function Qn(e){xa="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(In=!0,po("pointer",e))}function Fv(e){oo(e)&&(In=!0,xa="virtual")}function Kv(e){e.target===window||e.target===document||(!In&&!co&&(xa="virtual",po("virtual",e)),In=!1,co=!1)}function Vv(){In=!1,co=!0}function Qc(){if(typeof window=="undefined"||Zc)return;let e=HTMLElement.prototype.focus;HTMLElement.prototype.focus=function(){In=!0,e.apply(this,arguments)},document.addEventListener("keydown",Xc,!0),document.addEventListener("keyup",Xc,!0),document.addEventListener("click",Fv,!0),window.addEventListener("focus",Kv,!0),window.addEventListener("blur",Vv,!1),typeof PointerEvent!="undefined"?(document.addEventListener("pointerdown",Qn,!0),document.addEventListener("pointermove",Qn,!0),document.addEventListener("pointerup",Qn,!0)):(document.addEventListener("mousedown",Qn,!0),document.addEventListener("mousemove",Qn,!0),document.addEventListener("mouseup",Qn,!0)),Zc=!0}typeof document!="undefined"&&(document.readyState!=="loading"?Qc():document.addEventListener("DOMContentLoaded",Qc));function $v(){return xa}function ed(e){if($v()==="virtual"){let t=document.activeElement;Wc(()=>{document.activeElement===t&&document.contains(e)&&cn(e)})}else cn(e)}function Hv(e){if(!(e instanceof HTMLElement)&&!(e instanceof SVGElement))return!1;let{display:t,visibility:n}=e.style,s=t!=="none"&&n!=="hidden"&&n!=="collapse";if(s){const{getComputedStyle:o}=e.ownerDocument.defaultView;let{display:i,visibility:c}=o(e);s=i!=="none"&&c!=="hidden"&&c!=="collapse"}return s}function Wv(e,t){return!e.hasAttribute("hidden")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function td(e,t){return e.nodeName!=="#comment"&&Hv(e)&&Wv(e,t)&&(!e.parentElement||td(e.parentElement,e))}const uo=["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]"],Gv=uo.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";uo.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const Uv=uo.join(':not([hidden]):not([tabindex="-1"]),');function Yv(e,t){return t.some(n=>n.contains(e))}function nd(e,t,n){let s=t!=null&&t.tabbable?Uv:Gv,o=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(i){var c;return t!=null&&(c=t.from)!=null&&c.contains(i)?NodeFilter.FILTER_REJECT:i.matches(s)&&td(i)&&(!n||Yv(i,n))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t!=null&&t.from&&(o.currentNode=t.from),o}function zv(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:s}=e,o=$.useRef({search:"",timeout:null}).current,i=c=>{let l=jv(c.key);if(!l||c.ctrlKey||c.metaKey)return;l===" "&&o.search.trim().length>0&&(c.preventDefault(),"continuePropagation"in c||c.stopPropagation()),o.search+=l;let p=t.getKeyForSearch(o.search,n.focusedKey);p==null&&(p=t.getKeyForSearch(o.search)),p!=null&&(n.setFocusedKey(p),s&&s(p)),clearTimeout(o.timeout),o.timeout=setTimeout(()=>{o.search=""},500)};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?i:null}}}function jv(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}function Da(e){return Uc()?e.metaKey:e.ctrlKey}function qv(e){let{selectionManager:t,keyboardDelegate:n,ref:s,autoFocus:o=!1,shouldFocusWrap:i=!1,disallowEmptySelection:c=!1,disallowSelectAll:l=!1,selectOnFocus:p=!1,disallowTypeAhead:u=!1,shouldUseVirtualFocus:f,allowsTabNavigation:m=!1,isVirtualized:g,scrollRef:S=s}=e,{direction:T}=Vc(),x=R=>{if(R.altKey&&R.key==="Tab"&&R.preventDefault(),R.altKey||!s.current.contains(R.target))return;const B=(F,P)=>{F!=null&&(t.setFocusedKey(F,P),R.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(F):p&&t.replaceSelection(F))};switch(R.key){case"ArrowDown":{if(n.getKeyBelow){R.preventDefault();let F=t.focusedKey!=null?n.getKeyBelow(t.focusedKey):n.getFirstKey==null?void 0:n.getFirstKey();F==null&&i&&(F=n.getFirstKey==null?void 0:n.getFirstKey(t.focusedKey)),B(F)}break}case"ArrowUp":{if(n.getKeyAbove){R.preventDefault();let F=t.focusedKey!=null?n.getKeyAbove(t.focusedKey):n.getLastKey==null?void 0:n.getLastKey();F==null&&i&&(F=n.getLastKey==null?void 0:n.getLastKey(t.focusedKey)),B(F)}break}case"ArrowLeft":{if(n.getKeyLeftOf){R.preventDefault();let F=n.getKeyLeftOf(t.focusedKey);B(F,T==="rtl"?"first":"last")}break}case"ArrowRight":{if(n.getKeyRightOf){R.preventDefault();let F=n.getKeyRightOf(t.focusedKey);B(F,T==="rtl"?"last":"first")}break}case"Home":if(n.getFirstKey){R.preventDefault();let F=n.getFirstKey(t.focusedKey,Da(R));t.setFocusedKey(F),Da(R)&&R.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(F):p&&t.replaceSelection(F)}break;case"End":if(n.getLastKey){R.preventDefault();let F=n.getLastKey(t.focusedKey,Da(R));t.setFocusedKey(F),Da(R)&&R.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(F):p&&t.replaceSelection(F)}break;case"PageDown":if(n.getKeyPageBelow){R.preventDefault();let F=n.getKeyPageBelow(t.focusedKey);B(F)}break;case"PageUp":if(n.getKeyPageAbove){R.preventDefault();let F=n.getKeyPageAbove(t.focusedKey);B(F)}break;case"a":Da(R)&&t.selectionMode==="multiple"&&l!==!0&&(R.preventDefault(),t.selectAll());break;case"Escape":R.preventDefault(),c||t.clearSelection();break;case"Tab":if(!m){if(R.shiftKey)s.current.focus();else{let F=nd(s.current,{tabbable:!0}),P,U;do U=F.lastChild(),U&&(P=U);while(U);P&&!P.contains(document.activeElement)&&cn(P)}break}}},E=$.useRef({top:0,left:0});Mv(S,"scroll",g?null:()=>{E.current={top:S.current.scrollTop,left:S.current.scrollLeft}});let I=R=>{if(t.isFocused){R.currentTarget.contains(R.target)||t.setFocused(!1);return}if(!!R.currentTarget.contains(R.target)){if(t.setFocused(!0),t.focusedKey==null){let P=R.relatedTarget;if(P&&R.currentTarget.compareDocumentPosition(P)&Node.DOCUMENT_POSITION_FOLLOWING){var B;t.setFocusedKey((B=t.lastSelectedKey)!=null?B:n.getLastKey())}else{var F;t.setFocusedKey((F=t.firstSelectedKey)!=null?F:n.getFirstKey())}}else if(!g){S.current.scrollTop=E.current.top,S.current.scrollLeft=E.current.left;let P=S.current.querySelector('[data-key="'+t.focusedKey+'"]');P&&(cn(P),ad(S.current,P))}}},D=R=>{R.currentTarget.contains(R.relatedTarget)||t.setFocused(!1)};const v=$.useRef(o);$.useEffect(()=>{if(v.current){let R=null;o==="first"&&(R=n.getFirstKey()),o==="last"&&(R=n.getLastKey());let B=t.selectedKeys;B.size&&(R=B.values().next().value),t.setFocused(!0),t.setFocusedKey(R),R==null&&!f&&ed(s.current)}v.current=!1},[]),$.useEffect(()=>{if(!g&&t.focusedKey&&S!=null&&S.current){let R=S.current.querySelector('[data-key="'+t.focusedKey+'"]');R&&ad(S.current,R)}},[g,S,t.focusedKey]);let k={onKeyDown:x,onFocus:I,onBlur:D,onMouseDown(R){R.currentTarget.contains(R.target)&&R.preventDefault()}},{typeSelectProps:_}=zv({keyboardDelegate:n,selectionManager:t});u||(k=Ca(_,k));let O;return f||(O=t.focusedKey==null?0:-1),{collectionProps:me({},k,{tabIndex:O})}}function ad(e,t){let n=sd(e,t,"left"),s=sd(e,t,"top"),o=t.offsetWidth,i=t.offsetHeight,c=e.scrollLeft,l=e.scrollTop,p=c+e.offsetWidth,u=l+e.offsetHeight;n<=c?c=n:n+o>p&&(c+=n+o-p),s<=l?l=s:s+i>u&&(l+=s+i-u),e.scrollLeft=c,e.scrollTop=l}function sd(e,t,n){const s=n==="left"?"offsetLeft":"offsetTop";let o=0;for(;t.offsetParent&&(o+=t[s],t.offsetParent!==e);){if(t.offsetParent.contains(e)){o-=e[s];break}t=t.offsetParent}return o}function Jv(e){let{selectionManager:t,key:n,ref:s,shouldSelectOnPressUp:o,isVirtualized:i,shouldUseVirtualFocus:c,focus:l}=e,p=m=>t.select(n,m),u=n===t.focusedKey;$.useEffect(()=>{u&&t.isFocused&&!c&&document.activeElement!==s.current&&(l?l():ed(s.current))},[s,u,t.focusedKey,t.childFocusStrategy,t.isFocused,c]);let f={};return c||(f={tabIndex:u?0:-1,onFocus(m){m.target===s.current&&t.setFocusedKey(n)}}),o?(f.onPressStart=m=>{m.pointerType==="keyboard"&&p(m)},f.onPressUp=m=>{m.pointerType!=="keyboard"&&p(m)}):(f.onPressStart=m=>{m.pointerType!=="touch"&&p(m)},f.onPress=m=>{m.pointerType==="touch"&&p(m)}),i||(f["data-key"]=n),{itemProps:f}}const rd=new WeakMap;function vs(e,t,n){return typeof t=="string"&&(t=t.replace(/\s+/g,"")),rd.get(e)+"-"+n+"-"+t}function Zv(e,t,n){let{key:s,isDisabled:o}=e,{selectionManager:i,selectedKey:c}=t,l=s===c,{itemProps:p}=Jv({selectionManager:i,key:s,ref:n}),u=o||t.disabledKeys.has(s),{pressProps:f}=Rv(me({},p,{isDisabled:u})),m=vs(t,s,"tab"),g=vs(t,s,"tabpanel"),{tabIndex:S}=f;return{tabProps:me({},f,{id:m,"aria-selected":l,"aria-disabled":u||void 0,"aria-controls":l?g:void 0,tabIndex:u?void 0:S,role:"tab"})}}function Xv(e,t,n){let[s,o]=$.useState(0);$.useLayoutEffect(()=>{if(n!=null&&n.current){let l=()=>{let u=nd(n.current,{tabbable:!0});o(u.nextNode()?void 0:0)};l();let p=new MutationObserver(l);return p.observe(n.current,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["tabIndex","disabled"]}),()=>{p.disconnect()}}},[n]);const i=vs(t,t==null?void 0:t.selectedKey,"tabpanel"),c=Gc(me({},e,{id:i,"aria-labelledby":vs(t,t==null?void 0:t.selectedKey,"tab")}));return{tabPanelProps:Ca(c,{tabIndex:s,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class Qv{constructor(t,n,s,o){o===void 0&&(o=new Set),this.collection=void 0,this.flipDirection=void 0,this.disabledKeys=void 0,this.orientation=void 0,this.collection=t,this.flipDirection=n==="rtl"&&s==="horizontal",this.orientation=s,this.disabledKeys=o}getKeyLeftOf(t){return this.flipDirection?this.getNextKey(t):this.orientation==="horizontal"?this.getPreviousKey(t):null}getKeyRightOf(t){return this.flipDirection?this.getPreviousKey(t):this.orientation==="horizontal"?this.getNextKey(t):null}getKeyAbove(t){return this.orientation==="vertical"?this.getPreviousKey(t):null}getKeyBelow(t){return this.orientation==="vertical"?this.getNextKey(t):null}getFirstKey(){let t=this.collection.getFirstKey();return this.disabledKeys.has(t)&&(t=this.getNextKey(t)),t}getLastKey(){let t=this.collection.getLastKey();return this.disabledKeys.has(t)&&(t=this.getPreviousKey(t)),t}getNextKey(t){do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(this.disabledKeys.has(t));return t}getPreviousKey(t){do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(this.disabledKeys.has(t));return t}}function ey(e,t,n){let{orientation:s="horizontal",keyboardActivation:o="automatic"}=e,{collection:i,selectionManager:c,disabledKeys:l}=t,{direction:p}=Vc(),u=$.useMemo(()=>new Qv(i,p,s,l),[i,l,s,p]),{collectionProps:f}=qv({ref:n,selectionManager:c,keyboardDelegate:u,selectOnFocus:o==="automatic",disallowEmptySelection:!0,scrollRef:n}),m=$c();rd.set(t,m);let g=Gc(me({},e,{id:m}));return{tabListProps:me({},Ca(f,g),{role:"tablist","aria-orientation":s,tabIndex:void 0})}}function od({item:e,state:t}){const{key:n}=e,s=a.useRef(),{tabProps:o}=Zv({key:n},t,s),i=t.selectedKey===n,c=t.disabledKeys.has(n);return a.createElement("div",H(N({},o),{ref:s,className:K("sps-nav__item","sps-nav__link",i&&"active",c&&"sps-nav__item--disabled")}),e.rendered)}function id(n){var s=n,{state:e}=s,t=z(s,["state"]);const o=a.useRef(),{tabPanelProps:i}=Xv(t,e,o);return a.createElement("div",H(N({},i),{ref:o,className:"sps-card__body"}),e.selectedItem?e.selectedItem.props.children:null)}const ty={},ny={};function ys(e){const t=mv(e),n=a.useRef(),{tabListProps:s}=ey(e,t,n);return a.createElement(a.Fragment,null,a.createElement("div",H(N({},s),{ref:n,className:"sps-nav sps-nav--tabs sps-tabs-v2"}),[...t.collection].map(o=>a.createElement(od,{key:o.key,item:o,state:t}))),a.createElement(id,{key:t.selectedItem?t.selectedItem.key:null,state:t}))}Object.assign(ys,{props:ty,propTypes:ny,displayName:"SpsTabsV2"});const ay={},sy={};function Ts(s){var o=s,{children:e,className:t}=o,n=z(o,["children","className"]);return a.createElement("div",N({className:K("sps-card__footer",t)},n),e)}Object.assign(Ts,{props:ay,propTypes:sy,displayName:"SpsCardV2Footer"});const ry={},oy={};function ws(s){var o=s,{children:e,className:t}=o,n=z(o,["children","className"]);return a.createElement("div",N({className:K("sps-card__header",t)},n),e)}Object.assign(ws,{props:ry,propTypes:oy,displayName:"SpsCardV2Header"});const iy={},ly={};function mo(s){var o=s,{children:e,className:t}=o,n=z(o,["children","className"]);const[i,c,l,p]=Vt(e,[{type:ws},{type:ys},{type:Ts}]);return a.createElement("div",N({className:K("sps-card",t)},n),i,c.length>0?c:a.createElement("div",{className:"sps-card__body"},p),l)}Object.assign(mo,{props:iy,propTypes:ly,displayName:"SpsCardV2"});const cy={},dy={};function fo(s){var o=s,{children:e,className:t}=o,n=z(o,["children","className"]);return a.createElement("div",N({className:K("sps-card__title",t)},n),e)}Object.assign(fo,{props:cy,propTypes:dy,displayName:"SpsCardV2Title"});const ld={general:{label:"General Usage",description:({Link:e,NavigateTo:t})=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Sizing and Layout"),a.createElement("p",null,"All varieties of Cards should be placed on the SPS Grid (i.e. the width of a Card should span a specific number of grid columns). They should never be set to a custom width. See the ",a.createElement(e,{to:"/style-and-layout/grid"},"SPS Grid")," and"," ",a.createElement(e,{to:"/style-and-layout/page-types"},"Page Layouts")," sections for more guidance on appropriate usage."),a.createElement("p",null,"The height of a Card should typically be based on the content inside of it, but in specific cases a fixed height can be set. For these cases, content will scroll vertically inside of the container."),a.createElement("h5",null,"Text Content"),a.createElement("p",null,"The only text content that can exist outside of a Card is the"," ",a.createElement(t,{to:"page-title"},"Page Title")," component"),a.createElement("p",null,"All other content should exist inside of a Card and should adhere to the SPS Design System ",a.createElement(e,{to:"/style-and-layout/typography"},"Typography")," rules."),a.createElement("h5",null,"Nesting"),a.createElement("p",null,"Avoid nesting Cards inside of other Cards when possible. If nesting is necessary, avoid nesting more than one level deep (i.e. limit nesting to a Card inside of a Card)."))},basic:{label:"Basic card",description:()=>a.createElement("p",null,"Basic Cards can include any type of general content, such as body copy, description lists, or more complex content such as forms."),examples:{basic:{jsx:w.code`
|
|
600
600
|
<SpsCardV2>
|
|
601
601
|
<p>Business is changing... changing at the speed of information.</p>
|
|
602
602
|
</SpsCardV2>
|
|
@@ -642,7 +642,7 @@
|
|
|
642
642
|
</section>
|
|
643
643
|
</section>
|
|
644
644
|
</SpsCardV2>
|
|
645
|
-
`}}},headers:{label:"Card + Header",description:()=>
|
|
645
|
+
`}}},headers:{label:"Card + Header",description:()=>a.createElement("p",null,"Headers can be attached to a Card to display a title (that describes the content inside the card) or add actions (buttons or links) that relate directly to the content inside of the card. Content is restricted to the left side (for titles) and right side (for actions) of the Header."),examples:{title:{jsx:w.code`
|
|
646
646
|
<SpsCardV2>
|
|
647
647
|
<SpsCardV2Header className="sfg-row">
|
|
648
648
|
<div className="sfg-col-6">
|
|
@@ -675,7 +675,7 @@
|
|
|
675
675
|
</SpsCardV2Header>
|
|
676
676
|
<p>Whoever adapts first wins. In order to compete, we innovate; in order to innovate, we redefine; and how do we redefine? With a new definition!</p>
|
|
677
677
|
</SpsCardV2>
|
|
678
|
-
`}}},footers:{label:"Card + Footer",description:()=>
|
|
678
|
+
`}}},footers:{label:"Card + Footer",description:()=>a.createElement("p",null,"Footers can be attached to a Card to add secondary actions (buttons or links) that relate directly to the content inside of it, or other types of general content that may be applicable. Content can be placed in the middle or either side of the Footer."),examples:{basicFooter:{jsx:w.code`
|
|
679
679
|
<SpsCardV2>
|
|
680
680
|
<p>Imagine a new way to do business that's faster than a cheetah. More powerful than... another cheetah! A way of doing business more magnificent than... a fish! Or a whale!</p>
|
|
681
681
|
<SpsCardV2Footer className="sfg-row">
|
|
@@ -696,7 +696,7 @@
|
|
|
696
696
|
</div>
|
|
697
697
|
</SpsCardV2Footer>
|
|
698
698
|
</SpsCardV2>
|
|
699
|
-
`}}},tabbed:{label:"Card + Tabs",description:()=>
|
|
699
|
+
`}}},tabbed:{label:"Card + Tabs",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Use Tabs to combine multiple cards with unique but related content. Tabs can include optional details such as icons or tags."),a.createElement("p",null,a.createElement("code",null,"<Item>")," comes from the ",a.createElement("code",null,"@react-stately/collections"),"package, which is a peer dependency of our React components.")),examples:{tabsOnly:{jsx:w.code`
|
|
700
700
|
<SpsCardV2>
|
|
701
701
|
<SpsTabsV2>
|
|
702
702
|
<Item
|
|
@@ -746,7 +746,7 @@
|
|
|
746
746
|
</Item>
|
|
747
747
|
</SpsTabsV2>
|
|
748
748
|
</SpsCardV2>
|
|
749
|
-
`}}},everything:{label:"Card + Header + Footer + Tabs",description:()=>
|
|
749
|
+
`}}},everything:{label:"Card + Header + Footer + Tabs",description:()=>a.createElement("p",null,"Headers, Footers, and Tabs can be attached to Cards in any combination."),examples:{everything:{jsx:w.code`
|
|
750
750
|
<SpsCardV2>
|
|
751
751
|
<SpsCardV2Header className="sfg-row">
|
|
752
752
|
<div className="sfg-col-6">
|
|
@@ -833,7 +833,7 @@
|
|
|
833
833
|
</div>
|
|
834
834
|
</SpsCardV2Footer>
|
|
835
835
|
</SpsCardV2>
|
|
836
|
-
`}}}},
|
|
836
|
+
`}}}},py={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"},uy=H(N({},Y),{checked:y.exports.bool,disabled:y.exports.bool,formControl:le(),formMeta:le(),indeterminate:y.exports.bool,inline:y.exports.bool,label:y.exports.string,onChange:ne()});function Nn(S){var T=S,{checked:e,className:t,disabled:n,formControl:s,formMeta:o,id:i,indeterminate:c,inline:l,label:p,onChange:u,"data-testid":f,unsafelyReplaceClassName:m}=T,g=z(T,["checked","className","disabled","formControl","formMeta","id","indeterminate","inline","label","onChange","data-testid","unsafelyReplaceClassName"]);const x=o||s,E=a.useRef(),[I,D]=a.useState(e),[v,k]=a.useState(c),{wrapperId:_,controlId:O}=Tt(i,x);a.useEffect(()=>D(e),[e]),a.useEffect(()=>k(c),[c]),a.useEffect(()=>{E.current.indeterminate=v},[v]);const R=K(m||"sps-checkbox","sps-checkable",l&&"sps-checkable--inline",!p&&"sps-checkable--no-label",t);function B(F){D(F.target.checked),k(!1),x&&(x.setValue(F.target.checked),x.markAsDirty()),u&&u(F),E.current.focus()}return a.createElement(it,{id:_,className:R,formControl:s,formMeta:o,inputRef:E,"data-testid":f},a.createElement("input",N({type:"checkbox",ref:E,className:"sps-checkable__input",id:O,checked:I,disabled:n,"data-testId":`${f}__checkbox-input`,onChange:B},g)),a.createElement("label",{className:"sps-checkable__label",htmlFor:O},p||""))}Object.assign(Nn,{props:py,propTypes:uy,displayName:"SpsCheckbox"});const cd={labels:{label:"Labels",description:w.code`
|
|
837
837
|
<p>An individual checkbox should be labeled with its own <code>label</code> prop,
|
|
838
838
|
not the <code><SpsLabel></code> component.</p>
|
|
839
839
|
`,examples:{label:{react:w.code`
|
|
@@ -930,7 +930,7 @@
|
|
|
930
930
|
</SpsSummaryListRow>
|
|
931
931
|
);
|
|
932
932
|
}
|
|
933
|
-
`}}}},
|
|
933
|
+
`}}}},my={disabled:"boolean",href:"string",kind:"ClickableTagKind",onAdd:"() => void",onRemove:"() => void"},fy=H(N({},Y),{disabled:y.exports.bool,href:y.exports.string,kind:be(M.ClickableTagKind),onAdd:ne(),onRemove:ne()});function Ia(e){const I=e,{children:t,className:n,disabled:s,href:o,kind:i=M.ClickableTagKind.BLUE,onAdd:c,onRemove:l,onClick:p,"data-testid":u,unsafelyReplaceClassName:f}=I,m=z(I,["children","className","disabled","href","kind","onAdd","onRemove","onClick","data-testid","unsafelyReplaceClassName"]),g=K(f||"sps-clickable-tag",`sps-clickable-tag--${i}`,n,s&&"sps-clickable-tag--disabled",(c||l)&&"sps-clickable-tag--icon"),S=K("sps-clickable-tag__label",(o||p)&&"sps-clickable-tag__label--link"),T=a.Children.toArray(t).filter(D=>typeof D=="string").join("");function x(D){c?c():l&&l(),D.stopPropagation()}a.useEffect(()=>{if(l&&c)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[c,l]);function E(D){D.stopPropagation(),p&&p(D)}return a.createElement("div",N({className:g,"data-testid":u},m),a.createElement("span",{className:S,title:T,onClick:E},o&&a.createElement("a",{href:o},t),!o&&t),(c||l)&&!s&&a.createElement("div",{className:"sps-clickable-tag__icon",onClick:s?null:x,tabIndex:-1,"aria-label":c?"Add":"Remove"},a.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${c?M.SpsIcon.PLUS_SIGN:M.SpsIcon.X}`,"data-testid":`${u}__icon`})))}Object.assign(Ia,{props:my,propTypes:fy,displayName:"SpsClickableTag"});const dd={basic:{label:"Basic",examples:{basic:{react:w.code`
|
|
934
934
|
import { SpsClickableTag } from "@spscommerce/ds-react";
|
|
935
935
|
import { ClickableTagKind } from "@spscommerce/ds-shared";
|
|
936
936
|
function Component() {
|
|
@@ -1030,20 +1030,20 @@
|
|
|
1030
1030
|
</>
|
|
1031
1031
|
);
|
|
1032
1032
|
}
|
|
1033
|
-
`}}}};function ho(e,t){return ho=Object.setPrototypeOf||function(
|
|
1033
|
+
`}}}};function ho(e,t){return ho=Object.setPrototypeOf||function(s,o){return s.__proto__=o,s},ho(e,t)}function pd(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,ho(e,t)}function hy(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ud(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,s)}return n}function md(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?ud(Object(n),!0).forEach(function(s){hy(e,s,n[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ud(Object(n)).forEach(function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(n,s))})}return e}function pt(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 fd=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}(),go=function(){return Math.random().toString(36).substring(7).split("").join(".")},hd={INIT:"@@redux/INIT"+go(),REPLACE:"@@redux/REPLACE"+go(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+go()}};function gy(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 gd(e,t,n){var s;if(typeof t=="function"&&typeof n=="function"||typeof n=="function"&&typeof arguments[3]=="function")throw new Error(pt(0));if(typeof t=="function"&&typeof n=="undefined"&&(n=t,t=void 0),typeof n!="undefined"){if(typeof n!="function")throw new Error(pt(1));return n(gd)(e,t)}if(typeof e!="function")throw new Error(pt(2));var o=e,i=t,c=[],l=c,p=!1;function u(){l===c&&(l=c.slice())}function f(){if(p)throw new Error(pt(3));return i}function m(x){if(typeof x!="function")throw new Error(pt(4));if(p)throw new Error(pt(5));var E=!0;return u(),l.push(x),function(){if(!!E){if(p)throw new Error(pt(6));E=!1,u();var D=l.indexOf(x);l.splice(D,1),c=null}}}function g(x){if(!gy(x))throw new Error(pt(7));if(typeof x.type=="undefined")throw new Error(pt(8));if(p)throw new Error(pt(9));try{p=!0,i=o(i,x)}finally{p=!1}for(var E=c=l,I=0;I<E.length;I++){var D=E[I];D()}return x}function S(x){if(typeof x!="function")throw new Error(pt(10));o=x,g({type:hd.REPLACE})}function T(){var x,E=m;return x={subscribe:function(D){if(typeof D!="object"||D===null)throw new Error(pt(11));function v(){D.next&&D.next(f())}v();var k=E(v);return{unsubscribe:k}}},x[fd]=function(){return this},x}return g({type:hd.INIT}),s={dispatch:g,subscribe:m,getState:f,replaceReducer:S},s[fd]=T,s}function Sd(e,t){return function(){return t(e.apply(this,arguments))}}function bd(e,t){if(typeof e=="function")return Sd(e,t);if(typeof e!="object"||e===null)throw new Error(pt(16));var n={};for(var s in e){var o=e[s];typeof o=="function"&&(n[s]=Sd(o,t))}return n}function vd(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.length===0?function(s){return s}:t.length===1?t[0]:t.reduce(function(s,o){return function(){return s(o.apply(void 0,arguments))}})}function Sy(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(s){return function(){var o=s.apply(void 0,arguments),i=function(){throw new Error(pt(15))},c={getState:o.getState,dispatch:function(){return i.apply(void 0,arguments)}},l=t.map(function(p){return p(c)});return i=vd.apply(void 0,l)(o.dispatch),md(md({},o),{},{dispatch:i})}}}var yd=A.default.createContext(null);function by(e){e()}var Td=by,vy=function(t){return Td=t},yy=function(){return Td};function Ty(){var e=yy(),t=null,n=null;return{clear:function(){t=null,n=null},notify:function(){e(function(){for(var o=t;o;)o.callback(),o=o.next})},get:function(){for(var o=[],i=t;i;)o.push(i),i=i.next;return o},subscribe:function(o){var i=!0,c=n={callback:o,next:null,prev:n};return c.prev?c.prev.next=c:t=c,function(){!i||t===null||(i=!1,c.next?c.next.prev=c.prev:n=c.prev,c.prev?c.prev.next=c.next:t=c.next)}}}}var wd={notify:function(){},get:function(){return[]}};function Ed(e,t){var n,s=wd;function o(m){return p(),s.subscribe(m)}function i(){s.notify()}function c(){f.onStateChange&&f.onStateChange()}function l(){return Boolean(n)}function p(){n||(n=t?t.addNestedSub(c):e.subscribe(c),s=Ty())}function u(){n&&(n(),n=void 0,s.clear(),s=wd)}var f={addNestedSub:o,notifyNestedSubs:i,handleChangeWrapper:c,isSubscribed:l,trySubscribe:p,tryUnsubscribe:u,getListeners:function(){return s}};return f}var Cd=typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.document.createElement!="undefined"?$.useLayoutEffect:$.useEffect;function wy(e){var t=e.store,n=e.context,s=e.children,o=$.useMemo(function(){var l=Ed(t);return l.onStateChange=l.notifyNestedSubs,{store:t,subscription:l}},[t]),i=$.useMemo(function(){return t.getState()},[t]);Cd(function(){var l=o.subscription;return l.trySubscribe(),i!==t.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[o,i]);var c=n||yd;return A.default.createElement(c.Provider,{value:o},s)}var So={exports:{}},Me={};/** @license React v16.13.1
|
|
1034
1034
|
* react-is.production.min.js
|
|
1035
1035
|
*
|
|
1036
1036
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
1037
1037
|
*
|
|
1038
1038
|
* This source code is licensed under the MIT license found in the
|
|
1039
1039
|
* LICENSE file in the root directory of this source tree.
|
|
1040
|
-
*/var qe=typeof Symbol=="function"&&Symbol.for,bo=qe?Symbol.for("react.element"):60103,vo=qe?Symbol.for("react.portal"):60106,ws=qe?Symbol.for("react.fragment"):60107,Es=qe?Symbol.for("react.strict_mode"):60108,Cs=qe?Symbol.for("react.profiler"):60114,xs=qe?Symbol.for("react.provider"):60109,Ds=qe?Symbol.for("react.context"):60110,yo=qe?Symbol.for("react.async_mode"):60111,Is=qe?Symbol.for("react.concurrent_mode"):60111,Ns=qe?Symbol.for("react.forward_ref"):60112,ks=qe?Symbol.for("react.suspense"):60113,wy=qe?Symbol.for("react.suspense_list"):60120,Ms=qe?Symbol.for("react.memo"):60115,_s=qe?Symbol.for("react.lazy"):60116,Ey=qe?Symbol.for("react.block"):60121,Cy=qe?Symbol.for("react.fundamental"):60117,xy=qe?Symbol.for("react.responder"):60118,Dy=qe?Symbol.for("react.scope"):60119;function ut(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case bo:switch(e=e.type,e){case yo:case Is:case ws:case Cs:case Es:case ks:return e;default:switch(e=e&&e.$$typeof,e){case Ds:case Ns:case _s:case Ms:case xs:return e;default:return t}}case vo:return t}}}function xd(e){return ut(e)===Is}Oe.AsyncMode=yo;Oe.ConcurrentMode=Is;Oe.ContextConsumer=Ds;Oe.ContextProvider=xs;Oe.Element=bo;Oe.ForwardRef=Ns;Oe.Fragment=ws;Oe.Lazy=_s;Oe.Memo=Ms;Oe.Portal=vo;Oe.Profiler=Cs;Oe.StrictMode=Es;Oe.Suspense=ks;Oe.isAsyncMode=function(e){return xd(e)||ut(e)===yo};Oe.isConcurrentMode=xd;Oe.isContextConsumer=function(e){return ut(e)===Ds};Oe.isContextProvider=function(e){return ut(e)===xs};Oe.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===bo};Oe.isForwardRef=function(e){return ut(e)===Ns};Oe.isFragment=function(e){return ut(e)===ws};Oe.isLazy=function(e){return ut(e)===_s};Oe.isMemo=function(e){return ut(e)===Ms};Oe.isPortal=function(e){return ut(e)===vo};Oe.isProfiler=function(e){return ut(e)===Cs};Oe.isStrictMode=function(e){return ut(e)===Es};Oe.isSuspense=function(e){return ut(e)===ks};Oe.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===ws||e===Is||e===Cs||e===Es||e===ks||e===wy||typeof e=="object"&&e!==null&&(e.$$typeof===_s||e.$$typeof===Ms||e.$$typeof===xs||e.$$typeof===Ds||e.$$typeof===Ns||e.$$typeof===Cy||e.$$typeof===xy||e.$$typeof===Dy||e.$$typeof===Ey)};Oe.typeOf=ut;So.exports=Oe;var To=So.exports,Iy={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Ny={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},ky={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Dd={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},wo={};wo[To.ForwardRef]=ky;wo[To.Memo]=Dd;function Id(e){return To.isMemo(e)?Dd:wo[e.$$typeof]||Iy}var My=Object.defineProperty,_y=Object.getOwnPropertyNames,Nd=Object.getOwnPropertySymbols,Ry=Object.getOwnPropertyDescriptor,Oy=Object.getPrototypeOf,kd=Object.prototype;function Md(e,t,n){if(typeof t!="string"){if(kd){var a=Oy(t);a&&a!==kd&&Md(e,a,n)}var o=_y(t);Nd&&(o=o.concat(Nd(t)));for(var i=Id(e),c=Id(t),l=0;l<o.length;++l){var p=o[l];if(!Ny[p]&&!(n&&n[p])&&!(c&&c[p])&&!(i&&i[p])){var m=Ry(t,p);try{My(e,p,m)}catch{}}}}return e}var _d=Md,Ly=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],By=["reactReduxForwardedRef"],Ay=[],Py=[null,null];function Fy(e,t){var n=e[1];return[t.payload,n+1]}function Rd(e,t,n){Cd(function(){return e.apply(void 0,t)},n)}function Ky(e,t,n,a,o,i,c){e.current=a,t.current=o,n.current=!1,i.current&&(i.current=null,c())}function Vy(e,t,n,a,o,i,c,l,p,m){if(!!e){var f=!1,u=null,g=function(){if(!f){var x=t.getState(),E,I;try{E=a(x,o.current)}catch(D){I=D,u=D}I||(u=null),E===i.current?c.current||p():(i.current=E,l.current=E,c.current=!0,m({type:"STORE_UPDATED",payload:{error:I}}))}};n.onStateChange=g,n.trySubscribe(),g();var S=function(){if(f=!0,n.tryUnsubscribe(),n.onStateChange=null,u)throw u};return S}}var $y=function(){return[null,0]};function Hy(e,t){t===void 0&&(t={});var n=t,a=n.getDisplayName,o=a===void 0?function(v){return"ConnectAdvanced("+v+")"}:a,i=n.methodName,c=i===void 0?"connectAdvanced":i,l=n.renderCountProp,p=l===void 0?void 0:l,m=n.shouldHandleStateChanges,f=m===void 0?!0:m,u=n.storeKey,g=u===void 0?"store":u;n.withRef;var S=n.forwardRef,T=S===void 0?!1:S,x=n.context,E=x===void 0?yd:x,I=zn(n,Ly),D=E;return function(k){var _=k.displayName||k.name||"Component",L=o(_),R=ue({},I,{getDisplayName:o,methodName:c,renderCountProp:p,shouldHandleStateChanges:f,storeKey:g,displayName:L,wrappedComponentName:_,WrappedComponent:k}),B=I.pure;function P(de){return e(de.dispatch,R)}var A=B?V.useMemo:function(de){return de()};function G(de){var pe=V.useMemo(function(){var $e=de.reactReduxForwardedRef,st=zn(de,By);return[de.context,$e,st]},[de]),J=pe[0],Q=pe[1],le=pe[2],se=V.useMemo(function(){return J&&J.Consumer&&So.exports.isContextConsumer(U.default.createElement(J.Consumer,null))?J:D},[J,D]),ce=V.useContext(se),ee=Boolean(de.store)&&Boolean(de.store.getState)&&Boolean(de.store.dispatch);Boolean(ce)&&Boolean(ce.store);var te=ee?de.store:ce.store,Z=V.useMemo(function(){return P(te)},[te]),oe=V.useMemo(function(){if(!f)return Py;var $e=Ed(te,ee?null:ce.subscription),st=$e.notifyNestedSubs.bind($e);return[$e,st]},[te,ee,ce]),j=oe[0],Se=oe[1],ke=V.useMemo(function(){return ee?ce:ue({},ce,{subscription:j})},[ee,ce,j]),Ie=V.useReducer(Fy,Ay,$y),Te=Ie[0],He=Te[0],We=Ie[1];if(He&&He.error)throw He.error;var ze=V.useRef(),Qe=V.useRef(le),et=V.useRef(),Ct=V.useRef(!1),gt=A(function(){return et.current&&le===Qe.current?et.current:Z(te.getState(),le)},[te,He,le]);Rd(Ky,[Qe,ze,Ct,le,gt,et,Se]),Rd(Vy,[f,te,j,Z,Qe,ze,Ct,et,Se,We],[te,j,Z]);var St=V.useMemo(function(){return U.default.createElement(k,ue({},gt,{ref:Q}))},[Q,k,gt]),we=V.useMemo(function(){return f?U.default.createElement(se.Provider,{value:ke},St):St},[se,St,ke]);return we}var K=B?U.default.memo(G):G;if(K.WrappedComponent=k,K.displayName=G.displayName=L,T){var W=U.default.forwardRef(function(pe,J){return U.default.createElement(K,ue({},pe,{reactReduxForwardedRef:J}))});return W.displayName=L,W.WrappedComponent=k,_d(W,k)}return _d(K,k)}}function Od(e,t){return e===t?e!==0||t!==0||1/e==1/t:e!==e&&t!==t}function Eo(e,t){if(Od(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(var o=0;o<n.length;o++)if(!Object.prototype.hasOwnProperty.call(t,n[o])||!Od(e[n[o]],t[n[o]]))return!1;return!0}function Wy(e,t){var n={},a=function(c){var l=e[c];typeof l=="function"&&(n[c]=function(){return t(l.apply(void 0,arguments))})};for(var o in e)a(o);return n}function Co(e){return function(n,a){var o=e(n,a);function i(){return o}return i.dependsOnOwnProps=!1,i}}function Ld(e){return e.dependsOnOwnProps!==null&&e.dependsOnOwnProps!==void 0?Boolean(e.dependsOnOwnProps):e.length!==1}function Bd(e,t){return function(a,o){o.displayName;var i=function(l,p){return i.dependsOnOwnProps?i.mapToProps(l,p):i.mapToProps(l)};return i.dependsOnOwnProps=!0,i.mapToProps=function(l,p){i.mapToProps=e,i.dependsOnOwnProps=Ld(e);var m=i(l,p);return typeof m=="function"&&(i.mapToProps=m,i.dependsOnOwnProps=Ld(m),m=i(l,p)),m},i}}function Gy(e){return typeof e=="function"?Bd(e):void 0}function Uy(e){return e?void 0:Co(function(t){return{dispatch:t}})}function Yy(e){return e&&typeof e=="object"?Co(function(t){return Wy(e,t)}):void 0}var zy=[Gy,Uy,Yy];function jy(e){return typeof e=="function"?Bd(e):void 0}function qy(e){return e?void 0:Co(function(){return{}})}var Jy=[jy,qy];function Zy(e,t,n){return ue({},n,e,t)}function Xy(e){return function(n,a){a.displayName;var o=a.pure,i=a.areMergedPropsEqual,c=!1,l;return function(m,f,u){var g=e(m,f,u);return c?(!o||!i(g,l))&&(l=g):(c=!0,l=g),l}}}function Qy(e){return typeof e=="function"?Xy(e):void 0}function eT(e){return e?void 0:function(){return Zy}}var tT=[Qy,eT],nT=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function aT(e,t,n,a){return function(i,c){return n(e(i,c),t(a,c),c)}}function sT(e,t,n,a,o){var i=o.areStatesEqual,c=o.areOwnPropsEqual,l=o.areStatePropsEqual,p=!1,m,f,u,g,S;function T(v,k){return m=v,f=k,u=e(m,f),g=t(a,f),S=n(u,g,f),p=!0,S}function x(){return u=e(m,f),t.dependsOnOwnProps&&(g=t(a,f)),S=n(u,g,f),S}function E(){return e.dependsOnOwnProps&&(u=e(m,f)),t.dependsOnOwnProps&&(g=t(a,f)),S=n(u,g,f),S}function I(){var v=e(m,f),k=!l(v,u);return u=v,k&&(S=n(u,g,f)),S}function D(v,k){var _=!c(k,f),L=!i(v,m);return m=v,f=k,_&&L?x():_?E():L?I():S}return function(k,_){return p?D(k,_):T(k,_)}}function rT(e,t){var n=t.initMapStateToProps,a=t.initMapDispatchToProps,o=t.initMergeProps,i=zn(t,nT),c=n(e,i),l=a(e,i),p=o(e,i),m=i.pure?sT:aT;return m(c,l,p,e,i)}var oT=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function xo(e,t,n){for(var a=t.length-1;a>=0;a--){var o=t[a](e);if(o)return o}return function(i,c){throw new Error("Invalid value of type "+typeof e+" for "+n+" argument when connecting component "+c.wrappedComponentName+".")}}function iT(e,t){return e===t}function lT(e){var t=e===void 0?{}:e,n=t.connectHOC,a=n===void 0?Hy:n,o=t.mapStateToPropsFactories,i=o===void 0?Jy:o,c=t.mapDispatchToPropsFactories,l=c===void 0?zy:c,p=t.mergePropsFactories,m=p===void 0?tT:p,f=t.selectorFactory,u=f===void 0?rT:f;return function(S,T,x,E){E===void 0&&(E={});var I=E,D=I.pure,v=D===void 0?!0:D,k=I.areStatesEqual,_=k===void 0?iT:k,L=I.areOwnPropsEqual,R=L===void 0?Eo:L,B=I.areStatePropsEqual,P=B===void 0?Eo:B,A=I.areMergedPropsEqual,G=A===void 0?Eo:A,K=zn(I,oT),W=xo(S,i,"mapStateToProps"),de=xo(T,l,"mapDispatchToProps"),pe=xo(x,m,"mergeProps");return a(u,ue({methodName:"connect",getDisplayName:function(Q){return"Connect("+Q+")"},shouldHandleStateChanges:Boolean(S),initMapStateToProps:W,initMapDispatchToProps:de,initMergeProps:pe,pure:v,areStatesEqual:_,areOwnPropsEqual:R,areStatePropsEqual:P,areMergedPropsEqual:G},K))}}var Ad=lT();by(Wr.unstable_batchedUpdates);function cT(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 Pd(e,t){var n=V.useState(function(){return{inputs:t,result:e()}})[0],a=V.useRef(!0),o=V.useRef(n),i=a.current||Boolean(t&&o.current.inputs&&cT(t,o.current.inputs)),c=i?o.current:{inputs:t,result:e()};return V.useEffect(function(){a.current=!1,o.current=c},[c]),c.result}function dT(e,t){return Pd(function(){return e},t)}var Me=Pd,me=dT,pT=!0,Fd="Invariant failed";function uT(e,t){if(!e)throw pT?new Error(Fd):new Error(Fd+": "+(t||""))}var Mt=function(t){var n=t.top,a=t.right,o=t.bottom,i=t.left,c=a-i,l=o-n,p={top:n,right:a,bottom:o,left:i,width:c,height:l,x:i,y:n,center:{x:(a+i)/2,y:(o+n)/2}};return p},Do=function(t,n){return{top:t.top-n.top,left:t.left-n.left,bottom:t.bottom+n.bottom,right:t.right+n.right}},Kd=function(t,n){return{top:t.top+n.top,left:t.left+n.left,bottom:t.bottom-n.bottom,right:t.right-n.right}},mT=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},Io={top:0,right:0,bottom:0,left:0},No=function(t){var n=t.borderBox,a=t.margin,o=a===void 0?Io:a,i=t.border,c=i===void 0?Io:i,l=t.padding,p=l===void 0?Io:l,m=Mt(Do(n,o)),f=Mt(Kd(n,c)),u=Mt(Kd(f,p));return{marginBox:m,borderBox:Mt(n),paddingBox:f,contentBox:u,margin:o,border:c,padding:p}},vt=function(t){var n=t.slice(0,-2),a=t.slice(-2);if(a!=="px")return 0;var o=Number(n);return isNaN(o)&&uT(!1),o},fT=function(){return{x:window.pageXOffset,y:window.pageYOffset}},Rs=function(t,n){var a=t.borderBox,o=t.border,i=t.margin,c=t.padding,l=mT(a,n);return No({borderBox:l,border:o,margin:i,padding:c})},Os=function(t,n){return n===void 0&&(n=fT()),Rs(t,n)},Vd=function(t,n){var a={top:vt(n.marginTop),right:vt(n.marginRight),bottom:vt(n.marginBottom),left:vt(n.marginLeft)},o={top:vt(n.paddingTop),right:vt(n.paddingRight),bottom:vt(n.paddingBottom),left:vt(n.paddingLeft)},i={top:vt(n.borderTopWidth),right:vt(n.borderRightWidth),bottom:vt(n.borderBottomWidth),left:vt(n.borderLeftWidth)};return No({borderBox:t,margin:a,padding:o,border:i})},$d=function(t){var n=t.getBoundingClientRect(),a=window.getComputedStyle(t);return Vd(n,a)},Hd=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function hT(e,t){return!!(e===t||Hd(e)&&Hd(t))}function gT(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!hT(e[n],t[n]))return!1;return!0}function Je(e,t){t===void 0&&(t=gT);var n,a=[],o,i=!1;function c(){for(var l=[],p=0;p<arguments.length;p++)l[p]=arguments[p];return i&&n===this&&t(l,a)||(o=e.apply(this,l),i=!0,n=this,a=l),o}return c}var ST=function(t){var n=[],a=null,o=function(){for(var c=arguments.length,l=new Array(c),p=0;p<c;p++)l[p]=arguments[p];n=l,!a&&(a=requestAnimationFrame(function(){a=null,t.apply(void 0,n)}))};return o.cancel=function(){!a||(cancelAnimationFrame(a),a=null)},o},Na=ST;function Wd(e,t){}Wd.bind(null,"warn");Wd.bind(null,"error");function un(){}function bT(e,t){return ue({},e,{},t)}function yt(e,t,n){var a=t.map(function(o){var i=bT(n,o.options);return e.addEventListener(o.eventName,o.fn,i),function(){e.removeEventListener(o.eventName,o.fn,i)}});return function(){a.forEach(function(i){i()})}}var vT="Invariant failed";function Ls(e){this.message=e}Ls.prototype.toString=function(){return this.message};function X(e,t){if(!e)throw new Ls(vT)}var yT=function(e){pd(t,e);function t(){for(var a,o=arguments.length,i=new Array(o),c=0;c<o;c++)i[c]=arguments[c];return a=e.call.apply(e,[this].concat(i))||this,a.callbacks=null,a.unbind=un,a.onWindowError=function(l){var p=a.getCallbacks();p.isDragging()&&p.tryAbort();var m=l.error;m instanceof Ls&&l.preventDefault()},a.getCallbacks=function(){if(!a.callbacks)throw new Error("Unable to find AppCallbacks in <ErrorBoundary/>");return a.callbacks},a.setCallbacks=function(l){a.callbacks=l},a}var n=t.prototype;return n.componentDidMount=function(){this.unbind=yt(window,[{eventName:"error",fn:this.onWindowError}])},n.componentDidCatch=function(o){if(o instanceof Ls){this.setState({});return}throw o},n.componentWillUnmount=function(){this.unbind()},n.render=function(){return this.props.children(this.setCallbacks)},t}(U.default.Component),TT=`
|
|
1040
|
+
*/var Je=typeof Symbol=="function"&&Symbol.for,bo=Je?Symbol.for("react.element"):60103,vo=Je?Symbol.for("react.portal"):60106,Es=Je?Symbol.for("react.fragment"):60107,Cs=Je?Symbol.for("react.strict_mode"):60108,xs=Je?Symbol.for("react.profiler"):60114,Ds=Je?Symbol.for("react.provider"):60109,Is=Je?Symbol.for("react.context"):60110,yo=Je?Symbol.for("react.async_mode"):60111,Ns=Je?Symbol.for("react.concurrent_mode"):60111,ks=Je?Symbol.for("react.forward_ref"):60112,Ms=Je?Symbol.for("react.suspense"):60113,Ey=Je?Symbol.for("react.suspense_list"):60120,_s=Je?Symbol.for("react.memo"):60115,Rs=Je?Symbol.for("react.lazy"):60116,Cy=Je?Symbol.for("react.block"):60121,xy=Je?Symbol.for("react.fundamental"):60117,Dy=Je?Symbol.for("react.responder"):60118,Iy=Je?Symbol.for("react.scope"):60119;function ht(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case bo:switch(e=e.type,e){case yo:case Ns:case Es:case xs:case Cs:case Ms:return e;default:switch(e=e&&e.$$typeof,e){case Is:case ks:case Rs:case _s:case Ds:return e;default:return t}}case vo:return t}}}function xd(e){return ht(e)===Ns}Me.AsyncMode=yo;Me.ConcurrentMode=Ns;Me.ContextConsumer=Is;Me.ContextProvider=Ds;Me.Element=bo;Me.ForwardRef=ks;Me.Fragment=Es;Me.Lazy=Rs;Me.Memo=_s;Me.Portal=vo;Me.Profiler=xs;Me.StrictMode=Cs;Me.Suspense=Ms;Me.isAsyncMode=function(e){return xd(e)||ht(e)===yo};Me.isConcurrentMode=xd;Me.isContextConsumer=function(e){return ht(e)===Is};Me.isContextProvider=function(e){return ht(e)===Ds};Me.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===bo};Me.isForwardRef=function(e){return ht(e)===ks};Me.isFragment=function(e){return ht(e)===Es};Me.isLazy=function(e){return ht(e)===Rs};Me.isMemo=function(e){return ht(e)===_s};Me.isPortal=function(e){return ht(e)===vo};Me.isProfiler=function(e){return ht(e)===xs};Me.isStrictMode=function(e){return ht(e)===Cs};Me.isSuspense=function(e){return ht(e)===Ms};Me.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===Es||e===Ns||e===xs||e===Cs||e===Ms||e===Ey||typeof e=="object"&&e!==null&&(e.$$typeof===Rs||e.$$typeof===_s||e.$$typeof===Ds||e.$$typeof===Is||e.$$typeof===ks||e.$$typeof===xy||e.$$typeof===Dy||e.$$typeof===Iy||e.$$typeof===Cy)};Me.typeOf=ht;So.exports=Me;var To=So.exports,Ny={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},ky={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},My={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Dd={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},wo={};wo[To.ForwardRef]=My;wo[To.Memo]=Dd;function Id(e){return To.isMemo(e)?Dd:wo[e.$$typeof]||Ny}var _y=Object.defineProperty,Ry=Object.getOwnPropertyNames,Nd=Object.getOwnPropertySymbols,Ly=Object.getOwnPropertyDescriptor,Oy=Object.getPrototypeOf,kd=Object.prototype;function Md(e,t,n){if(typeof t!="string"){if(kd){var s=Oy(t);s&&s!==kd&&Md(e,s,n)}var o=Ry(t);Nd&&(o=o.concat(Nd(t)));for(var i=Id(e),c=Id(t),l=0;l<o.length;++l){var p=o[l];if(!ky[p]&&!(n&&n[p])&&!(c&&c[p])&&!(i&&i[p])){var u=Ly(t,p);try{_y(e,p,u)}catch{}}}}return e}var _d=Md,By=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],Py=["reactReduxForwardedRef"],Ay=[],Fy=[null,null];function Ky(e,t){var n=e[1];return[t.payload,n+1]}function Rd(e,t,n){Cd(function(){return e.apply(void 0,t)},n)}function Vy(e,t,n,s,o,i,c){e.current=s,t.current=o,n.current=!1,i.current&&(i.current=null,c())}function $y(e,t,n,s,o,i,c,l,p,u){if(!!e){var f=!1,m=null,g=function(){if(!f){var x=t.getState(),E,I;try{E=s(x,o.current)}catch(D){I=D,m=D}I||(m=null),E===i.current?c.current||p():(i.current=E,l.current=E,c.current=!0,u({type:"STORE_UPDATED",payload:{error:I}}))}};n.onStateChange=g,n.trySubscribe(),g();var S=function(){if(f=!0,n.tryUnsubscribe(),n.onStateChange=null,m)throw m};return S}}var Hy=function(){return[null,0]};function Wy(e,t){t===void 0&&(t={});var n=t,s=n.getDisplayName,o=s===void 0?function(v){return"ConnectAdvanced("+v+")"}:s,i=n.methodName,c=i===void 0?"connectAdvanced":i,l=n.renderCountProp,p=l===void 0?void 0:l,u=n.shouldHandleStateChanges,f=u===void 0?!0:u,m=n.storeKey,g=m===void 0?"store":m;n.withRef;var S=n.forwardRef,T=S===void 0?!1:S,x=n.context,E=x===void 0?yd:x,I=Jn(n,By),D=E;return function(k){var _=k.displayName||k.name||"Component",O=o(_),R=me({},I,{getDisplayName:o,methodName:c,renderCountProp:p,shouldHandleStateChanges:f,storeKey:g,displayName:O,wrappedComponentName:_,WrappedComponent:k}),B=I.pure;function F(pe){return e(pe.dispatch,R)}var P=B?$.useMemo:function(pe){return pe()};function U(pe){var ue=$.useMemo(function(){var We=pe.reactReduxForwardedRef,Ye=Jn(pe,Py);return[pe.context,We,Ye]},[pe]),J=ue[0],Q=ue[1],oe=ue[2],se=$.useMemo(function(){return J&&J.Consumer&&So.exports.isContextConsumer(A.default.createElement(J.Consumer,null))?J:D},[J,D]),ce=$.useContext(se),ee=Boolean(pe.store)&&Boolean(pe.store.getState)&&Boolean(pe.store.dispatch);Boolean(ce)&&Boolean(ce.store);var te=ee?pe.store:ce.store,Z=$.useMemo(function(){return F(te)},[te]),ie=$.useMemo(function(){if(!f)return Fy;var We=Ed(te,ee?null:ce.subscription),Ye=We.notifyNestedSubs.bind(We);return[We,Ye]},[te,ee,ce]),j=ie[0],ye=ie[1],Ie=$.useMemo(function(){return ee?ce:me({},ce,{subscription:j})},[ee,ce,j]),Ce=$.useReducer(Ky,Ay,Hy),we=Ce[0],Ke=we[0],$e=Ce[1];if(Ke&&Ke.error)throw Ke.error;var je=$.useRef(),et=$.useRef(oe),qe=$.useRef(),ut=$.useRef(!1),ct=P(function(){return qe.current&&oe===et.current?qe.current:Z(te.getState(),oe)},[te,Ke,oe]);Rd(Vy,[et,je,ut,oe,ct,qe,ye]),Rd($y,[f,te,j,Z,et,je,ut,qe,ye,$e],[te,j,Z]);var vt=$.useMemo(function(){return A.default.createElement(k,me({},ct,{ref:Q}))},[Q,k,ct]),Ee=$.useMemo(function(){return f?A.default.createElement(se.Provider,{value:Ie},vt):vt},[se,vt,Ie]);return Ee}var V=B?A.default.memo(U):U;if(V.WrappedComponent=k,V.displayName=U.displayName=O,T){var G=A.default.forwardRef(function(ue,J){return A.default.createElement(V,me({},ue,{reactReduxForwardedRef:J}))});return G.displayName=O,G.WrappedComponent=k,_d(G,k)}return _d(V,k)}}function Ld(e,t){return e===t?e!==0||t!==0||1/e==1/t:e!==e&&t!==t}function Eo(e,t){if(Ld(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),s=Object.keys(t);if(n.length!==s.length)return!1;for(var o=0;o<n.length;o++)if(!Object.prototype.hasOwnProperty.call(t,n[o])||!Ld(e[n[o]],t[n[o]]))return!1;return!0}function Gy(e,t){var n={},s=function(c){var l=e[c];typeof l=="function"&&(n[c]=function(){return t(l.apply(void 0,arguments))})};for(var o in e)s(o);return n}function Co(e){return function(n,s){var o=e(n,s);function i(){return o}return i.dependsOnOwnProps=!1,i}}function Od(e){return e.dependsOnOwnProps!==null&&e.dependsOnOwnProps!==void 0?Boolean(e.dependsOnOwnProps):e.length!==1}function Bd(e,t){return function(s,o){o.displayName;var i=function(l,p){return i.dependsOnOwnProps?i.mapToProps(l,p):i.mapToProps(l)};return i.dependsOnOwnProps=!0,i.mapToProps=function(l,p){i.mapToProps=e,i.dependsOnOwnProps=Od(e);var u=i(l,p);return typeof u=="function"&&(i.mapToProps=u,i.dependsOnOwnProps=Od(u),u=i(l,p)),u},i}}function Uy(e){return typeof e=="function"?Bd(e):void 0}function Yy(e){return e?void 0:Co(function(t){return{dispatch:t}})}function zy(e){return e&&typeof e=="object"?Co(function(t){return Gy(e,t)}):void 0}var jy=[Uy,Yy,zy];function qy(e){return typeof e=="function"?Bd(e):void 0}function Jy(e){return e?void 0:Co(function(){return{}})}var Zy=[qy,Jy];function Xy(e,t,n){return me({},n,e,t)}function Qy(e){return function(n,s){s.displayName;var o=s.pure,i=s.areMergedPropsEqual,c=!1,l;return function(u,f,m){var g=e(u,f,m);return c?(!o||!i(g,l))&&(l=g):(c=!0,l=g),l}}}function eT(e){return typeof e=="function"?Qy(e):void 0}function tT(e){return e?void 0:function(){return Xy}}var nT=[eT,tT],aT=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function sT(e,t,n,s){return function(i,c){return n(e(i,c),t(s,c),c)}}function rT(e,t,n,s,o){var i=o.areStatesEqual,c=o.areOwnPropsEqual,l=o.areStatePropsEqual,p=!1,u,f,m,g,S;function T(v,k){return u=v,f=k,m=e(u,f),g=t(s,f),S=n(m,g,f),p=!0,S}function x(){return m=e(u,f),t.dependsOnOwnProps&&(g=t(s,f)),S=n(m,g,f),S}function E(){return e.dependsOnOwnProps&&(m=e(u,f)),t.dependsOnOwnProps&&(g=t(s,f)),S=n(m,g,f),S}function I(){var v=e(u,f),k=!l(v,m);return m=v,k&&(S=n(m,g,f)),S}function D(v,k){var _=!c(k,f),O=!i(v,u);return u=v,f=k,_&&O?x():_?E():O?I():S}return function(k,_){return p?D(k,_):T(k,_)}}function oT(e,t){var n=t.initMapStateToProps,s=t.initMapDispatchToProps,o=t.initMergeProps,i=Jn(t,aT),c=n(e,i),l=s(e,i),p=o(e,i),u=i.pure?rT:sT;return u(c,l,p,e,i)}var iT=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function xo(e,t,n){for(var s=t.length-1;s>=0;s--){var o=t[s](e);if(o)return o}return function(i,c){throw new Error("Invalid value of type "+typeof e+" for "+n+" argument when connecting component "+c.wrappedComponentName+".")}}function lT(e,t){return e===t}function cT(e){var t=e===void 0?{}:e,n=t.connectHOC,s=n===void 0?Wy:n,o=t.mapStateToPropsFactories,i=o===void 0?Zy:o,c=t.mapDispatchToPropsFactories,l=c===void 0?jy:c,p=t.mergePropsFactories,u=p===void 0?nT:p,f=t.selectorFactory,m=f===void 0?oT:f;return function(S,T,x,E){E===void 0&&(E={});var I=E,D=I.pure,v=D===void 0?!0:D,k=I.areStatesEqual,_=k===void 0?lT:k,O=I.areOwnPropsEqual,R=O===void 0?Eo:O,B=I.areStatePropsEqual,F=B===void 0?Eo:B,P=I.areMergedPropsEqual,U=P===void 0?Eo:P,V=Jn(I,iT),G=xo(S,i,"mapStateToProps"),pe=xo(T,l,"mapDispatchToProps"),ue=xo(x,u,"mergeProps");return s(m,me({methodName:"connect",getDisplayName:function(Q){return"Connect("+Q+")"},shouldHandleStateChanges:Boolean(S),initMapStateToProps:G,initMapDispatchToProps:pe,initMergeProps:ue,pure:v,areStatesEqual:_,areOwnPropsEqual:R,areStatePropsEqual:F,areMergedPropsEqual:U},V))}}var Pd=cT();vy(Wr.unstable_batchedUpdates);function dT(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 Ad(e,t){var n=$.useState(function(){return{inputs:t,result:e()}})[0],s=$.useRef(!0),o=$.useRef(n),i=s.current||Boolean(t&&o.current.inputs&&dT(t,o.current.inputs)),c=i?o.current:{inputs:t,result:e()};return $.useEffect(function(){s.current=!1,o.current=c},[c]),c.result}function pT(e,t){return Ad(function(){return e},t)}var Ne=Ad,fe=pT,uT=!0,Fd="Invariant failed";function mT(e,t){if(!e)throw uT?new Error(Fd):new Error(Fd+": "+(t||""))}var _t=function(t){var n=t.top,s=t.right,o=t.bottom,i=t.left,c=s-i,l=o-n,p={top:n,right:s,bottom:o,left:i,width:c,height:l,x:i,y:n,center:{x:(s+i)/2,y:(o+n)/2}};return p},Do=function(t,n){return{top:t.top-n.top,left:t.left-n.left,bottom:t.bottom+n.bottom,right:t.right+n.right}},Kd=function(t,n){return{top:t.top+n.top,left:t.left+n.left,bottom:t.bottom-n.bottom,right:t.right-n.right}},fT=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},Io={top:0,right:0,bottom:0,left:0},No=function(t){var n=t.borderBox,s=t.margin,o=s===void 0?Io:s,i=t.border,c=i===void 0?Io:i,l=t.padding,p=l===void 0?Io:l,u=_t(Do(n,o)),f=_t(Kd(n,c)),m=_t(Kd(f,p));return{marginBox:u,borderBox:_t(n),paddingBox:f,contentBox:m,margin:o,border:c,padding:p}},wt=function(t){var n=t.slice(0,-2),s=t.slice(-2);if(s!=="px")return 0;var o=Number(n);return isNaN(o)&&mT(!1),o},hT=function(){return{x:window.pageXOffset,y:window.pageYOffset}},Ls=function(t,n){var s=t.borderBox,o=t.border,i=t.margin,c=t.padding,l=fT(s,n);return No({borderBox:l,border:o,margin:i,padding:c})},Os=function(t,n){return n===void 0&&(n=hT()),Ls(t,n)},Vd=function(t,n){var s={top:wt(n.marginTop),right:wt(n.marginRight),bottom:wt(n.marginBottom),left:wt(n.marginLeft)},o={top:wt(n.paddingTop),right:wt(n.paddingRight),bottom:wt(n.paddingBottom),left:wt(n.paddingLeft)},i={top:wt(n.borderTopWidth),right:wt(n.borderRightWidth),bottom:wt(n.borderBottomWidth),left:wt(n.borderLeftWidth)};return No({borderBox:t,margin:s,padding:o,border:i})},$d=function(t){var n=t.getBoundingClientRect(),s=window.getComputedStyle(t);return Vd(n,s)},Hd=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function gT(e,t){return!!(e===t||Hd(e)&&Hd(t))}function ST(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!gT(e[n],t[n]))return!1;return!0}function Ze(e,t){t===void 0&&(t=ST);var n,s=[],o,i=!1;function c(){for(var l=[],p=0;p<arguments.length;p++)l[p]=arguments[p];return i&&n===this&&t(l,s)||(o=e.apply(this,l),i=!0,n=this,s=l),o}return c}var bT=function(t){var n=[],s=null,o=function(){for(var c=arguments.length,l=new Array(c),p=0;p<c;p++)l[p]=arguments[p];n=l,!s&&(s=requestAnimationFrame(function(){s=null,t.apply(void 0,n)}))};return o.cancel=function(){!s||(cancelAnimationFrame(s),s=null)},o},Na=bT;function Wd(e,t){}Wd.bind(null,"warn");Wd.bind(null,"error");function dn(){}function vT(e,t){return me({},e,{},t)}function Et(e,t,n){var s=t.map(function(o){var i=vT(n,o.options);return e.addEventListener(o.eventName,o.fn,i),function(){e.removeEventListener(o.eventName,o.fn,i)}});return function(){s.forEach(function(i){i()})}}var yT="Invariant failed";function Bs(e){this.message=e}Bs.prototype.toString=function(){return this.message};function X(e,t){if(!e)throw new Bs(yT)}var TT=function(e){pd(t,e);function t(){for(var s,o=arguments.length,i=new Array(o),c=0;c<o;c++)i[c]=arguments[c];return s=e.call.apply(e,[this].concat(i))||this,s.callbacks=null,s.unbind=dn,s.onWindowError=function(l){var p=s.getCallbacks();p.isDragging()&&p.tryAbort();var u=l.error;u instanceof Bs&&l.preventDefault()},s.getCallbacks=function(){if(!s.callbacks)throw new Error("Unable to find AppCallbacks in <ErrorBoundary/>");return s.callbacks},s.setCallbacks=function(l){s.callbacks=l},s}var n=t.prototype;return n.componentDidMount=function(){this.unbind=Et(window,[{eventName:"error",fn:this.onWindowError}])},n.componentDidCatch=function(o){if(o instanceof Bs){this.setState({});return}throw o},n.componentWillUnmount=function(){this.unbind()},n.render=function(){return this.props.children(this.setCallbacks)},t}(A.default.Component),wT=`
|
|
1041
1041
|
Press space bar to start a drag.
|
|
1042
1042
|
When dragging you can use the arrow keys to move the item around and escape to cancel.
|
|
1043
1043
|
Some screen readers may require you to be in focus mode or to use your pass through key
|
|
1044
|
-
`,
|
|
1045
|
-
You have lifted an item in position `+
|
|
1046
|
-
`},Gd=function(t,n){var
|
|
1044
|
+
`,Ps=function(t){return t+1},ET=function(t){return`
|
|
1045
|
+
You have lifted an item in position `+Ps(t.source.index)+`
|
|
1046
|
+
`},Gd=function(t,n){var s=t.droppableId===n.droppableId,o=Ps(t.index),i=Ps(n.index);return s?`
|
|
1047
1047
|
You have moved the item from position `+o+`
|
|
1048
1048
|
to position `+i+`
|
|
1049
1049
|
`:`
|
|
@@ -1051,38 +1051,38 @@
|
|
|
1051
1051
|
in list `+t.droppableId+`
|
|
1052
1052
|
to list `+n.droppableId+`
|
|
1053
1053
|
in position `+i+`
|
|
1054
|
-
`},Ud=function(t,n,
|
|
1054
|
+
`},Ud=function(t,n,s){var o=n.droppableId===s.droppableId;return o?`
|
|
1055
1055
|
The item `+t+`
|
|
1056
|
-
has been combined with `+
|
|
1056
|
+
has been combined with `+s.draggableId:`
|
|
1057
1057
|
The item `+t+`
|
|
1058
1058
|
in list `+n.droppableId+`
|
|
1059
|
-
has been combined with `+
|
|
1060
|
-
in list `+
|
|
1061
|
-
`},
|
|
1059
|
+
has been combined with `+s.draggableId+`
|
|
1060
|
+
in list `+s.droppableId+`
|
|
1061
|
+
`},CT=function(t){var n=t.destination;if(n)return Gd(t.source,n);var s=t.combine;return s?Ud(t.draggableId,t.source,s):"You are over an area that cannot be dropped on"},Yd=function(t){return`
|
|
1062
1062
|
The item has returned to its starting position
|
|
1063
|
-
of `+
|
|
1064
|
-
`},
|
|
1063
|
+
of `+Ps(t.index)+`
|
|
1064
|
+
`},xT=function(t){if(t.reason==="CANCEL")return`
|
|
1065
1065
|
Movement cancelled.
|
|
1066
1066
|
`+Yd(t.source)+`
|
|
1067
|
-
`;var n=t.destination,
|
|
1067
|
+
`;var n=t.destination,s=t.combine;return n?`
|
|
1068
1068
|
You have dropped the item.
|
|
1069
1069
|
`+Gd(t.source,n)+`
|
|
1070
|
-
`:
|
|
1070
|
+
`:s?`
|
|
1071
1071
|
You have dropped the item.
|
|
1072
|
-
`+Ud(t.draggableId,t.source,
|
|
1072
|
+
`+Ud(t.draggableId,t.source,s)+`
|
|
1073
1073
|
`:`
|
|
1074
1074
|
The item has been dropped while not over a drop area.
|
|
1075
1075
|
`+Yd(t.source)+`
|
|
1076
|
-
`},As={dragHandleUsageInstructions:TT,onDragStart:wT,onDragUpdate:ET,onDragEnd:CT},Ze={x:0,y:0},tt=function(t,n){return{x:t.x+n.x,y:t.y+n.y}},mt=function(t,n){return{x:t.x-n.x,y:t.y-n.y}},mn=function(t,n){return t.x===n.x&&t.y===n.y},Zn=function(t){return{x:t.x!==0?-t.x:0,y:t.y!==0?-t.y:0}},Nn=function(t,n,a){var o;return a===void 0&&(a=0),o={},o[t]=n,o[t==="x"?"y":"x"]=a,o},ka=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},zd=function(t,n){return Math.min.apply(Math,n.map(function(a){return ka(t,a)}))},jd=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},xT=function(e,t){var n=Mt({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},Ma=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},qd=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}]},DT={top:0,right:0,bottom:0,left:0},IT=function(t,n){return n?Ma(t,n.scroll.diff.displacement):t},NT=function(t,n,a){if(a&&a.increasedBy){var o;return ue({},t,(o={},o[n.end]=t[n.end]+a.increasedBy[n.line],o))}return t},kT=function(t,n){return n&&n.shouldClipSubject?xT(n.pageMarginBox,t):Mt(t)},Xn=function(e){var t=e.page,n=e.withPlaceholder,a=e.axis,o=e.frame,i=IT(t.marginBox,o),c=NT(i,a,n),l=kT(c,o);return{page:t,withPlaceholder:n,active:l}},ko=function(e,t){e.frame||X(!1);var n=e.frame,a=mt(t,n.scroll.initial),o=Zn(a),i=ue({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:a,displacement:o},max:n.scroll.max}}),c=Xn({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:i}),l=ue({},e,{frame:i,subject:c});return l};function Ps(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function Mo(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 fn(e,t){if(e.find)return e.find(t);var n=Mo(e,t);if(n!==-1)return e[n]}function Jd(e){return Array.prototype.slice.call(e)}var Zd=Je(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Xd=Je(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Fs=Je(function(e){return Ps(e)}),MT=Je(function(e){return Ps(e)}),Qn=Je(function(e,t){var n=MT(t).filter(function(a){return e===a.descriptor.droppableId}).sort(function(a,o){return a.descriptor.index-o.descriptor.index});return n});function _o(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function Ks(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var Vs=Je(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),_T=function(e){var t=e.isMovingForward,n=e.draggable,a=e.destination,o=e.insideDestination,i=e.previousImpact;if(!a.isCombineEnabled)return null;var c=_o(i);if(!c)return null;function l(x){var E={type:"COMBINE",combine:{draggableId:x,droppableId:a.descriptor.id}};return ue({},i,{at:E})}var p=i.displaced.all,m=p.length?p[0]:null;if(t)return m?l(m):null;var f=Vs(n,o);if(!m){if(!f.length)return null;var u=f[f.length-1];return l(u.descriptor.id)}var g=Mo(f,function(x){return x.descriptor.id===m});g===-1&&X(!1);var S=g-1;if(S<0)return null;var T=f[S];return l(T.descriptor.id)},ea=function(e,t){return e.descriptor.droppableId===t.descriptor.id},Qd={point:Ze,value:0},_a={invisible:{},visible:{},all:[]},RT={displaced:_a,displacedBy:Qd,at:null},Tt=function(e,t){return function(n){return e<=n&&n<=t}},ep=function(e){var t=Tt(e.top,e.bottom),n=Tt(e.left,e.right);return function(a){var o=t(a.top)&&t(a.bottom)&&n(a.left)&&n(a.right);if(o)return!0;var i=t(a.top)||t(a.bottom),c=n(a.left)||n(a.right),l=i&&c;if(l)return!0;var p=a.top<e.top&&a.bottom>e.bottom,m=a.left<e.left&&a.right>e.right,f=p&&m;if(f)return!0;var u=p&&c||m&&i;return u}},OT=function(e){var t=Tt(e.top,e.bottom),n=Tt(e.left,e.right);return function(a){var o=t(a.top)&&t(a.bottom)&&n(a.left)&&n(a.right);return o}},Ro={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},tp={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},LT=function(e){return function(t){var n=Tt(t.top,t.bottom),a=Tt(t.left,t.right);return function(o){return e===Ro?n(o.top)&&n(o.bottom):a(o.left)&&a(o.right)}}},BT=function(t,n){var a=n.frame?n.frame.scroll.diff.displacement:Ze;return Ma(t,a)},AT=function(t,n,a){return n.subject.active?a(n.subject.active)(t):!1},PT=function(t,n,a){return a(n)(t)},Oo=function(t){var n=t.target,a=t.destination,o=t.viewport,i=t.withDroppableDisplacement,c=t.isVisibleThroughFrameFn,l=i?BT(n,a):n;return AT(l,a,c)&&PT(l,o,c)},FT=function(t){return Oo(ue({},t,{isVisibleThroughFrameFn:ep}))},np=function(t){return Oo(ue({},t,{isVisibleThroughFrameFn:OT}))},KT=function(t){return Oo(ue({},t,{isVisibleThroughFrameFn:LT(t.destination.axis)}))},VT=function(t,n,a){if(typeof a=="boolean")return a;if(!n)return!0;var o=n.invisible,i=n.visible;if(o[t])return!1;var c=i[t];return c?c.shouldAnimate:!0};function $T(e,t){var n=e.page.marginBox,a={top:t.point.y,right:0,bottom:0,left:t.point.x};return Mt(Do(n,a))}function Ra(e){var t=e.afterDragging,n=e.destination,a=e.displacedBy,o=e.viewport,i=e.forceShouldAnimate,c=e.last;return t.reduce(function(p,m){var f=$T(m,a),u=m.descriptor.id;p.all.push(u);var g=FT({target:f,destination:n,viewport:o,withDroppableDisplacement:!0});if(!g)return p.invisible[m.descriptor.id]=!0,p;var S=VT(u,c,i),T={draggableId:u,shouldAnimate:S};return p.visible[u]=T,p},{all:[],visible:{},invisible:{}})}function HT(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function ap(e){var t=e.insideDestination,n=e.inHomeList,a=e.displacedBy,o=e.destination,i=HT(t,{inHomeList:n});return{displaced:_a,displacedBy:a,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:i}}}}function $s(e){var t=e.draggable,n=e.insideDestination,a=e.destination,o=e.viewport,i=e.displacedBy,c=e.last,l=e.index,p=e.forceShouldAnimate,m=ea(t,a);if(l==null)return ap({insideDestination:n,inHomeList:m,displacedBy:i,destination:a});var f=fn(n,function(x){return x.descriptor.index===l});if(!f)return ap({insideDestination:n,inHomeList:m,displacedBy:i,destination:a});var u=Vs(t,n),g=n.indexOf(f),S=u.slice(g),T=Ra({afterDragging:S,destination:a,displacedBy:i,last:c,viewport:o.frame,forceShouldAnimate:p});return{displaced:T,displacedBy:i,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:l}}}}function hn(e,t){return Boolean(t.effected[e])}var WT=function(e){var t=e.isMovingForward,n=e.destination,a=e.draggables,o=e.combine,i=e.afterCritical;if(!n.isCombineEnabled)return null;var c=o.draggableId,l=a[c],p=l.descriptor.index,m=hn(c,i);return m?t?p:p-1:t?p+1:p},GT=function(e){var t=e.isMovingForward,n=e.isInHomeList,a=e.insideDestination,o=e.location;if(!a.length)return null;var i=o.index,c=t?i+1:i-1,l=a[0].descriptor.index,p=a[a.length-1].descriptor.index,m=n?p:p+1;return c<l||c>m?null:c},UT=function(e){var t=e.isMovingForward,n=e.isInHomeList,a=e.draggable,o=e.draggables,i=e.destination,c=e.insideDestination,l=e.previousImpact,p=e.viewport,m=e.afterCritical,f=l.at;if(f||X(!1),f.type==="REORDER"){var u=GT({isMovingForward:t,isInHomeList:n,location:f.destination,insideDestination:c});return u==null?null:$s({draggable:a,insideDestination:c,destination:i,viewport:p,last:l.displaced,displacedBy:l.displacedBy,index:u})}var g=WT({isMovingForward:t,destination:i,displaced:l.displaced,draggables:o,combine:f.combine,afterCritical:m});return g==null?null:$s({draggable:a,insideDestination:c,destination:i,viewport:p,last:l.displaced,displacedBy:l.displacedBy,index:g})},YT=function(e){var t=e.displaced,n=e.afterCritical,a=e.combineWith,o=e.displacedBy,i=Boolean(t.visible[a]||t.invisible[a]);return hn(a,n)?i?Ze:Zn(o.point):i?o.point:Ze},zT=function(e){var t=e.afterCritical,n=e.impact,a=e.draggables,o=Ks(n);o||X(!1);var i=o.draggableId,c=a[i].page.borderBox.center,l=YT({displaced:n.displaced,afterCritical:t,combineWith:i,displacedBy:n.displacedBy});return tt(c,l)},sp=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},jT=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},Lo=function(t,n,a){return n[t.crossAxisStart]+a.margin[t.crossAxisStart]+a.borderBox[t.crossAxisSize]/2},rp=function(t){var n=t.axis,a=t.moveRelativeTo,o=t.isMoving;return Nn(n.line,a.marginBox[n.end]+sp(n,o),Lo(n,a.marginBox,o))},op=function(t){var n=t.axis,a=t.moveRelativeTo,o=t.isMoving;return Nn(n.line,a.marginBox[n.start]-jT(n,o),Lo(n,a.marginBox,o))},qT=function(t){var n=t.axis,a=t.moveInto,o=t.isMoving;return Nn(n.line,a.contentBox[n.start]+sp(n,o),Lo(n,a.contentBox,o))},JT=function(e){var t=e.impact,n=e.draggable,a=e.draggables,o=e.droppable,i=e.afterCritical,c=Qn(o.descriptor.id,a),l=n.page,p=o.axis;if(!c.length)return qT({axis:p,moveInto:o.page,isMoving:l});var m=t.displaced,f=t.displacedBy,u=m.all[0];if(u){var g=a[u];if(hn(u,i))return op({axis:p,moveRelativeTo:g.page,isMoving:l});var S=Rs(g.page,f.point);return op({axis:p,moveRelativeTo:S,isMoving:l})}var T=c[c.length-1];if(T.descriptor.id===n.descriptor.id)return l.borderBox.center;if(hn(T.descriptor.id,i)){var x=Rs(T.page,Zn(i.displacedBy.point));return rp({axis:p,moveRelativeTo:x,isMoving:l})}return rp({axis:p,moveRelativeTo:T.page,isMoving:l})},Bo=function(e,t){var n=e.frame;return n?tt(t,n.scroll.diff.displacement):t},ZT=function(t){var n=t.impact,a=t.draggable,o=t.droppable,i=t.draggables,c=t.afterCritical,l=a.page.borderBox.center,p=n.at;return!o||!p?l:p.type==="REORDER"?JT({impact:n,draggable:a,draggables:i,droppable:o,afterCritical:c}):zT({impact:n,draggables:i,afterCritical:c})},Hs=function(e){var t=ZT(e),n=e.droppable,a=n?Bo(n,t):t;return a},ip=function(e,t){var n=mt(t,e.scroll.initial),a=Zn(n),o=Mt({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),i={frame:o,scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:n,displacement:a}}};return i};function lp(e,t){return e.map(function(n){return t[n]})}function XT(e,t){for(var n=0;n<t.length;n++){var a=t[n].visible[e];if(a)return a}return null}var QT=function(e){var t=e.impact,n=e.viewport,a=e.destination,o=e.draggables,i=e.maxScrollChange,c=ip(n,tt(n.scroll.current,i)),l=a.frame?ko(a,tt(a.frame.scroll.current,i)):a,p=t.displaced,m=Ra({afterDragging:lp(p.all,o),destination:a,displacedBy:t.displacedBy,viewport:c.frame,last:p,forceShouldAnimate:!1}),f=Ra({afterDragging:lp(p.all,o),destination:l,displacedBy:t.displacedBy,viewport:n.frame,last:p,forceShouldAnimate:!1}),u={},g={},S=[p,m,f];p.all.forEach(function(x){var E=XT(x,S);if(E){g[x]=E;return}u[x]=!0});var T=ue({},t,{displaced:{all:p.all,invisible:u,visible:g}});return T},ew=function(e,t){return tt(e.scroll.diff.displacement,t)},Ao=function(e){var t=e.pageBorderBoxCenter,n=e.draggable,a=e.viewport,o=ew(a,t),i=mt(o,n.page.borderBox.center);return tt(n.client.borderBox.center,i)},cp=function(e){var t=e.draggable,n=e.destination,a=e.newPageBorderBoxCenter,o=e.viewport,i=e.withDroppableDisplacement,c=e.onlyOnMainAxis,l=c===void 0?!1:c,p=mt(a,t.page.borderBox.center),m=Ma(t.page.borderBox,p),f={target:m,destination:n,withDroppableDisplacement:i,viewport:o};return l?KT(f):np(f)},tw=function(e){var t=e.isMovingForward,n=e.draggable,a=e.destination,o=e.draggables,i=e.previousImpact,c=e.viewport,l=e.previousPageBorderBoxCenter,p=e.previousClientSelection,m=e.afterCritical;if(!a.isEnabled)return null;var f=Qn(a.descriptor.id,o),u=ea(n,a),g=_T({isMovingForward:t,draggable:n,destination:a,insideDestination:f,previousImpact:i})||UT({isMovingForward:t,isInHomeList:u,draggable:n,draggables:o,destination:a,insideDestination:f,previousImpact:i,viewport:c,afterCritical:m});if(!g)return null;var S=Hs({impact:g,draggable:n,droppable:a,draggables:o,afterCritical:m}),T=cp({draggable:n,destination:a,newPageBorderBoxCenter:S,viewport:c.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(T){var x=Ao({pageBorderBoxCenter:S,draggable:n,viewport:c});return{clientSelection:x,impact:g,scrollJumpRequest:null}}var E=mt(S,l),I=QT({impact:g,viewport:c,destination:a,draggables:o,maxScrollChange:E});return{clientSelection:p,impact:I,scrollJumpRequest:E}},it=function(t){var n=t.subject.active;return n||X(!1),n},nw=function(e){var t=e.isMovingForward,n=e.pageBorderBoxCenter,a=e.source,o=e.droppables,i=e.viewport,c=a.subject.active;if(!c)return null;var l=a.axis,p=Tt(c[l.start],c[l.end]),m=Fs(o).filter(function(u){return u!==a}).filter(function(u){return u.isEnabled}).filter(function(u){return Boolean(u.subject.active)}).filter(function(u){return ep(i.frame)(it(u))}).filter(function(u){var g=it(u);return t?c[l.crossAxisEnd]<g[l.crossAxisEnd]:g[l.crossAxisStart]<c[l.crossAxisStart]}).filter(function(u){var g=it(u),S=Tt(g[l.start],g[l.end]);return p(g[l.start])||p(g[l.end])||S(c[l.start])||S(c[l.end])}).sort(function(u,g){var S=it(u)[l.crossAxisStart],T=it(g)[l.crossAxisStart];return t?S-T:T-S}).filter(function(u,g,S){return it(u)[l.crossAxisStart]===it(S[0])[l.crossAxisStart]});if(!m.length)return null;if(m.length===1)return m[0];var f=m.filter(function(u){var g=Tt(it(u)[l.start],it(u)[l.end]);return g(n[l.line])});return f.length===1?f[0]:f.length>1?f.sort(function(u,g){return it(u)[l.start]-it(g)[l.start]})[0]:m.sort(function(u,g){var S=zd(n,qd(it(u))),T=zd(n,qd(it(g)));return S!==T?S-T:it(u)[l.start]-it(g)[l.start]})[0]},dp=function(t,n){var a=t.page.borderBox.center;return hn(t.descriptor.id,n)?mt(a,n.displacedBy.point):a},aw=function(t,n){var a=t.page.borderBox;return hn(t.descriptor.id,n)?Ma(a,Zn(n.displacedBy.point)):a},sw=function(e){var t=e.pageBorderBoxCenter,n=e.viewport,a=e.destination,o=e.insideDestination,i=e.afterCritical,c=o.filter(function(l){return np({target:aw(l,i),destination:a,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(l,p){var m=ka(t,Bo(a,dp(l,i))),f=ka(t,Bo(a,dp(p,i)));return m<f?-1:f<m?1:l.descriptor.index-p.descriptor.index});return c[0]||null},Oa=Je(function(t,n){var a=n[t.line];return{value:a,point:Nn(t.line,a)}}),rw=function(t,n,a){var o=t.axis;if(t.descriptor.mode==="virtual")return Nn(o.line,n[o.line]);var i=t.subject.page.contentBox[o.size],c=Qn(t.descriptor.id,a),l=c.reduce(function(f,u){return f+u.client.marginBox[o.size]},0),p=l+n[o.line],m=p-i;return m<=0?null:Nn(o.line,m)},pp=function(t,n){return ue({},t,{scroll:ue({},t.scroll,{max:n})})},up=function(t,n,a){var o=t.frame;ea(n,t)&&X(!1),t.subject.withPlaceholder&&X(!1);var i=Oa(t.axis,n.displaceBy).point,c=rw(t,i,a),l={placeholderSize:i,increasedBy:c,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!o){var p=Xn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:t.frame});return ue({},t,{subject:p})}var m=c?tt(o.scroll.max,c):o.scroll.max,f=pp(o,m),u=Xn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:f});return ue({},t,{subject:u,frame:f})},ow=function(t){var n=t.subject.withPlaceholder;n||X(!1);var a=t.frame;if(!a){var o=Xn({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return ue({},t,{subject:o})}var i=n.oldFrameMaxScroll;i||X(!1);var c=pp(a,i),l=Xn({page:t.subject.page,axis:t.axis,frame:c,withPlaceholder:null});return ue({},t,{subject:l,frame:c})},iw=function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,a=e.insideDestination,o=e.draggable,i=e.draggables,c=e.destination,l=e.viewport,p=e.afterCritical;if(!n){if(a.length)return null;var m={displaced:_a,displacedBy:Qd,at:{type:"REORDER",destination:{droppableId:c.descriptor.id,index:0}}},f=Hs({impact:m,draggable:o,droppable:c,draggables:i,afterCritical:p}),u=ea(o,c)?c:up(c,o,i),g=cp({draggable:o,destination:u,newPageBorderBoxCenter:f,viewport:l.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});return g?m:null}var S=Boolean(t[c.axis.line]<=n.page.borderBox.center[c.axis.line]),T=function(){var E=n.descriptor.index;return n.descriptor.id===o.descriptor.id||S?E:E+1}(),x=Oa(c.axis,o.displaceBy);return $s({draggable:o,insideDestination:a,destination:c,viewport:l,displacedBy:x,last:_a,index:T})},lw=function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,a=e.draggable,o=e.isOver,i=e.draggables,c=e.droppables,l=e.viewport,p=e.afterCritical,m=nw({isMovingForward:t,pageBorderBoxCenter:n,source:o,droppables:c,viewport:l});if(!m)return null;var f=Qn(m.descriptor.id,i),u=sw({pageBorderBoxCenter:n,viewport:l,destination:m,insideDestination:f,afterCritical:p}),g=iw({previousPageBorderBoxCenter:n,destination:m,draggable:a,draggables:i,moveRelativeTo:u,insideDestination:f,viewport:l,afterCritical:p});if(!g)return null;var S=Hs({impact:g,draggable:a,droppable:m,draggables:i,afterCritical:p}),T=Ao({pageBorderBoxCenter:S,draggable:a,viewport:l});return{clientSelection:T,impact:g,scrollJumpRequest:null}},ft=function(e){var t=e.at;return t?t.type==="REORDER"?t.destination.droppableId:t.combine.droppableId:null},cw=function(t,n){var a=ft(t);return a?n[a]:null},dw=function(e){var t=e.state,n=e.type,a=cw(t.impact,t.dimensions.droppables),o=Boolean(a),i=t.dimensions.droppables[t.critical.droppable.id],c=a||i,l=c.axis.direction,p=l==="vertical"&&(n==="MOVE_UP"||n==="MOVE_DOWN")||l==="horizontal"&&(n==="MOVE_LEFT"||n==="MOVE_RIGHT");if(p&&!o)return null;var m=n==="MOVE_DOWN"||n==="MOVE_RIGHT",f=t.dimensions.draggables[t.critical.draggable.id],u=t.current.page.borderBoxCenter,g=t.dimensions,S=g.draggables,T=g.droppables;return p?tw({isMovingForward:m,previousPageBorderBoxCenter:u,draggable:f,destination:c,draggables:S,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):lw({isMovingForward:m,previousPageBorderBoxCenter:u,draggable:f,isOver:c,draggables:S,droppables:T,viewport:t.viewport,afterCritical:t.afterCritical})};function kn(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function mp(e){var t=Tt(e.top,e.bottom),n=Tt(e.left,e.right);return function(o){return t(o.y)&&n(o.x)}}function pw(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function uw(e){var t=e.pageBorderBox,n=e.draggable,a=e.candidates,o=n.page.borderBox.center,i=a.map(function(c){var l=c.axis,p=Nn(c.axis.line,t.center[l.line],c.page.borderBox.center[l.crossAxisLine]);return{id:c.descriptor.id,distance:ka(o,p)}}).sort(function(c,l){return l.distance-c.distance});return i[0]?i[0].id:null}function mw(e){var t=e.pageBorderBox,n=e.draggable,a=e.droppables,o=Fs(a).filter(function(i){if(!i.isEnabled)return!1;var c=i.subject.active;if(!c||!pw(t,c))return!1;if(mp(c)(t.center))return!0;var l=i.axis,p=c.center[l.crossAxisLine],m=t[l.crossAxisStart],f=t[l.crossAxisEnd],u=Tt(c[l.crossAxisStart],c[l.crossAxisEnd]),g=u(m),S=u(f);return!g&&!S?!0:g?m<p:f>p});return o.length?o.length===1?o[0].descriptor.id:uw({pageBorderBox:t,draggable:n,candidates:o}):null}var fp=function(t,n){return Mt(Ma(t,n))},fw=function(e,t){var n=e.frame;return n?fp(t,n.scroll.diff.value):t};function hp(e){var t=e.displaced,n=e.id;return Boolean(t.visible[n]||t.invisible[n])}function hw(e){var t=e.draggable,n=e.closest,a=e.inHomeList;return n?a&&n.descriptor.index>t.descriptor.index?n.descriptor.index-1:n.descriptor.index:null}var gw=function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,a=e.destination,o=e.insideDestination,i=e.last,c=e.viewport,l=e.afterCritical,p=a.axis,m=Oa(a.axis,n.displaceBy),f=m.value,u=t[p.start],g=t[p.end],S=Vs(n,o),T=fn(S,function(E){var I=E.descriptor.id,D=E.page.borderBox.center[p.line],v=hn(I,l),k=hp({displaced:i,id:I});return v?k?g<=D:u<D-f:k?g<=D+f:u<D}),x=hw({draggable:n,closest:T,inHomeList:ea(n,a)});return $s({draggable:n,insideDestination:o,destination:a,viewport:c,last:i,displacedBy:m,index:x})},Sw=4,bw=function(e){var t=e.draggable,n=e.pageBorderBoxWithDroppableScroll,a=e.previousImpact,o=e.destination,i=e.insideDestination,c=e.afterCritical;if(!o.isCombineEnabled)return null;var l=o.axis,p=Oa(o.axis,t.displaceBy),m=p.value,f=n[l.start],u=n[l.end],g=Vs(t,i),S=fn(g,function(x){var E=x.descriptor.id,I=x.page.borderBox,D=I[l.size],v=D/Sw,k=hn(E,c),_=hp({displaced:a.displaced,id:E});return k?_?u>I[l.start]+v&&u<I[l.end]-v:f>I[l.start]-m+v&&f<I[l.end]-m-v:_?u>I[l.start]+m+v&&u<I[l.end]+m-v:f>I[l.start]+v&&f<I[l.end]-v});if(!S)return null;var T={displacedBy:p,displaced:a.displaced,at:{type:"COMBINE",combine:{draggableId:S.descriptor.id,droppableId:o.descriptor.id}}};return T},gp=function(e){var t=e.pageOffset,n=e.draggable,a=e.draggables,o=e.droppables,i=e.previousImpact,c=e.viewport,l=e.afterCritical,p=fp(n.page.borderBox,t),m=mw({pageBorderBox:p,draggable:n,droppables:o});if(!m)return RT;var f=o[m],u=Qn(f.descriptor.id,a),g=fw(f,p);return bw({pageBorderBoxWithDroppableScroll:g,draggable:n,previousImpact:i,destination:f,insideDestination:u,afterCritical:l})||gw({pageBorderBoxWithDroppableScroll:g,draggable:n,destination:f,insideDestination:u,last:i.displaced,viewport:c,afterCritical:l})},Po=function(e,t){var n;return ue({},e,(n={},n[t.descriptor.id]=t,n))},vw=function(t){var n=t.previousImpact,a=t.impact,o=t.droppables,i=ft(n),c=ft(a);if(!i||i===c)return o;var l=o[i];if(!l.subject.withPlaceholder)return o;var p=ow(l);return Po(o,p)},yw=function(e){var t=e.draggable,n=e.draggables,a=e.droppables,o=e.previousImpact,i=e.impact,c=vw({previousImpact:o,impact:i,droppables:a}),l=ft(i);if(!l)return c;var p=a[l];if(ea(t,p)||p.subject.withPlaceholder)return c;var m=up(p,t,n);return Po(c,m)},La=function(e){var t=e.state,n=e.clientSelection,a=e.dimensions,o=e.viewport,i=e.impact,c=e.scrollJumpRequest,l=o||t.viewport,p=a||t.dimensions,m=n||t.current.client.selection,f=mt(m,t.initial.client.selection),u={offset:f,selection:m,borderBoxCenter:tt(t.initial.client.borderBoxCenter,f)},g={selection:tt(u.selection,l.scroll.current),borderBoxCenter:tt(u.borderBoxCenter,l.scroll.current),offset:tt(u.offset,l.scroll.diff.value)},S={client:u,page:g};if(t.phase==="COLLECTING")return ue({phase:"COLLECTING"},t,{dimensions:p,viewport:l,current:S});var T=p.draggables[t.critical.draggable.id],x=i||gp({pageOffset:g.offset,draggable:T,draggables:p.draggables,droppables:p.droppables,previousImpact:t.impact,viewport:l,afterCritical:t.afterCritical}),E=yw({draggable:T,impact:x,previousImpact:t.impact,draggables:p.draggables,droppables:p.droppables}),I=ue({},t,{current:S,dimensions:{draggables:p.draggables,droppables:E},impact:x,viewport:l,scrollJumpRequest:c||null,forceShouldAnimate:c?!1:null});return I};function Tw(e,t){return e.map(function(n){return t[n]})}var Sp=function(e){var t=e.impact,n=e.viewport,a=e.draggables,o=e.destination,i=e.forceShouldAnimate,c=t.displaced,l=Tw(c.all,a),p=Ra({afterDragging:l,destination:o,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:i,last:c});return ue({},t,{displaced:p})},bp=function(e){var t=e.impact,n=e.draggable,a=e.droppable,o=e.draggables,i=e.viewport,c=e.afterCritical,l=Hs({impact:t,draggable:n,draggables:o,droppable:a,afterCritical:c});return Ao({pageBorderBoxCenter:l,draggable:n,viewport:i})},vp=function(e){var t=e.state,n=e.dimensions,a=e.viewport;t.movementMode!=="SNAP"&&X(!1);var o=t.impact,i=a||t.viewport,c=n||t.dimensions,l=c.draggables,p=c.droppables,m=l[t.critical.draggable.id],f=ft(o);f||X(!1);var u=p[f],g=Sp({impact:o,viewport:i,destination:u,draggables:l}),S=bp({impact:g,draggable:m,droppable:u,draggables:l,viewport:i,afterCritical:t.afterCritical});return La({impact:g,clientSelection:S,state:t,dimensions:c,viewport:i})},ww=function(e){return{index:e.index,droppableId:e.droppableId}},yp=function(e){var t=e.draggable,n=e.home,a=e.draggables,o=e.viewport,i=Oa(n.axis,t.displaceBy),c=Qn(n.descriptor.id,a),l=c.indexOf(t);l===-1&&X(!1);var p=c.slice(l+1),m=p.reduce(function(S,T){return S[T.descriptor.id]=!0,S},{}),f={inVirtualList:n.descriptor.mode==="virtual",displacedBy:i,effected:m},u=Ra({afterDragging:p,destination:n,displacedBy:i,last:null,viewport:o.frame,forceShouldAnimate:!1}),g={displaced:u,displacedBy:i,at:{type:"REORDER",destination:ww(t.descriptor)}};return{impact:g,afterCritical:f}},Ew=function(e,t){return{draggables:e.draggables,droppables:Po(e.droppables,t)}},Cw=function(e){var t=e.draggable,n=e.offset,a=e.initialWindowScroll,o=Rs(t.client,n),i=Os(o,a),c=ue({},t,{placeholder:ue({},t.placeholder,{client:o}),client:o,page:i});return c},xw=function(e){var t=e.frame;return t||X(!1),t},Dw=function(e){var t=e.additions,n=e.updatedDroppables,a=e.viewport,o=a.scroll.diff.value;return t.map(function(i){var c=i.descriptor.droppableId,l=n[c],p=xw(l),m=p.scroll.diff.value,f=tt(o,m),u=Cw({draggable:i,offset:f,initialWindowScroll:a.scroll.initial});return u})},Iw=function(e){var t=e.state,n=e.published,a=n.modified.map(function(v){var k=t.dimensions.droppables[v.droppableId],_=ko(k,v.scroll);return _}),o=ue({},t.dimensions.droppables,{},Zd(a)),i=Xd(Dw({additions:n.additions,updatedDroppables:o,viewport:t.viewport})),c=ue({},t.dimensions.draggables,{},i);n.removals.forEach(function(v){delete c[v]});var l={droppables:o,draggables:c},p=ft(t.impact),m=p?l.droppables[p]:null,f=l.draggables[t.critical.draggable.id],u=l.droppables[t.critical.droppable.id],g=yp({draggable:f,home:u,draggables:c,viewport:t.viewport}),S=g.impact,T=g.afterCritical,x=m&&m.isCombineEnabled?t.impact:S,E=gp({pageOffset:t.current.page.offset,draggable:l.draggables[t.critical.draggable.id],draggables:l.draggables,droppables:l.droppables,previousImpact:x,viewport:t.viewport,afterCritical:T}),I=ue({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:E,onLiftImpact:S,dimensions:l,afterCritical:T,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return I;var D=ue({phase:"DROP_PENDING"},I,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return D},Fo=function(t){return t.movementMode==="SNAP"},Ko=function(t,n,a){var o=Ew(t.dimensions,n);return!Fo(t)||a?La({state:t,dimensions:o}):vp({state:t,dimensions:o})};function Vo(e){return e.isDragging&&e.movementMode==="SNAP"?ue({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var Tp={phase:"IDLE",completed:null,shouldFlush:!1},Nw=function(e,t){if(e===void 0&&(e=Tp),t.type==="FLUSH")return ue({},Tp,{shouldFlush:!0});if(t.type==="INITIAL_PUBLISH"){e.phase!=="IDLE"&&X(!1);var n=t.payload,a=n.critical,o=n.clientSelection,i=n.viewport,c=n.dimensions,l=n.movementMode,p=c.draggables[a.draggable.id],m=c.droppables[a.droppable.id],f={selection:o,borderBoxCenter:p.client.borderBox.center,offset:Ze},u={client:f,page:{selection:tt(f.selection,i.scroll.initial),borderBoxCenter:tt(f.selection,i.scroll.initial),offset:tt(f.selection,i.scroll.diff.value)}},g=Fs(c.droppables).every(function(We){return!We.isFixedOnPage}),S=yp({draggable:p,home:m,draggables:c.draggables,viewport:i}),T=S.impact,x=S.afterCritical,E={phase:"DRAGGING",isDragging:!0,critical:a,movementMode:l,dimensions:c,initial:u,current:u,isWindowScrollAllowed:g,impact:T,afterCritical:x,onLiftImpact:T,viewport:i,scrollJumpRequest:null,forceShouldAnimate:null};return E}if(t.type==="COLLECTION_STARTING"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&X(!1);var I=ue({phase:"COLLECTING"},e,{phase:"COLLECTING"});return I}if(t.type==="PUBLISH_WHILE_DRAGGING")return e.phase==="COLLECTING"||e.phase==="DROP_PENDING"||X(!1),Iw({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;kn(e)||X(!1);var D=t.payload.client;return mn(D,e.current.client.selection)?e:La({state:e,clientSelection:D,impact:Fo(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return Vo(e);kn(e)||X(!1);var v=t.payload,k=v.id,_=v.newScroll,L=e.dimensions.droppables[k];if(!L)return e;var R=ko(L,_);return Ko(e,R,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;kn(e)||X(!1);var B=t.payload,P=B.id,A=B.isEnabled,G=e.dimensions.droppables[P];G||X(!1),G.isEnabled===A&&X(!1);var K=ue({},G,{isEnabled:A});return Ko(e,K,!0)}if(t.type==="UPDATE_DROPPABLE_IS_COMBINE_ENABLED"){if(e.phase==="DROP_PENDING")return e;kn(e)||X(!1);var W=t.payload,de=W.id,pe=W.isCombineEnabled,J=e.dimensions.droppables[de];J||X(!1),J.isCombineEnabled===pe&&X(!1);var Q=ue({},J,{isCombineEnabled:pe});return Ko(e,Q,!0)}if(t.type==="MOVE_BY_WINDOW_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="DROP_ANIMATING")return e;kn(e)||X(!1),e.isWindowScrollAllowed||X(!1);var le=t.payload.newScroll;if(mn(e.viewport.scroll.current,le))return Vo(e);var se=ip(e.viewport,le);return Fo(e)?vp({state:e,viewport:se}):La({state:e,viewport:se})}if(t.type==="UPDATE_VIEWPORT_MAX_SCROLL"){if(!kn(e))return e;var ce=t.payload.maxScroll;if(mn(ce,e.viewport.scroll.max))return e;var ee=ue({},e.viewport,{scroll:ue({},e.viewport.scroll,{max:ce})});return ue({phase:"DRAGGING"},e,{viewport:ee})}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"&&X(!1);var te=dw({state:e,type:t.type});return te?La({state:e,impact:te.impact,clientSelection:te.clientSelection,scrollJumpRequest:te.scrollJumpRequest}):e}if(t.type==="DROP_PENDING"){var Z=t.payload.reason;e.phase!=="COLLECTING"&&X(!1);var oe=ue({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:Z});return oe}if(t.type==="DROP_ANIMATE"){var j=t.payload,Se=j.completed,ke=j.dropDuration,Ie=j.newHomeClientOffset;e.phase==="DRAGGING"||e.phase==="DROP_PENDING"||X(!1);var Te={phase:"DROP_ANIMATING",completed:Se,dropDuration:ke,newHomeClientOffset:Ie,dimensions:e.dimensions};return Te}if(t.type==="DROP_COMPLETE"){var He=t.payload.completed;return{phase:"IDLE",completed:He,shouldFlush:!1}}return e},kw=function(t){return{type:"BEFORE_INITIAL_CAPTURE",payload:t}},Mw=function(t){return{type:"LIFT",payload:t}},_w=function(t){return{type:"INITIAL_PUBLISH",payload:t}},Rw=function(t){return{type:"PUBLISH_WHILE_DRAGGING",payload:t}},Ow=function(){return{type:"COLLECTION_STARTING",payload:null}},Lw=function(t){return{type:"UPDATE_DROPPABLE_SCROLL",payload:t}},Bw=function(t){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:t}},Aw=function(t){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:t}},wp=function(t){return{type:"MOVE",payload:t}},Pw=function(t){return{type:"MOVE_BY_WINDOW_SCROLL",payload:t}},Fw=function(t){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:t}},Kw=function(){return{type:"MOVE_UP",payload:null}},Vw=function(){return{type:"MOVE_DOWN",payload:null}},$w=function(){return{type:"MOVE_RIGHT",payload:null}},Hw=function(){return{type:"MOVE_LEFT",payload:null}},$o=function(){return{type:"FLUSH",payload:null}},Ww=function(t){return{type:"DROP_ANIMATE",payload:t}},Ho=function(t){return{type:"DROP_COMPLETE",payload:t}},Ep=function(t){return{type:"DROP",payload:t}},Gw=function(t){return{type:"DROP_PENDING",payload:t}},Cp=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}},Uw=function(e){return function(t){var n=t.getState,a=t.dispatch;return function(o){return function(i){if(i.type!=="LIFT"){o(i);return}var c=i.payload,l=c.id,p=c.clientSelection,m=c.movementMode,f=n();f.phase==="DROP_ANIMATING"&&a(Ho({completed:f.completed})),n().phase!=="IDLE"&&X(!1),a($o()),a(kw({draggableId:l,movementMode:m}));var u={shouldPublishImmediately:m==="SNAP"},g={draggableId:l,scrollOptions:u},S=e.startPublishing(g),T=S.critical,x=S.dimensions,E=S.viewport;a(_w({critical:T,dimensions:x,clientSelection:p,movementMode:m,viewport:E}))}}}},Yw=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)}}}},Wo={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},Ba={opacity:{drop:0,combining:.7},scale:{drop:.75}},Go={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},Mn=Go.outOfTheWay+"s "+Wo.outOfTheWay,Aa={fluid:"opacity "+Mn,snap:"transform "+Mn+", opacity "+Mn,drop:function(t){var n=t+"s "+Wo.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+Mn,placeholder:"height "+Mn+", width "+Mn+", margin "+Mn},xp=function(t){return mn(t,Ze)?null:"translate("+t.x+"px, "+t.y+"px)"},Uo={moveTo:xp,drop:function(t,n){var a=xp(t);return a?n?a+" scale("+Ba.scale.drop+")":a:null}},Yo=Go.minDropTime,Dp=Go.maxDropTime,zw=Dp-Yo,Ip=1500,jw=.6,qw=function(e){var t=e.current,n=e.destination,a=e.reason,o=ka(t,n);if(o<=0)return Yo;if(o>=Ip)return Dp;var i=o/Ip,c=Yo+zw*i,l=a==="CANCEL"?c*jw:c;return Number(l.toFixed(2))},Jw=function(e){var t=e.impact,n=e.draggable,a=e.dimensions,o=e.viewport,i=e.afterCritical,c=a.draggables,l=a.droppables,p=ft(t),m=p?l[p]:null,f=l[n.descriptor.droppableId],u=bp({impact:t,draggable:n,draggables:c,afterCritical:i,droppable:m||f,viewport:o}),g=mt(u,n.client.borderBox.center);return g},Zw=function(e){var t=e.draggables,n=e.reason,a=e.lastImpact,o=e.home,i=e.viewport,c=e.onLiftImpact;if(!a.at||n!=="DROP"){var l=Sp({draggables:t,impact:c,destination:o,viewport:i,forceShouldAnimate:!0});return{impact:l,didDropInsideDroppable:!1}}if(a.at.type==="REORDER")return{impact:a,didDropInsideDroppable:!0};var p=ue({},a,{displaced:_a});return{impact:p,didDropInsideDroppable:!0}},Xw=function(e){var t=e.getState,n=e.dispatch;return function(a){return function(o){if(o.type!=="DROP"){a(o);return}var i=t(),c=o.payload.reason;if(i.phase==="COLLECTING"){n(Gw({reason:c}));return}if(i.phase!=="IDLE"){var l=i.phase==="DROP_PENDING"&&i.isWaiting;l&&X(!1),i.phase==="DRAGGING"||i.phase==="DROP_PENDING"||X(!1);var p=i.critical,m=i.dimensions,f=m.draggables[i.critical.draggable.id],u=Zw({reason:c,lastImpact:i.impact,afterCritical:i.afterCritical,onLiftImpact:i.onLiftImpact,home:i.dimensions.droppables[i.critical.droppable.id],viewport:i.viewport,draggables:i.dimensions.draggables}),g=u.impact,S=u.didDropInsideDroppable,T=S?_o(g):null,x=S?Ks(g):null,E={index:p.draggable.index,droppableId:p.droppable.id},I={draggableId:f.descriptor.id,type:f.descriptor.type,source:E,reason:c,mode:i.movementMode,destination:T,combine:x},D=Jw({impact:g,draggable:f,dimensions:m,viewport:i.viewport,afterCritical:i.afterCritical}),v={critical:i.critical,afterCritical:i.afterCritical,result:I,impact:g},k=!mn(i.current.client.offset,D)||Boolean(I.combine);if(!k){n(Ho({completed:v}));return}var _=qw({current:i.current.client.offset,destination:D,reason:c}),L={newHomeClientOffset:D,dropDuration:_,completed:v};n(Ww(L))}}}},Np=function(){return{x:window.pageXOffset,y:window.pageYOffset}};function Qw(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(n){n.target!==window&&n.target!==window.document||e()}}}function eE(e){var t=e.onWindowScroll;function n(){t(Np())}var a=Na(n),o=Qw(a),i=un;function c(){return i!==un}function l(){c()&&X(!1),i=yt(window,[o])}function p(){c()||X(!1),a.cancel(),i(),i=un}return{start:l,stop:p,isActive:c}}var tE=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},nE=function(e){var t=eE({onWindowScroll:function(a){e.dispatch(Pw({newScroll:a}))}});return function(n){return function(a){!t.isActive()&&a.type==="INITIAL_PUBLISH"&&t.start(),t.isActive()&&tE(a)&&t.stop(),n(a)}}},aE=function(e){var t=!1,n=!1,a=setTimeout(function(){n=!0}),o=function(c){t||n||(t=!0,e(c),clearTimeout(a))};return o.wasCalled=function(){return t},o},sE=function(){var e=[],t=function(i){var c=Mo(e,function(m){return m.timerId===i});c===-1&&X(!1);var l=e.splice(c,1),p=l[0];p.callback()},n=function(i){var c=setTimeout(function(){return t(c)}),l={timerId:c,callback:i};e.push(l)},a=function(){if(!!e.length){var i=[].concat(e);e.length=0,i.forEach(function(c){clearTimeout(c.timerId),c.callback()})}};return{add:n,flush:a}},rE=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},oE=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},iE=function(t,n){if(t===n)return!0;var a=t.draggable.id===n.draggable.id&&t.draggable.droppableId===n.draggable.droppableId&&t.draggable.type===n.draggable.type&&t.draggable.index===n.draggable.index,o=t.droppable.id===n.droppable.id&&t.droppable.type===n.droppable.type;return a&&o},Pa=function(t,n){n()},Ws=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},zo=function(t,n,a,o){if(!t){a(o(n));return}var i=aE(a),c={announce:i};t(n,c),i.wasCalled()||a(o(n))},lE=function(e,t){var n=sE(),a=null,o=function(g,S){a&&X(!1),Pa("onBeforeCapture",function(){var T=e().onBeforeCapture;if(T){var x={draggableId:g,mode:S};T(x)}})},i=function(g,S){a&&X(!1),Pa("onBeforeDragStart",function(){var T=e().onBeforeDragStart;T&&T(Ws(g,S))})},c=function(g,S){a&&X(!1);var T=Ws(g,S);a={mode:S,lastCritical:g,lastLocation:T.source,lastCombine:null},n.add(function(){Pa("onDragStart",function(){return zo(e().onDragStart,T,t,As.onDragStart)})})},l=function(g,S){var T=_o(S),x=Ks(S);a||X(!1);var E=!iE(g,a.lastCritical);E&&(a.lastCritical=g);var I=!rE(a.lastLocation,T);I&&(a.lastLocation=T);var D=!oE(a.lastCombine,x);if(D&&(a.lastCombine=x),!(!E&&!I&&!D)){var v=ue({},Ws(g,a.mode),{combine:x,destination:T});n.add(function(){Pa("onDragUpdate",function(){return zo(e().onDragUpdate,v,t,As.onDragUpdate)})})}},p=function(){a||X(!1),n.flush()},m=function(g){a||X(!1),a=null,Pa("onDragEnd",function(){return zo(e().onDragEnd,g,t,As.onDragEnd)})},f=function(){if(!!a){var g=ue({},Ws(a.lastCritical,a.mode),{combine:null,destination:null,reason:"CANCEL"});m(g)}};return{beforeCapture:o,beforeStart:i,start:c,update:l,flush:p,drop:m,abort:f}},cE=function(e,t){var n=lE(e,t);return function(a){return function(o){return function(i){if(i.type==="BEFORE_INITIAL_CAPTURE"){n.beforeCapture(i.payload.draggableId,i.payload.movementMode);return}if(i.type==="INITIAL_PUBLISH"){var c=i.payload.critical;n.beforeStart(c,i.payload.movementMode),o(i),n.start(c,i.payload.movementMode);return}if(i.type==="DROP_COMPLETE"){var l=i.payload.completed.result;n.flush(),o(i),n.drop(l);return}if(o(i),i.type==="FLUSH"){n.abort();return}var p=a.getState();p.phase==="DRAGGING"&&n.update(p.critical,p.impact)}}}},dE=function(e){return function(t){return function(n){if(n.type!=="DROP_ANIMATION_FINISHED"){t(n);return}var a=e.getState();a.phase!=="DROP_ANIMATING"&&X(!1),e.dispatch(Ho({completed:a.completed}))}}},pE=function(e){var t=null,n=null;function a(){n&&(cancelAnimationFrame(n),n=null),t&&(t(),t=null)}return function(o){return function(i){if((i.type==="FLUSH"||i.type==="DROP_COMPLETE"||i.type==="DROP_ANIMATION_FINISHED")&&a(),o(i),i.type==="DROP_ANIMATE"){var c={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){var p=e.getState();p.phase==="DROP_ANIMATING"&&e.dispatch(Cp())}};n=requestAnimationFrame(function(){n=null,t=yt(window,[c])})}}}},uE=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)}}}},mE=function(e){var t=!1;return function(){return function(n){return function(a){if(a.type==="INITIAL_PUBLISH"){t=!0,e.tryRecordFocus(a.payload.critical.draggable.id),n(a),e.tryRestoreFocusRecorded();return}if(n(a),!!t){if(a.type==="FLUSH"){t=!1,e.tryRestoreFocusRecorded();return}if(a.type==="DROP_COMPLETE"){t=!1;var o=a.payload.completed.result;o.combine&&e.tryShiftRecord(o.draggableId,o.combine.draggableId),e.tryRestoreFocusRecorded()}}}}}},fE=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},hE=function(e){return function(t){return function(n){return function(a){if(fE(a)){e.stop(),n(a);return}if(a.type==="INITIAL_PUBLISH"){n(a);var o=t.getState();o.phase!=="DRAGGING"&&X(!1),e.start(o);return}n(a),e.scroll(t.getState())}}}},gE=function(e){return function(t){return function(n){if(t(n),n.type==="PUBLISH_WHILE_DRAGGING"){var a=e.getState();a.phase==="DROP_PENDING"&&(a.isWaiting||e.dispatch(Ep({reason:a.reason})))}}}},SE=vd,bE=function(e){var t=e.dimensionMarshal,n=e.focusMarshal,a=e.styleMarshal,o=e.getResponders,i=e.announce,c=e.autoScroller;return gd(Nw,SE(gy(Yw(a),uE(t),Uw(t),Xw,dE,pE,gE,hE(c),nE,mE(n),cE(o,i))))},jo=function(){return{additions:{},removals:{},modified:{}}};function vE(e){var t=e.registry,n=e.callbacks,a=jo(),o=null,i=function(){o||(n.collectionStarting(),o=requestAnimationFrame(function(){o=null;var f=a,u=f.additions,g=f.removals,S=f.modified,T=Object.keys(u).map(function(I){return t.draggable.getById(I).getDimension(Ze)}).sort(function(I,D){return I.descriptor.index-D.descriptor.index}),x=Object.keys(S).map(function(I){var D=t.droppable.getById(I),v=D.callbacks.getScrollWhileDragging();return{droppableId:I,scroll:v}}),E={additions:T,removals:Object.keys(g),modified:x};a=jo(),n.publish(E)}))},c=function(f){var u=f.descriptor.id;a.additions[u]=f,a.modified[f.descriptor.droppableId]=!0,a.removals[u]&&delete a.removals[u],i()},l=function(f){var u=f.descriptor;a.removals[u.id]=!0,a.modified[u.droppableId]=!0,a.additions[u.id]&&delete a.additions[u.id],i()},p=function(){!o||(cancelAnimationFrame(o),o=null,a=jo())};return{add:c,remove:l,stop:p}}var kp=function(e){var t=e.scrollHeight,n=e.scrollWidth,a=e.height,o=e.width,i=mt({x:n,y:t},{x:o,y:a}),c={x:Math.max(0,i.x),y:Math.max(0,i.y)};return c},Mp=function(){var e=document.documentElement;return e||X(!1),e},_p=function(){var e=Mp(),t=kp({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t},yE=function(){var e=Np(),t=_p(),n=e.y,a=e.x,o=Mp(),i=o.clientWidth,c=o.clientHeight,l=a+i,p=n+c,m=Mt({top:n,left:a,right:l,bottom:p}),f={frame:m,scroll:{initial:e,current:e,max:t,diff:{value:Ze,displacement:Ze}}};return f},TE=function(e){var t=e.critical,n=e.scrollOptions,a=e.registry,o=yE(),i=o.scroll.current,c=t.droppable,l=a.droppable.getAllByType(c.type).map(function(u){return u.callbacks.getDimensionAndWatchScroll(i,n)}),p=a.draggable.getAllByType(t.draggable.type).map(function(u){return u.getDimension(i)}),m={draggables:Xd(p),droppables:Zd(l)},f={dimensions:m,critical:t,viewport:o};return f};function Rp(e,t,n){if(n.descriptor.id===t.id||n.descriptor.type!==t.type)return!1;var a=e.droppable.getById(n.descriptor.droppableId);return a.descriptor.mode==="virtual"}var wE=function(e,t){var n=null,a=vE({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),o=function(S,T){e.droppable.exists(S)||X(!1),!!n&&t.updateDroppableIsEnabled({id:S,isEnabled:T})},i=function(S,T){!n||(e.droppable.exists(S)||X(!1),t.updateDroppableIsCombineEnabled({id:S,isCombineEnabled:T}))},c=function(S,T){!n||(e.droppable.exists(S)||X(!1),t.updateDroppableScroll({id:S,newScroll:T}))},l=function(S,T){!n||e.droppable.getById(S).callbacks.scroll(T)},p=function(){if(!!n){a.stop();var S=n.critical.droppable;e.droppable.getAllByType(S.type).forEach(function(T){return T.callbacks.dragStopped()}),n.unsubscribe(),n=null}},m=function(S){n||X(!1);var T=n.critical.draggable;S.type==="ADDITION"&&Rp(e,T,S.value)&&a.add(S.value),S.type==="REMOVAL"&&Rp(e,T,S.value)&&a.remove(S.value)},f=function(S){n&&X(!1);var T=e.draggable.getById(S.draggableId),x=e.droppable.getById(T.descriptor.droppableId),E={draggable:T.descriptor,droppable:x.descriptor},I=e.subscribe(m);return n={critical:E,unsubscribe:I},TE({critical:E,registry:e,scrollOptions:S.scrollOptions})},u={updateDroppableIsEnabled:o,updateDroppableIsCombineEnabled:i,scrollDroppable:l,updateDroppableScroll:c,startPublishing:f,stopPublishing:p};return u},Op=function(e,t){return e.phase==="IDLE"?!0:e.phase!=="DROP_ANIMATING"||e.completed.result.draggableId===t?!1:e.completed.result.reason==="DROP"},EE=function(e){window.scrollBy(e.x,e.y)},CE=Je(function(e){return Fs(e).filter(function(t){return!(!t.isEnabled||!t.frame)})}),xE=function(t,n){var a=fn(CE(n),function(o){return o.frame||X(!1),mp(o.frame.pageMarginBox)(t)});return a},DE=function(e){var t=e.center,n=e.destination,a=e.droppables;if(n){var o=a[n];return o.frame?o:null}var i=xE(t,a);return i},gn={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:function(t){return Math.pow(t,2)},durationDampening:{stopDampeningAt:1200,accelerateAt:360}},IE=function(e,t){var n=e[t.size]*gn.startFromPercentage,a=e[t.size]*gn.maxScrollAtPercentage,o={startScrollingFrom:n,maxScrollValueAt:a};return o},Lp=function(e){var t=e.startOfRange,n=e.endOfRange,a=e.current,o=n-t;if(o===0)return 0;var i=a-t,c=i/o;return c},qo=1,NE=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return gn.maxPixelScroll;if(e===t.startScrollingFrom)return qo;var n=Lp({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),a=1-n,o=gn.maxPixelScroll*gn.ease(a);return Math.ceil(o)},Bp=gn.durationDampening.accelerateAt,Ap=gn.durationDampening.stopDampeningAt,kE=function(e,t){var n=t,a=Ap,o=Date.now(),i=o-n;if(i>=Ap)return e;if(i<Bp)return qo;var c=Lp({startOfRange:Bp,endOfRange:a,current:i}),l=e*gn.ease(c);return Math.ceil(l)},Pp=function(e){var t=e.distanceToEdge,n=e.thresholds,a=e.dragStartTime,o=e.shouldUseTimeDampening,i=NE(t,n);return i===0?0:o?Math.max(kE(i,a),qo):i},Fp=function(e){var t=e.container,n=e.distanceToEdges,a=e.dragStartTime,o=e.axis,i=e.shouldUseTimeDampening,c=IE(t,o),l=n[o.end]<n[o.start];return l?Pp({distanceToEdge:n[o.end],thresholds:c,dragStartTime:a,shouldUseTimeDampening:i}):-1*Pp({distanceToEdge:n[o.start],thresholds:c,dragStartTime:a,shouldUseTimeDampening:i})},ME=function(e){var t=e.container,n=e.subject,a=e.proposedScroll,o=n.height>t.height,i=n.width>t.width;return!i&&!o?a:i&&o?null:{x:i?0:a.x,y:o?0:a.y}},_E=jd(function(e){return e===0?0:e}),Kp=function(e){var t=e.dragStartTime,n=e.container,a=e.subject,o=e.center,i=e.shouldUseTimeDampening,c={top:o.y-n.top,right:n.right-o.x,bottom:n.bottom-o.y,left:o.x-n.left},l=Fp({container:n,distanceToEdges:c,dragStartTime:t,axis:Ro,shouldUseTimeDampening:i}),p=Fp({container:n,distanceToEdges:c,dragStartTime:t,axis:tp,shouldUseTimeDampening:i}),m=_E({x:p,y:l});if(mn(m,Ze))return null;var f=ME({container:n,subject:a,proposedScroll:m});return f?mn(f,Ze)?null:f:null},RE=jd(function(e){return e===0?0:e>0?1:-1}),Jo=function(){var e=function(n,a){return n<0?n:n>a?n-a:0};return function(t){var n=t.current,a=t.max,o=t.change,i=tt(n,o),c={x:e(i.x,a.x),y:e(i.y,a.y)};return mn(c,Ze)?null:c}}(),Vp=function(t){var n=t.max,a=t.current,o=t.change,i={x:Math.max(a.x,n.x),y:Math.max(a.y,n.y)},c=RE(o),l=Jo({max:i,current:a,change:c});return!l||c.x!==0&&l.x===0||c.y!==0&&l.y===0},Zo=function(t,n){return Vp({current:t.scroll.current,max:t.scroll.max,change:n})},OE=function(t,n){if(!Zo(t,n))return null;var a=t.scroll.max,o=t.scroll.current;return Jo({current:o,max:a,change:n})},Xo=function(t,n){var a=t.frame;return a?Vp({current:a.scroll.current,max:a.scroll.max,change:n}):!1},LE=function(t,n){var a=t.frame;return!a||!Xo(t,n)?null:Jo({current:a.scroll.current,max:a.scroll.max,change:n})},BE=function(e){var t=e.viewport,n=e.subject,a=e.center,o=e.dragStartTime,i=e.shouldUseTimeDampening,c=Kp({dragStartTime:o,container:t.frame,subject:n,center:a,shouldUseTimeDampening:i});return c&&Zo(t,c)?c:null},AE=function(e){var t=e.droppable,n=e.subject,a=e.center,o=e.dragStartTime,i=e.shouldUseTimeDampening,c=t.frame;if(!c)return null;var l=Kp({dragStartTime:o,container:c.pageMarginBox,subject:n,center:a,shouldUseTimeDampening:i});return l&&Xo(t,l)?l:null},$p=function(e){var t=e.state,n=e.dragStartTime,a=e.shouldUseTimeDampening,o=e.scrollWindow,i=e.scrollDroppable,c=t.current.page.borderBoxCenter,l=t.dimensions.draggables[t.critical.draggable.id],p=l.page.marginBox;if(t.isWindowScrollAllowed){var m=t.viewport,f=BE({dragStartTime:n,viewport:m,subject:p,center:c,shouldUseTimeDampening:a});if(f){o(f);return}}var u=DE({center:c,destination:ft(t.impact),droppables:t.dimensions.droppables});if(!!u){var g=AE({dragStartTime:n,droppable:u,subject:p,center:c,shouldUseTimeDampening:a});g&&i(u.descriptor.id,g)}},PE=function(e){var t=e.scrollWindow,n=e.scrollDroppable,a=Na(t),o=Na(n),i=null,c=function(f){i||X(!1);var u=i,g=u.shouldUseTimeDampening,S=u.dragStartTime;$p({state:f,scrollWindow:a,scrollDroppable:o,dragStartTime:S,shouldUseTimeDampening:g})},l=function(f){i&&X(!1);var u=Date.now(),g=!1,S=function(){g=!0};$p({state:f,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:S,scrollDroppable:S}),i={dragStartTime:u,shouldUseTimeDampening:g},g&&c(f)},p=function(){!i||(a.cancel(),o.cancel(),i=null)};return{start:l,stop:p,scroll:c}},FE=function(e){var t=e.move,n=e.scrollDroppable,a=e.scrollWindow,o=function(m,f){var u=tt(m.current.client.selection,f);t({client:u})},i=function(m,f){if(!Xo(m,f))return f;var u=LE(m,f);if(!u)return n(m.descriptor.id,f),null;var g=mt(f,u);n(m.descriptor.id,g);var S=mt(f,g);return S},c=function(m,f,u){if(!m||!Zo(f,u))return u;var g=OE(f,u);if(!g)return a(u),null;var S=mt(u,g);a(S);var T=mt(u,S);return T},l=function(m){var f=m.scrollJumpRequest;if(!!f){var u=ft(m.impact);u||X(!1);var g=i(m.dimensions.droppables[u],f);if(!!g){var S=m.viewport,T=c(m.isWindowScrollAllowed,S,g);!T||o(m,T)}}};return l},KE=function(e){var t=e.scrollDroppable,n=e.scrollWindow,a=e.move,o=PE({scrollWindow:n,scrollDroppable:t}),i=FE({move:a,scrollWindow:n,scrollDroppable:t}),c=function(m){if(m.phase==="DRAGGING"){if(m.movementMode==="FLUID"){o.scroll(m);return}!m.scrollJumpRequest||i(m)}},l={scroll:c,start:o.start,stop:o.stop};return l},ta="data-rbd",na=function(){var e=ta+"-drag-handle";return{base:e,draggableId:e+"-draggable-id",contextId:e+"-context-id"}}(),Qo=function(){var e=ta+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),VE=function(){var e=ta+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),Hp={contextId:ta+"-scroll-container-context-id"},$E=function(t){return function(n){return"["+n+'="'+t+'"]'}},Fa=function(t,n){return t.map(function(a){var o=a.styles[n];return o?a.selector+" { "+o+" }":""}).join(" ")},HE="pointer-events: none;",WE=function(e){var t=$E(e),n=function(){var l=`
|
|
1076
|
+
`},As={dragHandleUsageInstructions:wT,onDragStart:ET,onDragUpdate:CT,onDragEnd:xT},Xe={x:0,y:0},nt=function(t,n){return{x:t.x+n.x,y:t.y+n.y}},gt=function(t,n){return{x:t.x-n.x,y:t.y-n.y}},pn=function(t,n){return t.x===n.x&&t.y===n.y},ea=function(t){return{x:t.x!==0?-t.x:0,y:t.y!==0?-t.y:0}},kn=function(t,n,s){var o;return s===void 0&&(s=0),o={},o[t]=n,o[t==="x"?"y":"x"]=s,o},ka=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},zd=function(t,n){return Math.min.apply(Math,n.map(function(s){return ka(t,s)}))},jd=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},DT=function(e,t){var n=_t({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},Ma=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},qd=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}]},IT={top:0,right:0,bottom:0,left:0},NT=function(t,n){return n?Ma(t,n.scroll.diff.displacement):t},kT=function(t,n,s){if(s&&s.increasedBy){var o;return me({},t,(o={},o[n.end]=t[n.end]+s.increasedBy[n.line],o))}return t},MT=function(t,n){return n&&n.shouldClipSubject?DT(n.pageMarginBox,t):_t(t)},ta=function(e){var t=e.page,n=e.withPlaceholder,s=e.axis,o=e.frame,i=NT(t.marginBox,o),c=kT(i,s,n),l=MT(c,o);return{page:t,withPlaceholder:n,active:l}},ko=function(e,t){e.frame||X(!1);var n=e.frame,s=gt(t,n.scroll.initial),o=ea(s),i=me({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:s,displacement:o},max:n.scroll.max}}),c=ta({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:i}),l=me({},e,{frame:i,subject:c});return l};function Fs(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function Mo(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 un(e,t){if(e.find)return e.find(t);var n=Mo(e,t);if(n!==-1)return e[n]}function Jd(e){return Array.prototype.slice.call(e)}var Zd=Ze(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Xd=Ze(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Ks=Ze(function(e){return Fs(e)}),_T=Ze(function(e){return Fs(e)}),na=Ze(function(e,t){var n=_T(t).filter(function(s){return e===s.descriptor.droppableId}).sort(function(s,o){return s.descriptor.index-o.descriptor.index});return n});function _o(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function Vs(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var $s=Ze(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),RT=function(e){var t=e.isMovingForward,n=e.draggable,s=e.destination,o=e.insideDestination,i=e.previousImpact;if(!s.isCombineEnabled)return null;var c=_o(i);if(!c)return null;function l(x){var E={type:"COMBINE",combine:{draggableId:x,droppableId:s.descriptor.id}};return me({},i,{at:E})}var p=i.displaced.all,u=p.length?p[0]:null;if(t)return u?l(u):null;var f=$s(n,o);if(!u){if(!f.length)return null;var m=f[f.length-1];return l(m.descriptor.id)}var g=Mo(f,function(x){return x.descriptor.id===u});g===-1&&X(!1);var S=g-1;if(S<0)return null;var T=f[S];return l(T.descriptor.id)},aa=function(e,t){return e.descriptor.droppableId===t.descriptor.id},Qd={point:Xe,value:0},_a={invisible:{},visible:{},all:[]},LT={displaced:_a,displacedBy:Qd,at:null},Ct=function(e,t){return function(n){return e<=n&&n<=t}},ep=function(e){var t=Ct(e.top,e.bottom),n=Ct(e.left,e.right);return function(s){var o=t(s.top)&&t(s.bottom)&&n(s.left)&&n(s.right);if(o)return!0;var i=t(s.top)||t(s.bottom),c=n(s.left)||n(s.right),l=i&&c;if(l)return!0;var p=s.top<e.top&&s.bottom>e.bottom,u=s.left<e.left&&s.right>e.right,f=p&&u;if(f)return!0;var m=p&&c||u&&i;return m}},OT=function(e){var t=Ct(e.top,e.bottom),n=Ct(e.left,e.right);return function(s){var o=t(s.top)&&t(s.bottom)&&n(s.left)&&n(s.right);return o}},Ro={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},tp={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},BT=function(e){return function(t){var n=Ct(t.top,t.bottom),s=Ct(t.left,t.right);return function(o){return e===Ro?n(o.top)&&n(o.bottom):s(o.left)&&s(o.right)}}},PT=function(t,n){var s=n.frame?n.frame.scroll.diff.displacement:Xe;return Ma(t,s)},AT=function(t,n,s){return n.subject.active?s(n.subject.active)(t):!1},FT=function(t,n,s){return s(n)(t)},Lo=function(t){var n=t.target,s=t.destination,o=t.viewport,i=t.withDroppableDisplacement,c=t.isVisibleThroughFrameFn,l=i?PT(n,s):n;return AT(l,s,c)&&FT(l,o,c)},KT=function(t){return Lo(me({},t,{isVisibleThroughFrameFn:ep}))},np=function(t){return Lo(me({},t,{isVisibleThroughFrameFn:OT}))},VT=function(t){return Lo(me({},t,{isVisibleThroughFrameFn:BT(t.destination.axis)}))},$T=function(t,n,s){if(typeof s=="boolean")return s;if(!n)return!0;var o=n.invisible,i=n.visible;if(o[t])return!1;var c=i[t];return c?c.shouldAnimate:!0};function HT(e,t){var n=e.page.marginBox,s={top:t.point.y,right:0,bottom:0,left:t.point.x};return _t(Do(n,s))}function Ra(e){var t=e.afterDragging,n=e.destination,s=e.displacedBy,o=e.viewport,i=e.forceShouldAnimate,c=e.last;return t.reduce(function(p,u){var f=HT(u,s),m=u.descriptor.id;p.all.push(m);var g=KT({target:f,destination:n,viewport:o,withDroppableDisplacement:!0});if(!g)return p.invisible[u.descriptor.id]=!0,p;var S=$T(m,c,i),T={draggableId:m,shouldAnimate:S};return p.visible[m]=T,p},{all:[],visible:{},invisible:{}})}function WT(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function ap(e){var t=e.insideDestination,n=e.inHomeList,s=e.displacedBy,o=e.destination,i=WT(t,{inHomeList:n});return{displaced:_a,displacedBy:s,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:i}}}}function Hs(e){var t=e.draggable,n=e.insideDestination,s=e.destination,o=e.viewport,i=e.displacedBy,c=e.last,l=e.index,p=e.forceShouldAnimate,u=aa(t,s);if(l==null)return ap({insideDestination:n,inHomeList:u,displacedBy:i,destination:s});var f=un(n,function(x){return x.descriptor.index===l});if(!f)return ap({insideDestination:n,inHomeList:u,displacedBy:i,destination:s});var m=$s(t,n),g=n.indexOf(f),S=m.slice(g),T=Ra({afterDragging:S,destination:s,displacedBy:i,last:c,viewport:o.frame,forceShouldAnimate:p});return{displaced:T,displacedBy:i,at:{type:"REORDER",destination:{droppableId:s.descriptor.id,index:l}}}}function mn(e,t){return Boolean(t.effected[e])}var GT=function(e){var t=e.isMovingForward,n=e.destination,s=e.draggables,o=e.combine,i=e.afterCritical;if(!n.isCombineEnabled)return null;var c=o.draggableId,l=s[c],p=l.descriptor.index,u=mn(c,i);return u?t?p:p-1:t?p+1:p},UT=function(e){var t=e.isMovingForward,n=e.isInHomeList,s=e.insideDestination,o=e.location;if(!s.length)return null;var i=o.index,c=t?i+1:i-1,l=s[0].descriptor.index,p=s[s.length-1].descriptor.index,u=n?p:p+1;return c<l||c>u?null:c},YT=function(e){var t=e.isMovingForward,n=e.isInHomeList,s=e.draggable,o=e.draggables,i=e.destination,c=e.insideDestination,l=e.previousImpact,p=e.viewport,u=e.afterCritical,f=l.at;if(f||X(!1),f.type==="REORDER"){var m=UT({isMovingForward:t,isInHomeList:n,location:f.destination,insideDestination:c});return m==null?null:Hs({draggable:s,insideDestination:c,destination:i,viewport:p,last:l.displaced,displacedBy:l.displacedBy,index:m})}var g=GT({isMovingForward:t,destination:i,displaced:l.displaced,draggables:o,combine:f.combine,afterCritical:u});return g==null?null:Hs({draggable:s,insideDestination:c,destination:i,viewport:p,last:l.displaced,displacedBy:l.displacedBy,index:g})},zT=function(e){var t=e.displaced,n=e.afterCritical,s=e.combineWith,o=e.displacedBy,i=Boolean(t.visible[s]||t.invisible[s]);return mn(s,n)?i?Xe:ea(o.point):i?o.point:Xe},jT=function(e){var t=e.afterCritical,n=e.impact,s=e.draggables,o=Vs(n);o||X(!1);var i=o.draggableId,c=s[i].page.borderBox.center,l=zT({displaced:n.displaced,afterCritical:t,combineWith:i,displacedBy:n.displacedBy});return nt(c,l)},sp=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},qT=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},Oo=function(t,n,s){return n[t.crossAxisStart]+s.margin[t.crossAxisStart]+s.borderBox[t.crossAxisSize]/2},rp=function(t){var n=t.axis,s=t.moveRelativeTo,o=t.isMoving;return kn(n.line,s.marginBox[n.end]+sp(n,o),Oo(n,s.marginBox,o))},op=function(t){var n=t.axis,s=t.moveRelativeTo,o=t.isMoving;return kn(n.line,s.marginBox[n.start]-qT(n,o),Oo(n,s.marginBox,o))},JT=function(t){var n=t.axis,s=t.moveInto,o=t.isMoving;return kn(n.line,s.contentBox[n.start]+sp(n,o),Oo(n,s.contentBox,o))},ZT=function(e){var t=e.impact,n=e.draggable,s=e.draggables,o=e.droppable,i=e.afterCritical,c=na(o.descriptor.id,s),l=n.page,p=o.axis;if(!c.length)return JT({axis:p,moveInto:o.page,isMoving:l});var u=t.displaced,f=t.displacedBy,m=u.all[0];if(m){var g=s[m];if(mn(m,i))return op({axis:p,moveRelativeTo:g.page,isMoving:l});var S=Ls(g.page,f.point);return op({axis:p,moveRelativeTo:S,isMoving:l})}var T=c[c.length-1];if(T.descriptor.id===n.descriptor.id)return l.borderBox.center;if(mn(T.descriptor.id,i)){var x=Ls(T.page,ea(i.displacedBy.point));return rp({axis:p,moveRelativeTo:x,isMoving:l})}return rp({axis:p,moveRelativeTo:T.page,isMoving:l})},Bo=function(e,t){var n=e.frame;return n?nt(t,n.scroll.diff.displacement):t},XT=function(t){var n=t.impact,s=t.draggable,o=t.droppable,i=t.draggables,c=t.afterCritical,l=s.page.borderBox.center,p=n.at;return!o||!p?l:p.type==="REORDER"?ZT({impact:n,draggable:s,draggables:i,droppable:o,afterCritical:c}):jT({impact:n,draggables:i,afterCritical:c})},Ws=function(e){var t=XT(e),n=e.droppable,s=n?Bo(n,t):t;return s},ip=function(e,t){var n=gt(t,e.scroll.initial),s=ea(n),o=_t({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),i={frame:o,scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:n,displacement:s}}};return i};function lp(e,t){return e.map(function(n){return t[n]})}function QT(e,t){for(var n=0;n<t.length;n++){var s=t[n].visible[e];if(s)return s}return null}var ew=function(e){var t=e.impact,n=e.viewport,s=e.destination,o=e.draggables,i=e.maxScrollChange,c=ip(n,nt(n.scroll.current,i)),l=s.frame?ko(s,nt(s.frame.scroll.current,i)):s,p=t.displaced,u=Ra({afterDragging:lp(p.all,o),destination:s,displacedBy:t.displacedBy,viewport:c.frame,last:p,forceShouldAnimate:!1}),f=Ra({afterDragging:lp(p.all,o),destination:l,displacedBy:t.displacedBy,viewport:n.frame,last:p,forceShouldAnimate:!1}),m={},g={},S=[p,u,f];p.all.forEach(function(x){var E=QT(x,S);if(E){g[x]=E;return}m[x]=!0});var T=me({},t,{displaced:{all:p.all,invisible:m,visible:g}});return T},tw=function(e,t){return nt(e.scroll.diff.displacement,t)},Po=function(e){var t=e.pageBorderBoxCenter,n=e.draggable,s=e.viewport,o=tw(s,t),i=gt(o,n.page.borderBox.center);return nt(n.client.borderBox.center,i)},cp=function(e){var t=e.draggable,n=e.destination,s=e.newPageBorderBoxCenter,o=e.viewport,i=e.withDroppableDisplacement,c=e.onlyOnMainAxis,l=c===void 0?!1:c,p=gt(s,t.page.borderBox.center),u=Ma(t.page.borderBox,p),f={target:u,destination:n,withDroppableDisplacement:i,viewport:o};return l?VT(f):np(f)},nw=function(e){var t=e.isMovingForward,n=e.draggable,s=e.destination,o=e.draggables,i=e.previousImpact,c=e.viewport,l=e.previousPageBorderBoxCenter,p=e.previousClientSelection,u=e.afterCritical;if(!s.isEnabled)return null;var f=na(s.descriptor.id,o),m=aa(n,s),g=RT({isMovingForward:t,draggable:n,destination:s,insideDestination:f,previousImpact:i})||YT({isMovingForward:t,isInHomeList:m,draggable:n,draggables:o,destination:s,insideDestination:f,previousImpact:i,viewport:c,afterCritical:u});if(!g)return null;var S=Ws({impact:g,draggable:n,droppable:s,draggables:o,afterCritical:u}),T=cp({draggable:n,destination:s,newPageBorderBoxCenter:S,viewport:c.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(T){var x=Po({pageBorderBoxCenter:S,draggable:n,viewport:c});return{clientSelection:x,impact:g,scrollJumpRequest:null}}var E=gt(S,l),I=ew({impact:g,viewport:c,destination:s,draggables:o,maxScrollChange:E});return{clientSelection:p,impact:I,scrollJumpRequest:E}},lt=function(t){var n=t.subject.active;return n||X(!1),n},aw=function(e){var t=e.isMovingForward,n=e.pageBorderBoxCenter,s=e.source,o=e.droppables,i=e.viewport,c=s.subject.active;if(!c)return null;var l=s.axis,p=Ct(c[l.start],c[l.end]),u=Ks(o).filter(function(m){return m!==s}).filter(function(m){return m.isEnabled}).filter(function(m){return Boolean(m.subject.active)}).filter(function(m){return ep(i.frame)(lt(m))}).filter(function(m){var g=lt(m);return t?c[l.crossAxisEnd]<g[l.crossAxisEnd]:g[l.crossAxisStart]<c[l.crossAxisStart]}).filter(function(m){var g=lt(m),S=Ct(g[l.start],g[l.end]);return p(g[l.start])||p(g[l.end])||S(c[l.start])||S(c[l.end])}).sort(function(m,g){var S=lt(m)[l.crossAxisStart],T=lt(g)[l.crossAxisStart];return t?S-T:T-S}).filter(function(m,g,S){return lt(m)[l.crossAxisStart]===lt(S[0])[l.crossAxisStart]});if(!u.length)return null;if(u.length===1)return u[0];var f=u.filter(function(m){var g=Ct(lt(m)[l.start],lt(m)[l.end]);return g(n[l.line])});return f.length===1?f[0]:f.length>1?f.sort(function(m,g){return lt(m)[l.start]-lt(g)[l.start]})[0]:u.sort(function(m,g){var S=zd(n,qd(lt(m))),T=zd(n,qd(lt(g)));return S!==T?S-T:lt(m)[l.start]-lt(g)[l.start]})[0]},dp=function(t,n){var s=t.page.borderBox.center;return mn(t.descriptor.id,n)?gt(s,n.displacedBy.point):s},sw=function(t,n){var s=t.page.borderBox;return mn(t.descriptor.id,n)?Ma(s,ea(n.displacedBy.point)):s},rw=function(e){var t=e.pageBorderBoxCenter,n=e.viewport,s=e.destination,o=e.insideDestination,i=e.afterCritical,c=o.filter(function(l){return np({target:sw(l,i),destination:s,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(l,p){var u=ka(t,Bo(s,dp(l,i))),f=ka(t,Bo(s,dp(p,i)));return u<f?-1:f<u?1:l.descriptor.index-p.descriptor.index});return c[0]||null},La=Ze(function(t,n){var s=n[t.line];return{value:s,point:kn(t.line,s)}}),ow=function(t,n,s){var o=t.axis;if(t.descriptor.mode==="virtual")return kn(o.line,n[o.line]);var i=t.subject.page.contentBox[o.size],c=na(t.descriptor.id,s),l=c.reduce(function(f,m){return f+m.client.marginBox[o.size]},0),p=l+n[o.line],u=p-i;return u<=0?null:kn(o.line,u)},pp=function(t,n){return me({},t,{scroll:me({},t.scroll,{max:n})})},up=function(t,n,s){var o=t.frame;aa(n,t)&&X(!1),t.subject.withPlaceholder&&X(!1);var i=La(t.axis,n.displaceBy).point,c=ow(t,i,s),l={placeholderSize:i,increasedBy:c,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!o){var p=ta({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:t.frame});return me({},t,{subject:p})}var u=c?nt(o.scroll.max,c):o.scroll.max,f=pp(o,u),m=ta({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:f});return me({},t,{subject:m,frame:f})},iw=function(t){var n=t.subject.withPlaceholder;n||X(!1);var s=t.frame;if(!s){var o=ta({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return me({},t,{subject:o})}var i=n.oldFrameMaxScroll;i||X(!1);var c=pp(s,i),l=ta({page:t.subject.page,axis:t.axis,frame:c,withPlaceholder:null});return me({},t,{subject:l,frame:c})},lw=function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,s=e.insideDestination,o=e.draggable,i=e.draggables,c=e.destination,l=e.viewport,p=e.afterCritical;if(!n){if(s.length)return null;var u={displaced:_a,displacedBy:Qd,at:{type:"REORDER",destination:{droppableId:c.descriptor.id,index:0}}},f=Ws({impact:u,draggable:o,droppable:c,draggables:i,afterCritical:p}),m=aa(o,c)?c:up(c,o,i),g=cp({draggable:o,destination:m,newPageBorderBoxCenter:f,viewport:l.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});return g?u:null}var S=Boolean(t[c.axis.line]<=n.page.borderBox.center[c.axis.line]),T=function(){var E=n.descriptor.index;return n.descriptor.id===o.descriptor.id||S?E:E+1}(),x=La(c.axis,o.displaceBy);return Hs({draggable:o,insideDestination:s,destination:c,viewport:l,displacedBy:x,last:_a,index:T})},cw=function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,s=e.draggable,o=e.isOver,i=e.draggables,c=e.droppables,l=e.viewport,p=e.afterCritical,u=aw({isMovingForward:t,pageBorderBoxCenter:n,source:o,droppables:c,viewport:l});if(!u)return null;var f=na(u.descriptor.id,i),m=rw({pageBorderBoxCenter:n,viewport:l,destination:u,insideDestination:f,afterCritical:p}),g=lw({previousPageBorderBoxCenter:n,destination:u,draggable:s,draggables:i,moveRelativeTo:m,insideDestination:f,viewport:l,afterCritical:p});if(!g)return null;var S=Ws({impact:g,draggable:s,droppable:u,draggables:i,afterCritical:p}),T=Po({pageBorderBoxCenter:S,draggable:s,viewport:l});return{clientSelection:T,impact:g,scrollJumpRequest:null}},St=function(e){var t=e.at;return t?t.type==="REORDER"?t.destination.droppableId:t.combine.droppableId:null},dw=function(t,n){var s=St(t);return s?n[s]:null},pw=function(e){var t=e.state,n=e.type,s=dw(t.impact,t.dimensions.droppables),o=Boolean(s),i=t.dimensions.droppables[t.critical.droppable.id],c=s||i,l=c.axis.direction,p=l==="vertical"&&(n==="MOVE_UP"||n==="MOVE_DOWN")||l==="horizontal"&&(n==="MOVE_LEFT"||n==="MOVE_RIGHT");if(p&&!o)return null;var u=n==="MOVE_DOWN"||n==="MOVE_RIGHT",f=t.dimensions.draggables[t.critical.draggable.id],m=t.current.page.borderBoxCenter,g=t.dimensions,S=g.draggables,T=g.droppables;return p?nw({isMovingForward:u,previousPageBorderBoxCenter:m,draggable:f,destination:c,draggables:S,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):cw({isMovingForward:u,previousPageBorderBoxCenter:m,draggable:f,isOver:c,draggables:S,droppables:T,viewport:t.viewport,afterCritical:t.afterCritical})};function Mn(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function mp(e){var t=Ct(e.top,e.bottom),n=Ct(e.left,e.right);return function(o){return t(o.y)&&n(o.x)}}function uw(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function mw(e){var t=e.pageBorderBox,n=e.draggable,s=e.candidates,o=n.page.borderBox.center,i=s.map(function(c){var l=c.axis,p=kn(c.axis.line,t.center[l.line],c.page.borderBox.center[l.crossAxisLine]);return{id:c.descriptor.id,distance:ka(o,p)}}).sort(function(c,l){return l.distance-c.distance});return i[0]?i[0].id:null}function fw(e){var t=e.pageBorderBox,n=e.draggable,s=e.droppables,o=Ks(s).filter(function(i){if(!i.isEnabled)return!1;var c=i.subject.active;if(!c||!uw(t,c))return!1;if(mp(c)(t.center))return!0;var l=i.axis,p=c.center[l.crossAxisLine],u=t[l.crossAxisStart],f=t[l.crossAxisEnd],m=Ct(c[l.crossAxisStart],c[l.crossAxisEnd]),g=m(u),S=m(f);return!g&&!S?!0:g?u<p:f>p});return o.length?o.length===1?o[0].descriptor.id:mw({pageBorderBox:t,draggable:n,candidates:o}):null}var fp=function(t,n){return _t(Ma(t,n))},hw=function(e,t){var n=e.frame;return n?fp(t,n.scroll.diff.value):t};function hp(e){var t=e.displaced,n=e.id;return Boolean(t.visible[n]||t.invisible[n])}function gw(e){var t=e.draggable,n=e.closest,s=e.inHomeList;return n?s&&n.descriptor.index>t.descriptor.index?n.descriptor.index-1:n.descriptor.index:null}var Sw=function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,s=e.destination,o=e.insideDestination,i=e.last,c=e.viewport,l=e.afterCritical,p=s.axis,u=La(s.axis,n.displaceBy),f=u.value,m=t[p.start],g=t[p.end],S=$s(n,o),T=un(S,function(E){var I=E.descriptor.id,D=E.page.borderBox.center[p.line],v=mn(I,l),k=hp({displaced:i,id:I});return v?k?g<=D:m<D-f:k?g<=D+f:m<D}),x=gw({draggable:n,closest:T,inHomeList:aa(n,s)});return Hs({draggable:n,insideDestination:o,destination:s,viewport:c,last:i,displacedBy:u,index:x})},bw=4,vw=function(e){var t=e.draggable,n=e.pageBorderBoxWithDroppableScroll,s=e.previousImpact,o=e.destination,i=e.insideDestination,c=e.afterCritical;if(!o.isCombineEnabled)return null;var l=o.axis,p=La(o.axis,t.displaceBy),u=p.value,f=n[l.start],m=n[l.end],g=$s(t,i),S=un(g,function(x){var E=x.descriptor.id,I=x.page.borderBox,D=I[l.size],v=D/bw,k=mn(E,c),_=hp({displaced:s.displaced,id:E});return k?_?m>I[l.start]+v&&m<I[l.end]-v:f>I[l.start]-u+v&&f<I[l.end]-u-v:_?m>I[l.start]+u+v&&m<I[l.end]+u-v:f>I[l.start]+v&&f<I[l.end]-v});if(!S)return null;var T={displacedBy:p,displaced:s.displaced,at:{type:"COMBINE",combine:{draggableId:S.descriptor.id,droppableId:o.descriptor.id}}};return T},gp=function(e){var t=e.pageOffset,n=e.draggable,s=e.draggables,o=e.droppables,i=e.previousImpact,c=e.viewport,l=e.afterCritical,p=fp(n.page.borderBox,t),u=fw({pageBorderBox:p,draggable:n,droppables:o});if(!u)return LT;var f=o[u],m=na(f.descriptor.id,s),g=hw(f,p);return vw({pageBorderBoxWithDroppableScroll:g,draggable:n,previousImpact:i,destination:f,insideDestination:m,afterCritical:l})||Sw({pageBorderBoxWithDroppableScroll:g,draggable:n,destination:f,insideDestination:m,last:i.displaced,viewport:c,afterCritical:l})},Ao=function(e,t){var n;return me({},e,(n={},n[t.descriptor.id]=t,n))},yw=function(t){var n=t.previousImpact,s=t.impact,o=t.droppables,i=St(n),c=St(s);if(!i||i===c)return o;var l=o[i];if(!l.subject.withPlaceholder)return o;var p=iw(l);return Ao(o,p)},Tw=function(e){var t=e.draggable,n=e.draggables,s=e.droppables,o=e.previousImpact,i=e.impact,c=yw({previousImpact:o,impact:i,droppables:s}),l=St(i);if(!l)return c;var p=s[l];if(aa(t,p)||p.subject.withPlaceholder)return c;var u=up(p,t,n);return Ao(c,u)},Oa=function(e){var t=e.state,n=e.clientSelection,s=e.dimensions,o=e.viewport,i=e.impact,c=e.scrollJumpRequest,l=o||t.viewport,p=s||t.dimensions,u=n||t.current.client.selection,f=gt(u,t.initial.client.selection),m={offset:f,selection:u,borderBoxCenter:nt(t.initial.client.borderBoxCenter,f)},g={selection:nt(m.selection,l.scroll.current),borderBoxCenter:nt(m.borderBoxCenter,l.scroll.current),offset:nt(m.offset,l.scroll.diff.value)},S={client:m,page:g};if(t.phase==="COLLECTING")return me({phase:"COLLECTING"},t,{dimensions:p,viewport:l,current:S});var T=p.draggables[t.critical.draggable.id],x=i||gp({pageOffset:g.offset,draggable:T,draggables:p.draggables,droppables:p.droppables,previousImpact:t.impact,viewport:l,afterCritical:t.afterCritical}),E=Tw({draggable:T,impact:x,previousImpact:t.impact,draggables:p.draggables,droppables:p.droppables}),I=me({},t,{current:S,dimensions:{draggables:p.draggables,droppables:E},impact:x,viewport:l,scrollJumpRequest:c||null,forceShouldAnimate:c?!1:null});return I};function ww(e,t){return e.map(function(n){return t[n]})}var Sp=function(e){var t=e.impact,n=e.viewport,s=e.draggables,o=e.destination,i=e.forceShouldAnimate,c=t.displaced,l=ww(c.all,s),p=Ra({afterDragging:l,destination:o,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:i,last:c});return me({},t,{displaced:p})},bp=function(e){var t=e.impact,n=e.draggable,s=e.droppable,o=e.draggables,i=e.viewport,c=e.afterCritical,l=Ws({impact:t,draggable:n,draggables:o,droppable:s,afterCritical:c});return Po({pageBorderBoxCenter:l,draggable:n,viewport:i})},vp=function(e){var t=e.state,n=e.dimensions,s=e.viewport;t.movementMode!=="SNAP"&&X(!1);var o=t.impact,i=s||t.viewport,c=n||t.dimensions,l=c.draggables,p=c.droppables,u=l[t.critical.draggable.id],f=St(o);f||X(!1);var m=p[f],g=Sp({impact:o,viewport:i,destination:m,draggables:l}),S=bp({impact:g,draggable:u,droppable:m,draggables:l,viewport:i,afterCritical:t.afterCritical});return Oa({impact:g,clientSelection:S,state:t,dimensions:c,viewport:i})},Ew=function(e){return{index:e.index,droppableId:e.droppableId}},yp=function(e){var t=e.draggable,n=e.home,s=e.draggables,o=e.viewport,i=La(n.axis,t.displaceBy),c=na(n.descriptor.id,s),l=c.indexOf(t);l===-1&&X(!1);var p=c.slice(l+1),u=p.reduce(function(S,T){return S[T.descriptor.id]=!0,S},{}),f={inVirtualList:n.descriptor.mode==="virtual",displacedBy:i,effected:u},m=Ra({afterDragging:p,destination:n,displacedBy:i,last:null,viewport:o.frame,forceShouldAnimate:!1}),g={displaced:m,displacedBy:i,at:{type:"REORDER",destination:Ew(t.descriptor)}};return{impact:g,afterCritical:f}},Cw=function(e,t){return{draggables:e.draggables,droppables:Ao(e.droppables,t)}},xw=function(e){var t=e.draggable,n=e.offset,s=e.initialWindowScroll,o=Ls(t.client,n),i=Os(o,s),c=me({},t,{placeholder:me({},t.placeholder,{client:o}),client:o,page:i});return c},Dw=function(e){var t=e.frame;return t||X(!1),t},Iw=function(e){var t=e.additions,n=e.updatedDroppables,s=e.viewport,o=s.scroll.diff.value;return t.map(function(i){var c=i.descriptor.droppableId,l=n[c],p=Dw(l),u=p.scroll.diff.value,f=nt(o,u),m=xw({draggable:i,offset:f,initialWindowScroll:s.scroll.initial});return m})},Nw=function(e){var t=e.state,n=e.published,s=n.modified.map(function(v){var k=t.dimensions.droppables[v.droppableId],_=ko(k,v.scroll);return _}),o=me({},t.dimensions.droppables,{},Zd(s)),i=Xd(Iw({additions:n.additions,updatedDroppables:o,viewport:t.viewport})),c=me({},t.dimensions.draggables,{},i);n.removals.forEach(function(v){delete c[v]});var l={droppables:o,draggables:c},p=St(t.impact),u=p?l.droppables[p]:null,f=l.draggables[t.critical.draggable.id],m=l.droppables[t.critical.droppable.id],g=yp({draggable:f,home:m,draggables:c,viewport:t.viewport}),S=g.impact,T=g.afterCritical,x=u&&u.isCombineEnabled?t.impact:S,E=gp({pageOffset:t.current.page.offset,draggable:l.draggables[t.critical.draggable.id],draggables:l.draggables,droppables:l.droppables,previousImpact:x,viewport:t.viewport,afterCritical:T}),I=me({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:E,onLiftImpact:S,dimensions:l,afterCritical:T,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return I;var D=me({phase:"DROP_PENDING"},I,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return D},Fo=function(t){return t.movementMode==="SNAP"},Ko=function(t,n,s){var o=Cw(t.dimensions,n);return!Fo(t)||s?Oa({state:t,dimensions:o}):vp({state:t,dimensions:o})};function Vo(e){return e.isDragging&&e.movementMode==="SNAP"?me({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var Tp={phase:"IDLE",completed:null,shouldFlush:!1},kw=function(e,t){if(e===void 0&&(e=Tp),t.type==="FLUSH")return me({},Tp,{shouldFlush:!0});if(t.type==="INITIAL_PUBLISH"){e.phase!=="IDLE"&&X(!1);var n=t.payload,s=n.critical,o=n.clientSelection,i=n.viewport,c=n.dimensions,l=n.movementMode,p=c.draggables[s.draggable.id],u=c.droppables[s.droppable.id],f={selection:o,borderBoxCenter:p.client.borderBox.center,offset:Xe},m={client:f,page:{selection:nt(f.selection,i.scroll.initial),borderBoxCenter:nt(f.selection,i.scroll.initial),offset:nt(f.selection,i.scroll.diff.value)}},g=Ks(c.droppables).every(function($e){return!$e.isFixedOnPage}),S=yp({draggable:p,home:u,draggables:c.draggables,viewport:i}),T=S.impact,x=S.afterCritical,E={phase:"DRAGGING",isDragging:!0,critical:s,movementMode:l,dimensions:c,initial:m,current:m,isWindowScrollAllowed:g,impact:T,afterCritical:x,onLiftImpact:T,viewport:i,scrollJumpRequest:null,forceShouldAnimate:null};return E}if(t.type==="COLLECTION_STARTING"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&X(!1);var I=me({phase:"COLLECTING"},e,{phase:"COLLECTING"});return I}if(t.type==="PUBLISH_WHILE_DRAGGING")return e.phase==="COLLECTING"||e.phase==="DROP_PENDING"||X(!1),Nw({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;Mn(e)||X(!1);var D=t.payload.client;return pn(D,e.current.client.selection)?e:Oa({state:e,clientSelection:D,impact:Fo(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return Vo(e);Mn(e)||X(!1);var v=t.payload,k=v.id,_=v.newScroll,O=e.dimensions.droppables[k];if(!O)return e;var R=ko(O,_);return Ko(e,R,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;Mn(e)||X(!1);var B=t.payload,F=B.id,P=B.isEnabled,U=e.dimensions.droppables[F];U||X(!1),U.isEnabled===P&&X(!1);var V=me({},U,{isEnabled:P});return Ko(e,V,!0)}if(t.type==="UPDATE_DROPPABLE_IS_COMBINE_ENABLED"){if(e.phase==="DROP_PENDING")return e;Mn(e)||X(!1);var G=t.payload,pe=G.id,ue=G.isCombineEnabled,J=e.dimensions.droppables[pe];J||X(!1),J.isCombineEnabled===ue&&X(!1);var Q=me({},J,{isCombineEnabled:ue});return Ko(e,Q,!0)}if(t.type==="MOVE_BY_WINDOW_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="DROP_ANIMATING")return e;Mn(e)||X(!1),e.isWindowScrollAllowed||X(!1);var oe=t.payload.newScroll;if(pn(e.viewport.scroll.current,oe))return Vo(e);var se=ip(e.viewport,oe);return Fo(e)?vp({state:e,viewport:se}):Oa({state:e,viewport:se})}if(t.type==="UPDATE_VIEWPORT_MAX_SCROLL"){if(!Mn(e))return e;var ce=t.payload.maxScroll;if(pn(ce,e.viewport.scroll.max))return e;var ee=me({},e.viewport,{scroll:me({},e.viewport.scroll,{max:ce})});return me({phase:"DRAGGING"},e,{viewport:ee})}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"&&X(!1);var te=pw({state:e,type:t.type});return te?Oa({state:e,impact:te.impact,clientSelection:te.clientSelection,scrollJumpRequest:te.scrollJumpRequest}):e}if(t.type==="DROP_PENDING"){var Z=t.payload.reason;e.phase!=="COLLECTING"&&X(!1);var ie=me({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:Z});return ie}if(t.type==="DROP_ANIMATE"){var j=t.payload,ye=j.completed,Ie=j.dropDuration,Ce=j.newHomeClientOffset;e.phase==="DRAGGING"||e.phase==="DROP_PENDING"||X(!1);var we={phase:"DROP_ANIMATING",completed:ye,dropDuration:Ie,newHomeClientOffset:Ce,dimensions:e.dimensions};return we}if(t.type==="DROP_COMPLETE"){var Ke=t.payload.completed;return{phase:"IDLE",completed:Ke,shouldFlush:!1}}return e},Mw=function(t){return{type:"BEFORE_INITIAL_CAPTURE",payload:t}},_w=function(t){return{type:"LIFT",payload:t}},Rw=function(t){return{type:"INITIAL_PUBLISH",payload:t}},Lw=function(t){return{type:"PUBLISH_WHILE_DRAGGING",payload:t}},Ow=function(){return{type:"COLLECTION_STARTING",payload:null}},Bw=function(t){return{type:"UPDATE_DROPPABLE_SCROLL",payload:t}},Pw=function(t){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:t}},Aw=function(t){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:t}},wp=function(t){return{type:"MOVE",payload:t}},Fw=function(t){return{type:"MOVE_BY_WINDOW_SCROLL",payload:t}},Kw=function(t){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:t}},Vw=function(){return{type:"MOVE_UP",payload:null}},$w=function(){return{type:"MOVE_DOWN",payload:null}},Hw=function(){return{type:"MOVE_RIGHT",payload:null}},Ww=function(){return{type:"MOVE_LEFT",payload:null}},$o=function(){return{type:"FLUSH",payload:null}},Gw=function(t){return{type:"DROP_ANIMATE",payload:t}},Ho=function(t){return{type:"DROP_COMPLETE",payload:t}},Ep=function(t){return{type:"DROP",payload:t}},Uw=function(t){return{type:"DROP_PENDING",payload:t}},Cp=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}},Yw=function(e){return function(t){var n=t.getState,s=t.dispatch;return function(o){return function(i){if(i.type!=="LIFT"){o(i);return}var c=i.payload,l=c.id,p=c.clientSelection,u=c.movementMode,f=n();f.phase==="DROP_ANIMATING"&&s(Ho({completed:f.completed})),n().phase!=="IDLE"&&X(!1),s($o()),s(Mw({draggableId:l,movementMode:u}));var m={shouldPublishImmediately:u==="SNAP"},g={draggableId:l,scrollOptions:m},S=e.startPublishing(g),T=S.critical,x=S.dimensions,E=S.viewport;s(Rw({critical:T,dimensions:x,clientSelection:p,movementMode:u,viewport:E}))}}}},zw=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)}}}},Wo={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},Ba={opacity:{drop:0,combining:.7},scale:{drop:.75}},Go={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},_n=Go.outOfTheWay+"s "+Wo.outOfTheWay,Pa={fluid:"opacity "+_n,snap:"transform "+_n+", opacity "+_n,drop:function(t){var n=t+"s "+Wo.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+_n,placeholder:"height "+_n+", width "+_n+", margin "+_n},xp=function(t){return pn(t,Xe)?null:"translate("+t.x+"px, "+t.y+"px)"},Uo={moveTo:xp,drop:function(t,n){var s=xp(t);return s?n?s+" scale("+Ba.scale.drop+")":s:null}},Yo=Go.minDropTime,Dp=Go.maxDropTime,jw=Dp-Yo,Ip=1500,qw=.6,Jw=function(e){var t=e.current,n=e.destination,s=e.reason,o=ka(t,n);if(o<=0)return Yo;if(o>=Ip)return Dp;var i=o/Ip,c=Yo+jw*i,l=s==="CANCEL"?c*qw:c;return Number(l.toFixed(2))},Zw=function(e){var t=e.impact,n=e.draggable,s=e.dimensions,o=e.viewport,i=e.afterCritical,c=s.draggables,l=s.droppables,p=St(t),u=p?l[p]:null,f=l[n.descriptor.droppableId],m=bp({impact:t,draggable:n,draggables:c,afterCritical:i,droppable:u||f,viewport:o}),g=gt(m,n.client.borderBox.center);return g},Xw=function(e){var t=e.draggables,n=e.reason,s=e.lastImpact,o=e.home,i=e.viewport,c=e.onLiftImpact;if(!s.at||n!=="DROP"){var l=Sp({draggables:t,impact:c,destination:o,viewport:i,forceShouldAnimate:!0});return{impact:l,didDropInsideDroppable:!1}}if(s.at.type==="REORDER")return{impact:s,didDropInsideDroppable:!0};var p=me({},s,{displaced:_a});return{impact:p,didDropInsideDroppable:!0}},Qw=function(e){var t=e.getState,n=e.dispatch;return function(s){return function(o){if(o.type!=="DROP"){s(o);return}var i=t(),c=o.payload.reason;if(i.phase==="COLLECTING"){n(Uw({reason:c}));return}if(i.phase!=="IDLE"){var l=i.phase==="DROP_PENDING"&&i.isWaiting;l&&X(!1),i.phase==="DRAGGING"||i.phase==="DROP_PENDING"||X(!1);var p=i.critical,u=i.dimensions,f=u.draggables[i.critical.draggable.id],m=Xw({reason:c,lastImpact:i.impact,afterCritical:i.afterCritical,onLiftImpact:i.onLiftImpact,home:i.dimensions.droppables[i.critical.droppable.id],viewport:i.viewport,draggables:i.dimensions.draggables}),g=m.impact,S=m.didDropInsideDroppable,T=S?_o(g):null,x=S?Vs(g):null,E={index:p.draggable.index,droppableId:p.droppable.id},I={draggableId:f.descriptor.id,type:f.descriptor.type,source:E,reason:c,mode:i.movementMode,destination:T,combine:x},D=Zw({impact:g,draggable:f,dimensions:u,viewport:i.viewport,afterCritical:i.afterCritical}),v={critical:i.critical,afterCritical:i.afterCritical,result:I,impact:g},k=!pn(i.current.client.offset,D)||Boolean(I.combine);if(!k){n(Ho({completed:v}));return}var _=Jw({current:i.current.client.offset,destination:D,reason:c}),O={newHomeClientOffset:D,dropDuration:_,completed:v};n(Gw(O))}}}},Np=function(){return{x:window.pageXOffset,y:window.pageYOffset}};function eE(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(n){n.target!==window&&n.target!==window.document||e()}}}function tE(e){var t=e.onWindowScroll;function n(){t(Np())}var s=Na(n),o=eE(s),i=dn;function c(){return i!==dn}function l(){c()&&X(!1),i=Et(window,[o])}function p(){c()||X(!1),s.cancel(),i(),i=dn}return{start:l,stop:p,isActive:c}}var nE=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},aE=function(e){var t=tE({onWindowScroll:function(s){e.dispatch(Fw({newScroll:s}))}});return function(n){return function(s){!t.isActive()&&s.type==="INITIAL_PUBLISH"&&t.start(),t.isActive()&&nE(s)&&t.stop(),n(s)}}},sE=function(e){var t=!1,n=!1,s=setTimeout(function(){n=!0}),o=function(c){t||n||(t=!0,e(c),clearTimeout(s))};return o.wasCalled=function(){return t},o},rE=function(){var e=[],t=function(i){var c=Mo(e,function(u){return u.timerId===i});c===-1&&X(!1);var l=e.splice(c,1),p=l[0];p.callback()},n=function(i){var c=setTimeout(function(){return t(c)}),l={timerId:c,callback:i};e.push(l)},s=function(){if(!!e.length){var i=[].concat(e);e.length=0,i.forEach(function(c){clearTimeout(c.timerId),c.callback()})}};return{add:n,flush:s}},oE=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},iE=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},lE=function(t,n){if(t===n)return!0;var s=t.draggable.id===n.draggable.id&&t.draggable.droppableId===n.draggable.droppableId&&t.draggable.type===n.draggable.type&&t.draggable.index===n.draggable.index,o=t.droppable.id===n.droppable.id&&t.droppable.type===n.droppable.type;return s&&o},Aa=function(t,n){n()},Gs=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},zo=function(t,n,s,o){if(!t){s(o(n));return}var i=sE(s),c={announce:i};t(n,c),i.wasCalled()||s(o(n))},cE=function(e,t){var n=rE(),s=null,o=function(g,S){s&&X(!1),Aa("onBeforeCapture",function(){var T=e().onBeforeCapture;if(T){var x={draggableId:g,mode:S};T(x)}})},i=function(g,S){s&&X(!1),Aa("onBeforeDragStart",function(){var T=e().onBeforeDragStart;T&&T(Gs(g,S))})},c=function(g,S){s&&X(!1);var T=Gs(g,S);s={mode:S,lastCritical:g,lastLocation:T.source,lastCombine:null},n.add(function(){Aa("onDragStart",function(){return zo(e().onDragStart,T,t,As.onDragStart)})})},l=function(g,S){var T=_o(S),x=Vs(S);s||X(!1);var E=!lE(g,s.lastCritical);E&&(s.lastCritical=g);var I=!oE(s.lastLocation,T);I&&(s.lastLocation=T);var D=!iE(s.lastCombine,x);if(D&&(s.lastCombine=x),!(!E&&!I&&!D)){var v=me({},Gs(g,s.mode),{combine:x,destination:T});n.add(function(){Aa("onDragUpdate",function(){return zo(e().onDragUpdate,v,t,As.onDragUpdate)})})}},p=function(){s||X(!1),n.flush()},u=function(g){s||X(!1),s=null,Aa("onDragEnd",function(){return zo(e().onDragEnd,g,t,As.onDragEnd)})},f=function(){if(!!s){var g=me({},Gs(s.lastCritical,s.mode),{combine:null,destination:null,reason:"CANCEL"});u(g)}};return{beforeCapture:o,beforeStart:i,start:c,update:l,flush:p,drop:u,abort:f}},dE=function(e,t){var n=cE(e,t);return function(s){return function(o){return function(i){if(i.type==="BEFORE_INITIAL_CAPTURE"){n.beforeCapture(i.payload.draggableId,i.payload.movementMode);return}if(i.type==="INITIAL_PUBLISH"){var c=i.payload.critical;n.beforeStart(c,i.payload.movementMode),o(i),n.start(c,i.payload.movementMode);return}if(i.type==="DROP_COMPLETE"){var l=i.payload.completed.result;n.flush(),o(i),n.drop(l);return}if(o(i),i.type==="FLUSH"){n.abort();return}var p=s.getState();p.phase==="DRAGGING"&&n.update(p.critical,p.impact)}}}},pE=function(e){return function(t){return function(n){if(n.type!=="DROP_ANIMATION_FINISHED"){t(n);return}var s=e.getState();s.phase!=="DROP_ANIMATING"&&X(!1),e.dispatch(Ho({completed:s.completed}))}}},uE=function(e){var t=null,n=null;function s(){n&&(cancelAnimationFrame(n),n=null),t&&(t(),t=null)}return function(o){return function(i){if((i.type==="FLUSH"||i.type==="DROP_COMPLETE"||i.type==="DROP_ANIMATION_FINISHED")&&s(),o(i),i.type==="DROP_ANIMATE"){var c={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){var p=e.getState();p.phase==="DROP_ANIMATING"&&e.dispatch(Cp())}};n=requestAnimationFrame(function(){n=null,t=Et(window,[c])})}}}},mE=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)}}}},fE=function(e){var t=!1;return function(){return function(n){return function(s){if(s.type==="INITIAL_PUBLISH"){t=!0,e.tryRecordFocus(s.payload.critical.draggable.id),n(s),e.tryRestoreFocusRecorded();return}if(n(s),!!t){if(s.type==="FLUSH"){t=!1,e.tryRestoreFocusRecorded();return}if(s.type==="DROP_COMPLETE"){t=!1;var o=s.payload.completed.result;o.combine&&e.tryShiftRecord(o.draggableId,o.combine.draggableId),e.tryRestoreFocusRecorded()}}}}}},hE=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},gE=function(e){return function(t){return function(n){return function(s){if(hE(s)){e.stop(),n(s);return}if(s.type==="INITIAL_PUBLISH"){n(s);var o=t.getState();o.phase!=="DRAGGING"&&X(!1),e.start(o);return}n(s),e.scroll(t.getState())}}}},SE=function(e){return function(t){return function(n){if(t(n),n.type==="PUBLISH_WHILE_DRAGGING"){var s=e.getState();s.phase==="DROP_PENDING"&&(s.isWaiting||e.dispatch(Ep({reason:s.reason})))}}}},bE=vd,vE=function(e){var t=e.dimensionMarshal,n=e.focusMarshal,s=e.styleMarshal,o=e.getResponders,i=e.announce,c=e.autoScroller;return gd(kw,bE(Sy(zw(s),mE(t),Yw(t),Qw,pE,uE,SE,gE(c),aE,fE(n),dE(o,i))))},jo=function(){return{additions:{},removals:{},modified:{}}};function yE(e){var t=e.registry,n=e.callbacks,s=jo(),o=null,i=function(){o||(n.collectionStarting(),o=requestAnimationFrame(function(){o=null;var f=s,m=f.additions,g=f.removals,S=f.modified,T=Object.keys(m).map(function(I){return t.draggable.getById(I).getDimension(Xe)}).sort(function(I,D){return I.descriptor.index-D.descriptor.index}),x=Object.keys(S).map(function(I){var D=t.droppable.getById(I),v=D.callbacks.getScrollWhileDragging();return{droppableId:I,scroll:v}}),E={additions:T,removals:Object.keys(g),modified:x};s=jo(),n.publish(E)}))},c=function(f){var m=f.descriptor.id;s.additions[m]=f,s.modified[f.descriptor.droppableId]=!0,s.removals[m]&&delete s.removals[m],i()},l=function(f){var m=f.descriptor;s.removals[m.id]=!0,s.modified[m.droppableId]=!0,s.additions[m.id]&&delete s.additions[m.id],i()},p=function(){!o||(cancelAnimationFrame(o),o=null,s=jo())};return{add:c,remove:l,stop:p}}var kp=function(e){var t=e.scrollHeight,n=e.scrollWidth,s=e.height,o=e.width,i=gt({x:n,y:t},{x:o,y:s}),c={x:Math.max(0,i.x),y:Math.max(0,i.y)};return c},Mp=function(){var e=document.documentElement;return e||X(!1),e},_p=function(){var e=Mp(),t=kp({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t},TE=function(){var e=Np(),t=_p(),n=e.y,s=e.x,o=Mp(),i=o.clientWidth,c=o.clientHeight,l=s+i,p=n+c,u=_t({top:n,left:s,right:l,bottom:p}),f={frame:u,scroll:{initial:e,current:e,max:t,diff:{value:Xe,displacement:Xe}}};return f},wE=function(e){var t=e.critical,n=e.scrollOptions,s=e.registry,o=TE(),i=o.scroll.current,c=t.droppable,l=s.droppable.getAllByType(c.type).map(function(m){return m.callbacks.getDimensionAndWatchScroll(i,n)}),p=s.draggable.getAllByType(t.draggable.type).map(function(m){return m.getDimension(i)}),u={draggables:Xd(p),droppables:Zd(l)},f={dimensions:u,critical:t,viewport:o};return f};function Rp(e,t,n){if(n.descriptor.id===t.id||n.descriptor.type!==t.type)return!1;var s=e.droppable.getById(n.descriptor.droppableId);return s.descriptor.mode==="virtual"}var EE=function(e,t){var n=null,s=yE({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),o=function(S,T){e.droppable.exists(S)||X(!1),!!n&&t.updateDroppableIsEnabled({id:S,isEnabled:T})},i=function(S,T){!n||(e.droppable.exists(S)||X(!1),t.updateDroppableIsCombineEnabled({id:S,isCombineEnabled:T}))},c=function(S,T){!n||(e.droppable.exists(S)||X(!1),t.updateDroppableScroll({id:S,newScroll:T}))},l=function(S,T){!n||e.droppable.getById(S).callbacks.scroll(T)},p=function(){if(!!n){s.stop();var S=n.critical.droppable;e.droppable.getAllByType(S.type).forEach(function(T){return T.callbacks.dragStopped()}),n.unsubscribe(),n=null}},u=function(S){n||X(!1);var T=n.critical.draggable;S.type==="ADDITION"&&Rp(e,T,S.value)&&s.add(S.value),S.type==="REMOVAL"&&Rp(e,T,S.value)&&s.remove(S.value)},f=function(S){n&&X(!1);var T=e.draggable.getById(S.draggableId),x=e.droppable.getById(T.descriptor.droppableId),E={draggable:T.descriptor,droppable:x.descriptor},I=e.subscribe(u);return n={critical:E,unsubscribe:I},wE({critical:E,registry:e,scrollOptions:S.scrollOptions})},m={updateDroppableIsEnabled:o,updateDroppableIsCombineEnabled:i,scrollDroppable:l,updateDroppableScroll:c,startPublishing:f,stopPublishing:p};return m},Lp=function(e,t){return e.phase==="IDLE"?!0:e.phase!=="DROP_ANIMATING"||e.completed.result.draggableId===t?!1:e.completed.result.reason==="DROP"},CE=function(e){window.scrollBy(e.x,e.y)},xE=Ze(function(e){return Ks(e).filter(function(t){return!(!t.isEnabled||!t.frame)})}),DE=function(t,n){var s=un(xE(n),function(o){return o.frame||X(!1),mp(o.frame.pageMarginBox)(t)});return s},IE=function(e){var t=e.center,n=e.destination,s=e.droppables;if(n){var o=s[n];return o.frame?o:null}var i=DE(t,s);return i},fn={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:function(t){return Math.pow(t,2)},durationDampening:{stopDampeningAt:1200,accelerateAt:360}},NE=function(e,t){var n=e[t.size]*fn.startFromPercentage,s=e[t.size]*fn.maxScrollAtPercentage,o={startScrollingFrom:n,maxScrollValueAt:s};return o},Op=function(e){var t=e.startOfRange,n=e.endOfRange,s=e.current,o=n-t;if(o===0)return 0;var i=s-t,c=i/o;return c},qo=1,kE=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return fn.maxPixelScroll;if(e===t.startScrollingFrom)return qo;var n=Op({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),s=1-n,o=fn.maxPixelScroll*fn.ease(s);return Math.ceil(o)},Bp=fn.durationDampening.accelerateAt,Pp=fn.durationDampening.stopDampeningAt,ME=function(e,t){var n=t,s=Pp,o=Date.now(),i=o-n;if(i>=Pp)return e;if(i<Bp)return qo;var c=Op({startOfRange:Bp,endOfRange:s,current:i}),l=e*fn.ease(c);return Math.ceil(l)},Ap=function(e){var t=e.distanceToEdge,n=e.thresholds,s=e.dragStartTime,o=e.shouldUseTimeDampening,i=kE(t,n);return i===0?0:o?Math.max(ME(i,s),qo):i},Fp=function(e){var t=e.container,n=e.distanceToEdges,s=e.dragStartTime,o=e.axis,i=e.shouldUseTimeDampening,c=NE(t,o),l=n[o.end]<n[o.start];return l?Ap({distanceToEdge:n[o.end],thresholds:c,dragStartTime:s,shouldUseTimeDampening:i}):-1*Ap({distanceToEdge:n[o.start],thresholds:c,dragStartTime:s,shouldUseTimeDampening:i})},_E=function(e){var t=e.container,n=e.subject,s=e.proposedScroll,o=n.height>t.height,i=n.width>t.width;return!i&&!o?s:i&&o?null:{x:i?0:s.x,y:o?0:s.y}},RE=jd(function(e){return e===0?0:e}),Kp=function(e){var t=e.dragStartTime,n=e.container,s=e.subject,o=e.center,i=e.shouldUseTimeDampening,c={top:o.y-n.top,right:n.right-o.x,bottom:n.bottom-o.y,left:o.x-n.left},l=Fp({container:n,distanceToEdges:c,dragStartTime:t,axis:Ro,shouldUseTimeDampening:i}),p=Fp({container:n,distanceToEdges:c,dragStartTime:t,axis:tp,shouldUseTimeDampening:i}),u=RE({x:p,y:l});if(pn(u,Xe))return null;var f=_E({container:n,subject:s,proposedScroll:u});return f?pn(f,Xe)?null:f:null},LE=jd(function(e){return e===0?0:e>0?1:-1}),Jo=function(){var e=function(n,s){return n<0?n:n>s?n-s:0};return function(t){var n=t.current,s=t.max,o=t.change,i=nt(n,o),c={x:e(i.x,s.x),y:e(i.y,s.y)};return pn(c,Xe)?null:c}}(),Vp=function(t){var n=t.max,s=t.current,o=t.change,i={x:Math.max(s.x,n.x),y:Math.max(s.y,n.y)},c=LE(o),l=Jo({max:i,current:s,change:c});return!l||c.x!==0&&l.x===0||c.y!==0&&l.y===0},Zo=function(t,n){return Vp({current:t.scroll.current,max:t.scroll.max,change:n})},OE=function(t,n){if(!Zo(t,n))return null;var s=t.scroll.max,o=t.scroll.current;return Jo({current:o,max:s,change:n})},Xo=function(t,n){var s=t.frame;return s?Vp({current:s.scroll.current,max:s.scroll.max,change:n}):!1},BE=function(t,n){var s=t.frame;return!s||!Xo(t,n)?null:Jo({current:s.scroll.current,max:s.scroll.max,change:n})},PE=function(e){var t=e.viewport,n=e.subject,s=e.center,o=e.dragStartTime,i=e.shouldUseTimeDampening,c=Kp({dragStartTime:o,container:t.frame,subject:n,center:s,shouldUseTimeDampening:i});return c&&Zo(t,c)?c:null},AE=function(e){var t=e.droppable,n=e.subject,s=e.center,o=e.dragStartTime,i=e.shouldUseTimeDampening,c=t.frame;if(!c)return null;var l=Kp({dragStartTime:o,container:c.pageMarginBox,subject:n,center:s,shouldUseTimeDampening:i});return l&&Xo(t,l)?l:null},$p=function(e){var t=e.state,n=e.dragStartTime,s=e.shouldUseTimeDampening,o=e.scrollWindow,i=e.scrollDroppable,c=t.current.page.borderBoxCenter,l=t.dimensions.draggables[t.critical.draggable.id],p=l.page.marginBox;if(t.isWindowScrollAllowed){var u=t.viewport,f=PE({dragStartTime:n,viewport:u,subject:p,center:c,shouldUseTimeDampening:s});if(f){o(f);return}}var m=IE({center:c,destination:St(t.impact),droppables:t.dimensions.droppables});if(!!m){var g=AE({dragStartTime:n,droppable:m,subject:p,center:c,shouldUseTimeDampening:s});g&&i(m.descriptor.id,g)}},FE=function(e){var t=e.scrollWindow,n=e.scrollDroppable,s=Na(t),o=Na(n),i=null,c=function(f){i||X(!1);var m=i,g=m.shouldUseTimeDampening,S=m.dragStartTime;$p({state:f,scrollWindow:s,scrollDroppable:o,dragStartTime:S,shouldUseTimeDampening:g})},l=function(f){i&&X(!1);var m=Date.now(),g=!1,S=function(){g=!0};$p({state:f,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:S,scrollDroppable:S}),i={dragStartTime:m,shouldUseTimeDampening:g},g&&c(f)},p=function(){!i||(s.cancel(),o.cancel(),i=null)};return{start:l,stop:p,scroll:c}},KE=function(e){var t=e.move,n=e.scrollDroppable,s=e.scrollWindow,o=function(u,f){var m=nt(u.current.client.selection,f);t({client:m})},i=function(u,f){if(!Xo(u,f))return f;var m=BE(u,f);if(!m)return n(u.descriptor.id,f),null;var g=gt(f,m);n(u.descriptor.id,g);var S=gt(f,g);return S},c=function(u,f,m){if(!u||!Zo(f,m))return m;var g=OE(f,m);if(!g)return s(m),null;var S=gt(m,g);s(S);var T=gt(m,S);return T},l=function(u){var f=u.scrollJumpRequest;if(!!f){var m=St(u.impact);m||X(!1);var g=i(u.dimensions.droppables[m],f);if(!!g){var S=u.viewport,T=c(u.isWindowScrollAllowed,S,g);!T||o(u,T)}}};return l},VE=function(e){var t=e.scrollDroppable,n=e.scrollWindow,s=e.move,o=FE({scrollWindow:n,scrollDroppable:t}),i=KE({move:s,scrollWindow:n,scrollDroppable:t}),c=function(u){if(u.phase==="DRAGGING"){if(u.movementMode==="FLUID"){o.scroll(u);return}!u.scrollJumpRequest||i(u)}},l={scroll:c,start:o.start,stop:o.stop};return l},sa="data-rbd",ra=function(){var e=sa+"-drag-handle";return{base:e,draggableId:e+"-draggable-id",contextId:e+"-context-id"}}(),Qo=function(){var e=sa+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),$E=function(){var e=sa+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),Hp={contextId:sa+"-scroll-container-context-id"},HE=function(t){return function(n){return"["+n+'="'+t+'"]'}},Fa=function(t,n){return t.map(function(s){var o=s.styles[n];return o?s.selector+" { "+o+" }":""}).join(" ")},WE="pointer-events: none;",GE=function(e){var t=HE(e),n=function(){var l=`
|
|
1077
1077
|
cursor: -webkit-grab;
|
|
1078
1078
|
cursor: grab;
|
|
1079
|
-
`;return{selector:t(
|
|
1079
|
+
`;return{selector:t(ra.contextId),styles:{always:`
|
|
1080
1080
|
-webkit-touch-callout: none;
|
|
1081
1081
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
1082
1082
|
touch-action: manipulation;
|
|
1083
|
-
`,resting:l,dragging:
|
|
1084
|
-
transition: `+
|
|
1085
|
-
`;return{selector:t(Qo.contextId),styles:{dragging:l,dropAnimating:l,userCancel:l}}}(),o={selector:t(
|
|
1083
|
+
`,resting:l,dragging:WE,dropAnimating:l}}}(),s=function(){var l=`
|
|
1084
|
+
transition: `+Pa.outOfTheWay+`;
|
|
1085
|
+
`;return{selector:t(Qo.contextId),styles:{dragging:l,dropAnimating:l,userCancel:l}}}(),o={selector:t($E.contextId),styles:{always:"overflow-anchor: none;"}},i={selector:"body",styles:{dragging:`
|
|
1086
1086
|
cursor: grabbing;
|
|
1087
1087
|
cursor: -webkit-grabbing;
|
|
1088
1088
|
user-select: none;
|
|
@@ -1090,7 +1090,7 @@
|
|
|
1090
1090
|
-moz-user-select: none;
|
|
1091
1091
|
-ms-user-select: none;
|
|
1092
1092
|
overflow-anchor: none;
|
|
1093
|
-
`}},c=[a,n,o,i];return{always:Fa(c,"always"),resting:Fa(c,"resting"),dragging:Fa(c,"dragging"),dropAnimating:Fa(c,"dropAnimating"),userCancel:Fa(c,"userCancel")}},ht=typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.document.createElement!="undefined"?V.useLayoutEffect:V.useEffect,ei=function(){var t=document.querySelector("head");return t||X(!1),t},Wp=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function GE(e,t){var n=Me(function(){return WE(e)},[e]),a=V.useRef(null),o=V.useRef(null),i=me(Je(function(u){var g=o.current;g||X(!1),g.textContent=u}),[]),c=me(function(u){var g=a.current;g||X(!1),g.textContent=u},[]);ht(function(){!a.current&&!o.current||X(!1);var u=Wp(t),g=Wp(t);return a.current=u,o.current=g,u.setAttribute(ta+"-always",e),g.setAttribute(ta+"-dynamic",e),ei().appendChild(u),ei().appendChild(g),c(n.always),i(n.resting),function(){var S=function(x){var E=x.current;E||X(!1),ei().removeChild(E),x.current=null};S(a),S(o)}},[t,c,i,n.always,n.resting,e]);var l=me(function(){return i(n.dragging)},[i,n.dragging]),p=me(function(u){if(u==="DROP"){i(n.dropAnimating);return}i(n.userCancel)},[i,n.dropAnimating,n.userCancel]),m=me(function(){!o.current||i(n.resting)},[i,n.resting]),f=Me(function(){return{dragging:l,dropping:p,resting:m}},[l,p,m]);return f}var Gp=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Gs(e){return e instanceof Gp(e).HTMLElement}function UE(e,t){var n="["+na.contextId+'="'+e+'"]',a=Jd(document.querySelectorAll(n));if(!a.length)return null;var o=fn(a,function(i){return i.getAttribute(na.draggableId)===t});return!o||!Gs(o)?null:o}function YE(e){var t=V.useRef({}),n=V.useRef(null),a=V.useRef(null),o=V.useRef(!1),i=me(function(g,S){var T={id:g,focus:S};return t.current[g]=T,function(){var E=t.current,I=E[g];I!==T&&delete E[g]}},[]),c=me(function(g){var S=UE(e,g);S&&S!==document.activeElement&&S.focus()},[e]),l=me(function(g,S){n.current===g&&(n.current=S)},[]),p=me(function(){a.current||!o.current||(a.current=requestAnimationFrame(function(){a.current=null;var g=n.current;g&&c(g)}))},[c]),m=me(function(g){n.current=null;var S=document.activeElement;!S||S.getAttribute(na.draggableId)===g&&(n.current=g)},[]);ht(function(){return o.current=!0,function(){o.current=!1;var g=a.current;g&&cancelAnimationFrame(g)}},[]);var f=Me(function(){return{register:i,tryRecordFocus:m,tryRestoreFocusRecorded:p,tryShiftRecord:l}},[i,m,p,l]);return f}function zE(){var e={draggables:{},droppables:{}},t=[];function n(u){return t.push(u),function(){var S=t.indexOf(u);S!==-1&&t.splice(S,1)}}function a(u){t.length&&t.forEach(function(g){return g(u)})}function o(u){return e.draggables[u]||null}function i(u){var g=o(u);return g||X(!1),g}var c={register:function(g){e.draggables[g.descriptor.id]=g,a({type:"ADDITION",value:g})},update:function(g,S){var T=e.draggables[S.descriptor.id];!T||T.uniqueId===g.uniqueId&&(delete e.draggables[S.descriptor.id],e.draggables[g.descriptor.id]=g)},unregister:function(g){var S=g.descriptor.id,T=o(S);!T||g.uniqueId===T.uniqueId&&(delete e.draggables[S],a({type:"REMOVAL",value:g}))},getById:i,findById:o,exists:function(g){return Boolean(o(g))},getAllByType:function(g){return Ps(e.draggables).filter(function(S){return S.descriptor.type===g})}};function l(u){return e.droppables[u]||null}function p(u){var g=l(u);return g||X(!1),g}var m={register:function(g){e.droppables[g.descriptor.id]=g},unregister:function(g){var S=l(g.descriptor.id);!S||g.uniqueId===S.uniqueId&&delete e.droppables[g.descriptor.id]},getById:p,findById:l,exists:function(g){return Boolean(l(g))},getAllByType:function(g){return Ps(e.droppables).filter(function(S){return S.descriptor.type===g})}};function f(){e.draggables={},e.droppables={},t.length=0}return{draggable:c,droppable:m,subscribe:n,clean:f}}function jE(){var e=Me(zE,[]);return V.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var ti=U.default.createContext(null),Us=function(){var e=document.body;return e||X(!1),e},qE={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},JE=function(t){return"rbd-announcement-"+t};function ZE(e){var t=Me(function(){return JE(e)},[e]),n=V.useRef(null);V.useEffect(function(){var i=document.createElement("div");return n.current=i,i.id=t,i.setAttribute("aria-live","assertive"),i.setAttribute("aria-atomic","true"),ue(i.style,qE),Us().appendChild(i),function(){setTimeout(function(){var p=Us();p.contains(i)&&p.removeChild(i),i===n.current&&(n.current=null)})}},[t]);var a=me(function(o){var i=n.current;if(i){i.textContent=o;return}},[]);return a}var Up=0,XE={separator:"::"};function QE(){Up=0}function ni(e,t){return t===void 0&&(t=XE),Me(function(){return""+e+t.separator+Up++},[t.separator,e])}function eC(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function tC(e){var t=e.contextId,n=e.text,a=ni("hidden-text",{separator:"-"}),o=Me(function(){return eC({contextId:t,uniqueId:a})},[a,t]);return V.useEffect(function(){var c=document.createElement("div");return c.id=o,c.textContent=n,c.style.display="none",Us().appendChild(c),function(){var p=Us();p.contains(c)&&p.removeChild(c)}},[o,n]),o}var Ys=U.default.createContext(null);function Yp(e){var t=V.useRef(e);return V.useEffect(function(){t.current=e}),t}function nC(){var e=null;function t(){return Boolean(e)}function n(c){return c===e}function a(c){e&&X(!1);var l={abandon:c};return e=l,l}function o(){e||X(!1),e=null}function i(){e&&(e.abandon(),o())}return{isClaimed:t,isActive:n,claim:a,release:o,tryAbandon:i}}var aC=9,sC=13,ai=27,zp=32,rC=33,oC=34,iC=35,lC=36,cC=37,dC=38,pC=39,uC=40,zs,mC=(zs={},zs[sC]=!0,zs[aC]=!0,zs),jp=function(e){mC[e.keyCode]&&e.preventDefault()},js=function(){var e="visibilitychange";if(typeof document=="undefined")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],n=fn(t,function(a){return"on"+a in document});return n||e}(),qp=0,Jp=5;function fC(e,t){return Math.abs(t.x-e.x)>=Jp||Math.abs(t.y-e.y)>=Jp}var Zp={type:"IDLE"};function hC(e){var t=e.cancel,n=e.completed,a=e.getPhase,o=e.setPhase;return[{eventName:"mousemove",fn:function(c){var l=c.button,p=c.clientX,m=c.clientY;if(l===qp){var f={x:p,y:m},u=a();if(u.type==="DRAGGING"){c.preventDefault(),u.actions.move(f);return}u.type!=="PENDING"&&X(!1);var g=u.point;if(!!fC(g,f)){c.preventDefault();var S=u.actions.fluidLift(f);o({type:"DRAGGING",actions:S})}}}},{eventName:"mouseup",fn:function(c){var l=a();if(l.type!=="DRAGGING"){t();return}c.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"mousedown",fn:function(c){a().type==="DRAGGING"&&c.preventDefault(),t()}},{eventName:"keydown",fn:function(c){var l=a();if(l.type==="PENDING"){t();return}if(c.keyCode===ai){c.preventDefault(),t();return}jp(c)}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){a().type==="PENDING"&&t()}},{eventName:"webkitmouseforcedown",fn:function(c){var l=a();if(l.type==="IDLE"&&X(!1),l.actions.shouldRespectForcePress()){t();return}c.preventDefault()}},{eventName:js,fn:t}]}function Xp(e){var t=V.useRef(Zp),n=V.useRef(un),a=Me(function(){return{eventName:"mousedown",fn:function(u){if(!u.defaultPrevented&&u.button===qp&&!(u.ctrlKey||u.metaKey||u.shiftKey||u.altKey)){var g=e.findClosestDraggableId(u);if(!!g){var S=e.tryGetLock(g,c,{sourceEvent:u});if(!!S){u.preventDefault();var T={x:u.clientX,y:u.clientY};n.current(),m(S,T)}}}}}},[e]),o=Me(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(u){if(!u.defaultPrevented){var g=e.findClosestDraggableId(u);if(!!g){var S=e.findOptionsForDraggable(g);!S||S.shouldRespectForcePress||!e.canGetLock(g)||u.preventDefault()}}}}},[e]),i=me(function(){var u={passive:!1,capture:!0};n.current=yt(window,[o,a],u)},[o,a]),c=me(function(){var f=t.current;f.type!=="IDLE"&&(t.current=Zp,n.current(),i())},[i]),l=me(function(){var f=t.current;c(),f.type==="DRAGGING"&&f.actions.cancel({shouldBlockNextClick:!0}),f.type==="PENDING"&&f.actions.abort()},[c]),p=me(function(){var u={capture:!0,passive:!1},g=hC({cancel:l,completed:c,getPhase:function(){return t.current},setPhase:function(T){t.current=T}});n.current=yt(window,g,u)},[l,c]),m=me(function(u,g){t.current.type!=="IDLE"&&X(!1),t.current={type:"PENDING",point:g,actions:u},p()},[p]);ht(function(){return i(),function(){n.current()}},[i])}var aa;function gC(){}var SC=(aa={},aa[oC]=!0,aa[rC]=!0,aa[lC]=!0,aa[iC]=!0,aa);function bC(e,t){function n(){t(),e.cancel()}function a(){t(),e.drop()}return[{eventName:"keydown",fn:function(i){if(i.keyCode===ai){i.preventDefault(),n();return}if(i.keyCode===zp){i.preventDefault(),a();return}if(i.keyCode===uC){i.preventDefault(),e.moveDown();return}if(i.keyCode===dC){i.preventDefault(),e.moveUp();return}if(i.keyCode===pC){i.preventDefault(),e.moveRight();return}if(i.keyCode===cC){i.preventDefault(),e.moveLeft();return}if(SC[i.keyCode]){i.preventDefault();return}jp(i)}},{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:js,fn:n}]}function Qp(e){var t=V.useRef(gC),n=Me(function(){return{eventName:"keydown",fn:function(i){if(i.defaultPrevented||i.keyCode!==zp)return;var c=e.findClosestDraggableId(i);if(!c)return;var l=e.tryGetLock(c,f,{sourceEvent:i});if(!l)return;i.preventDefault();var p=!0,m=l.snapLift();t.current();function f(){p||X(!1),p=!1,t.current(),a()}t.current=yt(window,bC(m,f),{capture:!0,passive:!1})}}},[e]),a=me(function(){var i={passive:!1,capture:!0};t.current=yt(window,[n],i)},[n]);ht(function(){return a(),function(){t.current()}},[a])}var si={type:"IDLE"},vC=120,yC=.15;function TC(e){var t=e.cancel,n=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(o){o.preventDefault()}},{eventName:"keydown",fn:function(o){if(n().type!=="DRAGGING"){t();return}o.keyCode===ai&&o.preventDefault(),t()}},{eventName:js,fn:t}]}function wC(e){var t=e.cancel,n=e.completed,a=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(i){var c=a();if(c.type!=="DRAGGING"){t();return}c.hasMoved=!0;var l=i.touches[0],p=l.clientX,m=l.clientY,f={x:p,y:m};i.preventDefault(),c.actions.move(f)}},{eventName:"touchend",fn:function(i){var c=a();if(c.type!=="DRAGGING"){t();return}i.preventDefault(),c.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"touchcancel",fn:function(i){if(a().type!=="DRAGGING"){t();return}i.preventDefault(),t()}},{eventName:"touchforcechange",fn:function(i){var c=a();c.type==="IDLE"&&X(!1);var l=i.touches[0];if(!!l){var p=l.force>=yC;if(!!p){var m=c.actions.shouldRespectForcePress();if(c.type==="PENDING"){m&&t();return}if(m){if(c.hasMoved){i.preventDefault();return}t();return}i.preventDefault()}}}},{eventName:js,fn:t}]}function eu(e){var t=V.useRef(si),n=V.useRef(un),a=me(function(){return t.current},[]),o=me(function(S){t.current=S},[]),i=Me(function(){return{eventName:"touchstart",fn:function(S){if(!S.defaultPrevented){var T=e.findClosestDraggableId(S);if(!!T){var x=e.tryGetLock(T,l,{sourceEvent:S});if(!!x){var E=S.touches[0],I=E.clientX,D=E.clientY,v={x:I,y:D};n.current(),u(x,v)}}}}}},[e]),c=me(function(){var S={capture:!0,passive:!1};n.current=yt(window,[i],S)},[i]),l=me(function(){var g=t.current;g.type!=="IDLE"&&(g.type==="PENDING"&&clearTimeout(g.longPressTimerId),o(si),n.current(),c())},[c,o]),p=me(function(){var g=t.current;l(),g.type==="DRAGGING"&&g.actions.cancel({shouldBlockNextClick:!0}),g.type==="PENDING"&&g.actions.abort()},[l]),m=me(function(){var S={capture:!0,passive:!1},T={cancel:p,completed:l,getPhase:a},x=yt(window,wC(T),S),E=yt(window,TC(T),S);n.current=function(){x(),E()}},[p,a,l]),f=me(function(){var S=a();S.type!=="PENDING"&&X(!1);var T=S.actions.fluidLift(S.point);o({type:"DRAGGING",actions:T,hasMoved:!1})},[a,o]),u=me(function(S,T){a().type!=="IDLE"&&X(!1);var x=setTimeout(f,vC);o({type:"PENDING",point:T,actions:S,longPressTimerId:x}),m()},[m,a,o,f]);ht(function(){return c(),function(){n.current();var T=a();T.type==="PENDING"&&(clearTimeout(T.longPressTimerId),o(si))}},[a,c,o]),ht(function(){var S=yt(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return S},[])}var EC={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function tu(e,t){if(t==null)return!1;var n=Boolean(EC[t.tagName.toLowerCase()]);if(n)return!0;var a=t.getAttribute("contenteditable");return a==="true"||a===""?!0:t===e?!1:tu(e,t.parentElement)}function CC(e,t){var n=t.target;return Gs(n)?tu(e,n):!1}var xC=function(e){return Mt(e.getBoundingClientRect()).center};function DC(e){return e instanceof Gp(e).Element}var IC=function(){var e="matches";if(typeof document=="undefined")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],n=fn(t,function(a){return a in Element.prototype});return n||e}();function nu(e,t){return e==null?null:e[IC](t)?e:nu(e.parentElement,t)}function NC(e,t){return e.closest?e.closest(t):nu(e,t)}function kC(e){return"["+na.contextId+'="'+e+'"]'}function MC(e,t){var n=t.target;if(!DC(n))return null;var a=kC(e),o=NC(n,a);return!o||!Gs(o)?null:o}function _C(e,t){var n=MC(e,t);return n?n.getAttribute(na.draggableId):null}function RC(e,t){var n="["+Qo.contextId+'="'+e+'"]',a=Jd(document.querySelectorAll(n)),o=fn(a,function(i){return i.getAttribute(Qo.id)===t});return!o||!Gs(o)?null:o}function OC(e){e.preventDefault()}function qs(e){var t=e.expected,n=e.phase,a=e.isLockActive;return e.shouldWarn,!(!a()||t!==n)}function au(e){var t=e.lockAPI,n=e.store,a=e.registry,o=e.draggableId;if(t.isClaimed())return!1;var i=a.draggable.findById(o);return!(!i||!i.options.isEnabled||!Op(n.getState(),o))}function LC(e){var t=e.lockAPI,n=e.contextId,a=e.store,o=e.registry,i=e.draggableId,c=e.forceSensorStop,l=e.sourceEvent,p=au({lockAPI:t,store:a,registry:o,draggableId:i});if(!p)return null;var m=o.draggable.getById(i),f=RC(n,m.descriptor.id);if(!f||l&&!m.options.canDragInteractiveElements&&CC(f,l))return null;var u=t.claim(c||un),g="PRE_DRAG";function S(){return m.options.shouldRespectForcePress}function T(){return t.isActive(u)}function x(L,R){qs({expected:L,phase:g,isLockActive:T,shouldWarn:!0})&&a.dispatch(R())}var E=x.bind(null,"DRAGGING");function I(L){function R(){t.release(),g="COMPLETED"}g!=="PRE_DRAG"&&(R(),g!=="PRE_DRAG"&&X(!1)),a.dispatch(Mw(L.liftActionArgs)),g="DRAGGING";function B(P,A){if(A===void 0&&(A={shouldBlockNextClick:!1}),L.cleanup(),A.shouldBlockNextClick){var G=yt(window,[{eventName:"click",fn:OC,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(G)}R(),a.dispatch(Ep({reason:P}))}return ue({isActive:function(){return qs({expected:"DRAGGING",phase:g,isLockActive:T,shouldWarn:!1})},shouldRespectForcePress:S,drop:function(A){return B("DROP",A)},cancel:function(A){return B("CANCEL",A)}},L.actions)}function D(L){var R=Na(function(P){E(function(){return wp({client:P})})}),B=I({liftActionArgs:{id:i,clientSelection:L,movementMode:"FLUID"},cleanup:function(){return R.cancel()},actions:{move:R}});return ue({},B,{move:R})}function v(){var L={moveUp:function(){return E(Kw)},moveRight:function(){return E($w)},moveDown:function(){return E(Vw)},moveLeft:function(){return E(Hw)}};return I({liftActionArgs:{id:i,clientSelection:xC(f),movementMode:"SNAP"},cleanup:un,actions:L})}function k(){var L=qs({expected:"PRE_DRAG",phase:g,isLockActive:T,shouldWarn:!0});L&&t.release()}var _={isActive:function(){return qs({expected:"PRE_DRAG",phase:g,isLockActive:T,shouldWarn:!1})},shouldRespectForcePress:S,fluidLift:D,snapLift:v,abort:k};return _}var BC=[Xp,Qp,eu];function AC(e){var t=e.contextId,n=e.store,a=e.registry,o=e.customSensors,i=e.enableDefaultSensors,c=[].concat(i?BC:[],o||[]),l=V.useState(function(){return nC()})[0],p=me(function(D,v){D.isDragging&&!v.isDragging&&l.tryAbandon()},[l]);ht(function(){var D=n.getState(),v=n.subscribe(function(){var k=n.getState();p(D,k),D=k});return v},[l,n,p]),ht(function(){return l.tryAbandon},[l.tryAbandon]);for(var m=me(function(I){return au({lockAPI:l,registry:a,store:n,draggableId:I})},[l,a,n]),f=me(function(I,D,v){return LC({lockAPI:l,registry:a,contextId:t,store:n,draggableId:I,forceSensorStop:D,sourceEvent:v&&v.sourceEvent?v.sourceEvent:null})},[t,l,a,n]),u=me(function(I){return _C(t,I)},[t]),g=me(function(I){var D=a.draggable.findById(I);return D?D.options:null},[a.draggable]),S=me(function(){!l.isClaimed()||(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch($o()))},[l,n]),T=me(l.isClaimed,[l]),x=Me(function(){return{canGetLock:m,tryGetLock:f,findClosestDraggableId:u,findOptionsForDraggable:g,tryReleaseLock:S,isLockClaimed:T}},[m,f,u,g,S,T]),E=0;E<c.length;E++)c[E](x)}var PC=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function Ka(e){return e.current||X(!1),e.current}function FC(e){var t=e.contextId,n=e.setCallbacks,a=e.sensors,o=e.nonce,i=e.dragHandleUsageInstructions,c=V.useRef(null),l=Yp(e),p=me(function(){return PC(l.current)},[l]),m=ZE(t),f=tC({contextId:t,text:i}),u=GE(t,o),g=me(function(P){Ka(c).dispatch(P)},[]),S=Me(function(){return bd({publishWhileDragging:Rw,updateDroppableScroll:Lw,updateDroppableIsEnabled:Bw,updateDroppableIsCombineEnabled:Aw,collectionStarting:Ow},g)},[g]),T=jE(),x=Me(function(){return wE(T,S)},[T,S]),E=Me(function(){return KE(ue({scrollWindow:EE,scrollDroppable:x.scrollDroppable},bd({move:wp},g)))},[x.scrollDroppable,g]),I=YE(t),D=Me(function(){return bE({announce:m,autoScroller:E,dimensionMarshal:x,focusMarshal:I,getResponders:p,styleMarshal:u})},[m,E,x,I,p,u]);c.current=D;var v=me(function(){var P=Ka(c),A=P.getState();A.phase!=="IDLE"&&P.dispatch($o())},[]),k=me(function(){var P=Ka(c).getState();return P.isDragging||P.phase==="DROP_ANIMATING"},[]),_=Me(function(){return{isDragging:k,tryAbort:v}},[k,v]);n(_);var L=me(function(P){return Op(Ka(c).getState(),P)},[]),R=me(function(){return kn(Ka(c).getState())},[]),B=Me(function(){return{marshal:x,focus:I,contextId:t,canLift:L,isMovementAllowed:R,dragHandleUsageInstructionsId:f,registry:T}},[t,x,f,I,L,R,T]);return AC({contextId:t,store:D,registry:T,customSensors:a,enableDefaultSensors:e.enableDefaultSensors!==!1}),V.useEffect(function(){return v},[v]),U.default.createElement(Ys.Provider,{value:B},U.default.createElement(Ty,{context:ti,store:D},e.children))}var su=0;function KC(){su=0}function VC(){return Me(function(){return""+su++},[])}function $C(){KC(),QE()}function ru(e){var t=VC(),n=e.dragHandleUsageInstructions||As.dragHandleUsageInstructions;return U.default.createElement(yT,null,function(a){return U.default.createElement(FC,{nonce:e.nonce,contextId:t,setCallbacks:a,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 ou=function(t){return function(n){return t===n}},HC=ou("scroll"),WC=ou("auto"),iu=function(t,n){return n(t.overflowX)||n(t.overflowY)},GC=function(t){var n=window.getComputedStyle(t),a={overflowX:n.overflowX,overflowY:n.overflowY};return iu(a,HC)||iu(a,WC)},UC=function(){return!1},YC=function e(t){return t==null?null:t===document.body?UC()?t:null:t===document.documentElement?null:GC(t)?t:e(t.parentElement)},ri=function(e){return{x:e.scrollLeft,y:e.scrollTop}},zC=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},jC=function(e){var t=YC(e),n=zC(e);return{closestScrollable:t,isFixedOnPage:n}},qC=function(e){var t=e.descriptor,n=e.isEnabled,a=e.isCombineEnabled,o=e.isFixedOnPage,i=e.direction,c=e.client,l=e.page,p=e.closest,m=function(){if(!p)return null;var S=p.scrollSize,T=p.client,x=kp({scrollHeight:S.scrollHeight,scrollWidth:S.scrollWidth,height:T.paddingBox.height,width:T.paddingBox.width});return{pageMarginBox:p.page.marginBox,frameClient:T,scrollSize:S,shouldClipSubject:p.shouldClipSubject,scroll:{initial:p.scroll,current:p.scroll,max:x,diff:{value:Ze,displacement:Ze}}}}(),f=i==="vertical"?Ro:tp,u=Xn({page:l,withPlaceholder:null,axis:f,frame:m}),g={descriptor:t,isCombineEnabled:a,isFixedOnPage:o,axis:f,isEnabled:n,client:c,page:l,frame:m,subject:u};return g},JC=function(t,n){var a=$d(t);if(!n||t!==n)return a;var o=a.paddingBox.top-n.scrollTop,i=a.paddingBox.left-n.scrollLeft,c=o+n.scrollHeight,l=i+n.scrollWidth,p={top:o,right:l,bottom:c,left:i},m=Do(p,a.border),f=No({borderBox:m,margin:a.margin,border:a.border,padding:a.padding});return f},ZC=function(e){var t=e.ref,n=e.descriptor,a=e.env,o=e.windowScroll,i=e.direction,c=e.isDropDisabled,l=e.isCombineEnabled,p=e.shouldClipSubject,m=a.closestScrollable,f=JC(t,m),u=Os(f,o),g=function(){if(!m)return null;var T=$d(m),x={scrollHeight:m.scrollHeight,scrollWidth:m.scrollWidth};return{client:T,page:Os(T,o),scroll:ri(m),scrollSize:x,shouldClipSubject:p}}(),S=qC({descriptor:n,isEnabled:!c,isCombineEnabled:l,isFixedOnPage:a.isFixedOnPage,direction:i,client:f,page:u,closest:g});return S},XC={passive:!1},QC={passive:!0},lu=function(e){return e.shouldPublishImmediately?XC:QC};function Js(e){var t=V.useContext(e);return t||X(!1),t}var Zs=function(t){return t&&t.env.closestScrollable||null};function ex(e){var t=V.useRef(null),n=Js(Ys),a=ni("droppable"),o=n.registry,i=n.marshal,c=Yp(e),l=Me(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),p=V.useRef(l),m=Me(function(){return Je(function(k,_){t.current||X(!1);var L={x:k,y:_};i.updateDroppableScroll(l.id,L)})},[l.id,i]),f=me(function(){var k=t.current;return!k||!k.env.closestScrollable?Ze:ri(k.env.closestScrollable)},[]),u=me(function(){var k=f();m(k.x,k.y)},[f,m]),g=Me(function(){return Na(u)},[u]),S=me(function(){var k=t.current,_=Zs(k);k&&_||X(!1);var L=k.scrollOptions;if(L.shouldPublishImmediately){u();return}g()},[g,u]),T=me(function(k,_){t.current&&X(!1);var L=c.current,R=L.getDroppableRef();R||X(!1);var B=jC(R),P={ref:R,descriptor:l,env:B,scrollOptions:_};t.current=P;var A=ZC({ref:R,descriptor:l,env:B,windowScroll:k,direction:L.direction,isDropDisabled:L.isDropDisabled,isCombineEnabled:L.isCombineEnabled,shouldClipSubject:!L.ignoreContainerClipping}),G=B.closestScrollable;return G&&(G.setAttribute(Hp.contextId,n.contextId),G.addEventListener("scroll",S,lu(P.scrollOptions))),A},[n.contextId,l,S,c]),x=me(function(){var k=t.current,_=Zs(k);return k&&_||X(!1),ri(_)},[]),E=me(function(){var k=t.current;k||X(!1);var _=Zs(k);t.current=null,!!_&&(g.cancel(),_.removeAttribute(Hp.contextId),_.removeEventListener("scroll",S,lu(k.scrollOptions)))},[S,g]),I=me(function(k){var _=t.current;_||X(!1);var L=Zs(_);L||X(!1),L.scrollTop+=k.y,L.scrollLeft+=k.x},[]),D=Me(function(){return{getDimensionAndWatchScroll:T,getScrollWhileDragging:x,dragStopped:E,scroll:I}},[E,T,x,I]),v=Me(function(){return{uniqueId:a,descriptor:l,callbacks:D}},[D,l,a]);ht(function(){return p.current=v.descriptor,o.droppable.register(v),function(){t.current&&E(),o.droppable.unregister(v)}},[D,l,E,v,i,o.droppable]),ht(function(){!t.current||i.updateDroppableIsEnabled(p.current.id,!e.isDropDisabled)},[e.isDropDisabled,i]),ht(function(){!t.current||i.updateDroppableIsCombineEnabled(p.current.id,e.isCombineEnabled)},[e.isCombineEnabled,i])}function oi(){}var cu={width:0,height:0,margin:DT},tx=function(t){var n=t.isAnimatingOpenOnMount,a=t.placeholder,o=t.animate;return n||o==="close"?cu:{height:a.client.borderBox.height,width:a.client.borderBox.width,margin:a.client.margin}},nx=function(t){var n=t.isAnimatingOpenOnMount,a=t.placeholder,o=t.animate,i=tx({isAnimatingOpenOnMount:n,placeholder:a,animate:o});return{display:a.display,boxSizing:"border-box",width:i.width,height:i.height,marginTop:i.margin.top,marginRight:i.margin.right,marginBottom:i.margin.bottom,marginLeft:i.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:o!=="none"?Aa.placeholder:null}};function ax(e){var t=V.useRef(null),n=me(function(){!t.current||(clearTimeout(t.current),t.current=null)},[]),a=e.animate,o=e.onTransitionEnd,i=e.onClose,c=e.contextId,l=V.useState(e.animate==="open"),p=l[0],m=l[1];V.useEffect(function(){return p?a!=="open"?(n(),m(!1),oi):t.current?oi:(t.current=setTimeout(function(){t.current=null,m(!1)}),n):oi},[a,p,n]);var f=me(function(g){g.propertyName==="height"&&(o(),a==="close"&&i())},[a,i,o]),u=nx({isAnimatingOpenOnMount:p,animate:e.animate,placeholder:e.placeholder});return U.default.createElement(e.placeholder.tagName,{style:u,"data-rbd-placeholder-context-id":c,onTransitionEnd:f,ref:e.innerRef})}var sx=U.default.memo(ax),ii=U.default.createContext(null),rx=function(e){pd(t,e);function t(){for(var a,o=arguments.length,i=new Array(o),c=0;c<o;c++)i[c]=arguments[c];return a=e.call.apply(e,[this].concat(i))||this,a.state={isVisible:Boolean(a.props.on),data:a.props.on,animate:a.props.shouldAnimate&&a.props.on?"open":"none"},a.onClose=function(){a.state.animate==="close"&&a.setState({isVisible:!1})},a}t.getDerivedStateFromProps=function(o,i){return o.shouldAnimate?o.on?{isVisible:!0,data:o.on,animate:"open"}:i.isVisible?{isVisible:!0,data:i.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:Boolean(o.on),data:o.on,animate:"none"}};var n=t.prototype;return n.render=function(){if(!this.state.isVisible)return null;var o={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(o)},t}(U.default.PureComponent),du={dragging:5e3,dropAnimating:4500},ox=function(t,n){return n?Aa.drop(n.duration):t?Aa.snap:Aa.fluid},ix=function(t,n){return t?n?Ba.opacity.drop:Ba.opacity.combining:null},lx=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function cx(e){var t=e.dimension,n=t.client,a=e.offset,o=e.combineWith,i=e.dropping,c=Boolean(o),l=lx(e),p=Boolean(i),m=p?Uo.drop(a,c):Uo.moveTo(a),f={position:"fixed",top:n.marginBox.top,left:n.marginBox.left,boxSizing:"border-box",width:n.borderBox.width,height:n.borderBox.height,transition:ox(l,i),transform:m,opacity:ix(c,p),zIndex:p?du.dropAnimating:du.dragging,pointerEvents:"none"};return f}function dx(e){return{transform:Uo.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function px(e){return e.type==="DRAGGING"?cx(e):dx(e)}function ux(e,t,n){n===void 0&&(n=Ze);var a=window.getComputedStyle(t),o=t.getBoundingClientRect(),i=Vd(o,a),c=Os(i,n),l={client:i,tagName:t.tagName.toLowerCase(),display:a.display},p={x:i.marginBox.width,y:i.marginBox.height},m={descriptor:e,placeholder:l,displaceBy:p,client:i,page:c};return m}function mx(e){var t=ni("draggable"),n=e.descriptor,a=e.registry,o=e.getDraggableRef,i=e.canDragInteractiveElements,c=e.shouldRespectForcePress,l=e.isEnabled,p=Me(function(){return{canDragInteractiveElements:i,shouldRespectForcePress:c,isEnabled:l}},[i,l,c]),m=me(function(S){var T=o();return T||X(!1),ux(n,T,S)},[n,o]),f=Me(function(){return{uniqueId:t,descriptor:n,options:p,getDimension:m}},[n,m,p,t]),u=V.useRef(f),g=V.useRef(!0);ht(function(){return a.draggable.register(u.current),function(){return a.draggable.unregister(u.current)}},[a.draggable]),ht(function(){if(g.current){g.current=!1;return}var S=u.current;u.current=f,a.draggable.update(f,S)},[f,a.draggable])}function fx(e){e.preventDefault()}function hx(e){var t=V.useRef(null),n=me(function(P){t.current=P},[]),a=me(function(){return t.current},[]),o=Js(Ys),i=o.contextId,c=o.dragHandleUsageInstructionsId,l=o.registry,p=Js(ii),m=p.type,f=p.droppableId,u=Me(function(){return{id:e.draggableId,index:e.index,type:m,droppableId:f}},[e.draggableId,e.index,m,f]),g=e.children,S=e.draggableId,T=e.isEnabled,x=e.shouldRespectForcePress,E=e.canDragInteractiveElements,I=e.isClone,D=e.mapped,v=e.dropAnimationFinished;if(!I){var k=Me(function(){return{descriptor:u,registry:l,getDraggableRef:a,canDragInteractiveElements:E,shouldRespectForcePress:x,isEnabled:T}},[u,l,a,E,x,T]);mx(k)}var _=Me(function(){return T?{tabIndex:0,role:"button","aria-describedby":c,"data-rbd-drag-handle-draggable-id":S,"data-rbd-drag-handle-context-id":i,draggable:!1,onDragStart:fx}:null},[i,c,S,T]),L=me(function(P){D.type==="DRAGGING"&&(!D.dropping||P.propertyName==="transform"&&v())},[v,D]),R=Me(function(){var P=px(D),A=D.type==="DRAGGING"&&D.dropping?L:null,G={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":i,"data-rbd-draggable-id":S,style:P,onTransitionEnd:A},dragHandleProps:_};return G},[i,_,S,D,L,n]),B=Me(function(){return{draggableId:u.id,type:u.type,source:{index:u.index,droppableId:u.droppableId}}},[u.droppableId,u.id,u.index,u.type]);return g(R,D.snapshot,B)}var pu=function(e,t){return e===t},uu=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null},gx=function(t){return t.combine?t.combine.draggableId:null},Sx=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function bx(){var e=Je(function(o,i){return{x:o,y:i}}),t=Je(function(o,i,c,l,p){return{isDragging:!0,isClone:i,isDropAnimating:Boolean(p),dropAnimation:p,mode:o,draggingOver:c,combineWith:l,combineTargetFor:null}}),n=Je(function(o,i,c,l,p,m,f){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:p,combineWith:m,mode:i,offset:o,dimension:c,forceShouldAnimate:f,snapshot:t(i,l,p,m,null)}}}),a=function(i,c){if(i.isDragging){if(i.critical.draggable.id!==c.draggableId)return null;var l=i.current.client.offset,p=i.dimensions.draggables[c.draggableId],m=ft(i.impact),f=Sx(i.impact),u=i.forceShouldAnimate;return n(e(l.x,l.y),i.movementMode,p,c.isClone,m,f,u)}if(i.phase==="DROP_ANIMATING"){var g=i.completed;if(g.result.draggableId!==c.draggableId)return null;var S=c.isClone,T=i.dimensions.draggables[c.draggableId],x=g.result,E=x.mode,I=uu(x),D=gx(x),v=i.dropDuration,k={duration:v,curve:Wo.drop,moveTo:i.newHomeClientOffset,opacity:D?Ba.opacity.drop:null,scale:D?Ba.scale.drop:null};return{mapped:{type:"DRAGGING",offset:i.newHomeClientOffset,dimension:T,dropping:k,draggingOver:I,combineWith:D,mode:E,forceShouldAnimate:null,snapshot:t(E,S,I,D,k)}}}return null};return a}function mu(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var vx={mapped:{type:"SECONDARY",offset:Ze,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:mu(null)}};function yx(){var e=Je(function(c,l){return{x:c,y:l}}),t=Je(mu),n=Je(function(c,l,p){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:c,combineTargetFor:l,shouldAnimateDisplacement:p,snapshot:t(l)}}}),a=function(l){return l?n(Ze,l,!0):null},o=function(l,p,m,f){var u=m.displaced.visible[l],g=Boolean(f.inVirtualList&&f.effected[l]),S=Ks(m),T=S&&S.draggableId===l?p:null;if(!u){if(!g)return a(T);if(m.displaced.invisible[l])return null;var x=Zn(f.displacedBy.point),E=e(x.x,x.y);return n(E,T,!0)}if(g)return a(T);var I=m.displacedBy.point,D=e(I.x,I.y);return n(D,T,u.shouldAnimate)},i=function(l,p){if(l.isDragging)return l.critical.draggable.id===p.draggableId?null:o(p.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var m=l.completed;return m.result.draggableId===p.draggableId?null:o(p.draggableId,m.result.draggableId,m.impact,m.afterCritical)}return null};return i}var Tx=function(){var t=bx(),n=yx(),a=function(i,c){return t(i,c)||n(i,c)||vx};return a},wx={dropAnimationFinished:Cp},Ex=Ad(Tx,wx,null,{context:ti,pure:!0,areStatePropsEqual:pu})(hx);function fu(e){var t=Js(ii),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:U.default.createElement(Ex,e)}function hu(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=Boolean(e.disableInteractiveElementBlocking),a=Boolean(e.shouldRespectForcePress);return U.default.createElement(fu,ue({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:a}))}function Cx(e){var t=V.useContext(Ys);t||X(!1);var n=t.contextId,a=t.isMovementAllowed,o=V.useRef(null),i=V.useRef(null),c=e.children,l=e.droppableId,p=e.type,m=e.mode,f=e.direction,u=e.ignoreContainerClipping,g=e.isDropDisabled,S=e.isCombineEnabled,T=e.snapshot,x=e.useClone,E=e.updateViewportMaxScroll,I=e.getContainerForClone,D=me(function(){return o.current},[]),v=me(function(G){o.current=G},[]);me(function(){return i.current},[]);var k=me(function(G){i.current=G},[]),_=me(function(){a()&&E({maxScroll:_p()})},[a,E]);ex({droppableId:l,type:p,mode:m,direction:f,isDropDisabled:g,isCombineEnabled:S,ignoreContainerClipping:u,getDroppableRef:D});var L=U.default.createElement(rx,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(G){var K=G.onClose,W=G.data,de=G.animate;return U.default.createElement(sx,{placeholder:W,onClose:K,innerRef:k,animate:de,contextId:n,onTransitionEnd:_})}),R=Me(function(){return{innerRef:v,placeholder:L,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,L,v]),B=x?x.dragging.draggableId:null,P=Me(function(){return{droppableId:l,type:p,isUsingCloneFor:B}},[l,B,p]);function A(){if(!x)return null;var G=x.dragging,K=x.render,W=U.default.createElement(fu,{draggableId:G.draggableId,index:G.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(de,pe){return K(de,pe,G)});return tb.default.createPortal(W,I())}return U.default.createElement(ii.Provider,{value:P},c(R,T),A())}var li=function(t,n){return t===n.droppable.type},gu=function(t,n){return n.draggables[t.draggable.id]},xx=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=ue({},t,{shouldAnimatePlaceholder:!1}),a=Je(function(c){return{draggableId:c.id,type:c.type,source:{index:c.index,droppableId:c.droppableId}}}),o=Je(function(c,l,p,m,f,u){var g=f.descriptor.id,S=f.descriptor.droppableId===c;if(S){var T=u?{render:u,dragging:a(f.descriptor)}:null,x={isDraggingOver:p,draggingOverWith:p?g:null,draggingFromThisWith:g,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!1,snapshot:x,useClone:T}}if(!l)return n;if(!m)return t;var E={isDraggingOver:p,draggingOverWith:g,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!0,snapshot:E,useClone:null}}),i=function(l,p){var m=p.droppableId,f=p.type,u=!p.isDropDisabled,g=p.renderClone;if(l.isDragging){var S=l.critical;if(!li(f,S))return n;var T=gu(S,l.dimensions),x=ft(l.impact)===m;return o(m,u,x,x,T,g)}if(l.phase==="DROP_ANIMATING"){var E=l.completed;if(!li(f,E.critical))return n;var I=gu(E.critical,l.dimensions);return o(m,u,uu(E.result)===m,ft(E.impact)===m,I,g)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var D=l.completed;if(!li(f,D.critical))return n;var v=ft(D.impact)===m,k=Boolean(D.impact.at&&D.impact.at.type==="COMBINE"),_=D.critical.droppable.id===m;return v?k?t:n:_?t:n}return n};return i},Dx={updateViewportMaxScroll:Fw};function Ix(){return document.body||X(!1),document.body}var Nx={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:Ix},ci=Ad(xx,Dx,null,{context:ti,pure:!0,areStatePropsEqual:pu})(Cx);ci.defaultProps=Nx;const kx={content:"ReactNodeLike",icon:"SpsIcon",title:"string"},Mx=$(N({},Y),{content:y.exports.node,icon:ge(M.SpsIcon),title:y.exports.string});function Su(e){const m=e,{content:t,className:n,icon:a,title:o,"data-testid":i,unsafelyReplaceClassName:c}=m,l=z(m,["content","className","icon","title","data-testid","unsafelyReplaceClassName"]),p=F(c||"sps-card__header",n);return s.createElement("div",N({className:p,title:o},l),s.createElement("div",{className:"sps-card__title"}," ",a&&s.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${a}`})," ",o),s.createElement("div",{className:"sps-card__header-content"},t))}Object.assign(Su,{props:kx,propTypes:Mx,displayName:"SpsCardHeader"});const _x={icon:"SpsIcon",kind:"TagKind"},Rx=$(N({},Y),{icon:ge(M.SpsIcon),kind:ge(M.TagKind)});function wt(e){const f=e,{children:t,className:n,icon:a,kind:o=M.TagKind.DEFAULT,"data-testid":i,unsafelyReplaceClassName:c}=f,l=z(f,["children","className","icon","kind","data-testid","unsafelyReplaceClassName"]),p=s.Children.toArray(t).filter(u=>typeof u=="string").join(""),m=F(c||"sps-tag",`sps-tag--${o}`,n);return s.createElement("span",N({className:m,"data-testid":`${i}__tag`,title:p},l),a&&s.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${a}`,"data-testid":`${i}__icon`}),t)}Object.assign(wt,{props:_x,propTypes:Rx,displayName:"SpsTag"});const Ox={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"},Lx=$(N({},Y),{activateTab:y.exports.func,active:y.exports.bool,icon:ge(M.SpsIcon),label:y.exports.string,index:y.exports.number,tag:y.exports.string,tagKind:ge(M.TagKind),tagIcon:ge(M.SpsIcon)});function di(e){const D=e,{activateTab:t,active:n,children:a,className:o,label:i,icon:c,id:l,index:p,tag:m,tagKind:f,tagIcon:u,"data-testid":g,unsafelyReplaceClassName:S}=D,T=z(D,["activateTab","active","children","className","label","icon","id","index","tag","tagKind","tagIcon","data-testid","unsafelyReplaceClassName"]),x=()=>{t(this,p,a)},E=v=>{(v.key==="Enter"||v.key===" "||v.key==="Spacebar")&&(v.preventDefault(),v.stopPropagation(),t(this,p,a))},I=F(S||"sps-nav__item","sps-nav__link",n&&"active",o);return s.createElement("a",$(N({className:I,onClick:x,"data-toggle":"tab",id:l,role:"tab","aria-controls":l},T),{tabIndex:0,onKeyDown:E}),c&&s.createElement("i",{className:`sps-icon sps-icon-${c}`}),s.createElement("span",null,i),m&&s.createElement(wt,{kind:f||M.TagKind.KEY,icon:u},m))}Object.assign(di,{props:Ox,propTypes:Lx,displayName:"SpsCardTabbedPane"});function Bx(e,t,n){const[a,o]=s.useState({index:0,content:null}),i=s.useCallback((c,l,p)=>{o({index:l,content:p})},[]);return s.useEffect(()=>{function c(m){for(const f of m){const u=f.props;o($(N({},a),{content:u.children}));break}}function l(m,f){for(let u=0;u<=m.length;u+=1){const g=m[u];if(g&&g.props&&(g.props.id&&g.props.id===f||g.props.label&&g.props.label===f)){o({content:g.props.children,index:u});break}}}const p=s.Children.toArray(e);n&&t?l(p,t):n&&c(p)},[t,e]),[a,i]}const Ax={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"},Px=$(N({},Y),{activeTab:y.exports.string,footer:lt,headerContent:lt,headerIcon:ge(M.SpsIcon),headerTitle:y.exports.string});function pi(e){s.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 x=e,{activeTab:t,children:n,className:a,footer:o,headerContent:i,headerIcon:c,headerTitle:l,"data-testid":p,unsafelyReplaceClassName:m}=x,f=z(x,["activeTab","children","className","footer","headerContent","headerIcon","headerTitle","data-testid","unsafelyReplaceClassName"]),u=s.Children.toArray(n).some(E=>s.isValidElement(E)&&E.type===di),[g,S]=Bx(n,t,u),T=F(m||"sps-card",a);return s.createElement("div",$(N({},f),{className:T,"data-testid":`${p}__card`}),(l||i)&&s.createElement(Su,{title:l,content:pt(i),icon:c,"data-testid":`${p}__header`}),u===!0?s.createElement(s.Fragment,null,s.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${p}__tabs`},s.Children.map(n,(E,I)=>{if(s.isValidElement(E))return s.cloneElement(E,{active:I===g.index,index:I,activateTab:S,"data-testid":`${p}__tab`})})),s.createElement("div",{className:"sps-card__body","data-testid":`${p}__body--tab-active`},g.content)):s.createElement("div",{className:"sps-card__body","data-testid":`${p}__body`},n),o&&s.createElement("div",{className:"sps-card__footer","data-testid":`${p}__footer`},pt(o)))}Object.assign(pi,{props:Ax,propTypes:Px,displayName:"SpsCard"});const Fx={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"},Kx=$(N({},Y),{index:y.exports.number,key:y.exports.string,columnId:y.exports.string,name:y.exports.string,value:y.exports.string,onDelete:ne(),mandatory:y.exports.bool});function Xs(e){const u=e,{index:t,key:n,columnId:a,name:o,value:i,onDelete:c,mandatory:l,ref:p}=u,m=z(u,["index","key","columnId","name","value","onDelete","mandatory","ref"]),{t:f}=s.useContext(Pe);return s.createElement(hu,N({key:a,draggableId:a,index:t||0},m),g=>s.createElement("div",$(N(N({ref:g.innerRef},g.draggableProps),g.dragHandleProps),{className:"sps-content-row"}),s.createElement("div",{className:"sps-content-row__col-group","data-col-value":i},s.createElement("div",{className:"sps-content-row__col sps-column-chooser__grab-col"},s.createElement("i",{className:"sps-column-chooser__drag-handle"})),s.createElement("div",{className:"sps-content-row__col--borderless"},s.createElement("div",{className:"sps-body-12"},o)),s.createElement("div",{className:"sps-content-row__col sps-column-chooser__delete-col"},!l&&s.createElement(Ve,{"aria-label":f("design-system:columnChooser.removeButton",{elementName:o}),kind:M.ButtonKind.ICON,icon:M.SpsIcon.X,onClick:()=>{c&&c(i)}})))))}Object.assign(Xs,{props:Fx,propTypes:Kx,displayName:"SpsColumnChooserColumn"});const Vx={maxSelectedColumns:"number",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"},$x=$(N({},Y),{maxSelectedColumns:y.exports.number,unselectedColumns:y.exports.array,selectedColumns:y.exports.array,onApplyChanges:ne()});function ui(e){const E=e,{unselectedColumns:t,selectedColumns:n,maxSelectedColumns:a,onApplyChanges:o,className:i,unsafelyReplaceClassName:c}=E,l=z(E,["unselectedColumns","selectedColumns","maxSelectedColumns","onApplyChanges","className","unsafelyReplaceClassName"]),[p,m]=Ft({isVisible:!1,unselectedColumns:[...t.map(I=>$(N({},I),{label:I.name,columnId:ln()}))],selectedColumns:[...n.map(I=>$(N({},I),{columnId:ln()}))],searchSelectedColumn:null});function f(I){if(I.target.value){const D=[...p.selectedColumns],v=[];p.unselectedColumns.forEach(k=>{I.target.value===k.name?D.push({columnId:ln(),name:k.name,value:k.value}):v.push(k)}),m({selectedColumns:D,unselectedColumns:v,searchSelectedColumn:null})}m({searchSelectedColumn:null})}function u(I){const D=[],v=[...p.unselectedColumns];p.selectedColumns.forEach(k=>{I===k.value?v.push({columnId:ln(),name:k.name,value:k.value}):D.push(k)}),m({selectedColumns:D,unselectedColumns:v})}function g(I){if(!I.destination)return;const D=[...p.selectedColumns],[v]=D.splice(I.source.index,1);D.splice(I.destination.index,0,v),m({selectedColumns:D})}function S(){m({isVisible:!1});const I=p.selectedColumns.map(D=>{const v=N({},D);return v.columnId&&delete v.columnId,v});o(I)}function T(){m({isVisible:!p.isVisible})}const x=F(p.isVisible&&"sps-button--open",i);return s.createElement("div",N({className:"sps-column-chooser z-stratum-dropdown"},l),s.createElement(Ve,{className:x,"aria-label":`${p.isVisible?"Close":"Open"} Column Chooser`,kind:M.ButtonKind.ICON,icon:M.SpsIcon.TABLE,onClick:T,"data-testid":"button"}),p.isVisible&&s.createElement(pi,{"data-testid":"open",footer:()=>s.createElement(Ve,{"aria-label":"Apply Changes",kind:M.ButtonKind.LINK,onClick:S},"Apply Changes")},s.createElement("div",{className:"sps-column-chooser__search-container"},s.createElement(fs,{suggestions:p.unselectedColumns.map(I=>I.name),disabled:a&&p.selectedColumns.length>=a||p.selectedColumns.length>=8,value:p.searchSelectedColumn?p.searchSelectedColumn.name:"",onChange:f,placeholder:"Find Columns to Add"})),s.createElement("div",{className:"sps-column-chooser__selected-title"},"Selected"),s.createElement(ru,{onDragEnd:g},s.createElement(ci,{droppableId:"column-chooser"},I=>s.createElement("div",$(N({},I.droppableProps),{ref:I.innerRef}),p.selectedColumns.map((D,v)=>s.createElement(Xs,{index:v,key:D.columnId,columnId:D.columnId,name:D.name,value:D.value,onDelete:u,mandatory:D.mandatory})),I.placeholder)))))}Object.assign(ui,{props:Vx,propTypes:$x,displayName:"SpsColumnChooser"});const bu={basic:{label:"Basic",description:"Column chooser component",examples:{basic:{react:w.code`
|
|
1093
|
+
`}},c=[s,n,o,i];return{always:Fa(c,"always"),resting:Fa(c,"resting"),dragging:Fa(c,"dragging"),dropAnimating:Fa(c,"dropAnimating"),userCancel:Fa(c,"userCancel")}},bt=typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.document.createElement!="undefined"?$.useLayoutEffect:$.useEffect,ei=function(){var t=document.querySelector("head");return t||X(!1),t},Wp=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function UE(e,t){var n=Ne(function(){return GE(e)},[e]),s=$.useRef(null),o=$.useRef(null),i=fe(Ze(function(m){var g=o.current;g||X(!1),g.textContent=m}),[]),c=fe(function(m){var g=s.current;g||X(!1),g.textContent=m},[]);bt(function(){!s.current&&!o.current||X(!1);var m=Wp(t),g=Wp(t);return s.current=m,o.current=g,m.setAttribute(sa+"-always",e),g.setAttribute(sa+"-dynamic",e),ei().appendChild(m),ei().appendChild(g),c(n.always),i(n.resting),function(){var S=function(x){var E=x.current;E||X(!1),ei().removeChild(E),x.current=null};S(s),S(o)}},[t,c,i,n.always,n.resting,e]);var l=fe(function(){return i(n.dragging)},[i,n.dragging]),p=fe(function(m){if(m==="DROP"){i(n.dropAnimating);return}i(n.userCancel)},[i,n.dropAnimating,n.userCancel]),u=fe(function(){!o.current||i(n.resting)},[i,n.resting]),f=Ne(function(){return{dragging:l,dropping:p,resting:u}},[l,p,u]);return f}var Gp=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Us(e){return e instanceof Gp(e).HTMLElement}function YE(e,t){var n="["+ra.contextId+'="'+e+'"]',s=Jd(document.querySelectorAll(n));if(!s.length)return null;var o=un(s,function(i){return i.getAttribute(ra.draggableId)===t});return!o||!Us(o)?null:o}function zE(e){var t=$.useRef({}),n=$.useRef(null),s=$.useRef(null),o=$.useRef(!1),i=fe(function(g,S){var T={id:g,focus:S};return t.current[g]=T,function(){var E=t.current,I=E[g];I!==T&&delete E[g]}},[]),c=fe(function(g){var S=YE(e,g);S&&S!==document.activeElement&&S.focus()},[e]),l=fe(function(g,S){n.current===g&&(n.current=S)},[]),p=fe(function(){s.current||!o.current||(s.current=requestAnimationFrame(function(){s.current=null;var g=n.current;g&&c(g)}))},[c]),u=fe(function(g){n.current=null;var S=document.activeElement;!S||S.getAttribute(ra.draggableId)===g&&(n.current=g)},[]);bt(function(){return o.current=!0,function(){o.current=!1;var g=s.current;g&&cancelAnimationFrame(g)}},[]);var f=Ne(function(){return{register:i,tryRecordFocus:u,tryRestoreFocusRecorded:p,tryShiftRecord:l}},[i,u,p,l]);return f}function jE(){var e={draggables:{},droppables:{}},t=[];function n(m){return t.push(m),function(){var S=t.indexOf(m);S!==-1&&t.splice(S,1)}}function s(m){t.length&&t.forEach(function(g){return g(m)})}function o(m){return e.draggables[m]||null}function i(m){var g=o(m);return g||X(!1),g}var c={register:function(g){e.draggables[g.descriptor.id]=g,s({type:"ADDITION",value:g})},update:function(g,S){var T=e.draggables[S.descriptor.id];!T||T.uniqueId===g.uniqueId&&(delete e.draggables[S.descriptor.id],e.draggables[g.descriptor.id]=g)},unregister:function(g){var S=g.descriptor.id,T=o(S);!T||g.uniqueId===T.uniqueId&&(delete e.draggables[S],s({type:"REMOVAL",value:g}))},getById:i,findById:o,exists:function(g){return Boolean(o(g))},getAllByType:function(g){return Fs(e.draggables).filter(function(S){return S.descriptor.type===g})}};function l(m){return e.droppables[m]||null}function p(m){var g=l(m);return g||X(!1),g}var u={register:function(g){e.droppables[g.descriptor.id]=g},unregister:function(g){var S=l(g.descriptor.id);!S||g.uniqueId===S.uniqueId&&delete e.droppables[g.descriptor.id]},getById:p,findById:l,exists:function(g){return Boolean(l(g))},getAllByType:function(g){return Fs(e.droppables).filter(function(S){return S.descriptor.type===g})}};function f(){e.draggables={},e.droppables={},t.length=0}return{draggable:c,droppable:u,subscribe:n,clean:f}}function qE(){var e=Ne(jE,[]);return $.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var ti=A.default.createContext(null),Ys=function(){var e=document.body;return e||X(!1),e},JE={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},ZE=function(t){return"rbd-announcement-"+t};function XE(e){var t=Ne(function(){return ZE(e)},[e]),n=$.useRef(null);$.useEffect(function(){var i=document.createElement("div");return n.current=i,i.id=t,i.setAttribute("aria-live","assertive"),i.setAttribute("aria-atomic","true"),me(i.style,JE),Ys().appendChild(i),function(){setTimeout(function(){var p=Ys();p.contains(i)&&p.removeChild(i),i===n.current&&(n.current=null)})}},[t]);var s=fe(function(o){var i=n.current;if(i){i.textContent=o;return}},[]);return s}var Up=0,QE={separator:"::"};function eC(){Up=0}function ni(e,t){return t===void 0&&(t=QE),Ne(function(){return""+e+t.separator+Up++},[t.separator,e])}function tC(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function nC(e){var t=e.contextId,n=e.text,s=ni("hidden-text",{separator:"-"}),o=Ne(function(){return tC({contextId:t,uniqueId:s})},[s,t]);return $.useEffect(function(){var c=document.createElement("div");return c.id=o,c.textContent=n,c.style.display="none",Ys().appendChild(c),function(){var p=Ys();p.contains(c)&&p.removeChild(c)}},[o,n]),o}var zs=A.default.createContext(null);function Yp(e){var t=$.useRef(e);return $.useEffect(function(){t.current=e}),t}function aC(){var e=null;function t(){return Boolean(e)}function n(c){return c===e}function s(c){e&&X(!1);var l={abandon:c};return e=l,l}function o(){e||X(!1),e=null}function i(){e&&(e.abandon(),o())}return{isClaimed:t,isActive:n,claim:s,release:o,tryAbandon:i}}var sC=9,rC=13,ai=27,zp=32,oC=33,iC=34,lC=35,cC=36,dC=37,pC=38,uC=39,mC=40,js,fC=(js={},js[rC]=!0,js[sC]=!0,js),jp=function(e){fC[e.keyCode]&&e.preventDefault()},qs=function(){var e="visibilitychange";if(typeof document=="undefined")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],n=un(t,function(s){return"on"+s in document});return n||e}(),qp=0,Jp=5;function hC(e,t){return Math.abs(t.x-e.x)>=Jp||Math.abs(t.y-e.y)>=Jp}var Zp={type:"IDLE"};function gC(e){var t=e.cancel,n=e.completed,s=e.getPhase,o=e.setPhase;return[{eventName:"mousemove",fn:function(c){var l=c.button,p=c.clientX,u=c.clientY;if(l===qp){var f={x:p,y:u},m=s();if(m.type==="DRAGGING"){c.preventDefault(),m.actions.move(f);return}m.type!=="PENDING"&&X(!1);var g=m.point;if(!!hC(g,f)){c.preventDefault();var S=m.actions.fluidLift(f);o({type:"DRAGGING",actions:S})}}}},{eventName:"mouseup",fn:function(c){var l=s();if(l.type!=="DRAGGING"){t();return}c.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"mousedown",fn:function(c){s().type==="DRAGGING"&&c.preventDefault(),t()}},{eventName:"keydown",fn:function(c){var l=s();if(l.type==="PENDING"){t();return}if(c.keyCode===ai){c.preventDefault(),t();return}jp(c)}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){s().type==="PENDING"&&t()}},{eventName:"webkitmouseforcedown",fn:function(c){var l=s();if(l.type==="IDLE"&&X(!1),l.actions.shouldRespectForcePress()){t();return}c.preventDefault()}},{eventName:qs,fn:t}]}function Xp(e){var t=$.useRef(Zp),n=$.useRef(dn),s=Ne(function(){return{eventName:"mousedown",fn:function(m){if(!m.defaultPrevented&&m.button===qp&&!(m.ctrlKey||m.metaKey||m.shiftKey||m.altKey)){var g=e.findClosestDraggableId(m);if(!!g){var S=e.tryGetLock(g,c,{sourceEvent:m});if(!!S){m.preventDefault();var T={x:m.clientX,y:m.clientY};n.current(),u(S,T)}}}}}},[e]),o=Ne(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(m){if(!m.defaultPrevented){var g=e.findClosestDraggableId(m);if(!!g){var S=e.findOptionsForDraggable(g);!S||S.shouldRespectForcePress||!e.canGetLock(g)||m.preventDefault()}}}}},[e]),i=fe(function(){var m={passive:!1,capture:!0};n.current=Et(window,[o,s],m)},[o,s]),c=fe(function(){var f=t.current;f.type!=="IDLE"&&(t.current=Zp,n.current(),i())},[i]),l=fe(function(){var f=t.current;c(),f.type==="DRAGGING"&&f.actions.cancel({shouldBlockNextClick:!0}),f.type==="PENDING"&&f.actions.abort()},[c]),p=fe(function(){var m={capture:!0,passive:!1},g=gC({cancel:l,completed:c,getPhase:function(){return t.current},setPhase:function(T){t.current=T}});n.current=Et(window,g,m)},[l,c]),u=fe(function(m,g){t.current.type!=="IDLE"&&X(!1),t.current={type:"PENDING",point:g,actions:m},p()},[p]);bt(function(){return i(),function(){n.current()}},[i])}var oa;function SC(){}var bC=(oa={},oa[iC]=!0,oa[oC]=!0,oa[cC]=!0,oa[lC]=!0,oa);function vC(e,t){function n(){t(),e.cancel()}function s(){t(),e.drop()}return[{eventName:"keydown",fn:function(i){if(i.keyCode===ai){i.preventDefault(),n();return}if(i.keyCode===zp){i.preventDefault(),s();return}if(i.keyCode===mC){i.preventDefault(),e.moveDown();return}if(i.keyCode===pC){i.preventDefault(),e.moveUp();return}if(i.keyCode===uC){i.preventDefault(),e.moveRight();return}if(i.keyCode===dC){i.preventDefault(),e.moveLeft();return}if(bC[i.keyCode]){i.preventDefault();return}jp(i)}},{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:qs,fn:n}]}function Qp(e){var t=$.useRef(SC),n=Ne(function(){return{eventName:"keydown",fn:function(i){if(i.defaultPrevented||i.keyCode!==zp)return;var c=e.findClosestDraggableId(i);if(!c)return;var l=e.tryGetLock(c,f,{sourceEvent:i});if(!l)return;i.preventDefault();var p=!0,u=l.snapLift();t.current();function f(){p||X(!1),p=!1,t.current(),s()}t.current=Et(window,vC(u,f),{capture:!0,passive:!1})}}},[e]),s=fe(function(){var i={passive:!1,capture:!0};t.current=Et(window,[n],i)},[n]);bt(function(){return s(),function(){t.current()}},[s])}var si={type:"IDLE"},yC=120,TC=.15;function wC(e){var t=e.cancel,n=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(o){o.preventDefault()}},{eventName:"keydown",fn:function(o){if(n().type!=="DRAGGING"){t();return}o.keyCode===ai&&o.preventDefault(),t()}},{eventName:qs,fn:t}]}function EC(e){var t=e.cancel,n=e.completed,s=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(i){var c=s();if(c.type!=="DRAGGING"){t();return}c.hasMoved=!0;var l=i.touches[0],p=l.clientX,u=l.clientY,f={x:p,y:u};i.preventDefault(),c.actions.move(f)}},{eventName:"touchend",fn:function(i){var c=s();if(c.type!=="DRAGGING"){t();return}i.preventDefault(),c.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"touchcancel",fn:function(i){if(s().type!=="DRAGGING"){t();return}i.preventDefault(),t()}},{eventName:"touchforcechange",fn:function(i){var c=s();c.type==="IDLE"&&X(!1);var l=i.touches[0];if(!!l){var p=l.force>=TC;if(!!p){var u=c.actions.shouldRespectForcePress();if(c.type==="PENDING"){u&&t();return}if(u){if(c.hasMoved){i.preventDefault();return}t();return}i.preventDefault()}}}},{eventName:qs,fn:t}]}function eu(e){var t=$.useRef(si),n=$.useRef(dn),s=fe(function(){return t.current},[]),o=fe(function(S){t.current=S},[]),i=Ne(function(){return{eventName:"touchstart",fn:function(S){if(!S.defaultPrevented){var T=e.findClosestDraggableId(S);if(!!T){var x=e.tryGetLock(T,l,{sourceEvent:S});if(!!x){var E=S.touches[0],I=E.clientX,D=E.clientY,v={x:I,y:D};n.current(),m(x,v)}}}}}},[e]),c=fe(function(){var S={capture:!0,passive:!1};n.current=Et(window,[i],S)},[i]),l=fe(function(){var g=t.current;g.type!=="IDLE"&&(g.type==="PENDING"&&clearTimeout(g.longPressTimerId),o(si),n.current(),c())},[c,o]),p=fe(function(){var g=t.current;l(),g.type==="DRAGGING"&&g.actions.cancel({shouldBlockNextClick:!0}),g.type==="PENDING"&&g.actions.abort()},[l]),u=fe(function(){var S={capture:!0,passive:!1},T={cancel:p,completed:l,getPhase:s},x=Et(window,EC(T),S),E=Et(window,wC(T),S);n.current=function(){x(),E()}},[p,s,l]),f=fe(function(){var S=s();S.type!=="PENDING"&&X(!1);var T=S.actions.fluidLift(S.point);o({type:"DRAGGING",actions:T,hasMoved:!1})},[s,o]),m=fe(function(S,T){s().type!=="IDLE"&&X(!1);var x=setTimeout(f,yC);o({type:"PENDING",point:T,actions:S,longPressTimerId:x}),u()},[u,s,o,f]);bt(function(){return c(),function(){n.current();var T=s();T.type==="PENDING"&&(clearTimeout(T.longPressTimerId),o(si))}},[s,c,o]),bt(function(){var S=Et(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return S},[])}var CC={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function tu(e,t){if(t==null)return!1;var n=Boolean(CC[t.tagName.toLowerCase()]);if(n)return!0;var s=t.getAttribute("contenteditable");return s==="true"||s===""?!0:t===e?!1:tu(e,t.parentElement)}function xC(e,t){var n=t.target;return Us(n)?tu(e,n):!1}var DC=function(e){return _t(e.getBoundingClientRect()).center};function IC(e){return e instanceof Gp(e).Element}var NC=function(){var e="matches";if(typeof document=="undefined")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],n=un(t,function(s){return s in Element.prototype});return n||e}();function nu(e,t){return e==null?null:e[NC](t)?e:nu(e.parentElement,t)}function kC(e,t){return e.closest?e.closest(t):nu(e,t)}function MC(e){return"["+ra.contextId+'="'+e+'"]'}function _C(e,t){var n=t.target;if(!IC(n))return null;var s=MC(e),o=kC(n,s);return!o||!Us(o)?null:o}function RC(e,t){var n=_C(e,t);return n?n.getAttribute(ra.draggableId):null}function LC(e,t){var n="["+Qo.contextId+'="'+e+'"]',s=Jd(document.querySelectorAll(n)),o=un(s,function(i){return i.getAttribute(Qo.id)===t});return!o||!Us(o)?null:o}function OC(e){e.preventDefault()}function Js(e){var t=e.expected,n=e.phase,s=e.isLockActive;return e.shouldWarn,!(!s()||t!==n)}function au(e){var t=e.lockAPI,n=e.store,s=e.registry,o=e.draggableId;if(t.isClaimed())return!1;var i=s.draggable.findById(o);return!(!i||!i.options.isEnabled||!Lp(n.getState(),o))}function BC(e){var t=e.lockAPI,n=e.contextId,s=e.store,o=e.registry,i=e.draggableId,c=e.forceSensorStop,l=e.sourceEvent,p=au({lockAPI:t,store:s,registry:o,draggableId:i});if(!p)return null;var u=o.draggable.getById(i),f=LC(n,u.descriptor.id);if(!f||l&&!u.options.canDragInteractiveElements&&xC(f,l))return null;var m=t.claim(c||dn),g="PRE_DRAG";function S(){return u.options.shouldRespectForcePress}function T(){return t.isActive(m)}function x(O,R){Js({expected:O,phase:g,isLockActive:T,shouldWarn:!0})&&s.dispatch(R())}var E=x.bind(null,"DRAGGING");function I(O){function R(){t.release(),g="COMPLETED"}g!=="PRE_DRAG"&&(R(),g!=="PRE_DRAG"&&X(!1)),s.dispatch(_w(O.liftActionArgs)),g="DRAGGING";function B(F,P){if(P===void 0&&(P={shouldBlockNextClick:!1}),O.cleanup(),P.shouldBlockNextClick){var U=Et(window,[{eventName:"click",fn:OC,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(U)}R(),s.dispatch(Ep({reason:F}))}return me({isActive:function(){return Js({expected:"DRAGGING",phase:g,isLockActive:T,shouldWarn:!1})},shouldRespectForcePress:S,drop:function(P){return B("DROP",P)},cancel:function(P){return B("CANCEL",P)}},O.actions)}function D(O){var R=Na(function(F){E(function(){return wp({client:F})})}),B=I({liftActionArgs:{id:i,clientSelection:O,movementMode:"FLUID"},cleanup:function(){return R.cancel()},actions:{move:R}});return me({},B,{move:R})}function v(){var O={moveUp:function(){return E(Vw)},moveRight:function(){return E(Hw)},moveDown:function(){return E($w)},moveLeft:function(){return E(Ww)}};return I({liftActionArgs:{id:i,clientSelection:DC(f),movementMode:"SNAP"},cleanup:dn,actions:O})}function k(){var O=Js({expected:"PRE_DRAG",phase:g,isLockActive:T,shouldWarn:!0});O&&t.release()}var _={isActive:function(){return Js({expected:"PRE_DRAG",phase:g,isLockActive:T,shouldWarn:!1})},shouldRespectForcePress:S,fluidLift:D,snapLift:v,abort:k};return _}var PC=[Xp,Qp,eu];function AC(e){var t=e.contextId,n=e.store,s=e.registry,o=e.customSensors,i=e.enableDefaultSensors,c=[].concat(i?PC:[],o||[]),l=$.useState(function(){return aC()})[0],p=fe(function(D,v){D.isDragging&&!v.isDragging&&l.tryAbandon()},[l]);bt(function(){var D=n.getState(),v=n.subscribe(function(){var k=n.getState();p(D,k),D=k});return v},[l,n,p]),bt(function(){return l.tryAbandon},[l.tryAbandon]);for(var u=fe(function(I){return au({lockAPI:l,registry:s,store:n,draggableId:I})},[l,s,n]),f=fe(function(I,D,v){return BC({lockAPI:l,registry:s,contextId:t,store:n,draggableId:I,forceSensorStop:D,sourceEvent:v&&v.sourceEvent?v.sourceEvent:null})},[t,l,s,n]),m=fe(function(I){return RC(t,I)},[t]),g=fe(function(I){var D=s.draggable.findById(I);return D?D.options:null},[s.draggable]),S=fe(function(){!l.isClaimed()||(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch($o()))},[l,n]),T=fe(l.isClaimed,[l]),x=Ne(function(){return{canGetLock:u,tryGetLock:f,findClosestDraggableId:m,findOptionsForDraggable:g,tryReleaseLock:S,isLockClaimed:T}},[u,f,m,g,S,T]),E=0;E<c.length;E++)c[E](x)}var FC=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function Ka(e){return e.current||X(!1),e.current}function KC(e){var t=e.contextId,n=e.setCallbacks,s=e.sensors,o=e.nonce,i=e.dragHandleUsageInstructions,c=$.useRef(null),l=Yp(e),p=fe(function(){return FC(l.current)},[l]),u=XE(t),f=nC({contextId:t,text:i}),m=UE(t,o),g=fe(function(F){Ka(c).dispatch(F)},[]),S=Ne(function(){return bd({publishWhileDragging:Lw,updateDroppableScroll:Bw,updateDroppableIsEnabled:Pw,updateDroppableIsCombineEnabled:Aw,collectionStarting:Ow},g)},[g]),T=qE(),x=Ne(function(){return EE(T,S)},[T,S]),E=Ne(function(){return VE(me({scrollWindow:CE,scrollDroppable:x.scrollDroppable},bd({move:wp},g)))},[x.scrollDroppable,g]),I=zE(t),D=Ne(function(){return vE({announce:u,autoScroller:E,dimensionMarshal:x,focusMarshal:I,getResponders:p,styleMarshal:m})},[u,E,x,I,p,m]);c.current=D;var v=fe(function(){var F=Ka(c),P=F.getState();P.phase!=="IDLE"&&F.dispatch($o())},[]),k=fe(function(){var F=Ka(c).getState();return F.isDragging||F.phase==="DROP_ANIMATING"},[]),_=Ne(function(){return{isDragging:k,tryAbort:v}},[k,v]);n(_);var O=fe(function(F){return Lp(Ka(c).getState(),F)},[]),R=fe(function(){return Mn(Ka(c).getState())},[]),B=Ne(function(){return{marshal:x,focus:I,contextId:t,canLift:O,isMovementAllowed:R,dragHandleUsageInstructionsId:f,registry:T}},[t,x,f,I,O,R,T]);return AC({contextId:t,store:D,registry:T,customSensors:s,enableDefaultSensors:e.enableDefaultSensors!==!1}),$.useEffect(function(){return v},[v]),A.default.createElement(zs.Provider,{value:B},A.default.createElement(wy,{context:ti,store:D},e.children))}var su=0;function VC(){su=0}function $C(){return Ne(function(){return""+su++},[])}function HC(){VC(),eC()}function ru(e){var t=$C(),n=e.dragHandleUsageInstructions||As.dragHandleUsageInstructions;return A.default.createElement(TT,null,function(s){return A.default.createElement(KC,{nonce:e.nonce,contextId:t,setCallbacks:s,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 ou=function(t){return function(n){return t===n}},WC=ou("scroll"),GC=ou("auto"),iu=function(t,n){return n(t.overflowX)||n(t.overflowY)},UC=function(t){var n=window.getComputedStyle(t),s={overflowX:n.overflowX,overflowY:n.overflowY};return iu(s,WC)||iu(s,GC)},YC=function(){return!1},zC=function e(t){return t==null?null:t===document.body?YC()?t:null:t===document.documentElement?null:UC(t)?t:e(t.parentElement)},ri=function(e){return{x:e.scrollLeft,y:e.scrollTop}},jC=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},qC=function(e){var t=zC(e),n=jC(e);return{closestScrollable:t,isFixedOnPage:n}},JC=function(e){var t=e.descriptor,n=e.isEnabled,s=e.isCombineEnabled,o=e.isFixedOnPage,i=e.direction,c=e.client,l=e.page,p=e.closest,u=function(){if(!p)return null;var S=p.scrollSize,T=p.client,x=kp({scrollHeight:S.scrollHeight,scrollWidth:S.scrollWidth,height:T.paddingBox.height,width:T.paddingBox.width});return{pageMarginBox:p.page.marginBox,frameClient:T,scrollSize:S,shouldClipSubject:p.shouldClipSubject,scroll:{initial:p.scroll,current:p.scroll,max:x,diff:{value:Xe,displacement:Xe}}}}(),f=i==="vertical"?Ro:tp,m=ta({page:l,withPlaceholder:null,axis:f,frame:u}),g={descriptor:t,isCombineEnabled:s,isFixedOnPage:o,axis:f,isEnabled:n,client:c,page:l,frame:u,subject:m};return g},ZC=function(t,n){var s=$d(t);if(!n||t!==n)return s;var o=s.paddingBox.top-n.scrollTop,i=s.paddingBox.left-n.scrollLeft,c=o+n.scrollHeight,l=i+n.scrollWidth,p={top:o,right:l,bottom:c,left:i},u=Do(p,s.border),f=No({borderBox:u,margin:s.margin,border:s.border,padding:s.padding});return f},XC=function(e){var t=e.ref,n=e.descriptor,s=e.env,o=e.windowScroll,i=e.direction,c=e.isDropDisabled,l=e.isCombineEnabled,p=e.shouldClipSubject,u=s.closestScrollable,f=ZC(t,u),m=Os(f,o),g=function(){if(!u)return null;var T=$d(u),x={scrollHeight:u.scrollHeight,scrollWidth:u.scrollWidth};return{client:T,page:Os(T,o),scroll:ri(u),scrollSize:x,shouldClipSubject:p}}(),S=JC({descriptor:n,isEnabled:!c,isCombineEnabled:l,isFixedOnPage:s.isFixedOnPage,direction:i,client:f,page:m,closest:g});return S},QC={passive:!1},ex={passive:!0},lu=function(e){return e.shouldPublishImmediately?QC:ex};function Zs(e){var t=$.useContext(e);return t||X(!1),t}var Xs=function(t){return t&&t.env.closestScrollable||null};function tx(e){var t=$.useRef(null),n=Zs(zs),s=ni("droppable"),o=n.registry,i=n.marshal,c=Yp(e),l=Ne(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),p=$.useRef(l),u=Ne(function(){return Ze(function(k,_){t.current||X(!1);var O={x:k,y:_};i.updateDroppableScroll(l.id,O)})},[l.id,i]),f=fe(function(){var k=t.current;return!k||!k.env.closestScrollable?Xe:ri(k.env.closestScrollable)},[]),m=fe(function(){var k=f();u(k.x,k.y)},[f,u]),g=Ne(function(){return Na(m)},[m]),S=fe(function(){var k=t.current,_=Xs(k);k&&_||X(!1);var O=k.scrollOptions;if(O.shouldPublishImmediately){m();return}g()},[g,m]),T=fe(function(k,_){t.current&&X(!1);var O=c.current,R=O.getDroppableRef();R||X(!1);var B=qC(R),F={ref:R,descriptor:l,env:B,scrollOptions:_};t.current=F;var P=XC({ref:R,descriptor:l,env:B,windowScroll:k,direction:O.direction,isDropDisabled:O.isDropDisabled,isCombineEnabled:O.isCombineEnabled,shouldClipSubject:!O.ignoreContainerClipping}),U=B.closestScrollable;return U&&(U.setAttribute(Hp.contextId,n.contextId),U.addEventListener("scroll",S,lu(F.scrollOptions))),P},[n.contextId,l,S,c]),x=fe(function(){var k=t.current,_=Xs(k);return k&&_||X(!1),ri(_)},[]),E=fe(function(){var k=t.current;k||X(!1);var _=Xs(k);t.current=null,!!_&&(g.cancel(),_.removeAttribute(Hp.contextId),_.removeEventListener("scroll",S,lu(k.scrollOptions)))},[S,g]),I=fe(function(k){var _=t.current;_||X(!1);var O=Xs(_);O||X(!1),O.scrollTop+=k.y,O.scrollLeft+=k.x},[]),D=Ne(function(){return{getDimensionAndWatchScroll:T,getScrollWhileDragging:x,dragStopped:E,scroll:I}},[E,T,x,I]),v=Ne(function(){return{uniqueId:s,descriptor:l,callbacks:D}},[D,l,s]);bt(function(){return p.current=v.descriptor,o.droppable.register(v),function(){t.current&&E(),o.droppable.unregister(v)}},[D,l,E,v,i,o.droppable]),bt(function(){!t.current||i.updateDroppableIsEnabled(p.current.id,!e.isDropDisabled)},[e.isDropDisabled,i]),bt(function(){!t.current||i.updateDroppableIsCombineEnabled(p.current.id,e.isCombineEnabled)},[e.isCombineEnabled,i])}function oi(){}var cu={width:0,height:0,margin:IT},nx=function(t){var n=t.isAnimatingOpenOnMount,s=t.placeholder,o=t.animate;return n||o==="close"?cu:{height:s.client.borderBox.height,width:s.client.borderBox.width,margin:s.client.margin}},ax=function(t){var n=t.isAnimatingOpenOnMount,s=t.placeholder,o=t.animate,i=nx({isAnimatingOpenOnMount:n,placeholder:s,animate:o});return{display:s.display,boxSizing:"border-box",width:i.width,height:i.height,marginTop:i.margin.top,marginRight:i.margin.right,marginBottom:i.margin.bottom,marginLeft:i.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:o!=="none"?Pa.placeholder:null}};function sx(e){var t=$.useRef(null),n=fe(function(){!t.current||(clearTimeout(t.current),t.current=null)},[]),s=e.animate,o=e.onTransitionEnd,i=e.onClose,c=e.contextId,l=$.useState(e.animate==="open"),p=l[0],u=l[1];$.useEffect(function(){return p?s!=="open"?(n(),u(!1),oi):t.current?oi:(t.current=setTimeout(function(){t.current=null,u(!1)}),n):oi},[s,p,n]);var f=fe(function(g){g.propertyName==="height"&&(o(),s==="close"&&i())},[s,i,o]),m=ax({isAnimatingOpenOnMount:p,animate:e.animate,placeholder:e.placeholder});return A.default.createElement(e.placeholder.tagName,{style:m,"data-rbd-placeholder-context-id":c,onTransitionEnd:f,ref:e.innerRef})}var rx=A.default.memo(sx),ii=A.default.createContext(null),ox=function(e){pd(t,e);function t(){for(var s,o=arguments.length,i=new Array(o),c=0;c<o;c++)i[c]=arguments[c];return s=e.call.apply(e,[this].concat(i))||this,s.state={isVisible:Boolean(s.props.on),data:s.props.on,animate:s.props.shouldAnimate&&s.props.on?"open":"none"},s.onClose=function(){s.state.animate==="close"&&s.setState({isVisible:!1})},s}t.getDerivedStateFromProps=function(o,i){return o.shouldAnimate?o.on?{isVisible:!0,data:o.on,animate:"open"}:i.isVisible?{isVisible:!0,data:i.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:Boolean(o.on),data:o.on,animate:"none"}};var n=t.prototype;return n.render=function(){if(!this.state.isVisible)return null;var o={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(o)},t}(A.default.PureComponent),du={dragging:5e3,dropAnimating:4500},ix=function(t,n){return n?Pa.drop(n.duration):t?Pa.snap:Pa.fluid},lx=function(t,n){return t?n?Ba.opacity.drop:Ba.opacity.combining:null},cx=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function dx(e){var t=e.dimension,n=t.client,s=e.offset,o=e.combineWith,i=e.dropping,c=Boolean(o),l=cx(e),p=Boolean(i),u=p?Uo.drop(s,c):Uo.moveTo(s),f={position:"fixed",top:n.marginBox.top,left:n.marginBox.left,boxSizing:"border-box",width:n.borderBox.width,height:n.borderBox.height,transition:ix(l,i),transform:u,opacity:lx(c,p),zIndex:p?du.dropAnimating:du.dragging,pointerEvents:"none"};return f}function px(e){return{transform:Uo.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function ux(e){return e.type==="DRAGGING"?dx(e):px(e)}function mx(e,t,n){n===void 0&&(n=Xe);var s=window.getComputedStyle(t),o=t.getBoundingClientRect(),i=Vd(o,s),c=Os(i,n),l={client:i,tagName:t.tagName.toLowerCase(),display:s.display},p={x:i.marginBox.width,y:i.marginBox.height},u={descriptor:e,placeholder:l,displaceBy:p,client:i,page:c};return u}function fx(e){var t=ni("draggable"),n=e.descriptor,s=e.registry,o=e.getDraggableRef,i=e.canDragInteractiveElements,c=e.shouldRespectForcePress,l=e.isEnabled,p=Ne(function(){return{canDragInteractiveElements:i,shouldRespectForcePress:c,isEnabled:l}},[i,l,c]),u=fe(function(S){var T=o();return T||X(!1),mx(n,T,S)},[n,o]),f=Ne(function(){return{uniqueId:t,descriptor:n,options:p,getDimension:u}},[n,u,p,t]),m=$.useRef(f),g=$.useRef(!0);bt(function(){return s.draggable.register(m.current),function(){return s.draggable.unregister(m.current)}},[s.draggable]),bt(function(){if(g.current){g.current=!1;return}var S=m.current;m.current=f,s.draggable.update(f,S)},[f,s.draggable])}function hx(e){e.preventDefault()}function gx(e){var t=$.useRef(null),n=fe(function(F){t.current=F},[]),s=fe(function(){return t.current},[]),o=Zs(zs),i=o.contextId,c=o.dragHandleUsageInstructionsId,l=o.registry,p=Zs(ii),u=p.type,f=p.droppableId,m=Ne(function(){return{id:e.draggableId,index:e.index,type:u,droppableId:f}},[e.draggableId,e.index,u,f]),g=e.children,S=e.draggableId,T=e.isEnabled,x=e.shouldRespectForcePress,E=e.canDragInteractiveElements,I=e.isClone,D=e.mapped,v=e.dropAnimationFinished;if(!I){var k=Ne(function(){return{descriptor:m,registry:l,getDraggableRef:s,canDragInteractiveElements:E,shouldRespectForcePress:x,isEnabled:T}},[m,l,s,E,x,T]);fx(k)}var _=Ne(function(){return T?{tabIndex:0,role:"button","aria-describedby":c,"data-rbd-drag-handle-draggable-id":S,"data-rbd-drag-handle-context-id":i,draggable:!1,onDragStart:hx}:null},[i,c,S,T]),O=fe(function(F){D.type==="DRAGGING"&&(!D.dropping||F.propertyName==="transform"&&v())},[v,D]),R=Ne(function(){var F=ux(D),P=D.type==="DRAGGING"&&D.dropping?O:null,U={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":i,"data-rbd-draggable-id":S,style:F,onTransitionEnd:P},dragHandleProps:_};return U},[i,_,S,D,O,n]),B=Ne(function(){return{draggableId:m.id,type:m.type,source:{index:m.index,droppableId:m.droppableId}}},[m.droppableId,m.id,m.index,m.type]);return g(R,D.snapshot,B)}var pu=function(e,t){return e===t},uu=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null},Sx=function(t){return t.combine?t.combine.draggableId:null},bx=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function vx(){var e=Ze(function(o,i){return{x:o,y:i}}),t=Ze(function(o,i,c,l,p){return{isDragging:!0,isClone:i,isDropAnimating:Boolean(p),dropAnimation:p,mode:o,draggingOver:c,combineWith:l,combineTargetFor:null}}),n=Ze(function(o,i,c,l,p,u,f){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:p,combineWith:u,mode:i,offset:o,dimension:c,forceShouldAnimate:f,snapshot:t(i,l,p,u,null)}}}),s=function(i,c){if(i.isDragging){if(i.critical.draggable.id!==c.draggableId)return null;var l=i.current.client.offset,p=i.dimensions.draggables[c.draggableId],u=St(i.impact),f=bx(i.impact),m=i.forceShouldAnimate;return n(e(l.x,l.y),i.movementMode,p,c.isClone,u,f,m)}if(i.phase==="DROP_ANIMATING"){var g=i.completed;if(g.result.draggableId!==c.draggableId)return null;var S=c.isClone,T=i.dimensions.draggables[c.draggableId],x=g.result,E=x.mode,I=uu(x),D=Sx(x),v=i.dropDuration,k={duration:v,curve:Wo.drop,moveTo:i.newHomeClientOffset,opacity:D?Ba.opacity.drop:null,scale:D?Ba.scale.drop:null};return{mapped:{type:"DRAGGING",offset:i.newHomeClientOffset,dimension:T,dropping:k,draggingOver:I,combineWith:D,mode:E,forceShouldAnimate:null,snapshot:t(E,S,I,D,k)}}}return null};return s}function mu(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var yx={mapped:{type:"SECONDARY",offset:Xe,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:mu(null)}};function Tx(){var e=Ze(function(c,l){return{x:c,y:l}}),t=Ze(mu),n=Ze(function(c,l,p){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:c,combineTargetFor:l,shouldAnimateDisplacement:p,snapshot:t(l)}}}),s=function(l){return l?n(Xe,l,!0):null},o=function(l,p,u,f){var m=u.displaced.visible[l],g=Boolean(f.inVirtualList&&f.effected[l]),S=Vs(u),T=S&&S.draggableId===l?p:null;if(!m){if(!g)return s(T);if(u.displaced.invisible[l])return null;var x=ea(f.displacedBy.point),E=e(x.x,x.y);return n(E,T,!0)}if(g)return s(T);var I=u.displacedBy.point,D=e(I.x,I.y);return n(D,T,m.shouldAnimate)},i=function(l,p){if(l.isDragging)return l.critical.draggable.id===p.draggableId?null:o(p.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var u=l.completed;return u.result.draggableId===p.draggableId?null:o(p.draggableId,u.result.draggableId,u.impact,u.afterCritical)}return null};return i}var wx=function(){var t=vx(),n=Tx(),s=function(i,c){return t(i,c)||n(i,c)||yx};return s},Ex={dropAnimationFinished:Cp},Cx=Pd(wx,Ex,null,{context:ti,pure:!0,areStatePropsEqual:pu})(gx);function fu(e){var t=Zs(ii),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:A.default.createElement(Cx,e)}function hu(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=Boolean(e.disableInteractiveElementBlocking),s=Boolean(e.shouldRespectForcePress);return A.default.createElement(fu,me({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:s}))}function xx(e){var t=$.useContext(zs);t||X(!1);var n=t.contextId,s=t.isMovementAllowed,o=$.useRef(null),i=$.useRef(null),c=e.children,l=e.droppableId,p=e.type,u=e.mode,f=e.direction,m=e.ignoreContainerClipping,g=e.isDropDisabled,S=e.isCombineEnabled,T=e.snapshot,x=e.useClone,E=e.updateViewportMaxScroll,I=e.getContainerForClone,D=fe(function(){return o.current},[]),v=fe(function(U){o.current=U},[]);fe(function(){return i.current},[]);var k=fe(function(U){i.current=U},[]),_=fe(function(){s()&&E({maxScroll:_p()})},[s,E]);tx({droppableId:l,type:p,mode:u,direction:f,isDropDisabled:g,isCombineEnabled:S,ignoreContainerClipping:m,getDroppableRef:D});var O=A.default.createElement(ox,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(U){var V=U.onClose,G=U.data,pe=U.animate;return A.default.createElement(rx,{placeholder:G,onClose:V,innerRef:k,animate:pe,contextId:n,onTransitionEnd:_})}),R=Ne(function(){return{innerRef:v,placeholder:O,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,O,v]),B=x?x.dragging.draggableId:null,F=Ne(function(){return{droppableId:l,type:p,isUsingCloneFor:B}},[l,B,p]);function P(){if(!x)return null;var U=x.dragging,V=x.render,G=A.default.createElement(fu,{draggableId:U.draggableId,index:U.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(pe,ue){return V(pe,ue,U)});return nb.default.createPortal(G,I())}return A.default.createElement(ii.Provider,{value:F},c(R,T),P())}var li=function(t,n){return t===n.droppable.type},gu=function(t,n){return n.draggables[t.draggable.id]},Dx=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=me({},t,{shouldAnimatePlaceholder:!1}),s=Ze(function(c){return{draggableId:c.id,type:c.type,source:{index:c.index,droppableId:c.droppableId}}}),o=Ze(function(c,l,p,u,f,m){var g=f.descriptor.id,S=f.descriptor.droppableId===c;if(S){var T=m?{render:m,dragging:s(f.descriptor)}:null,x={isDraggingOver:p,draggingOverWith:p?g:null,draggingFromThisWith:g,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!1,snapshot:x,useClone:T}}if(!l)return n;if(!u)return t;var E={isDraggingOver:p,draggingOverWith:g,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:f.placeholder,shouldAnimatePlaceholder:!0,snapshot:E,useClone:null}}),i=function(l,p){var u=p.droppableId,f=p.type,m=!p.isDropDisabled,g=p.renderClone;if(l.isDragging){var S=l.critical;if(!li(f,S))return n;var T=gu(S,l.dimensions),x=St(l.impact)===u;return o(u,m,x,x,T,g)}if(l.phase==="DROP_ANIMATING"){var E=l.completed;if(!li(f,E.critical))return n;var I=gu(E.critical,l.dimensions);return o(u,m,uu(E.result)===u,St(E.impact)===u,I,g)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var D=l.completed;if(!li(f,D.critical))return n;var v=St(D.impact)===u,k=Boolean(D.impact.at&&D.impact.at.type==="COMBINE"),_=D.critical.droppable.id===u;return v?k?t:n:_?t:n}return n};return i},Ix={updateViewportMaxScroll:Kw};function Nx(){return document.body||X(!1),document.body}var kx={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:Nx},ci=Pd(Dx,Ix,null,{context:ti,pure:!0,areStatePropsEqual:pu})(xx);ci.defaultProps=kx;const Mx={content:"ReactNodeLike",icon:"SpsIcon",title:"string"},_x=H(N({},Y),{content:y.exports.node,icon:be(M.SpsIcon),title:y.exports.string});function Su(e){const u=e,{content:t,className:n,icon:s,title:o,"data-testid":i,unsafelyReplaceClassName:c}=u,l=z(u,["content","className","icon","title","data-testid","unsafelyReplaceClassName"]),p=K(c||"sps-card__header",n);return a.createElement("div",N({className:p,title:o},l),a.createElement("div",{className:"sps-card__title"}," ",s&&a.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${s}`})," ",o),a.createElement("div",{className:"sps-card__header-content"},t))}Object.assign(Su,{props:Mx,propTypes:_x,displayName:"SpsCardHeader"});const Rx={icon:"SpsIcon",kind:"TagKind"},Lx=H(N({},Y),{icon:be(M.SpsIcon),kind:be(M.TagKind)});function xt(e){const f=e,{children:t,className:n,icon:s,kind:o=M.TagKind.DEFAULT,"data-testid":i,unsafelyReplaceClassName:c}=f,l=z(f,["children","className","icon","kind","data-testid","unsafelyReplaceClassName"]),p=a.Children.toArray(t).filter(m=>typeof m=="string").join(""),u=K(c||"sps-tag",`sps-tag--${o}`,n);return a.createElement("span",N({className:u,"data-testid":`${i}__tag`,title:p},l),s&&a.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${s}`,"data-testid":`${i}__icon`}),t)}Object.assign(xt,{props:Rx,propTypes:Lx,displayName:"SpsTag"});const Ox={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"},Bx=H(N({},Y),{activateTab:y.exports.func,active:y.exports.bool,icon:be(M.SpsIcon),label:y.exports.string,index:y.exports.number,tag:y.exports.string,tagKind:be(M.TagKind),tagIcon:be(M.SpsIcon)});function di(e){const D=e,{activateTab:t,active:n,children:s,className:o,label:i,icon:c,id:l,index:p,tag:u,tagKind:f,tagIcon:m,"data-testid":g,unsafelyReplaceClassName:S}=D,T=z(D,["activateTab","active","children","className","label","icon","id","index","tag","tagKind","tagIcon","data-testid","unsafelyReplaceClassName"]),x=()=>{t(this,p,s)},E=v=>{(v.key==="Enter"||v.key===" "||v.key==="Spacebar")&&(v.preventDefault(),v.stopPropagation(),t(this,p,s))},I=K(S||"sps-nav__item","sps-nav__link",n&&"active",o);return a.createElement("a",H(N({className:I,onClick:x,"data-toggle":"tab",id:l,role:"tab","aria-controls":l},T),{tabIndex:0,onKeyDown:E}),c&&a.createElement("i",{className:`sps-icon sps-icon-${c}`}),a.createElement("span",null,i),u&&a.createElement(xt,{kind:f||M.TagKind.KEY,icon:m},u))}Object.assign(di,{props:Ox,propTypes:Bx,displayName:"SpsCardTabbedPane"});function Px(e,t,n){const[s,o]=a.useState({index:0,content:null}),i=a.useCallback((c,l,p)=>{o({index:l,content:p})},[]);return a.useEffect(()=>{function c(u){for(const f of u){const m=f.props;o(H(N({},s),{content:m.children}));break}}function l(u,f){for(let m=0;m<=u.length;m+=1){const g=u[m];if(g&&g.props&&(g.props.id&&g.props.id===f||g.props.label&&g.props.label===f)){o({content:g.props.children,index:m});break}}}const p=a.Children.toArray(e);n&&t?l(p,t):n&&c(p)},[t,e]),[s,i]}const Ax={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"},Fx=H(N({},Y),{activeTab:y.exports.string,footer:dt,headerContent:dt,headerIcon:be(M.SpsIcon),headerTitle:y.exports.string});function pi(e){a.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 x=e,{activeTab:t,children:n,className:s,footer:o,headerContent:i,headerIcon:c,headerTitle:l,"data-testid":p,unsafelyReplaceClassName:u}=x,f=z(x,["activeTab","children","className","footer","headerContent","headerIcon","headerTitle","data-testid","unsafelyReplaceClassName"]),m=a.Children.toArray(n).some(E=>a.isValidElement(E)&&E.type===di),[g,S]=Px(n,t,m),T=K(u||"sps-card",s);return a.createElement("div",H(N({},f),{className:T,"data-testid":`${p}__card`}),(l||i)&&a.createElement(Su,{title:l,content:ft(i),icon:c,"data-testid":`${p}__header`}),m===!0?a.createElement(a.Fragment,null,a.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${p}__tabs`},a.Children.map(n,(E,I)=>{if(a.isValidElement(E))return a.cloneElement(E,{active:I===g.index,index:I,activateTab:S,"data-testid":`${p}__tab`})})),a.createElement("div",{className:"sps-card__body","data-testid":`${p}__body--tab-active`},g.content)):a.createElement("div",{className:"sps-card__body","data-testid":`${p}__body`},n),o&&a.createElement("div",{className:"sps-card__footer","data-testid":`${p}__footer`},ft(o)))}Object.assign(pi,{props:Ax,propTypes:Fx,displayName:"SpsCard"});const Kx={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"},Vx=H(N({},Y),{index:y.exports.number,key:y.exports.string,columnId:y.exports.string,name:y.exports.string,value:y.exports.string,onDelete:ne(),mandatory:y.exports.bool});function Qs(e){const m=e,{index:t,key:n,columnId:s,name:o,value:i,onDelete:c,mandatory:l,ref:p}=m,u=z(m,["index","key","columnId","name","value","onDelete","mandatory","ref"]),{t:f}=a.useContext(Oe);return a.createElement(hu,N({key:s,draggableId:s,index:t||0},u),g=>a.createElement("div",H(N(N({ref:g.innerRef},g.draggableProps),g.dragHandleProps),{className:"sps-content-row"}),a.createElement("div",{className:"sps-content-row__col-group","data-col-value":i},a.createElement("div",{className:"sps-content-row__col sps-column-chooser__grab-col"},a.createElement("i",{className:"sps-column-chooser__drag-handle"})),a.createElement("div",{className:"sps-content-row__col--borderless"},a.createElement("div",{className:"sps-body-12"},o)),a.createElement("div",{className:"sps-content-row__col sps-column-chooser__delete-col"},!l&&a.createElement(Fe,{"aria-label":f("design-system:columnChooser.removeButton",{elementName:o}),kind:M.ButtonKind.ICON,icon:M.SpsIcon.X,onClick:()=>{c&&c(i)}})))))}Object.assign(Qs,{props:Kx,propTypes:Vx,displayName:"SpsColumnChooserColumn"});const $x={maxSelectedColumns:"number",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"},Hx=H(N({},Y),{maxSelectedColumns:y.exports.number,unselectedColumns:y.exports.array,selectedColumns:y.exports.array,onApplyChanges:ne()});function ui(e){const E=e,{unselectedColumns:t,selectedColumns:n,maxSelectedColumns:s,onApplyChanges:o,className:i,unsafelyReplaceClassName:c}=E,l=z(E,["unselectedColumns","selectedColumns","maxSelectedColumns","onApplyChanges","className","unsafelyReplaceClassName"]),[p,u]=Kt({isVisible:!1,unselectedColumns:[...t.map(I=>H(N({},I),{label:I.name,columnId:rn()}))],selectedColumns:[...n.map(I=>H(N({},I),{columnId:rn()}))],searchSelectedColumn:null});function f(I){if(I.target.value){const D=[...p.selectedColumns],v=[];p.unselectedColumns.forEach(k=>{I.target.value===k.name?D.push({columnId:rn(),name:k.name,value:k.value}):v.push(k)}),u({selectedColumns:D,unselectedColumns:v,searchSelectedColumn:null})}u({searchSelectedColumn:null})}function m(I){const D=[],v=[...p.unselectedColumns];p.selectedColumns.forEach(k=>{I===k.value?v.push({columnId:rn(),name:k.name,value:k.value}):D.push(k)}),u({selectedColumns:D,unselectedColumns:v})}function g(I){if(!I.destination)return;const D=[...p.selectedColumns],[v]=D.splice(I.source.index,1);D.splice(I.destination.index,0,v),u({selectedColumns:D})}function S(){u({isVisible:!1});const I=p.selectedColumns.map(D=>{const v=N({},D);return v.columnId&&delete v.columnId,v});o(I)}function T(){u({isVisible:!p.isVisible})}const x=K(p.isVisible&&"sps-button--open",i);return a.createElement("div",N({className:"sps-column-chooser z-stratum-dropdown"},l),a.createElement(Fe,{className:x,"aria-label":`${p.isVisible?"Close":"Open"} Column Chooser`,kind:M.ButtonKind.ICON,icon:M.SpsIcon.TABLE,onClick:T,"data-testid":"button"}),p.isVisible&&a.createElement(pi,{"data-testid":"open",footer:()=>a.createElement(Fe,{"aria-label":"Apply Changes",kind:M.ButtonKind.LINK,onClick:S},"Apply Changes")},a.createElement("div",{className:"sps-column-chooser__search-container"},a.createElement(hs,{suggestions:p.unselectedColumns.map(I=>I.name),disabled:s&&p.selectedColumns.length>=s||p.selectedColumns.length>=8,value:p.searchSelectedColumn?p.searchSelectedColumn.name:"",onChange:f,placeholder:"Find Columns to Add"})),a.createElement("div",{className:"sps-column-chooser__selected-title"},"Selected"),a.createElement(ru,{onDragEnd:g},a.createElement(ci,{droppableId:"column-chooser"},I=>a.createElement("div",H(N({},I.droppableProps),{ref:I.innerRef}),p.selectedColumns.map((D,v)=>a.createElement(Qs,{index:v,key:D.columnId,columnId:D.columnId,name:D.name,value:D.value,onDelete:m,mandatory:D.mandatory})),I.placeholder)))))}Object.assign(ui,{props:$x,propTypes:Hx,displayName:"SpsColumnChooser"});const bu={basic:{label:"Basic",description:"Column chooser component",examples:{basic:{react:w.code`
|
|
1094
1094
|
function DemoComponent() {
|
|
1095
1095
|
const unselectedCols = [
|
|
1096
1096
|
{ name: "Red Fish", value: "Red" },
|
|
@@ -1108,7 +1108,7 @@
|
|
|
1108
1108
|
/>
|
|
1109
1109
|
);
|
|
1110
1110
|
}
|
|
1111
|
-
`}}}},vu={icon:{type:"SpsIcon",required:!0},size:"SpsIconSize"},yu
|
|
1111
|
+
`}}}},vu={icon:{type:"SpsIcon",required:!0},size:"SpsIconSize"},yu=H(N({},Y),{icon:be(M.SpsIcon).isRequired,size:be(M.SpsIconSize)});function Rt(e){const p=e,{className:t,"data-testid":n,icon:s,size:o=M.SpsIconSize.MEDIUM,unsafelyReplaceClassName:i}=p,c=z(p,["className","data-testid","icon","size","unsafelyReplaceClassName"]),l=K(i||"sps-icon",`sps-icon-${s}`,`sps-icon--${o}`,t);return a.createElement("i",N({className:l,"aria-hidden":"true","data-testid":n},c))}Object.assign(Rt,{props:vu,propTypes:yu,displayName:"SpsI"});Object.assign(Rt,{props:vu,propTypes:yu,displayName:"SpsI"});const Wx={borderless:"boolean",lean:"boolean",leaner:{type:"boolean",deprecated:!0},widthPx:"number",widthRem:"number"},Gx=H(N({},Y),{borderless:y.exports.bool,lean:y.exports.bool,leaner:y.exports.bool,widthPx:y.exports.number,widthRem:y.exports.number});function Rn(e){const T=e,{borderless:t,children:n,className:s,lean:o,leaner:i,style:c,unsafelyReplaceClassName:l,widthPx:p,widthRem:u}=T,f=z(T,["borderless","children","className","lean","leaner","style","unsafelyReplaceClassName","widthPx","widthRem"]);a.useEffect(()=>{i&&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(" "))},[i]);const m=K(l||"sps-content-row__col",t&&"sps-content-row__col--borderless",(o||i)&&"sps-content-row__col--lean",s),g=p?p/16:u,S=g?H(N({},c),{width:`${g}rem`}):c;return a.createElement("div",H(N({},f),{className:m,style:S}),n)}Object.assign(Rn,{props:Wx,propTypes:Gx,displayName:"SpsContentRowCol"});const Ux={},Yx=N({},Y);function er(e){const l=e,{children:t,className:n,"data-testid":s,unsafelyReplaceClassName:o}=l,i=z(l,["children","className","data-testid","unsafelyReplaceClassName"]),c=K(o||"sps-content-row__expansion",n);return a.createElement("div",H(N({className:c},i),{"data-testid":`${s}__expansion`}),t)}Object.assign(er,{props:Ux,propTypes:Yx,displayName:"SpsContentRowExpansion"});const zx={alternateLayout:"boolean",initiallyExpanded:"boolean",cardSpacing:"boolean",expanded:"boolean",onBeforeCollapsed:"() => boolean",onBeforeExpanded:"() => boolean",onSelectionChange:"ChangeEventHandler",onCollapsed:"() => void",onExpanded:"() => void",selectable:"boolean",selected:"boolean"},jx=H(N({},Y),{alternateLayout:y.exports.bool,cardSpacing:y.exports.bool,expanded:y.exports.bool,initiallyExpanded:y.exports.bool,onBeforeCollapsed:ne(),onBeforeExpanded:ne(),onSelectionChange:ne(),onCollapsed:ne(),onExpanded:ne(),selectable:y.exports.bool,selected:y.exports.bool});function mi(e){const P=e,{alternateLayout:t=!1,children:n,className:s,expanded:o,onBeforeCollapsed:i,onBeforeExpanded:c,onSelectionChange:l,onCollapsed:p,onExpanded:u,initiallyExpanded:f=!1,cardSpacing:m=!1,selectable:g=!1,selected:S,unsafelyReplaceClassName:T}=P,x=z(P,["alternateLayout","children","className","expanded","onBeforeCollapsed","onBeforeExpanded","onSelectionChange","onCollapsed","onExpanded","initiallyExpanded","cardSpacing","selectable","selected","unsafelyReplaceClassName"]),{t:E}=a.useContext(Oe),[I,D]=a.useState(f),v=typeof o=="boolean"?o:I;function k(U){U.stopPropagation(),v&&(!i||i())?(D(!1),p&&p()):!v&&(!c||c())&&(D(!0),u&&u())}const _=()=>a.createElement(Nn,{checked:S,onChange:l}),O=()=>a.createElement("button",{type:"button",className:"sps-content-row__expand-btn",onClick:k,"aria-label":E(`design-system:contentRow.${v?"collapse":"expand"}`)},a.createElement(Rt,{icon:v?M.SpsIcon.MINUS_CIRCLE:M.SpsIcon.PLUS_CIRCLE})),R=K(T||"sps-content-row",v&&"sps-content-row--expanded",m&&"sps-content-row--card-spaced",S&&"sps-content-row--selected",t&&"sps-content-row--alternate-layout",s),[B,[F]]=Vt(n,[{type:Rn},{type:er}]);return a.createElement("div",N({className:R},x),a.createElement("div",{className:"sps-content-row__col-group"},g&&!t&&a.createElement(Rn,{widthPx:46},_()),F&&!t&&a.createElement(Rn,{widthPx:44},O()),F&&g&&t&&a.createElement(Rn,{widthPx:46},a.createElement("section",null,_()),a.createElement("section",null,O())),B),F)}Object.assign(mi,{props:zx,propTypes:jx,displayName:"SpsContentRow"});const Tu={basic:{label:"Content rows",examples:{basic:{react:w.code`
|
|
1112
1112
|
function DemoComponent() {
|
|
1113
1113
|
return (
|
|
1114
1114
|
<SpsContentRow>
|
|
@@ -1500,7 +1500,7 @@
|
|
|
1500
1500
|
</>
|
|
1501
1501
|
)
|
|
1502
1502
|
}
|
|
1503
|
-
`}}}},
|
|
1503
|
+
`}}}},qx=Gn.default||Gn;function Jx(){return new Array(7).fill(null)}function wu(e){const t=qx({year:e.year,month:e.month-1,date:1}),n=t.weekday(),s=t.daysInMonth(),o=Math.ceil((s+n)/7),i=o*7,c=new Array(o).fill(!0).map(Jx);t.subtract(n,"days");for(let l=0;l<i;l+=1){const p=c[Math.floor(l/7)],u=l%7;p[u]=Object.freeze({year:t.year(),month:t.month()+1,date:t.date()}),u===6&&Object.freeze(p),t.add(1,"day")}return c}function Zx(e){const[t,n]=a.useState(()=>wu(e));return a.useEffect(()=>{n(wu(e))},[e]),t}function Xx(e){const[t,n]=a.useState(()=>he.toMoment(e));return a.useEffect(()=>n(he.toMoment(e)),[e]),t}const Qx=Gn.default||Gn,eD=H(N({},Y),{maxDate:le(),minDate:le(),onNewSelection:ne().isRequired,selectedDate:le(),selectedRange:y.exports.arrayOf(le())}),Ht="sps-datepicker__calendar";function Eu({maxDate:e,selectedDate:t,selectedRange:n}){const s=n?he.nullifyInvalidDate(n[1])||he.nullifyInvalidDate(n[0]):null;return he.nullifyInvalidDate(t)||s||he.nullifyInvalidDate(e)||he.create()}function fi(e){const R=e,{children:t,className:n,maxDate:s,minDate:o,onNewSelection:i,selectedDate:c,selectedRange:l,"data-testid":p}=R,u=z(R,["children","className","maxDate","minDate","onNewSelection","selectedDate","selectedRange","data-testid"]),{t:f}=a.useContext(Oe),[m,g]=a.useState(()=>Eu(e));a.useEffect(()=>{g(Eu(e))},[c,l,s]);const S=Xx(m),T=Zx(m),[x,E]=a.useState();function I(){const B=he.prevMonth(H(N({},m),{date:15}));g(B)}function D(){g(he.nextMonth(H(N({},m),{date:15})))}function v(B){B.target&&B.target.classList.contains(`${Ht}-day`)?E(H(N({},m),{date:Number(B.target.textContent)})):(!B.target||!B.target.classList.contains(`${Ht}-row`))&&E(null)}function k(B){const F=`${Ht}-day`;return K(`${Ht}-cell`,B&&m&&B.month===m.month&&F,(he.isSameDate(B,c)&&he.isInRange(B,[o,s])!==!1||l&&he.isSameDate(B,l[0])||he.isInRange(B,l))&&`${F}--selected`,he.isInRange(B,[o,s])===!1&&`${F}--disabled`,l&&l[1]&&he.isSameDate(B,l[0])&&!he.isSameDate(B,l[1])&&`${F}--selection-start`,he.isInRange(B,l,!1)&&`${F}--selection-middle`,l&&he.isSameDate(B,l[1])&&!he.isSameDate(B,l[0])&&`${F}--selection-end`,l&&l[0]&&!l[1]&&(!o&&!s||he.isInRange(x,[o,s]))&&he.isInRange(B,[l[0],x],!1)&&`${F}--pending-selection`)}function _(B){B&&m&&B.month===m.month&&he.isInRange(B,[o,s])!==!1&&i(B)}const O=K(Ht,n);return m?a.createElement("div",H(N({"data-testid":`${p}`,className:O},u),{onMouseOver:v}),a.createElement("div",{className:`${Ht}-head`},a.createElement("button",{"data-testid":`${p}_prev_month`,type:"button",tabIndex:-1,disabled:he.isSameMonth(m,o),title:f("design-system:datepicker.calendar.prevMonth"),className:"sps-datepicker__button sps-datepicker__button-previous-month",onClick:I},a.createElement("i",{className:"sps-icon sps-icon-chevron-left"})),a.createElement("span",{className:`${Ht}-head-label`},a.createElement("span",{className:`${Ht}-head-label-month`},S.format("MMMM")),a.createElement("span",{className:`${Ht}-head-label-year`},m.year)),a.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:he.isSameMonth(m,s),title:f("design-system:datepicker.calendar.nextMonth"),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:D},a.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),a.createElement("div",{className:`${Ht}-body`},a.createElement("div",{className:"sps-datepicker__calendar-row"},Qx.weekdaysShort().map(B=>a.createElement("div",{key:B,className:"sps-datepicker__calendar-header-cell"},B))),T.map((B,F)=>a.createElement("div",{key:F,className:"sps-datepicker__calendar-row"},B.map((P,U)=>a.createElement("div",{key:U,className:k(P),onClick:()=>_(P),"data-testid":`${p}_${he.toString(P)}`},P?P.date:"")))))):a.createElement(a.Fragment,null)}Object.assign(fi,{propTypes:eD,displayName:"SpsDatepickerCalendar"});const Cu="sps-datepicker__popup",tD=H(N({},Y),{attachTo:Ft().isRequired,isOpen:y.exports.bool.isRequired}),hi=a.forwardRef((c,i)=>{var l=c,{attachTo:e,children:t,className:n,isOpen:s}=l,o=z(l,["attachTo","children","className","isOpen"]);const p=i||a.useRef(null),u=jn("sps-datepicker-popup-portal"),f=a.useContext(Mt),[m]=s?xn(p,e,M.Position.BOTTOM_LEFT,N({},f)):[{}],g=K(Cu,"z-stratum-dropdown",s&&`${Cu}--open`,n);return u(a.createElement("div",H(N({},o),{className:g,ref:p,style:m}),t))});Object.assign(hi,{propTypes:tD,displayName:"SpsDatepickerPopup"});const nD={disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDate>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDate: SimpleDate) => void",value:"SimpleDate"},aD=H(N({},Y),{disabled:y.exports.bool,formMeta:le(),maxDate:le(),minDate:le(),onChange:ne(),value:le()}),xu="sps-datepicker";function gi(m){var g=m,{children:e,className:t,disabled:n,formMeta:s,id:o,maxDate:i,minDate:c,onChange:l,value:p,"data-testid":u}=g,f=z(g,["children","className","disabled","formMeta","id","maxDate","minDate","onChange","value","data-testid"]);const{wrapperId:S,controlId:T}=Tt(o,s),x=a.useRef(null),E=a.useRef(null),I=a.useRef(),[D,v]=a.useState(he.toString(p)),{showPopup:k,doShowPopup:_}=wa(x,E);function O(U){s&&(s.setValue(U),s.markAsDirty()),l&&l(U)}function R(U){O(U),v(he.toString(U)),I&&I.current&&I.current.focus()}function B(U){v(U.target.value);const V=he.createFrom(U.target.value);O(V)}function F(){v(""),O()}const P=K(xu,"sps-text-input",k&&`${xu}--open`,t);return a.useEffect(()=>{(!p||he.isValid(p))&&v(he.toString(p))},[p]),a.createElement(a.Fragment,null,a.createElement(it,{id:S,className:P,formMeta:s,inputRef:I,focusInputOnClick:!0,ref:x},a.createElement("div",{className:K("sps-form-control",n&&"disabled")},a.createElement("i",{className:K("sps-text-input__icon","sps-icon","sps-icon-calendar-blank")}),a.createElement("input",N({type:"text",ref:I,className:"sps-text-input__input",id:T,placeholder:is,onChange:B,onClick:_,onFocus:_,value:D,disabled:n,"data-testid":`${u}_date_input`},f)),p&&!n&&a.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:F}))),a.createElement(hi,{isOpen:k,attachTo:x,ref:E},a.createElement(fi,{"data-testid":`${u}_calendar`,selectedDate:p,onNewSelection:R,minDate:c,maxDate:i})))}Object.assign(gi,{props:nD,propTypes:aD,displayName:"SpsDatepicker"});const Du={basic:{label:"Basic",examples:{basic:{react:w.code`
|
|
1504
1504
|
function Component() {
|
|
1505
1505
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
1506
1506
|
date: { year: 2018, month: 10, date: 31 },
|
|
@@ -1566,7 +1566,7 @@
|
|
|
1566
1566
|
</div>
|
|
1567
1567
|
);
|
|
1568
1568
|
}
|
|
1569
|
-
`}}}},
|
|
1569
|
+
`}}}},sD={disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDateRange | DatePreset>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDateRange: SimpleDateRange | DatePreset) => void",presets:"Array<DatePreset>",value:"SimpleDateRange | DatePreset"},rD=H(N({},Y),{disabled:y.exports.bool,formMeta:le(),maxDate:le(),minDate:le(),onChange:ne(),presets:y.exports.arrayOf(le())}),Iu="sps-datepicker",Si=[{definition:"P0D",label:"design-system:datepicker.preset.today"},{definition:"P7D",label:"design-system:datepicker.preset.sevenDays"},{definition:"P30D",label:"design-system:datepicker.preset.thirtyDays"},{definition:"P60D",label:"design-system:datepicker.preset.sixtyDays"},{definition:"P90D",label:"design-system:datepicker.preset.ninetyDays"},{definition:"P1Y",label:"design-system:datepicker.preset.oneYear"}];function bi(g){var S=g,{children:e,className:t,disabled:n,formMeta:s,id:o,maxDate:i,minDate:c,onChange:l,presets:p=Si,value:u,"data-testid":f}=S,m=z(S,["children","className","disabled","formMeta","id","maxDate","minDate","onChange","presets","value","data-testid"]);const{t:T}=a.useContext(Oe),{wrapperId:x,controlId:E}=Tt(o,s),I=a.useRef(null),D=a.useRef(),v=a.useRef(),[k,_]=a.useState(Array.isArray(u)?he.toStringRange(u):""),[O,R]=a.useState(null),[B,F]=a.useState(),{showPopup:P,doShowPopup:U,doHidePopup:V}=wa(I,v);function G(ee){s&&(s.setValue(ee),s.markAsDirty()),l&&l(ee)}function pe(ee){const te=u||[];let Z;!te[0]||te[1]||he.isBefore(ee,te[0])?Z=[ee,null]:(Z=[te[0],ee],V(!0),D&&D.current&&D.current.focus()),G(Z),_(he.toStringRange(Z)),F(null),R(null)}function ue(ee){_(ee.target.value);const te=he.createRangeFrom(ee.target.value);G(te),F(null)}function J(){_(""),G(),F(null),R(null)}function Q(ee){switch(ee.key){case"Tab":V();break;case"Backspace":ee.target.selectionStart===0&&u&&!Array.isArray(u)&&J();break}}function oe(ee){if(!ee){R(null),G(null);return}_(""),R(ee),G(he.createRangeFromPreset(ee))}a.useEffect(()=>{if(!!u&&p!==Si&&Array.isArray(u)){const ee=he.toStringRange(u),te=p.find(Z=>ee===he.toStringRange(he.createRangeFromPreset(Z)));te&&oe(te)}},[]),a.useEffect(()=>{u?Array.isArray(u)&&!O?(u.every(ee=>he.isValid(ee))&&_(he.toStringRange(u)),F(null)):Array.isArray(u)&&O&&_(""):J()},[u,O]);function se(ee){return ee&&/^design-system:/.test(ee.label)?T(ee.label):ee.label}const ce=K(Iu,"sps-text-input",P&&`${Iu}--open`,t);return a.createElement(a.Fragment,null,a.createElement(it,{id:x,className:ce,formMeta:s,inputRef:D,focusInputOnClick:!0,ref:I},a.createElement("div",{className:K("sps-form-control",n&&"disabled")},a.createElement("i",{className:K("sps-text-input__icon","sps-icon","sps-icon-calendar")}),O&&a.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},a.createElement("span",{className:"sps-tag sps-tag--info"},se(O))),a.createElement("input",N({type:"text",ref:D,className:"sps-text-input__input","data-testid":`${f}_date_input`,id:E,placeholder:!k&&!O?is:void 0,onChange:ue,onClick:U,onFocus:U,onKeyDown:Q,value:k,disabled:n},m)),u&&!n&&a.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:J}))),a.createElement(hi,{isOpen:P,attachTo:I,ref:v},a.createElement("div",{className:"sps-datepicker__presets"},a.createElement("fieldset",null,a.createElement("legend",{className:"sps-datepicker__presets-label"},T("design-system:datepicker.presetsLabel")),a.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},a.createElement("input",{"data-testid":`${f}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${x}__range-custom`,className:"sps-custom-control__input",checked:!O,name:`sps-date-range-picker-${x}__range`,onChange:()=>oe(null)}),a.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${x}__range-custom`},T("design-system:datepicker.preset.custom"))),p.map((ee,te)=>a.createElement("div",{key:se(ee),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},a.createElement("input",{type:"radio","data-testid":`${f}_preset_option_${ee.label}`,id:`sps-date-range-picker-${x}__range-${te}`,name:`sps-date-range-picker-${x}__range`,onChange:()=>oe(ee),checked:(O==null?void 0:O.definition)?O.definition===ee.definition:!1,className:"sps-custom-control__input"}),a.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${x}__range-${te}`},se(ee)))))),a.createElement(fi,{"data-testid":`${f}_calendar`,selectedRange:Array.isArray(u)?u:B,onNewSelection:pe,minDate:c,maxDate:i})))}Object.assign(bi,{props:sD,propTypes:rD,displayName:"SpsDateRangePicker"});const Nu={basic:{label:"Basic",examples:{basic:{react:w.code`
|
|
1570
1570
|
function Component() {
|
|
1571
1571
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
1572
1572
|
dateRange: [
|
|
@@ -1677,24 +1677,24 @@
|
|
|
1677
1677
|
</div>
|
|
1678
1678
|
)
|
|
1679
1679
|
}
|
|
1680
|
-
`}}}};var
|
|
1681
|
-
[`+
|
|
1680
|
+
`}}}};var Wt={exports:{}};(function(e,t){(function(n,s){e.exports=s()})(Pt,function(){var n;function s(){return n.apply(null,arguments)}function o(r){n=r}function i(r){return r instanceof Array||Object.prototype.toString.call(r)==="[object Array]"}function c(r){return r!=null&&Object.prototype.toString.call(r)==="[object Object]"}function l(r,d){return Object.prototype.hasOwnProperty.call(r,d)}function p(r){if(Object.getOwnPropertyNames)return Object.getOwnPropertyNames(r).length===0;var d;for(d in r)if(l(r,d))return!1;return!0}function u(r){return r===void 0}function f(r){return typeof r=="number"||Object.prototype.toString.call(r)==="[object Number]"}function m(r){return r instanceof Date||Object.prototype.toString.call(r)==="[object Date]"}function g(r,d){var h=[],b;for(b=0;b<r.length;++b)h.push(d(r[b],b));return h}function S(r,d){for(var h in d)l(d,h)&&(r[h]=d[h]);return l(d,"toString")&&(r.toString=d.toString),l(d,"valueOf")&&(r.valueOf=d.valueOf),r}function T(r,d,h,b){return Nl(r,d,h,b,!0).utc()}function x(){return{empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidEra:null,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],era:null,meridiem:null,rfc2822:!1,weekdayMismatch:!1}}function E(r){return r._pf==null&&(r._pf=x()),r._pf}var I;Array.prototype.some?I=Array.prototype.some:I=function(r){var d=Object(this),h=d.length>>>0,b;for(b=0;b<h;b++)if(b in d&&r.call(this,d[b],b,d))return!0;return!1};function D(r){if(r._isValid==null){var d=E(r),h=I.call(d.parsedDateParts,function(C){return C!=null}),b=!isNaN(r._d.getTime())&&d.overflow<0&&!d.empty&&!d.invalidEra&&!d.invalidMonth&&!d.invalidWeekday&&!d.weekdayMismatch&&!d.nullInput&&!d.invalidFormat&&!d.userInvalidated&&(!d.meridiem||d.meridiem&&h);if(r._strict&&(b=b&&d.charsLeftOver===0&&d.unusedTokens.length===0&&d.bigHour===void 0),Object.isFrozen==null||!Object.isFrozen(r))r._isValid=b;else return b}return r._isValid}function v(r){var d=T(NaN);return r!=null?S(E(d),r):E(d).userInvalidated=!0,d}var k=s.momentProperties=[],_=!1;function O(r,d){var h,b,C;if(u(d._isAMomentObject)||(r._isAMomentObject=d._isAMomentObject),u(d._i)||(r._i=d._i),u(d._f)||(r._f=d._f),u(d._l)||(r._l=d._l),u(d._strict)||(r._strict=d._strict),u(d._tzm)||(r._tzm=d._tzm),u(d._isUTC)||(r._isUTC=d._isUTC),u(d._offset)||(r._offset=d._offset),u(d._pf)||(r._pf=E(d)),u(d._locale)||(r._locale=d._locale),k.length>0)for(h=0;h<k.length;h++)b=k[h],C=d[b],u(C)||(r[b]=C);return r}function R(r){O(this,r),this._d=new Date(r._d!=null?r._d.getTime():NaN),this.isValid()||(this._d=new Date(NaN)),_===!1&&(_=!0,s.updateOffset(this),_=!1)}function B(r){return r instanceof R||r!=null&&r._isAMomentObject!=null}function F(r){s.suppressDeprecationWarnings===!1&&typeof console!="undefined"&&console.warn&&console.warn("Deprecation warning: "+r)}function P(r,d){var h=!0;return S(function(){if(s.deprecationHandler!=null&&s.deprecationHandler(null,r),h){var b=[],C,L,W;for(L=0;L<arguments.length;L++){if(C="",typeof arguments[L]=="object"){C+=`
|
|
1681
|
+
[`+L+"] ";for(W in arguments[0])l(arguments[0],W)&&(C+=W+": "+arguments[0][W]+", ");C=C.slice(0,-2)}else C=arguments[L];b.push(C)}F(r+`
|
|
1682
1682
|
Arguments: `+Array.prototype.slice.call(b).join("")+`
|
|
1683
|
-
`+new Error().stack),h=!1}return d.apply(this,arguments)},d)}var G={};function K(r,d){a.deprecationHandler!=null&&a.deprecationHandler(r,d),G[r]||(P(d),G[r]=!0)}a.suppressDeprecationWarnings=!1,a.deprecationHandler=null;function W(r){return typeof Function!="undefined"&&r instanceof Function||Object.prototype.toString.call(r)==="[object Function]"}function de(r){var d,h;for(h in r)l(r,h)&&(d=r[h],W(d)?this[h]=d:this["_"+h]=d);this._config=r,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)}function pe(r,d){var h=S({},r),b;for(b in d)l(d,b)&&(c(r[b])&&c(d[b])?(h[b]={},S(h[b],r[b]),S(h[b],d[b])):d[b]!=null?h[b]=d[b]:delete h[b]);for(b in r)l(r,b)&&!l(d,b)&&c(r[b])&&(h[b]=S({},h[b]));return h}function J(r){r!=null&&this.set(r)}var Q;Object.keys?Q=Object.keys:Q=function(r){var d,h=[];for(d in r)l(r,d)&&h.push(d);return h};var le={sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"};function se(r,d,h){var b=this._calendar[r]||this._calendar.sameElse;return W(b)?b.call(d,h):b}function ce(r,d,h){var b=""+Math.abs(r),C=d-b.length,O=r>=0;return(O?h?"+":"":"-")+Math.pow(10,Math.max(0,C)).toString().substr(1)+b}var ee=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,te=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,Z={},oe={};function j(r,d,h,b){var C=b;typeof b=="string"&&(C=function(){return this[b]()}),r&&(oe[r]=C),d&&(oe[d[0]]=function(){return ce(C.apply(this,arguments),d[1],d[2])}),h&&(oe[h]=function(){return this.localeData().ordinal(C.apply(this,arguments),r)})}function Se(r){return r.match(/\[[\s\S]/)?r.replace(/^\[|\]$/g,""):r.replace(/\\/g,"")}function ke(r){var d=r.match(ee),h,b;for(h=0,b=d.length;h<b;h++)oe[d[h]]?d[h]=oe[d[h]]:d[h]=Se(d[h]);return function(C){var O="",H;for(H=0;H<b;H++)O+=W(d[H])?d[H].call(C,r):d[H];return O}}function Ie(r,d){return r.isValid()?(d=Te(d,r.localeData()),Z[d]=Z[d]||ke(d),Z[d](r)):r.localeData().invalidDate()}function Te(r,d){var h=5;function b(C){return d.longDateFormat(C)||C}for(te.lastIndex=0;h>=0&&te.test(r);)r=r.replace(te,b),te.lastIndex=0,h-=1;return r}var He={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};function We(r){var d=this._longDateFormat[r],h=this._longDateFormat[r.toUpperCase()];return d||!h?d:(this._longDateFormat[r]=h.match(ee).map(function(b){return b==="MMMM"||b==="MM"||b==="DD"||b==="dddd"?b.slice(1):b}).join(""),this._longDateFormat[r])}var ze="Invalid date";function Qe(){return this._invalidDate}var et="%d",Ct=/\d{1,2}/;function gt(r){return this._ordinal.replace("%d",r)}var St={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",w:"a week",ww:"%d weeks",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function we(r,d,h,b){var C=this._relativeTime[h];return W(C)?C(r,d,h,b):C.replace(/%d/i,r)}function $e(r,d){var h=this._relativeTime[r>0?"future":"past"];return W(h)?h(d):h.replace(/%s/i,d)}var st={};function Re(r,d){var h=r.toLowerCase();st[h]=st[h+"s"]=st[d]=r}function be(r){return typeof r=="string"?st[r]||st[r.toLowerCase()]:void 0}function De(r){var d={},h,b;for(b in r)l(r,b)&&(h=be(b),h&&(d[h]=r[b]));return d}var xt={};function Ue(r,d){xt[r]=d}function Tr(r){var d=[],h;for(h in r)l(r,h)&&d.push({unit:h,priority:xt[h]});return d.sort(function(b,C){return b.priority-C.priority}),d}function Wt(r){return r%4==0&&r%100!=0||r%400==0}function je(r){return r<0?Math.ceil(r)||0:Math.floor(r)}function ye(r){var d=+r,h=0;return d!==0&&isFinite(d)&&(h=je(d)),h}function Gt(r,d){return function(h){return h!=null?(Ha(this,r,h),a.updateOffset(this,d),this):nn(this,r)}}function nn(r,d){return r.isValid()?r._d["get"+(r._isUTC?"UTC":"")+d]():NaN}function Ha(r,d,h){r.isValid()&&!isNaN(h)&&(d==="FullYear"&&Wt(r.year())&&r.month()===1&&r.date()===29?(h=ye(h),r._d["set"+(r._isUTC?"UTC":"")+d](h,r.month(),za(h,r.month()))):r._d["set"+(r._isUTC?"UTC":"")+d](h))}function wr(r){return r=be(r),W(this[r])?this[r]():this}function Er(r,d){if(typeof r=="object"){r=De(r);var h=Tr(r),b;for(b=0;b<h.length;b++)this[h[b].unit](r[h[b].unit])}else if(r=be(r),W(this[r]))return this[r](d);return this}var ra=/\d/,rt=/\d\d/,oa=/\d{3}/,ve=/\d{4}/,Ee=/[+-]?\d{6}/,Ce=/\d\d?/,vn=/\d\d\d\d?/,ia=/\d\d\d\d\d\d?/,Ln=/\d{1,3}/,Cr=/\d{1,4}/,Wa=/[+-]?\d{1,6}/,Bn=/\d+/,Ga=/[+-]?\d+/,bf=/Z|[+-]\d\d:?\d\d/gi,Ua=/Z|[+-]\d\d(?::?\d\d)?/gi,vf=/[+-]?\d+(\.\d{1,3})?/,la=/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,Ya;Ya={};function re(r,d,h){Ya[r]=W(d)?d:function(b,C){return b&&h?h:d}}function yf(r,d){return l(Ya,r)?Ya[r](d._strict,d._locale):new RegExp(Tf(r))}function Tf(r){return dt(r.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(d,h,b,C,O){return h||b||C||O}))}function dt(r){return r.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}var xr={};function Le(r,d){var h,b=d;for(typeof r=="string"&&(r=[r]),f(d)&&(b=function(C,O){O[d]=ye(C)}),h=0;h<r.length;h++)xr[r[h]]=b}function ca(r,d){Le(r,function(h,b,C,O){C._w=C._w||{},d(h,C._w,C,O)})}function wf(r,d,h){d!=null&&l(xr,r)&&xr[r](d,h._a,h,r)}var nt=0,Ut=1,Ot=2,Ye=3,Dt=4,Yt=5,yn=6,Ef=7,Cf=8;function xf(r,d){return(r%d+d)%d}var Ge;Array.prototype.indexOf?Ge=Array.prototype.indexOf:Ge=function(r){var d;for(d=0;d<this.length;++d)if(this[d]===r)return d;return-1};function za(r,d){if(isNaN(r)||isNaN(d))return NaN;var h=xf(d,12);return r+=(d-h)/12,h===1?Wt(r)?29:28:31-h%7%2}j("M",["MM",2],"Mo",function(){return this.month()+1}),j("MMM",0,0,function(r){return this.localeData().monthsShort(this,r)}),j("MMMM",0,0,function(r){return this.localeData().months(this,r)}),Re("month","M"),Ue("month",8),re("M",Ce),re("MM",Ce,rt),re("MMM",function(r,d){return d.monthsShortRegex(r)}),re("MMMM",function(r,d){return d.monthsRegex(r)}),Le(["M","MM"],function(r,d){d[Ut]=ye(r)-1}),Le(["MMM","MMMM"],function(r,d,h,b){var C=h._locale.monthsParse(r,b,h._strict);C!=null?d[Ut]=C:E(h).invalidMonth=r});var Df="January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ml="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),fl=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,If=la,Nf=la;function kf(r,d){return r?i(this._months)?this._months[r.month()]:this._months[(this._months.isFormat||fl).test(d)?"format":"standalone"][r.month()]:i(this._months)?this._months:this._months.standalone}function Mf(r,d){return r?i(this._monthsShort)?this._monthsShort[r.month()]:this._monthsShort[fl.test(d)?"format":"standalone"][r.month()]:i(this._monthsShort)?this._monthsShort:this._monthsShort.standalone}function _f(r,d,h){var b,C,O,H=r.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],b=0;b<12;++b)O=T([2e3,b]),this._shortMonthsParse[b]=this.monthsShort(O,"").toLocaleLowerCase(),this._longMonthsParse[b]=this.months(O,"").toLocaleLowerCase();return h?d==="MMM"?(C=Ge.call(this._shortMonthsParse,H),C!==-1?C:null):(C=Ge.call(this._longMonthsParse,H),C!==-1?C:null):d==="MMM"?(C=Ge.call(this._shortMonthsParse,H),C!==-1?C:(C=Ge.call(this._longMonthsParse,H),C!==-1?C:null)):(C=Ge.call(this._longMonthsParse,H),C!==-1?C:(C=Ge.call(this._shortMonthsParse,H),C!==-1?C:null))}function Rf(r,d,h){var b,C,O;if(this._monthsParseExact)return _f.call(this,r,d,h);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),b=0;b<12;b++){if(C=T([2e3,b]),h&&!this._longMonthsParse[b]&&(this._longMonthsParse[b]=new RegExp("^"+this.months(C,"").replace(".","")+"$","i"),this._shortMonthsParse[b]=new RegExp("^"+this.monthsShort(C,"").replace(".","")+"$","i")),!h&&!this._monthsParse[b]&&(O="^"+this.months(C,"")+"|^"+this.monthsShort(C,""),this._monthsParse[b]=new RegExp(O.replace(".",""),"i")),h&&d==="MMMM"&&this._longMonthsParse[b].test(r))return b;if(h&&d==="MMM"&&this._shortMonthsParse[b].test(r))return b;if(!h&&this._monthsParse[b].test(r))return b}}function hl(r,d){var h;if(!r.isValid())return r;if(typeof d=="string"){if(/^\d+$/.test(d))d=ye(d);else if(d=r.localeData().monthsParse(d),!f(d))return r}return h=Math.min(r.date(),za(r.year(),d)),r._d["set"+(r._isUTC?"UTC":"")+"Month"](d,h),r}function gl(r){return r!=null?(hl(this,r),a.updateOffset(this,!0),this):nn(this,"Month")}function Of(){return za(this.year(),this.month())}function Lf(r){return this._monthsParseExact?(l(this,"_monthsRegex")||Sl.call(this),r?this._monthsShortStrictRegex:this._monthsShortRegex):(l(this,"_monthsShortRegex")||(this._monthsShortRegex=If),this._monthsShortStrictRegex&&r?this._monthsShortStrictRegex:this._monthsShortRegex)}function Bf(r){return this._monthsParseExact?(l(this,"_monthsRegex")||Sl.call(this),r?this._monthsStrictRegex:this._monthsRegex):(l(this,"_monthsRegex")||(this._monthsRegex=Nf),this._monthsStrictRegex&&r?this._monthsStrictRegex:this._monthsRegex)}function Sl(){function r(H,he){return he.length-H.length}var d=[],h=[],b=[],C,O;for(C=0;C<12;C++)O=T([2e3,C]),d.push(this.monthsShort(O,"")),h.push(this.months(O,"")),b.push(this.months(O,"")),b.push(this.monthsShort(O,""));for(d.sort(r),h.sort(r),b.sort(r),C=0;C<12;C++)d[C]=dt(d[C]),h[C]=dt(h[C]);for(C=0;C<24;C++)b[C]=dt(b[C]);this._monthsRegex=new RegExp("^("+b.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+h.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+d.join("|")+")","i")}j("Y",0,0,function(){var r=this.year();return r<=9999?ce(r,4):"+"+r}),j(0,["YY",2],0,function(){return this.year()%100}),j(0,["YYYY",4],0,"year"),j(0,["YYYYY",5],0,"year"),j(0,["YYYYYY",6,!0],0,"year"),Re("year","y"),Ue("year",1),re("Y",Ga),re("YY",Ce,rt),re("YYYY",Cr,ve),re("YYYYY",Wa,Ee),re("YYYYYY",Wa,Ee),Le(["YYYYY","YYYYYY"],nt),Le("YYYY",function(r,d){d[nt]=r.length===2?a.parseTwoDigitYear(r):ye(r)}),Le("YY",function(r,d){d[nt]=a.parseTwoDigitYear(r)}),Le("Y",function(r,d){d[nt]=parseInt(r,10)});function da(r){return Wt(r)?366:365}a.parseTwoDigitYear=function(r){return ye(r)+(ye(r)>68?1900:2e3)};var bl=Gt("FullYear",!0);function Af(){return Wt(this.year())}function Pf(r,d,h,b,C,O,H){var he;return r<100&&r>=0?(he=new Date(r+400,d,h,b,C,O,H),isFinite(he.getFullYear())&&he.setFullYear(r)):he=new Date(r,d,h,b,C,O,H),he}function pa(r){var d,h;return r<100&&r>=0?(h=Array.prototype.slice.call(arguments),h[0]=r+400,d=new Date(Date.UTC.apply(null,h)),isFinite(d.getUTCFullYear())&&d.setUTCFullYear(r)):d=new Date(Date.UTC.apply(null,arguments)),d}function ja(r,d,h){var b=7+d-h,C=(7+pa(r,0,b).getUTCDay()-d)%7;return-C+b-1}function vl(r,d,h,b,C){var O=(7+h-b)%7,H=ja(r,b,C),he=1+7*(d-1)+O+H,xe,Be;return he<=0?(xe=r-1,Be=da(xe)+he):he>da(r)?(xe=r+1,Be=he-da(r)):(xe=r,Be=he),{year:xe,dayOfYear:Be}}function ua(r,d,h){var b=ja(r.year(),d,h),C=Math.floor((r.dayOfYear()-b-1)/7)+1,O,H;return C<1?(H=r.year()-1,O=C+zt(H,d,h)):C>zt(r.year(),d,h)?(O=C-zt(r.year(),d,h),H=r.year()+1):(H=r.year(),O=C),{week:O,year:H}}function zt(r,d,h){var b=ja(r,d,h),C=ja(r+1,d,h);return(da(r)-b+C)/7}j("w",["ww",2],"wo","week"),j("W",["WW",2],"Wo","isoWeek"),Re("week","w"),Re("isoWeek","W"),Ue("week",5),Ue("isoWeek",5),re("w",Ce),re("ww",Ce,rt),re("W",Ce),re("WW",Ce,rt),ca(["w","ww","W","WW"],function(r,d,h,b){d[b.substr(0,1)]=ye(r)});function Ff(r){return ua(r,this._week.dow,this._week.doy).week}var Kf={dow:0,doy:6};function Vf(){return this._week.dow}function $f(){return this._week.doy}function Hf(r){var d=this.localeData().week(this);return r==null?d:this.add((r-d)*7,"d")}function Wf(r){var d=ua(this,1,4).week;return r==null?d:this.add((r-d)*7,"d")}j("d",0,"do","day"),j("dd",0,0,function(r){return this.localeData().weekdaysMin(this,r)}),j("ddd",0,0,function(r){return this.localeData().weekdaysShort(this,r)}),j("dddd",0,0,function(r){return this.localeData().weekdays(this,r)}),j("e",0,0,"weekday"),j("E",0,0,"isoWeekday"),Re("day","d"),Re("weekday","e"),Re("isoWeekday","E"),Ue("day",11),Ue("weekday",11),Ue("isoWeekday",11),re("d",Ce),re("e",Ce),re("E",Ce),re("dd",function(r,d){return d.weekdaysMinRegex(r)}),re("ddd",function(r,d){return d.weekdaysShortRegex(r)}),re("dddd",function(r,d){return d.weekdaysRegex(r)}),ca(["dd","ddd","dddd"],function(r,d,h,b){var C=h._locale.weekdaysParse(r,b,h._strict);C!=null?d.d=C:E(h).invalidWeekday=r}),ca(["d","e","E"],function(r,d,h,b){d[b]=ye(r)});function Gf(r,d){return typeof r!="string"?r:isNaN(r)?(r=d.weekdaysParse(r),typeof r=="number"?r:null):parseInt(r,10)}function Uf(r,d){return typeof r=="string"?d.weekdaysParse(r)%7||7:isNaN(r)?null:r}function Dr(r,d){return r.slice(d,7).concat(r.slice(0,d))}var Yf="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),yl="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),zf="Su_Mo_Tu_We_Th_Fr_Sa".split("_"),jf=la,qf=la,Jf=la;function Zf(r,d){var h=i(this._weekdays)?this._weekdays:this._weekdays[r&&r!==!0&&this._weekdays.isFormat.test(d)?"format":"standalone"];return r===!0?Dr(h,this._week.dow):r?h[r.day()]:h}function Xf(r){return r===!0?Dr(this._weekdaysShort,this._week.dow):r?this._weekdaysShort[r.day()]:this._weekdaysShort}function Qf(r){return r===!0?Dr(this._weekdaysMin,this._week.dow):r?this._weekdaysMin[r.day()]:this._weekdaysMin}function eh(r,d,h){var b,C,O,H=r.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],b=0;b<7;++b)O=T([2e3,1]).day(b),this._minWeekdaysParse[b]=this.weekdaysMin(O,"").toLocaleLowerCase(),this._shortWeekdaysParse[b]=this.weekdaysShort(O,"").toLocaleLowerCase(),this._weekdaysParse[b]=this.weekdays(O,"").toLocaleLowerCase();return h?d==="dddd"?(C=Ge.call(this._weekdaysParse,H),C!==-1?C:null):d==="ddd"?(C=Ge.call(this._shortWeekdaysParse,H),C!==-1?C:null):(C=Ge.call(this._minWeekdaysParse,H),C!==-1?C:null):d==="dddd"?(C=Ge.call(this._weekdaysParse,H),C!==-1||(C=Ge.call(this._shortWeekdaysParse,H),C!==-1)?C:(C=Ge.call(this._minWeekdaysParse,H),C!==-1?C:null)):d==="ddd"?(C=Ge.call(this._shortWeekdaysParse,H),C!==-1||(C=Ge.call(this._weekdaysParse,H),C!==-1)?C:(C=Ge.call(this._minWeekdaysParse,H),C!==-1?C:null)):(C=Ge.call(this._minWeekdaysParse,H),C!==-1||(C=Ge.call(this._weekdaysParse,H),C!==-1)?C:(C=Ge.call(this._shortWeekdaysParse,H),C!==-1?C:null))}function th(r,d,h){var b,C,O;if(this._weekdaysParseExact)return eh.call(this,r,d,h);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),b=0;b<7;b++){if(C=T([2e3,1]).day(b),h&&!this._fullWeekdaysParse[b]&&(this._fullWeekdaysParse[b]=new RegExp("^"+this.weekdays(C,"").replace(".","\\.?")+"$","i"),this._shortWeekdaysParse[b]=new RegExp("^"+this.weekdaysShort(C,"").replace(".","\\.?")+"$","i"),this._minWeekdaysParse[b]=new RegExp("^"+this.weekdaysMin(C,"").replace(".","\\.?")+"$","i")),this._weekdaysParse[b]||(O="^"+this.weekdays(C,"")+"|^"+this.weekdaysShort(C,"")+"|^"+this.weekdaysMin(C,""),this._weekdaysParse[b]=new RegExp(O.replace(".",""),"i")),h&&d==="dddd"&&this._fullWeekdaysParse[b].test(r))return b;if(h&&d==="ddd"&&this._shortWeekdaysParse[b].test(r))return b;if(h&&d==="dd"&&this._minWeekdaysParse[b].test(r))return b;if(!h&&this._weekdaysParse[b].test(r))return b}}function nh(r){if(!this.isValid())return r!=null?this:NaN;var d=this._isUTC?this._d.getUTCDay():this._d.getDay();return r!=null?(r=Gf(r,this.localeData()),this.add(r-d,"d")):d}function ah(r){if(!this.isValid())return r!=null?this:NaN;var d=(this.day()+7-this.localeData()._week.dow)%7;return r==null?d:this.add(r-d,"d")}function sh(r){if(!this.isValid())return r!=null?this:NaN;if(r!=null){var d=Uf(r,this.localeData());return this.day(this.day()%7?d:d-7)}else return this.day()||7}function rh(r){return this._weekdaysParseExact?(l(this,"_weekdaysRegex")||Ir.call(this),r?this._weekdaysStrictRegex:this._weekdaysRegex):(l(this,"_weekdaysRegex")||(this._weekdaysRegex=jf),this._weekdaysStrictRegex&&r?this._weekdaysStrictRegex:this._weekdaysRegex)}function oh(r){return this._weekdaysParseExact?(l(this,"_weekdaysRegex")||Ir.call(this),r?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(l(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=qf),this._weekdaysShortStrictRegex&&r?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)}function ih(r){return this._weekdaysParseExact?(l(this,"_weekdaysRegex")||Ir.call(this),r?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(l(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=Jf),this._weekdaysMinStrictRegex&&r?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)}function Ir(){function r(Lt,Xt){return Xt.length-Lt.length}var d=[],h=[],b=[],C=[],O,H,he,xe,Be;for(O=0;O<7;O++)H=T([2e3,1]).day(O),he=dt(this.weekdaysMin(H,"")),xe=dt(this.weekdaysShort(H,"")),Be=dt(this.weekdays(H,"")),d.push(he),h.push(xe),b.push(Be),C.push(he),C.push(xe),C.push(Be);d.sort(r),h.sort(r),b.sort(r),C.sort(r),this._weekdaysRegex=new RegExp("^("+C.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+b.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+h.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+d.join("|")+")","i")}function Nr(){return this.hours()%12||12}function lh(){return this.hours()||24}j("H",["HH",2],0,"hour"),j("h",["hh",2],0,Nr),j("k",["kk",2],0,lh),j("hmm",0,0,function(){return""+Nr.apply(this)+ce(this.minutes(),2)}),j("hmmss",0,0,function(){return""+Nr.apply(this)+ce(this.minutes(),2)+ce(this.seconds(),2)}),j("Hmm",0,0,function(){return""+this.hours()+ce(this.minutes(),2)}),j("Hmmss",0,0,function(){return""+this.hours()+ce(this.minutes(),2)+ce(this.seconds(),2)});function Tl(r,d){j(r,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),d)})}Tl("a",!0),Tl("A",!1),Re("hour","h"),Ue("hour",13);function wl(r,d){return d._meridiemParse}re("a",wl),re("A",wl),re("H",Ce),re("h",Ce),re("k",Ce),re("HH",Ce,rt),re("hh",Ce,rt),re("kk",Ce,rt),re("hmm",vn),re("hmmss",ia),re("Hmm",vn),re("Hmmss",ia),Le(["H","HH"],Ye),Le(["k","kk"],function(r,d,h){var b=ye(r);d[Ye]=b===24?0:b}),Le(["a","A"],function(r,d,h){h._isPm=h._locale.isPM(r),h._meridiem=r}),Le(["h","hh"],function(r,d,h){d[Ye]=ye(r),E(h).bigHour=!0}),Le("hmm",function(r,d,h){var b=r.length-2;d[Ye]=ye(r.substr(0,b)),d[Dt]=ye(r.substr(b)),E(h).bigHour=!0}),Le("hmmss",function(r,d,h){var b=r.length-4,C=r.length-2;d[Ye]=ye(r.substr(0,b)),d[Dt]=ye(r.substr(b,2)),d[Yt]=ye(r.substr(C)),E(h).bigHour=!0}),Le("Hmm",function(r,d,h){var b=r.length-2;d[Ye]=ye(r.substr(0,b)),d[Dt]=ye(r.substr(b))}),Le("Hmmss",function(r,d,h){var b=r.length-4,C=r.length-2;d[Ye]=ye(r.substr(0,b)),d[Dt]=ye(r.substr(b,2)),d[Yt]=ye(r.substr(C))});function ch(r){return(r+"").toLowerCase().charAt(0)==="p"}var dh=/[ap]\.?m?\.?/i,ph=Gt("Hours",!0);function uh(r,d,h){return r>11?h?"pm":"PM":h?"am":"AM"}var El={calendar:le,longDateFormat:He,invalidDate:ze,ordinal:et,dayOfMonthOrdinalParse:Ct,relativeTime:St,months:Df,monthsShort:ml,week:Kf,weekdays:Yf,weekdaysMin:zf,weekdaysShort:yl,meridiemParse:dh},Ke={},ma={},fa;function mh(r,d){var h,b=Math.min(r.length,d.length);for(h=0;h<b;h+=1)if(r[h]!==d[h])return h;return b}function Cl(r){return r&&r.toLowerCase().replace("_","-")}function fh(r){for(var d=0,h,b,C,O;d<r.length;){for(O=Cl(r[d]).split("-"),h=O.length,b=Cl(r[d+1]),b=b?b.split("-"):null;h>0;){if(C=qa(O.slice(0,h).join("-")),C)return C;if(b&&b.length>=h&&mh(O,b)>=h-1)break;h--}d++}return fa}function qa(r){var d=null,h;if(Ke[r]===void 0&&!0&&e&&e.exports)try{d=fa._abbr,h=At,h("./locale/"+r),an(d)}catch{Ke[r]=null}return Ke[r]}function an(r,d){var h;return r&&(m(d)?h=jt(r):h=kr(r,d),h?fa=h:typeof console!="undefined"&&console.warn&&console.warn("Locale "+r+" not found. Did you forget to load it?")),fa._abbr}function kr(r,d){if(d!==null){var h,b=El;if(d.abbr=r,Ke[r]!=null)K("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),b=Ke[r]._config;else if(d.parentLocale!=null)if(Ke[d.parentLocale]!=null)b=Ke[d.parentLocale]._config;else if(h=qa(d.parentLocale),h!=null)b=h._config;else return ma[d.parentLocale]||(ma[d.parentLocale]=[]),ma[d.parentLocale].push({name:r,config:d}),null;return Ke[r]=new J(pe(b,d)),ma[r]&&ma[r].forEach(function(C){kr(C.name,C.config)}),an(r),Ke[r]}else return delete Ke[r],null}function hh(r,d){if(d!=null){var h,b,C=El;Ke[r]!=null&&Ke[r].parentLocale!=null?Ke[r].set(pe(Ke[r]._config,d)):(b=qa(r),b!=null&&(C=b._config),d=pe(C,d),b==null&&(d.abbr=r),h=new J(d),h.parentLocale=Ke[r],Ke[r]=h),an(r)}else Ke[r]!=null&&(Ke[r].parentLocale!=null?(Ke[r]=Ke[r].parentLocale,r===an()&&an(r)):Ke[r]!=null&&delete Ke[r]);return Ke[r]}function jt(r){var d;if(r&&r._locale&&r._locale._abbr&&(r=r._locale._abbr),!r)return fa;if(!i(r)){if(d=qa(r),d)return d;r=[r]}return fh(r)}function gh(){return Q(Ke)}function Mr(r){var d,h=r._a;return h&&E(r).overflow===-2&&(d=h[Ut]<0||h[Ut]>11?Ut:h[Ot]<1||h[Ot]>za(h[nt],h[Ut])?Ot:h[Ye]<0||h[Ye]>24||h[Ye]===24&&(h[Dt]!==0||h[Yt]!==0||h[yn]!==0)?Ye:h[Dt]<0||h[Dt]>59?Dt:h[Yt]<0||h[Yt]>59?Yt:h[yn]<0||h[yn]>999?yn:-1,E(r)._overflowDayOfYear&&(d<nt||d>Ot)&&(d=Ot),E(r)._overflowWeeks&&d===-1&&(d=Ef),E(r)._overflowWeekday&&d===-1&&(d=Cf),E(r).overflow=d),r}var Sh=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,bh=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d|))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,vh=/Z|[+-]\d\d(?::?\d\d)?/,Ja=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/],["YYYYMM",/\d{6}/,!1],["YYYY",/\d{4}/,!1]],_r=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],yh=/^\/?Date\((-?\d+)/i,Th=/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/,wh={UT:0,GMT:0,EDT:-4*60,EST:-5*60,CDT:-5*60,CST:-6*60,MDT:-6*60,MST:-7*60,PDT:-7*60,PST:-8*60};function xl(r){var d,h,b=r._i,C=Sh.exec(b)||bh.exec(b),O,H,he,xe;if(C){for(E(r).iso=!0,d=0,h=Ja.length;d<h;d++)if(Ja[d][1].exec(C[1])){H=Ja[d][0],O=Ja[d][2]!==!1;break}if(H==null){r._isValid=!1;return}if(C[3]){for(d=0,h=_r.length;d<h;d++)if(_r[d][1].exec(C[3])){he=(C[2]||" ")+_r[d][0];break}if(he==null){r._isValid=!1;return}}if(!O&&he!=null){r._isValid=!1;return}if(C[4])if(vh.exec(C[4]))xe="Z";else{r._isValid=!1;return}r._f=H+(he||"")+(xe||""),Or(r)}else r._isValid=!1}function Eh(r,d,h,b,C,O){var H=[Ch(r),ml.indexOf(d),parseInt(h,10),parseInt(b,10),parseInt(C,10)];return O&&H.push(parseInt(O,10)),H}function Ch(r){var d=parseInt(r,10);return d<=49?2e3+d:d<=999?1900+d:d}function xh(r){return r.replace(/\([^)]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").replace(/^\s\s*/,"").replace(/\s\s*$/,"")}function Dh(r,d,h){if(r){var b=yl.indexOf(r),C=new Date(d[0],d[1],d[2]).getDay();if(b!==C)return E(h).weekdayMismatch=!0,h._isValid=!1,!1}return!0}function Ih(r,d,h){if(r)return wh[r];if(d)return 0;var b=parseInt(h,10),C=b%100,O=(b-C)/100;return O*60+C}function Dl(r){var d=Th.exec(xh(r._i)),h;if(d){if(h=Eh(d[4],d[3],d[2],d[5],d[6],d[7]),!Dh(d[1],h,r))return;r._a=h,r._tzm=Ih(d[8],d[9],d[10]),r._d=pa.apply(null,r._a),r._d.setUTCMinutes(r._d.getUTCMinutes()-r._tzm),E(r).rfc2822=!0}else r._isValid=!1}function Nh(r){var d=yh.exec(r._i);if(d!==null){r._d=new Date(+d[1]);return}if(xl(r),r._isValid===!1)delete r._isValid;else return;if(Dl(r),r._isValid===!1)delete r._isValid;else return;r._strict?r._isValid=!1:a.createFromInputFallback(r)}a.createFromInputFallback=A("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(r){r._d=new Date(r._i+(r._useUTC?" UTC":""))});function An(r,d,h){return r!=null?r:d!=null?d:h}function kh(r){var d=new Date(a.now());return r._useUTC?[d.getUTCFullYear(),d.getUTCMonth(),d.getUTCDate()]:[d.getFullYear(),d.getMonth(),d.getDate()]}function Rr(r){var d,h,b=[],C,O,H;if(!r._d){for(C=kh(r),r._w&&r._a[Ot]==null&&r._a[Ut]==null&&Mh(r),r._dayOfYear!=null&&(H=An(r._a[nt],C[nt]),(r._dayOfYear>da(H)||r._dayOfYear===0)&&(E(r)._overflowDayOfYear=!0),h=pa(H,0,r._dayOfYear),r._a[Ut]=h.getUTCMonth(),r._a[Ot]=h.getUTCDate()),d=0;d<3&&r._a[d]==null;++d)r._a[d]=b[d]=C[d];for(;d<7;d++)r._a[d]=b[d]=r._a[d]==null?d===2?1:0:r._a[d];r._a[Ye]===24&&r._a[Dt]===0&&r._a[Yt]===0&&r._a[yn]===0&&(r._nextDay=!0,r._a[Ye]=0),r._d=(r._useUTC?pa:Pf).apply(null,b),O=r._useUTC?r._d.getUTCDay():r._d.getDay(),r._tzm!=null&&r._d.setUTCMinutes(r._d.getUTCMinutes()-r._tzm),r._nextDay&&(r._a[Ye]=24),r._w&&typeof r._w.d!="undefined"&&r._w.d!==O&&(E(r).weekdayMismatch=!0)}}function Mh(r){var d,h,b,C,O,H,he,xe,Be;d=r._w,d.GG!=null||d.W!=null||d.E!=null?(O=1,H=4,h=An(d.GG,r._a[nt],ua(Ae(),1,4).year),b=An(d.W,1),C=An(d.E,1),(C<1||C>7)&&(xe=!0)):(O=r._locale._week.dow,H=r._locale._week.doy,Be=ua(Ae(),O,H),h=An(d.gg,r._a[nt],Be.year),b=An(d.w,Be.week),d.d!=null?(C=d.d,(C<0||C>6)&&(xe=!0)):d.e!=null?(C=d.e+O,(d.e<0||d.e>6)&&(xe=!0)):C=O),b<1||b>zt(h,O,H)?E(r)._overflowWeeks=!0:xe!=null?E(r)._overflowWeekday=!0:(he=vl(h,b,C,O,H),r._a[nt]=he.year,r._dayOfYear=he.dayOfYear)}a.ISO_8601=function(){},a.RFC_2822=function(){};function Or(r){if(r._f===a.ISO_8601){xl(r);return}if(r._f===a.RFC_2822){Dl(r);return}r._a=[],E(r).empty=!0;var d=""+r._i,h,b,C,O,H,he=d.length,xe=0,Be;for(C=Te(r._f,r._locale).match(ee)||[],h=0;h<C.length;h++)O=C[h],b=(d.match(yf(O,r))||[])[0],b&&(H=d.substr(0,d.indexOf(b)),H.length>0&&E(r).unusedInput.push(H),d=d.slice(d.indexOf(b)+b.length),xe+=b.length),oe[O]?(b?E(r).empty=!1:E(r).unusedTokens.push(O),wf(O,b,r)):r._strict&&!b&&E(r).unusedTokens.push(O);E(r).charsLeftOver=he-xe,d.length>0&&E(r).unusedInput.push(d),r._a[Ye]<=12&&E(r).bigHour===!0&&r._a[Ye]>0&&(E(r).bigHour=void 0),E(r).parsedDateParts=r._a.slice(0),E(r).meridiem=r._meridiem,r._a[Ye]=_h(r._locale,r._a[Ye],r._meridiem),Be=E(r).era,Be!==null&&(r._a[nt]=r._locale.erasConvertYear(Be,r._a[nt])),Rr(r),Mr(r)}function _h(r,d,h){var b;return h==null?d:r.meridiemHour!=null?r.meridiemHour(d,h):(r.isPM!=null&&(b=r.isPM(h),b&&d<12&&(d+=12),!b&&d===12&&(d=0)),d)}function Rh(r){var d,h,b,C,O,H,he=!1;if(r._f.length===0){E(r).invalidFormat=!0,r._d=new Date(NaN);return}for(C=0;C<r._f.length;C++)O=0,H=!1,d=L({},r),r._useUTC!=null&&(d._useUTC=r._useUTC),d._f=r._f[C],Or(d),D(d)&&(H=!0),O+=E(d).charsLeftOver,O+=E(d).unusedTokens.length*10,E(d).score=O,he?O<b&&(b=O,h=d):(b==null||O<b||H)&&(b=O,h=d,H&&(he=!0));S(r,h||d)}function Oh(r){if(!r._d){var d=De(r._i),h=d.day===void 0?d.date:d.day;r._a=g([d.year,d.month,h,d.hour,d.minute,d.second,d.millisecond],function(b){return b&&parseInt(b,10)}),Rr(r)}}function Lh(r){var d=new R(Mr(Il(r)));return d._nextDay&&(d.add(1,"d"),d._nextDay=void 0),d}function Il(r){var d=r._i,h=r._f;return r._locale=r._locale||jt(r._l),d===null||h===void 0&&d===""?v({nullInput:!0}):(typeof d=="string"&&(r._i=d=r._locale.preparse(d)),B(d)?new R(Mr(d)):(u(d)?r._d=d:i(h)?Rh(r):h?Or(r):Bh(r),D(r)||(r._d=null),r))}function Bh(r){var d=r._i;m(d)?r._d=new Date(a.now()):u(d)?r._d=new Date(d.valueOf()):typeof d=="string"?Nh(r):i(d)?(r._a=g(d.slice(0),function(h){return parseInt(h,10)}),Rr(r)):c(d)?Oh(r):f(d)?r._d=new Date(d):a.createFromInputFallback(r)}function Nl(r,d,h,b,C){var O={};return(d===!0||d===!1)&&(b=d,d=void 0),(h===!0||h===!1)&&(b=h,h=void 0),(c(r)&&p(r)||i(r)&&r.length===0)&&(r=void 0),O._isAMomentObject=!0,O._useUTC=O._isUTC=C,O._l=h,O._i=r,O._f=d,O._strict=b,Lh(O)}function Ae(r,d,h,b){return Nl(r,d,h,b,!1)}var Ah=A("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var r=Ae.apply(null,arguments);return this.isValid()&&r.isValid()?r<this?this:r:v()}),Ph=A("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var r=Ae.apply(null,arguments);return this.isValid()&&r.isValid()?r>this?this:r:v()});function kl(r,d){var h,b;if(d.length===1&&i(d[0])&&(d=d[0]),!d.length)return Ae();for(h=d[0],b=1;b<d.length;++b)(!d[b].isValid()||d[b][r](h))&&(h=d[b]);return h}function Fh(){var r=[].slice.call(arguments,0);return kl("isBefore",r)}function Kh(){var r=[].slice.call(arguments,0);return kl("isAfter",r)}var Vh=function(){return Date.now?Date.now():+new Date},ha=["year","quarter","month","week","day","hour","minute","second","millisecond"];function $h(r){var d,h=!1,b;for(d in r)if(l(r,d)&&!(Ge.call(ha,d)!==-1&&(r[d]==null||!isNaN(r[d]))))return!1;for(b=0;b<ha.length;++b)if(r[ha[b]]){if(h)return!1;parseFloat(r[ha[b]])!==ye(r[ha[b]])&&(h=!0)}return!0}function Hh(){return this._isValid}function Wh(){return It(NaN)}function Za(r){var d=De(r),h=d.year||0,b=d.quarter||0,C=d.month||0,O=d.week||d.isoWeek||0,H=d.day||0,he=d.hour||0,xe=d.minute||0,Be=d.second||0,Lt=d.millisecond||0;this._isValid=$h(d),this._milliseconds=+Lt+Be*1e3+xe*6e4+he*1e3*60*60,this._days=+H+O*7,this._months=+C+b*3+h*12,this._data={},this._locale=jt(),this._bubble()}function Xa(r){return r instanceof Za}function Lr(r){return r<0?Math.round(-1*r)*-1:Math.round(r)}function Gh(r,d,h){var b=Math.min(r.length,d.length),C=Math.abs(r.length-d.length),O=0,H;for(H=0;H<b;H++)(h&&r[H]!==d[H]||!h&&ye(r[H])!==ye(d[H]))&&O++;return O+C}function Ml(r,d){j(r,0,0,function(){var h=this.utcOffset(),b="+";return h<0&&(h=-h,b="-"),b+ce(~~(h/60),2)+d+ce(~~h%60,2)})}Ml("Z",":"),Ml("ZZ",""),re("Z",Ua),re("ZZ",Ua),Le(["Z","ZZ"],function(r,d,h){h._useUTC=!0,h._tzm=Br(Ua,r)});var Uh=/([\+\-]|\d\d)/gi;function Br(r,d){var h=(d||"").match(r),b,C,O;return h===null?null:(b=h[h.length-1]||[],C=(b+"").match(Uh)||["-",0,0],O=+(C[1]*60)+ye(C[2]),O===0?0:C[0]==="+"?O:-O)}function Ar(r,d){var h,b;return d._isUTC?(h=d.clone(),b=(B(r)||u(r)?r.valueOf():Ae(r).valueOf())-h.valueOf(),h._d.setTime(h._d.valueOf()+b),a.updateOffset(h,!1),h):Ae(r).local()}function Pr(r){return-Math.round(r._d.getTimezoneOffset())}a.updateOffset=function(){};function Yh(r,d,h){var b=this._offset||0,C;if(!this.isValid())return r!=null?this:NaN;if(r!=null){if(typeof r=="string"){if(r=Br(Ua,r),r===null)return this}else Math.abs(r)<16&&!h&&(r=r*60);return!this._isUTC&&d&&(C=Pr(this)),this._offset=r,this._isUTC=!0,C!=null&&this.add(C,"m"),b!==r&&(!d||this._changeInProgress?Ll(this,It(r-b,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,a.updateOffset(this,!0),this._changeInProgress=null)),this}else return this._isUTC?b:Pr(this)}function zh(r,d){return r!=null?(typeof r!="string"&&(r=-r),this.utcOffset(r,d),this):-this.utcOffset()}function jh(r){return this.utcOffset(0,r)}function qh(r){return this._isUTC&&(this.utcOffset(0,r),this._isUTC=!1,r&&this.subtract(Pr(this),"m")),this}function Jh(){if(this._tzm!=null)this.utcOffset(this._tzm,!1,!0);else if(typeof this._i=="string"){var r=Br(bf,this._i);r!=null?this.utcOffset(r):this.utcOffset(0,!0)}return this}function Zh(r){return this.isValid()?(r=r?Ae(r).utcOffset():0,(this.utcOffset()-r)%60==0):!1}function Xh(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()}function Qh(){if(!m(this._isDSTShifted))return this._isDSTShifted;var r={},d;return L(r,this),r=Il(r),r._a?(d=r._isUTC?T(r._a):Ae(r._a),this._isDSTShifted=this.isValid()&&Gh(r._a,d.toArray())>0):this._isDSTShifted=!1,this._isDSTShifted}function eg(){return this.isValid()?!this._isUTC:!1}function tg(){return this.isValid()?this._isUTC:!1}function _l(){return this.isValid()?this._isUTC&&this._offset===0:!1}var ng=/^(-|\+)?(?:(\d*)[. ])?(\d+):(\d+)(?::(\d+)(\.\d*)?)?$/,ag=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;function It(r,d){var h=r,b=null,C,O,H;return Xa(r)?h={ms:r._milliseconds,d:r._days,M:r._months}:f(r)||!isNaN(+r)?(h={},d?h[d]=+r:h.milliseconds=+r):(b=ng.exec(r))?(C=b[1]==="-"?-1:1,h={y:0,d:ye(b[Ot])*C,h:ye(b[Ye])*C,m:ye(b[Dt])*C,s:ye(b[Yt])*C,ms:ye(Lr(b[yn]*1e3))*C}):(b=ag.exec(r))?(C=b[1]==="-"?-1:1,h={y:Tn(b[2],C),M:Tn(b[3],C),w:Tn(b[4],C),d:Tn(b[5],C),h:Tn(b[6],C),m:Tn(b[7],C),s:Tn(b[8],C)}):h==null?h={}:typeof h=="object"&&("from"in h||"to"in h)&&(H=sg(Ae(h.from),Ae(h.to)),h={},h.ms=H.milliseconds,h.M=H.months),O=new Za(h),Xa(r)&&l(r,"_locale")&&(O._locale=r._locale),Xa(r)&&l(r,"_isValid")&&(O._isValid=r._isValid),O}It.fn=Za.prototype,It.invalid=Wh;function Tn(r,d){var h=r&&parseFloat(r.replace(",","."));return(isNaN(h)?0:h)*d}function Rl(r,d){var h={};return h.months=d.month()-r.month()+(d.year()-r.year())*12,r.clone().add(h.months,"M").isAfter(d)&&--h.months,h.milliseconds=+d-+r.clone().add(h.months,"M"),h}function sg(r,d){var h;return r.isValid()&&d.isValid()?(d=Ar(d,r),r.isBefore(d)?h=Rl(r,d):(h=Rl(d,r),h.milliseconds=-h.milliseconds,h.months=-h.months),h):{milliseconds:0,months:0}}function Ol(r,d){return function(h,b){var C,O;return b!==null&&!isNaN(+b)&&(K(d,"moment()."+d+"(period, number) is deprecated. Please use moment()."+d+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),O=h,h=b,b=O),C=It(h,b),Ll(this,C,r),this}}function Ll(r,d,h,b){var C=d._milliseconds,O=Lr(d._days),H=Lr(d._months);!r.isValid()||(b=b==null?!0:b,H&&hl(r,nn(r,"Month")+H*h),O&&Ha(r,"Date",nn(r,"Date")+O*h),C&&r._d.setTime(r._d.valueOf()+C*h),b&&a.updateOffset(r,O||H))}var rg=Ol(1,"add"),og=Ol(-1,"subtract");function Bl(r){return typeof r=="string"||r instanceof String}function ig(r){return B(r)||u(r)||Bl(r)||f(r)||cg(r)||lg(r)||r===null||r===void 0}function lg(r){var d=c(r)&&!p(r),h=!1,b=["years","year","y","months","month","M","days","day","d","dates","date","D","hours","hour","h","minutes","minute","m","seconds","second","s","milliseconds","millisecond","ms"],C,O;for(C=0;C<b.length;C+=1)O=b[C],h=h||l(r,O);return d&&h}function cg(r){var d=i(r),h=!1;return d&&(h=r.filter(function(b){return!f(b)&&Bl(r)}).length===0),d&&h}function dg(r){var d=c(r)&&!p(r),h=!1,b=["sameDay","nextDay","lastDay","nextWeek","lastWeek","sameElse"],C,O;for(C=0;C<b.length;C+=1)O=b[C],h=h||l(r,O);return d&&h}function pg(r,d){var h=r.diff(d,"days",!0);return h<-6?"sameElse":h<-1?"lastWeek":h<0?"lastDay":h<1?"sameDay":h<2?"nextDay":h<7?"nextWeek":"sameElse"}function ug(r,d){arguments.length===1&&(arguments[0]?ig(arguments[0])?(r=arguments[0],d=void 0):dg(arguments[0])&&(d=arguments[0],r=void 0):(r=void 0,d=void 0));var h=r||Ae(),b=Ar(h,this).startOf("day"),C=a.calendarFormat(this,b)||"sameElse",O=d&&(W(d[C])?d[C].call(this,h):d[C]);return this.format(O||this.localeData().calendar(C,this,Ae(h)))}function mg(){return new R(this)}function fg(r,d){var h=B(r)?r:Ae(r);return this.isValid()&&h.isValid()?(d=be(d)||"millisecond",d==="millisecond"?this.valueOf()>h.valueOf():h.valueOf()<this.clone().startOf(d).valueOf()):!1}function hg(r,d){var h=B(r)?r:Ae(r);return this.isValid()&&h.isValid()?(d=be(d)||"millisecond",d==="millisecond"?this.valueOf()<h.valueOf():this.clone().endOf(d).valueOf()<h.valueOf()):!1}function gg(r,d,h,b){var C=B(r)?r:Ae(r),O=B(d)?d:Ae(d);return this.isValid()&&C.isValid()&&O.isValid()?(b=b||"()",(b[0]==="("?this.isAfter(C,h):!this.isBefore(C,h))&&(b[1]===")"?this.isBefore(O,h):!this.isAfter(O,h))):!1}function Sg(r,d){var h=B(r)?r:Ae(r),b;return this.isValid()&&h.isValid()?(d=be(d)||"millisecond",d==="millisecond"?this.valueOf()===h.valueOf():(b=h.valueOf(),this.clone().startOf(d).valueOf()<=b&&b<=this.clone().endOf(d).valueOf())):!1}function bg(r,d){return this.isSame(r,d)||this.isAfter(r,d)}function vg(r,d){return this.isSame(r,d)||this.isBefore(r,d)}function yg(r,d,h){var b,C,O;if(!this.isValid())return NaN;if(b=Ar(r,this),!b.isValid())return NaN;switch(C=(b.utcOffset()-this.utcOffset())*6e4,d=be(d),d){case"year":O=Qa(this,b)/12;break;case"month":O=Qa(this,b);break;case"quarter":O=Qa(this,b)/3;break;case"second":O=(this-b)/1e3;break;case"minute":O=(this-b)/6e4;break;case"hour":O=(this-b)/36e5;break;case"day":O=(this-b-C)/864e5;break;case"week":O=(this-b-C)/6048e5;break;default:O=this-b}return h?O:je(O)}function Qa(r,d){if(r.date()<d.date())return-Qa(d,r);var h=(d.year()-r.year())*12+(d.month()-r.month()),b=r.clone().add(h,"months"),C,O;return d-b<0?(C=r.clone().add(h-1,"months"),O=(d-b)/(b-C)):(C=r.clone().add(h+1,"months"),O=(d-b)/(C-b)),-(h+O)||0}a.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",a.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";function Tg(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")}function wg(r){if(!this.isValid())return null;var d=r!==!0,h=d?this.clone().utc():this;return h.year()<0||h.year()>9999?Ie(h,d?"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYYYY-MM-DD[T]HH:mm:ss.SSSZ"):W(Date.prototype.toISOString)?d?this.toDate().toISOString():new Date(this.valueOf()+this.utcOffset()*60*1e3).toISOString().replace("Z",Ie(h,"Z")):Ie(h,d?"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYY-MM-DD[T]HH:mm:ss.SSSZ")}function Eg(){if(!this.isValid())return"moment.invalid(/* "+this._i+" */)";var r="moment",d="",h,b,C,O;return this.isLocal()||(r=this.utcOffset()===0?"moment.utc":"moment.parseZone",d="Z"),h="["+r+'("]',b=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",C="-MM-DD[T]HH:mm:ss.SSS",O=d+'[")]',this.format(h+b+C+O)}function Cg(r){r||(r=this.isUtc()?a.defaultFormatUtc:a.defaultFormat);var d=Ie(this,r);return this.localeData().postformat(d)}function xg(r,d){return this.isValid()&&(B(r)&&r.isValid()||Ae(r).isValid())?It({to:this,from:r}).locale(this.locale()).humanize(!d):this.localeData().invalidDate()}function Dg(r){return this.from(Ae(),r)}function Ig(r,d){return this.isValid()&&(B(r)&&r.isValid()||Ae(r).isValid())?It({from:this,to:r}).locale(this.locale()).humanize(!d):this.localeData().invalidDate()}function Ng(r){return this.to(Ae(),r)}function Al(r){var d;return r===void 0?this._locale._abbr:(d=jt(r),d!=null&&(this._locale=d),this)}var Pl=A("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(r){return r===void 0?this.localeData():this.locale(r)});function Fl(){return this._locale}var es=1e3,Pn=60*es,ts=60*Pn,Kl=(365*400+97)*24*ts;function Fn(r,d){return(r%d+d)%d}function Vl(r,d,h){return r<100&&r>=0?new Date(r+400,d,h)-Kl:new Date(r,d,h).valueOf()}function $l(r,d,h){return r<100&&r>=0?Date.UTC(r+400,d,h)-Kl:Date.UTC(r,d,h)}function kg(r){var d,h;if(r=be(r),r===void 0||r==="millisecond"||!this.isValid())return this;switch(h=this._isUTC?$l:Vl,r){case"year":d=h(this.year(),0,1);break;case"quarter":d=h(this.year(),this.month()-this.month()%3,1);break;case"month":d=h(this.year(),this.month(),1);break;case"week":d=h(this.year(),this.month(),this.date()-this.weekday());break;case"isoWeek":d=h(this.year(),this.month(),this.date()-(this.isoWeekday()-1));break;case"day":case"date":d=h(this.year(),this.month(),this.date());break;case"hour":d=this._d.valueOf(),d-=Fn(d+(this._isUTC?0:this.utcOffset()*Pn),ts);break;case"minute":d=this._d.valueOf(),d-=Fn(d,Pn);break;case"second":d=this._d.valueOf(),d-=Fn(d,es);break}return this._d.setTime(d),a.updateOffset(this,!0),this}function Mg(r){var d,h;if(r=be(r),r===void 0||r==="millisecond"||!this.isValid())return this;switch(h=this._isUTC?$l:Vl,r){case"year":d=h(this.year()+1,0,1)-1;break;case"quarter":d=h(this.year(),this.month()-this.month()%3+3,1)-1;break;case"month":d=h(this.year(),this.month()+1,1)-1;break;case"week":d=h(this.year(),this.month(),this.date()-this.weekday()+7)-1;break;case"isoWeek":d=h(this.year(),this.month(),this.date()-(this.isoWeekday()-1)+7)-1;break;case"day":case"date":d=h(this.year(),this.month(),this.date()+1)-1;break;case"hour":d=this._d.valueOf(),d+=ts-Fn(d+(this._isUTC?0:this.utcOffset()*Pn),ts)-1;break;case"minute":d=this._d.valueOf(),d+=Pn-Fn(d,Pn)-1;break;case"second":d=this._d.valueOf(),d+=es-Fn(d,es)-1;break}return this._d.setTime(d),a.updateOffset(this,!0),this}function _g(){return this._d.valueOf()-(this._offset||0)*6e4}function Rg(){return Math.floor(this.valueOf()/1e3)}function Og(){return new Date(this.valueOf())}function Lg(){var r=this;return[r.year(),r.month(),r.date(),r.hour(),r.minute(),r.second(),r.millisecond()]}function Bg(){var r=this;return{years:r.year(),months:r.month(),date:r.date(),hours:r.hours(),minutes:r.minutes(),seconds:r.seconds(),milliseconds:r.milliseconds()}}function Ag(){return this.isValid()?this.toISOString():null}function Pg(){return D(this)}function Fg(){return S({},E(this))}function Kg(){return E(this).overflow}function Vg(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}}j("N",0,0,"eraAbbr"),j("NN",0,0,"eraAbbr"),j("NNN",0,0,"eraAbbr"),j("NNNN",0,0,"eraName"),j("NNNNN",0,0,"eraNarrow"),j("y",["y",1],"yo","eraYear"),j("y",["yy",2],0,"eraYear"),j("y",["yyy",3],0,"eraYear"),j("y",["yyyy",4],0,"eraYear"),re("N",Fr),re("NN",Fr),re("NNN",Fr),re("NNNN",Zg),re("NNNNN",Xg),Le(["N","NN","NNN","NNNN","NNNNN"],function(r,d,h,b){var C=h._locale.erasParse(r,b,h._strict);C?E(h).era=C:E(h).invalidEra=r}),re("y",Bn),re("yy",Bn),re("yyy",Bn),re("yyyy",Bn),re("yo",Qg),Le(["y","yy","yyy","yyyy"],nt),Le(["yo"],function(r,d,h,b){var C;h._locale._eraYearOrdinalRegex&&(C=r.match(h._locale._eraYearOrdinalRegex)),h._locale.eraYearOrdinalParse?d[nt]=h._locale.eraYearOrdinalParse(r,C):d[nt]=parseInt(r,10)});function $g(r,d){var h,b,C,O=this._eras||jt("en")._eras;for(h=0,b=O.length;h<b;++h){switch(typeof O[h].since){case"string":C=a(O[h].since).startOf("day"),O[h].since=C.valueOf();break}switch(typeof O[h].until){case"undefined":O[h].until=1/0;break;case"string":C=a(O[h].until).startOf("day").valueOf(),O[h].until=C.valueOf();break}}return O}function Hg(r,d,h){var b,C,O=this.eras(),H,he,xe;for(r=r.toUpperCase(),b=0,C=O.length;b<C;++b)if(H=O[b].name.toUpperCase(),he=O[b].abbr.toUpperCase(),xe=O[b].narrow.toUpperCase(),h)switch(d){case"N":case"NN":case"NNN":if(he===r)return O[b];break;case"NNNN":if(H===r)return O[b];break;case"NNNNN":if(xe===r)return O[b];break}else if([H,he,xe].indexOf(r)>=0)return O[b]}function Wg(r,d){var h=r.since<=r.until?1:-1;return d===void 0?a(r.since).year():a(r.since).year()+(d-r.offset)*h}function Gg(){var r,d,h,b=this.localeData().eras();for(r=0,d=b.length;r<d;++r)if(h=this.clone().startOf("day").valueOf(),b[r].since<=h&&h<=b[r].until||b[r].until<=h&&h<=b[r].since)return b[r].name;return""}function Ug(){var r,d,h,b=this.localeData().eras();for(r=0,d=b.length;r<d;++r)if(h=this.clone().startOf("day").valueOf(),b[r].since<=h&&h<=b[r].until||b[r].until<=h&&h<=b[r].since)return b[r].narrow;return""}function Yg(){var r,d,h,b=this.localeData().eras();for(r=0,d=b.length;r<d;++r)if(h=this.clone().startOf("day").valueOf(),b[r].since<=h&&h<=b[r].until||b[r].until<=h&&h<=b[r].since)return b[r].abbr;return""}function zg(){var r,d,h,b,C=this.localeData().eras();for(r=0,d=C.length;r<d;++r)if(h=C[r].since<=C[r].until?1:-1,b=this.clone().startOf("day").valueOf(),C[r].since<=b&&b<=C[r].until||C[r].until<=b&&b<=C[r].since)return(this.year()-a(C[r].since).year())*h+C[r].offset;return this.year()}function jg(r){return l(this,"_erasNameRegex")||Kr.call(this),r?this._erasNameRegex:this._erasRegex}function qg(r){return l(this,"_erasAbbrRegex")||Kr.call(this),r?this._erasAbbrRegex:this._erasRegex}function Jg(r){return l(this,"_erasNarrowRegex")||Kr.call(this),r?this._erasNarrowRegex:this._erasRegex}function Fr(r,d){return d.erasAbbrRegex(r)}function Zg(r,d){return d.erasNameRegex(r)}function Xg(r,d){return d.erasNarrowRegex(r)}function Qg(r,d){return d._eraYearOrdinalRegex||Bn}function Kr(){var r=[],d=[],h=[],b=[],C,O,H=this.eras();for(C=0,O=H.length;C<O;++C)d.push(dt(H[C].name)),r.push(dt(H[C].abbr)),h.push(dt(H[C].narrow)),b.push(dt(H[C].name)),b.push(dt(H[C].abbr)),b.push(dt(H[C].narrow));this._erasRegex=new RegExp("^("+b.join("|")+")","i"),this._erasNameRegex=new RegExp("^("+d.join("|")+")","i"),this._erasAbbrRegex=new RegExp("^("+r.join("|")+")","i"),this._erasNarrowRegex=new RegExp("^("+h.join("|")+")","i")}j(0,["gg",2],0,function(){return this.weekYear()%100}),j(0,["GG",2],0,function(){return this.isoWeekYear()%100});function ns(r,d){j(0,[r,r.length],0,d)}ns("gggg","weekYear"),ns("ggggg","weekYear"),ns("GGGG","isoWeekYear"),ns("GGGGG","isoWeekYear"),Re("weekYear","gg"),Re("isoWeekYear","GG"),Ue("weekYear",1),Ue("isoWeekYear",1),re("G",Ga),re("g",Ga),re("GG",Ce,rt),re("gg",Ce,rt),re("GGGG",Cr,ve),re("gggg",Cr,ve),re("GGGGG",Wa,Ee),re("ggggg",Wa,Ee),ca(["gggg","ggggg","GGGG","GGGGG"],function(r,d,h,b){d[b.substr(0,2)]=ye(r)}),ca(["gg","GG"],function(r,d,h,b){d[b]=a.parseTwoDigitYear(r)});function eS(r){return Hl.call(this,r,this.week(),this.weekday(),this.localeData()._week.dow,this.localeData()._week.doy)}function tS(r){return Hl.call(this,r,this.isoWeek(),this.isoWeekday(),1,4)}function nS(){return zt(this.year(),1,4)}function aS(){return zt(this.isoWeekYear(),1,4)}function sS(){var r=this.localeData()._week;return zt(this.year(),r.dow,r.doy)}function rS(){var r=this.localeData()._week;return zt(this.weekYear(),r.dow,r.doy)}function Hl(r,d,h,b,C){var O;return r==null?ua(this,b,C).year:(O=zt(r,b,C),d>O&&(d=O),oS.call(this,r,d,h,b,C))}function oS(r,d,h,b,C){var O=vl(r,d,h,b,C),H=pa(O.year,0,O.dayOfYear);return this.year(H.getUTCFullYear()),this.month(H.getUTCMonth()),this.date(H.getUTCDate()),this}j("Q",0,"Qo","quarter"),Re("quarter","Q"),Ue("quarter",7),re("Q",ra),Le("Q",function(r,d){d[Ut]=(ye(r)-1)*3});function iS(r){return r==null?Math.ceil((this.month()+1)/3):this.month((r-1)*3+this.month()%3)}j("D",["DD",2],"Do","date"),Re("date","D"),Ue("date",9),re("D",Ce),re("DD",Ce,rt),re("Do",function(r,d){return r?d._dayOfMonthOrdinalParse||d._ordinalParse:d._dayOfMonthOrdinalParseLenient}),Le(["D","DD"],Ot),Le("Do",function(r,d){d[Ot]=ye(r.match(Ce)[0])});var Wl=Gt("Date",!0);j("DDD",["DDDD",3],"DDDo","dayOfYear"),Re("dayOfYear","DDD"),Ue("dayOfYear",4),re("DDD",Ln),re("DDDD",oa),Le(["DDD","DDDD"],function(r,d,h){h._dayOfYear=ye(r)});function lS(r){var d=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return r==null?d:this.add(r-d,"d")}j("m",["mm",2],0,"minute"),Re("minute","m"),Ue("minute",14),re("m",Ce),re("mm",Ce,rt),Le(["m","mm"],Dt);var cS=Gt("Minutes",!1);j("s",["ss",2],0,"second"),Re("second","s"),Ue("second",15),re("s",Ce),re("ss",Ce,rt),Le(["s","ss"],Yt);var dS=Gt("Seconds",!1);j("S",0,0,function(){return~~(this.millisecond()/100)}),j(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),j(0,["SSS",3],0,"millisecond"),j(0,["SSSS",4],0,function(){return this.millisecond()*10}),j(0,["SSSSS",5],0,function(){return this.millisecond()*100}),j(0,["SSSSSS",6],0,function(){return this.millisecond()*1e3}),j(0,["SSSSSSS",7],0,function(){return this.millisecond()*1e4}),j(0,["SSSSSSSS",8],0,function(){return this.millisecond()*1e5}),j(0,["SSSSSSSSS",9],0,function(){return this.millisecond()*1e6}),Re("millisecond","ms"),Ue("millisecond",16),re("S",Ln,ra),re("SS",Ln,rt),re("SSS",Ln,oa);var sn,Gl;for(sn="SSSS";sn.length<=9;sn+="S")re(sn,Bn);function pS(r,d){d[yn]=ye(("0."+r)*1e3)}for(sn="S";sn.length<=9;sn+="S")Le(sn,pS);Gl=Gt("Milliseconds",!1),j("z",0,0,"zoneAbbr"),j("zz",0,0,"zoneName");function uS(){return this._isUTC?"UTC":""}function mS(){return this._isUTC?"Coordinated Universal Time":""}var q=R.prototype;q.add=rg,q.calendar=ug,q.clone=mg,q.diff=yg,q.endOf=Mg,q.format=Cg,q.from=xg,q.fromNow=Dg,q.to=Ig,q.toNow=Ng,q.get=wr,q.invalidAt=Kg,q.isAfter=fg,q.isBefore=hg,q.isBetween=gg,q.isSame=Sg,q.isSameOrAfter=bg,q.isSameOrBefore=vg,q.isValid=Pg,q.lang=Pl,q.locale=Al,q.localeData=Fl,q.max=Ph,q.min=Ah,q.parsingFlags=Fg,q.set=Er,q.startOf=kg,q.subtract=og,q.toArray=Lg,q.toObject=Bg,q.toDate=Og,q.toISOString=wg,q.inspect=Eg,typeof Symbol!="undefined"&&Symbol.for!=null&&(q[Symbol.for("nodejs.util.inspect.custom")]=function(){return"Moment<"+this.format()+">"}),q.toJSON=Ag,q.toString=Tg,q.unix=Rg,q.valueOf=_g,q.creationData=Vg,q.eraName=Gg,q.eraNarrow=Ug,q.eraAbbr=Yg,q.eraYear=zg,q.year=bl,q.isLeapYear=Af,q.weekYear=eS,q.isoWeekYear=tS,q.quarter=q.quarters=iS,q.month=gl,q.daysInMonth=Of,q.week=q.weeks=Hf,q.isoWeek=q.isoWeeks=Wf,q.weeksInYear=sS,q.weeksInWeekYear=rS,q.isoWeeksInYear=nS,q.isoWeeksInISOWeekYear=aS,q.date=Wl,q.day=q.days=nh,q.weekday=ah,q.isoWeekday=sh,q.dayOfYear=lS,q.hour=q.hours=ph,q.minute=q.minutes=cS,q.second=q.seconds=dS,q.millisecond=q.milliseconds=Gl,q.utcOffset=Yh,q.utc=jh,q.local=qh,q.parseZone=Jh,q.hasAlignedHourOffset=Zh,q.isDST=Xh,q.isLocal=eg,q.isUtcOffset=tg,q.isUtc=_l,q.isUTC=_l,q.zoneAbbr=uS,q.zoneName=mS,q.dates=A("dates accessor is deprecated. Use date instead.",Wl),q.months=A("months accessor is deprecated. Use month instead",gl),q.years=A("years accessor is deprecated. Use year instead",bl),q.zone=A("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",zh),q.isDSTShifted=A("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",Qh);function fS(r){return Ae(r*1e3)}function hS(){return Ae.apply(null,arguments).parseZone()}function Ul(r){return r}var _e=J.prototype;_e.calendar=se,_e.longDateFormat=We,_e.invalidDate=Qe,_e.ordinal=gt,_e.preparse=Ul,_e.postformat=Ul,_e.relativeTime=we,_e.pastFuture=$e,_e.set=de,_e.eras=$g,_e.erasParse=Hg,_e.erasConvertYear=Wg,_e.erasAbbrRegex=qg,_e.erasNameRegex=jg,_e.erasNarrowRegex=Jg,_e.months=kf,_e.monthsShort=Mf,_e.monthsParse=Rf,_e.monthsRegex=Bf,_e.monthsShortRegex=Lf,_e.week=Ff,_e.firstDayOfYear=$f,_e.firstDayOfWeek=Vf,_e.weekdays=Zf,_e.weekdaysMin=Qf,_e.weekdaysShort=Xf,_e.weekdaysParse=th,_e.weekdaysRegex=rh,_e.weekdaysShortRegex=oh,_e.weekdaysMinRegex=ih,_e.isPM=ch,_e.meridiem=uh;function as(r,d,h,b){var C=jt(),O=T().set(b,d);return C[h](O,r)}function Yl(r,d,h){if(f(r)&&(d=r,r=void 0),r=r||"",d!=null)return as(r,d,h,"month");var b,C=[];for(b=0;b<12;b++)C[b]=as(r,b,h,"month");return C}function Vr(r,d,h,b){typeof r=="boolean"?(f(d)&&(h=d,d=void 0),d=d||""):(d=r,h=d,r=!1,f(d)&&(h=d,d=void 0),d=d||"");var C=jt(),O=r?C._week.dow:0,H,he=[];if(h!=null)return as(d,(h+O)%7,b,"day");for(H=0;H<7;H++)he[H]=as(d,(H+O)%7,b,"day");return he}function gS(r,d){return Yl(r,d,"months")}function SS(r,d){return Yl(r,d,"monthsShort")}function bS(r,d,h){return Vr(r,d,h,"weekdays")}function vS(r,d,h){return Vr(r,d,h,"weekdaysShort")}function yS(r,d,h){return Vr(r,d,h,"weekdaysMin")}an("en",{eras:[{since:"0001-01-01",until:1/0,offset:1,name:"Anno Domini",narrow:"AD",abbr:"AD"},{since:"0000-12-31",until:-1/0,offset:1,name:"Before Christ",narrow:"BC",abbr:"BC"}],dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(r){var d=r%10,h=ye(r%100/10)===1?"th":d===1?"st":d===2?"nd":d===3?"rd":"th";return r+h}}),a.lang=A("moment.lang is deprecated. Use moment.locale instead.",an),a.langData=A("moment.langData is deprecated. Use moment.localeData instead.",jt);var qt=Math.abs;function TS(){var r=this._data;return this._milliseconds=qt(this._milliseconds),this._days=qt(this._days),this._months=qt(this._months),r.milliseconds=qt(r.milliseconds),r.seconds=qt(r.seconds),r.minutes=qt(r.minutes),r.hours=qt(r.hours),r.months=qt(r.months),r.years=qt(r.years),this}function zl(r,d,h,b){var C=It(d,h);return r._milliseconds+=b*C._milliseconds,r._days+=b*C._days,r._months+=b*C._months,r._bubble()}function wS(r,d){return zl(this,r,d,1)}function ES(r,d){return zl(this,r,d,-1)}function jl(r){return r<0?Math.floor(r):Math.ceil(r)}function CS(){var r=this._milliseconds,d=this._days,h=this._months,b=this._data,C,O,H,he,xe;return r>=0&&d>=0&&h>=0||r<=0&&d<=0&&h<=0||(r+=jl($r(h)+d)*864e5,d=0,h=0),b.milliseconds=r%1e3,C=je(r/1e3),b.seconds=C%60,O=je(C/60),b.minutes=O%60,H=je(O/60),b.hours=H%24,d+=je(H/24),xe=je(ql(d)),h+=xe,d-=jl($r(xe)),he=je(h/12),h%=12,b.days=d,b.months=h,b.years=he,this}function ql(r){return r*4800/146097}function $r(r){return r*146097/4800}function xS(r){if(!this.isValid())return NaN;var d,h,b=this._milliseconds;if(r=be(r),r==="month"||r==="quarter"||r==="year")switch(d=this._days+b/864e5,h=this._months+ql(d),r){case"month":return h;case"quarter":return h/3;case"year":return h/12}else switch(d=this._days+Math.round($r(this._months)),r){case"week":return d/7+b/6048e5;case"day":return d+b/864e5;case"hour":return d*24+b/36e5;case"minute":return d*1440+b/6e4;case"second":return d*86400+b/1e3;case"millisecond":return Math.floor(d*864e5)+b;default:throw new Error("Unknown unit "+r)}}function DS(){return this.isValid()?this._milliseconds+this._days*864e5+this._months%12*2592e6+ye(this._months/12)*31536e6:NaN}function Jt(r){return function(){return this.as(r)}}var IS=Jt("ms"),NS=Jt("s"),kS=Jt("m"),MS=Jt("h"),_S=Jt("d"),RS=Jt("w"),OS=Jt("M"),LS=Jt("Q"),BS=Jt("y");function AS(){return It(this)}function PS(r){return r=be(r),this.isValid()?this[r+"s"]():NaN}function wn(r){return function(){return this.isValid()?this._data[r]:NaN}}var FS=wn("milliseconds"),KS=wn("seconds"),VS=wn("minutes"),$S=wn("hours"),HS=wn("days"),WS=wn("months"),GS=wn("years");function US(){return je(this.days()/7)}var Zt=Math.round,Kn={ss:44,s:45,m:45,h:22,d:26,w:null,M:11};function YS(r,d,h,b,C){return C.relativeTime(d||1,!!h,r,b)}function zS(r,d,h,b){var C=It(r).abs(),O=Zt(C.as("s")),H=Zt(C.as("m")),he=Zt(C.as("h")),xe=Zt(C.as("d")),Be=Zt(C.as("M")),Lt=Zt(C.as("w")),Xt=Zt(C.as("y")),rn=O<=h.ss&&["s",O]||O<h.s&&["ss",O]||H<=1&&["m"]||H<h.m&&["mm",H]||he<=1&&["h"]||he<h.h&&["hh",he]||xe<=1&&["d"]||xe<h.d&&["dd",xe];return h.w!=null&&(rn=rn||Lt<=1&&["w"]||Lt<h.w&&["ww",Lt]),rn=rn||Be<=1&&["M"]||Be<h.M&&["MM",Be]||Xt<=1&&["y"]||["yy",Xt],rn[2]=d,rn[3]=+r>0,rn[4]=b,YS.apply(null,rn)}function jS(r){return r===void 0?Zt:typeof r=="function"?(Zt=r,!0):!1}function qS(r,d){return Kn[r]===void 0?!1:d===void 0?Kn[r]:(Kn[r]=d,r==="s"&&(Kn.ss=d-1),!0)}function JS(r,d){if(!this.isValid())return this.localeData().invalidDate();var h=!1,b=Kn,C,O;return typeof r=="object"&&(d=r,r=!1),typeof r=="boolean"&&(h=r),typeof d=="object"&&(b=Object.assign({},Kn,d),d.s!=null&&d.ss==null&&(b.ss=d.s-1)),C=this.localeData(),O=zS(this,!h,b,C),h&&(O=C.pastFuture(+this,O)),C.postformat(O)}var Hr=Math.abs;function Vn(r){return(r>0)-(r<0)||+r}function ss(){if(!this.isValid())return this.localeData().invalidDate();var r=Hr(this._milliseconds)/1e3,d=Hr(this._days),h=Hr(this._months),b,C,O,H,he=this.asSeconds(),xe,Be,Lt,Xt;return he?(b=je(r/60),C=je(b/60),r%=60,b%=60,O=je(h/12),h%=12,H=r?r.toFixed(3).replace(/\.?0+$/,""):"",xe=he<0?"-":"",Be=Vn(this._months)!==Vn(he)?"-":"",Lt=Vn(this._days)!==Vn(he)?"-":"",Xt=Vn(this._milliseconds)!==Vn(he)?"-":"",xe+"P"+(O?Be+O+"Y":"")+(h?Be+h+"M":"")+(d?Lt+d+"D":"")+(C||b||r?"T":"")+(C?Xt+C+"H":"")+(b?Xt+b+"M":"")+(r?Xt+H+"S":"")):"P0D"}var Ne=Za.prototype;Ne.isValid=Hh,Ne.abs=TS,Ne.add=wS,Ne.subtract=ES,Ne.as=xS,Ne.asMilliseconds=IS,Ne.asSeconds=NS,Ne.asMinutes=kS,Ne.asHours=MS,Ne.asDays=_S,Ne.asWeeks=RS,Ne.asMonths=OS,Ne.asQuarters=LS,Ne.asYears=BS,Ne.valueOf=DS,Ne._bubble=CS,Ne.clone=AS,Ne.get=PS,Ne.milliseconds=FS,Ne.seconds=KS,Ne.minutes=VS,Ne.hours=$S,Ne.days=HS,Ne.weeks=US,Ne.months=WS,Ne.years=GS,Ne.humanize=JS,Ne.toISOString=ss,Ne.toString=ss,Ne.toJSON=ss,Ne.locale=Al,Ne.localeData=Fl,Ne.toIsoString=A("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",ss),Ne.lang=Pl,j("X",0,0,"unix"),j("x",0,0,"valueOf"),re("x",Ga),re("X",vf),Le("X",function(r,d,h){h._d=new Date(parseFloat(r)*1e3)}),Le("x",function(r,d,h){h._d=new Date(ye(r))});//! moment.js
|
|
1684
|
-
return
|
|
1685
|
-
var
|
|
1686
|
-
var
|
|
1687
|
-
var
|
|
1688
|
-
var
|
|
1689
|
-
var
|
|
1690
|
-
var
|
|
1691
|
-
var
|
|
1692
|
-
var
|
|
1693
|
-
var
|
|
1683
|
+
`+new Error().stack),h=!1}return d.apply(this,arguments)},d)}var U={};function V(r,d){s.deprecationHandler!=null&&s.deprecationHandler(r,d),U[r]||(F(d),U[r]=!0)}s.suppressDeprecationWarnings=!1,s.deprecationHandler=null;function G(r){return typeof Function!="undefined"&&r instanceof Function||Object.prototype.toString.call(r)==="[object Function]"}function pe(r){var d,h;for(h in r)l(r,h)&&(d=r[h],G(d)?this[h]=d:this["_"+h]=d);this._config=r,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)}function ue(r,d){var h=S({},r),b;for(b in d)l(d,b)&&(c(r[b])&&c(d[b])?(h[b]={},S(h[b],r[b]),S(h[b],d[b])):d[b]!=null?h[b]=d[b]:delete h[b]);for(b in r)l(r,b)&&!l(d,b)&&c(r[b])&&(h[b]=S({},h[b]));return h}function J(r){r!=null&&this.set(r)}var Q;Object.keys?Q=Object.keys:Q=function(r){var d,h=[];for(d in r)l(r,d)&&h.push(d);return h};var oe={sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"};function se(r,d,h){var b=this._calendar[r]||this._calendar.sameElse;return G(b)?b.call(d,h):b}function ce(r,d,h){var b=""+Math.abs(r),C=d-b.length,L=r>=0;return(L?h?"+":"":"-")+Math.pow(10,Math.max(0,C)).toString().substr(1)+b}var ee=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|N{1,5}|YYYYYY|YYYYY|YYYY|YY|y{2,4}|yo?|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,te=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,Z={},ie={};function j(r,d,h,b){var C=b;typeof b=="string"&&(C=function(){return this[b]()}),r&&(ie[r]=C),d&&(ie[d[0]]=function(){return ce(C.apply(this,arguments),d[1],d[2])}),h&&(ie[h]=function(){return this.localeData().ordinal(C.apply(this,arguments),r)})}function ye(r){return r.match(/\[[\s\S]/)?r.replace(/^\[|\]$/g,""):r.replace(/\\/g,"")}function Ie(r){var d=r.match(ee),h,b;for(h=0,b=d.length;h<b;h++)ie[d[h]]?d[h]=ie[d[h]]:d[h]=ye(d[h]);return function(C){var L="",W;for(W=0;W<b;W++)L+=G(d[W])?d[W].call(C,r):d[W];return L}}function Ce(r,d){return r.isValid()?(d=we(d,r.localeData()),Z[d]=Z[d]||Ie(d),Z[d](r)):r.localeData().invalidDate()}function we(r,d){var h=5;function b(C){return d.longDateFormat(C)||C}for(te.lastIndex=0;h>=0&&te.test(r);)r=r.replace(te,b),te.lastIndex=0,h-=1;return r}var Ke={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};function $e(r){var d=this._longDateFormat[r],h=this._longDateFormat[r.toUpperCase()];return d||!h?d:(this._longDateFormat[r]=h.match(ee).map(function(b){return b==="MMMM"||b==="MM"||b==="DD"||b==="dddd"?b.slice(1):b}).join(""),this._longDateFormat[r])}var je="Invalid date";function et(){return this._invalidDate}var qe="%d",ut=/\d{1,2}/;function ct(r){return this._ordinal.replace("%d",r)}var vt={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",w:"a week",ww:"%d weeks",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function Ee(r,d,h,b){var C=this._relativeTime[h];return G(C)?C(r,d,h,b):C.replace(/%d/i,r)}function We(r,d){var h=this._relativeTime[r>0?"future":"past"];return G(h)?h(d):h.replace(/%s/i,d)}var Ye={};function Ve(r,d){var h=r.toLowerCase();Ye[h]=Ye[h+"s"]=Ye[d]=r}function Se(r){return typeof r=="string"?Ye[r]||Ye[r.toLowerCase()]:void 0}function He(r){var d={},h,b;for(b in r)l(r,b)&&(h=Se(b),h&&(d[h]=r[b]));return d}var Pe={};function Ge(r,d){Pe[r]=d}function wr(r){var d=[],h;for(h in r)l(r,h)&&d.push({unit:h,priority:Pe[h]});return d.sort(function(b,C){return b.priority-C.priority}),d}function Bn(r){return r%4==0&&r%100!=0||r%400==0}function tt(r){return r<0?Math.ceil(r)||0:Math.floor(r)}function Te(r){var d=+r,h=0;return d!==0&&isFinite(d)&&(h=tt(d)),h}function yt(r,d){return function(h){return h!=null?(Pn(this,r,h),s.updateOffset(this,d),this):Sn(this,r)}}function Sn(r,d){return r.isValid()?r._d["get"+(r._isUTC?"UTC":"")+d]():NaN}function Pn(r,d,h){r.isValid()&&!isNaN(h)&&(d==="FullYear"&&Bn(r.year())&&r.month()===1&&r.date()===29?(h=Te(h),r._d["set"+(r._isUTC?"UTC":"")+d](h,r.month(),ja(h,r.month()))):r._d["set"+(r._isUTC?"UTC":"")+d](h))}function Er(r){return r=Se(r),G(this[r])?this[r]():this}function Cr(r,d){if(typeof r=="object"){r=He(r);var h=wr(r),b;for(b=0;b<h.length;b++)this[h[b].unit](r[h[b].unit])}else if(r=Se(r),G(this[r]))return this[r](d);return this}var Ha=/\d/,at=/\d\d/,Wa=/\d{3}/,An=/\d{4}/,ve=/[+-]?\d{6}/,de=/\d\d?/,ot=/\d\d\d\d?/,bn=/\d\d\d\d\d\d?/,vn=/\d{1,3}/,la=/\d{1,4}/,Ga=/[+-]?\d{1,6}/,Fn=/\d+/,Ua=/[+-]?\d+/,vf=/Z|[+-]\d\d:?\d\d/gi,Ya=/Z|[+-]\d\d(?::?\d\d)?/gi,yf=/[+-]?\d+(\.\d{1,3})?/,ca=/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,za;za={};function re(r,d,h){za[r]=G(d)?d:function(b,C){return b&&h?h:d}}function Tf(r,d){return l(za,r)?za[r](d._strict,d._locale):new RegExp(wf(r))}function wf(r){return mt(r.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(d,h,b,C,L){return h||b||C||L}))}function mt(r){return r.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}var xr={};function _e(r,d){var h,b=d;for(typeof r=="string"&&(r=[r]),f(d)&&(b=function(C,L){L[d]=Te(C)}),h=0;h<r.length;h++)xr[r[h]]=b}function da(r,d){_e(r,function(h,b,C,L){C._w=C._w||{},d(h,C._w,C,L)})}function Ef(r,d,h){d!=null&&l(xr,r)&&xr[r](d,h._a,h,r)}var st=0,Gt=1,Ot=2,ze=3,It=4,Ut=5,yn=6,Cf=7,xf=8;function Df(r,d){return(r%d+d)%d}var Ue;Array.prototype.indexOf?Ue=Array.prototype.indexOf:Ue=function(r){var d;for(d=0;d<this.length;++d)if(this[d]===r)return d;return-1};function ja(r,d){if(isNaN(r)||isNaN(d))return NaN;var h=Df(d,12);return r+=(d-h)/12,h===1?Bn(r)?29:28:31-h%7%2}j("M",["MM",2],"Mo",function(){return this.month()+1}),j("MMM",0,0,function(r){return this.localeData().monthsShort(this,r)}),j("MMMM",0,0,function(r){return this.localeData().months(this,r)}),Ve("month","M"),Ge("month",8),re("M",de),re("MM",de,at),re("MMM",function(r,d){return d.monthsShortRegex(r)}),re("MMMM",function(r,d){return d.monthsRegex(r)}),_e(["M","MM"],function(r,d){d[Gt]=Te(r)-1}),_e(["MMM","MMMM"],function(r,d,h,b){var C=h._locale.monthsParse(r,b,h._strict);C!=null?d[Gt]=C:E(h).invalidMonth=r});var If="January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ml="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),fl=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,Nf=ca,kf=ca;function Mf(r,d){return r?i(this._months)?this._months[r.month()]:this._months[(this._months.isFormat||fl).test(d)?"format":"standalone"][r.month()]:i(this._months)?this._months:this._months.standalone}function _f(r,d){return r?i(this._monthsShort)?this._monthsShort[r.month()]:this._monthsShort[fl.test(d)?"format":"standalone"][r.month()]:i(this._monthsShort)?this._monthsShort:this._monthsShort.standalone}function Rf(r,d,h){var b,C,L,W=r.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],b=0;b<12;++b)L=T([2e3,b]),this._shortMonthsParse[b]=this.monthsShort(L,"").toLocaleLowerCase(),this._longMonthsParse[b]=this.months(L,"").toLocaleLowerCase();return h?d==="MMM"?(C=Ue.call(this._shortMonthsParse,W),C!==-1?C:null):(C=Ue.call(this._longMonthsParse,W),C!==-1?C:null):d==="MMM"?(C=Ue.call(this._shortMonthsParse,W),C!==-1?C:(C=Ue.call(this._longMonthsParse,W),C!==-1?C:null)):(C=Ue.call(this._longMonthsParse,W),C!==-1?C:(C=Ue.call(this._shortMonthsParse,W),C!==-1?C:null))}function Lf(r,d,h){var b,C,L;if(this._monthsParseExact)return Rf.call(this,r,d,h);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),b=0;b<12;b++){if(C=T([2e3,b]),h&&!this._longMonthsParse[b]&&(this._longMonthsParse[b]=new RegExp("^"+this.months(C,"").replace(".","")+"$","i"),this._shortMonthsParse[b]=new RegExp("^"+this.monthsShort(C,"").replace(".","")+"$","i")),!h&&!this._monthsParse[b]&&(L="^"+this.months(C,"")+"|^"+this.monthsShort(C,""),this._monthsParse[b]=new RegExp(L.replace(".",""),"i")),h&&d==="MMMM"&&this._longMonthsParse[b].test(r))return b;if(h&&d==="MMM"&&this._shortMonthsParse[b].test(r))return b;if(!h&&this._monthsParse[b].test(r))return b}}function hl(r,d){var h;if(!r.isValid())return r;if(typeof d=="string"){if(/^\d+$/.test(d))d=Te(d);else if(d=r.localeData().monthsParse(d),!f(d))return r}return h=Math.min(r.date(),ja(r.year(),d)),r._d["set"+(r._isUTC?"UTC":"")+"Month"](d,h),r}function gl(r){return r!=null?(hl(this,r),s.updateOffset(this,!0),this):Sn(this,"Month")}function Of(){return ja(this.year(),this.month())}function Bf(r){return this._monthsParseExact?(l(this,"_monthsRegex")||Sl.call(this),r?this._monthsShortStrictRegex:this._monthsShortRegex):(l(this,"_monthsShortRegex")||(this._monthsShortRegex=Nf),this._monthsShortStrictRegex&&r?this._monthsShortStrictRegex:this._monthsShortRegex)}function Pf(r){return this._monthsParseExact?(l(this,"_monthsRegex")||Sl.call(this),r?this._monthsStrictRegex:this._monthsRegex):(l(this,"_monthsRegex")||(this._monthsRegex=kf),this._monthsStrictRegex&&r?this._monthsStrictRegex:this._monthsRegex)}function Sl(){function r(W,ge){return ge.length-W.length}var d=[],h=[],b=[],C,L;for(C=0;C<12;C++)L=T([2e3,C]),d.push(this.monthsShort(L,"")),h.push(this.months(L,"")),b.push(this.months(L,"")),b.push(this.monthsShort(L,""));for(d.sort(r),h.sort(r),b.sort(r),C=0;C<12;C++)d[C]=mt(d[C]),h[C]=mt(h[C]);for(C=0;C<24;C++)b[C]=mt(b[C]);this._monthsRegex=new RegExp("^("+b.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+h.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+d.join("|")+")","i")}j("Y",0,0,function(){var r=this.year();return r<=9999?ce(r,4):"+"+r}),j(0,["YY",2],0,function(){return this.year()%100}),j(0,["YYYY",4],0,"year"),j(0,["YYYYY",5],0,"year"),j(0,["YYYYYY",6,!0],0,"year"),Ve("year","y"),Ge("year",1),re("Y",Ua),re("YY",de,at),re("YYYY",la,An),re("YYYYY",Ga,ve),re("YYYYYY",Ga,ve),_e(["YYYYY","YYYYYY"],st),_e("YYYY",function(r,d){d[st]=r.length===2?s.parseTwoDigitYear(r):Te(r)}),_e("YY",function(r,d){d[st]=s.parseTwoDigitYear(r)}),_e("Y",function(r,d){d[st]=parseInt(r,10)});function pa(r){return Bn(r)?366:365}s.parseTwoDigitYear=function(r){return Te(r)+(Te(r)>68?1900:2e3)};var bl=yt("FullYear",!0);function Af(){return Bn(this.year())}function Ff(r,d,h,b,C,L,W){var ge;return r<100&&r>=0?(ge=new Date(r+400,d,h,b,C,L,W),isFinite(ge.getFullYear())&&ge.setFullYear(r)):ge=new Date(r,d,h,b,C,L,W),ge}function ua(r){var d,h;return r<100&&r>=0?(h=Array.prototype.slice.call(arguments),h[0]=r+400,d=new Date(Date.UTC.apply(null,h)),isFinite(d.getUTCFullYear())&&d.setUTCFullYear(r)):d=new Date(Date.UTC.apply(null,arguments)),d}function qa(r,d,h){var b=7+d-h,C=(7+ua(r,0,b).getUTCDay()-d)%7;return-C+b-1}function vl(r,d,h,b,C){var L=(7+h-b)%7,W=qa(r,b,C),ge=1+7*(d-1)+L+W,xe,Re;return ge<=0?(xe=r-1,Re=pa(xe)+ge):ge>pa(r)?(xe=r+1,Re=ge-pa(r)):(xe=r,Re=ge),{year:xe,dayOfYear:Re}}function ma(r,d,h){var b=qa(r.year(),d,h),C=Math.floor((r.dayOfYear()-b-1)/7)+1,L,W;return C<1?(W=r.year()-1,L=C+Yt(W,d,h)):C>Yt(r.year(),d,h)?(L=C-Yt(r.year(),d,h),W=r.year()+1):(W=r.year(),L=C),{week:L,year:W}}function Yt(r,d,h){var b=qa(r,d,h),C=qa(r+1,d,h);return(pa(r)-b+C)/7}j("w",["ww",2],"wo","week"),j("W",["WW",2],"Wo","isoWeek"),Ve("week","w"),Ve("isoWeek","W"),Ge("week",5),Ge("isoWeek",5),re("w",de),re("ww",de,at),re("W",de),re("WW",de,at),da(["w","ww","W","WW"],function(r,d,h,b){d[b.substr(0,1)]=Te(r)});function Kf(r){return ma(r,this._week.dow,this._week.doy).week}var Vf={dow:0,doy:6};function $f(){return this._week.dow}function Hf(){return this._week.doy}function Wf(r){var d=this.localeData().week(this);return r==null?d:this.add((r-d)*7,"d")}function Gf(r){var d=ma(this,1,4).week;return r==null?d:this.add((r-d)*7,"d")}j("d",0,"do","day"),j("dd",0,0,function(r){return this.localeData().weekdaysMin(this,r)}),j("ddd",0,0,function(r){return this.localeData().weekdaysShort(this,r)}),j("dddd",0,0,function(r){return this.localeData().weekdays(this,r)}),j("e",0,0,"weekday"),j("E",0,0,"isoWeekday"),Ve("day","d"),Ve("weekday","e"),Ve("isoWeekday","E"),Ge("day",11),Ge("weekday",11),Ge("isoWeekday",11),re("d",de),re("e",de),re("E",de),re("dd",function(r,d){return d.weekdaysMinRegex(r)}),re("ddd",function(r,d){return d.weekdaysShortRegex(r)}),re("dddd",function(r,d){return d.weekdaysRegex(r)}),da(["dd","ddd","dddd"],function(r,d,h,b){var C=h._locale.weekdaysParse(r,b,h._strict);C!=null?d.d=C:E(h).invalidWeekday=r}),da(["d","e","E"],function(r,d,h,b){d[b]=Te(r)});function Uf(r,d){return typeof r!="string"?r:isNaN(r)?(r=d.weekdaysParse(r),typeof r=="number"?r:null):parseInt(r,10)}function Yf(r,d){return typeof r=="string"?d.weekdaysParse(r)%7||7:isNaN(r)?null:r}function Dr(r,d){return r.slice(d,7).concat(r.slice(0,d))}var zf="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),yl="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),jf="Su_Mo_Tu_We_Th_Fr_Sa".split("_"),qf=ca,Jf=ca,Zf=ca;function Xf(r,d){var h=i(this._weekdays)?this._weekdays:this._weekdays[r&&r!==!0&&this._weekdays.isFormat.test(d)?"format":"standalone"];return r===!0?Dr(h,this._week.dow):r?h[r.day()]:h}function Qf(r){return r===!0?Dr(this._weekdaysShort,this._week.dow):r?this._weekdaysShort[r.day()]:this._weekdaysShort}function eh(r){return r===!0?Dr(this._weekdaysMin,this._week.dow):r?this._weekdaysMin[r.day()]:this._weekdaysMin}function th(r,d,h){var b,C,L,W=r.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],b=0;b<7;++b)L=T([2e3,1]).day(b),this._minWeekdaysParse[b]=this.weekdaysMin(L,"").toLocaleLowerCase(),this._shortWeekdaysParse[b]=this.weekdaysShort(L,"").toLocaleLowerCase(),this._weekdaysParse[b]=this.weekdays(L,"").toLocaleLowerCase();return h?d==="dddd"?(C=Ue.call(this._weekdaysParse,W),C!==-1?C:null):d==="ddd"?(C=Ue.call(this._shortWeekdaysParse,W),C!==-1?C:null):(C=Ue.call(this._minWeekdaysParse,W),C!==-1?C:null):d==="dddd"?(C=Ue.call(this._weekdaysParse,W),C!==-1||(C=Ue.call(this._shortWeekdaysParse,W),C!==-1)?C:(C=Ue.call(this._minWeekdaysParse,W),C!==-1?C:null)):d==="ddd"?(C=Ue.call(this._shortWeekdaysParse,W),C!==-1||(C=Ue.call(this._weekdaysParse,W),C!==-1)?C:(C=Ue.call(this._minWeekdaysParse,W),C!==-1?C:null)):(C=Ue.call(this._minWeekdaysParse,W),C!==-1||(C=Ue.call(this._weekdaysParse,W),C!==-1)?C:(C=Ue.call(this._shortWeekdaysParse,W),C!==-1?C:null))}function nh(r,d,h){var b,C,L;if(this._weekdaysParseExact)return th.call(this,r,d,h);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),b=0;b<7;b++){if(C=T([2e3,1]).day(b),h&&!this._fullWeekdaysParse[b]&&(this._fullWeekdaysParse[b]=new RegExp("^"+this.weekdays(C,"").replace(".","\\.?")+"$","i"),this._shortWeekdaysParse[b]=new RegExp("^"+this.weekdaysShort(C,"").replace(".","\\.?")+"$","i"),this._minWeekdaysParse[b]=new RegExp("^"+this.weekdaysMin(C,"").replace(".","\\.?")+"$","i")),this._weekdaysParse[b]||(L="^"+this.weekdays(C,"")+"|^"+this.weekdaysShort(C,"")+"|^"+this.weekdaysMin(C,""),this._weekdaysParse[b]=new RegExp(L.replace(".",""),"i")),h&&d==="dddd"&&this._fullWeekdaysParse[b].test(r))return b;if(h&&d==="ddd"&&this._shortWeekdaysParse[b].test(r))return b;if(h&&d==="dd"&&this._minWeekdaysParse[b].test(r))return b;if(!h&&this._weekdaysParse[b].test(r))return b}}function ah(r){if(!this.isValid())return r!=null?this:NaN;var d=this._isUTC?this._d.getUTCDay():this._d.getDay();return r!=null?(r=Uf(r,this.localeData()),this.add(r-d,"d")):d}function sh(r){if(!this.isValid())return r!=null?this:NaN;var d=(this.day()+7-this.localeData()._week.dow)%7;return r==null?d:this.add(r-d,"d")}function rh(r){if(!this.isValid())return r!=null?this:NaN;if(r!=null){var d=Yf(r,this.localeData());return this.day(this.day()%7?d:d-7)}else return this.day()||7}function oh(r){return this._weekdaysParseExact?(l(this,"_weekdaysRegex")||Ir.call(this),r?this._weekdaysStrictRegex:this._weekdaysRegex):(l(this,"_weekdaysRegex")||(this._weekdaysRegex=qf),this._weekdaysStrictRegex&&r?this._weekdaysStrictRegex:this._weekdaysRegex)}function ih(r){return this._weekdaysParseExact?(l(this,"_weekdaysRegex")||Ir.call(this),r?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(l(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=Jf),this._weekdaysShortStrictRegex&&r?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)}function lh(r){return this._weekdaysParseExact?(l(this,"_weekdaysRegex")||Ir.call(this),r?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(l(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=Zf),this._weekdaysMinStrictRegex&&r?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)}function Ir(){function r(Bt,Zt){return Zt.length-Bt.length}var d=[],h=[],b=[],C=[],L,W,ge,xe,Re;for(L=0;L<7;L++)W=T([2e3,1]).day(L),ge=mt(this.weekdaysMin(W,"")),xe=mt(this.weekdaysShort(W,"")),Re=mt(this.weekdays(W,"")),d.push(ge),h.push(xe),b.push(Re),C.push(ge),C.push(xe),C.push(Re);d.sort(r),h.sort(r),b.sort(r),C.sort(r),this._weekdaysRegex=new RegExp("^("+C.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+b.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+h.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+d.join("|")+")","i")}function Nr(){return this.hours()%12||12}function ch(){return this.hours()||24}j("H",["HH",2],0,"hour"),j("h",["hh",2],0,Nr),j("k",["kk",2],0,ch),j("hmm",0,0,function(){return""+Nr.apply(this)+ce(this.minutes(),2)}),j("hmmss",0,0,function(){return""+Nr.apply(this)+ce(this.minutes(),2)+ce(this.seconds(),2)}),j("Hmm",0,0,function(){return""+this.hours()+ce(this.minutes(),2)}),j("Hmmss",0,0,function(){return""+this.hours()+ce(this.minutes(),2)+ce(this.seconds(),2)});function Tl(r,d){j(r,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),d)})}Tl("a",!0),Tl("A",!1),Ve("hour","h"),Ge("hour",13);function wl(r,d){return d._meridiemParse}re("a",wl),re("A",wl),re("H",de),re("h",de),re("k",de),re("HH",de,at),re("hh",de,at),re("kk",de,at),re("hmm",ot),re("hmmss",bn),re("Hmm",ot),re("Hmmss",bn),_e(["H","HH"],ze),_e(["k","kk"],function(r,d,h){var b=Te(r);d[ze]=b===24?0:b}),_e(["a","A"],function(r,d,h){h._isPm=h._locale.isPM(r),h._meridiem=r}),_e(["h","hh"],function(r,d,h){d[ze]=Te(r),E(h).bigHour=!0}),_e("hmm",function(r,d,h){var b=r.length-2;d[ze]=Te(r.substr(0,b)),d[It]=Te(r.substr(b)),E(h).bigHour=!0}),_e("hmmss",function(r,d,h){var b=r.length-4,C=r.length-2;d[ze]=Te(r.substr(0,b)),d[It]=Te(r.substr(b,2)),d[Ut]=Te(r.substr(C)),E(h).bigHour=!0}),_e("Hmm",function(r,d,h){var b=r.length-2;d[ze]=Te(r.substr(0,b)),d[It]=Te(r.substr(b))}),_e("Hmmss",function(r,d,h){var b=r.length-4,C=r.length-2;d[ze]=Te(r.substr(0,b)),d[It]=Te(r.substr(b,2)),d[Ut]=Te(r.substr(C))});function dh(r){return(r+"").toLowerCase().charAt(0)==="p"}var ph=/[ap]\.?m?\.?/i,uh=yt("Hours",!0);function mh(r,d,h){return r>11?h?"pm":"PM":h?"am":"AM"}var El={calendar:oe,longDateFormat:Ke,invalidDate:je,ordinal:qe,dayOfMonthOrdinalParse:ut,relativeTime:vt,months:If,monthsShort:ml,week:Vf,weekdays:zf,weekdaysMin:jf,weekdaysShort:yl,meridiemParse:ph},Ae={},fa={},ha;function fh(r,d){var h,b=Math.min(r.length,d.length);for(h=0;h<b;h+=1)if(r[h]!==d[h])return h;return b}function Cl(r){return r&&r.toLowerCase().replace("_","-")}function hh(r){for(var d=0,h,b,C,L;d<r.length;){for(L=Cl(r[d]).split("-"),h=L.length,b=Cl(r[d+1]),b=b?b.split("-"):null;h>0;){if(C=Ja(L.slice(0,h).join("-")),C)return C;if(b&&b.length>=h&&fh(L,b)>=h-1)break;h--}d++}return ha}function Ja(r){var d=null,h;if(Ae[r]===void 0&&!0&&e&&e.exports)try{d=ha._abbr,h=At,h("./locale/"+r),tn(d)}catch{Ae[r]=null}return Ae[r]}function tn(r,d){var h;return r&&(u(d)?h=zt(r):h=kr(r,d),h?ha=h:typeof console!="undefined"&&console.warn&&console.warn("Locale "+r+" not found. Did you forget to load it?")),ha._abbr}function kr(r,d){if(d!==null){var h,b=El;if(d.abbr=r,Ae[r]!=null)V("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),b=Ae[r]._config;else if(d.parentLocale!=null)if(Ae[d.parentLocale]!=null)b=Ae[d.parentLocale]._config;else if(h=Ja(d.parentLocale),h!=null)b=h._config;else return fa[d.parentLocale]||(fa[d.parentLocale]=[]),fa[d.parentLocale].push({name:r,config:d}),null;return Ae[r]=new J(ue(b,d)),fa[r]&&fa[r].forEach(function(C){kr(C.name,C.config)}),tn(r),Ae[r]}else return delete Ae[r],null}function gh(r,d){if(d!=null){var h,b,C=El;Ae[r]!=null&&Ae[r].parentLocale!=null?Ae[r].set(ue(Ae[r]._config,d)):(b=Ja(r),b!=null&&(C=b._config),d=ue(C,d),b==null&&(d.abbr=r),h=new J(d),h.parentLocale=Ae[r],Ae[r]=h),tn(r)}else Ae[r]!=null&&(Ae[r].parentLocale!=null?(Ae[r]=Ae[r].parentLocale,r===tn()&&tn(r)):Ae[r]!=null&&delete Ae[r]);return Ae[r]}function zt(r){var d;if(r&&r._locale&&r._locale._abbr&&(r=r._locale._abbr),!r)return ha;if(!i(r)){if(d=Ja(r),d)return d;r=[r]}return hh(r)}function Sh(){return Q(Ae)}function Mr(r){var d,h=r._a;return h&&E(r).overflow===-2&&(d=h[Gt]<0||h[Gt]>11?Gt:h[Ot]<1||h[Ot]>ja(h[st],h[Gt])?Ot:h[ze]<0||h[ze]>24||h[ze]===24&&(h[It]!==0||h[Ut]!==0||h[yn]!==0)?ze:h[It]<0||h[It]>59?It:h[Ut]<0||h[Ut]>59?Ut:h[yn]<0||h[yn]>999?yn:-1,E(r)._overflowDayOfYear&&(d<st||d>Ot)&&(d=Ot),E(r)._overflowWeeks&&d===-1&&(d=Cf),E(r)._overflowWeekday&&d===-1&&(d=xf),E(r).overflow=d),r}var bh=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,vh=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d|))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([+-]\d\d(?::?\d\d)?|\s*Z)?)?$/,yh=/Z|[+-]\d\d(?::?\d\d)?/,Za=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/],["YYYYMM",/\d{6}/,!1],["YYYY",/\d{4}/,!1]],_r=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],Th=/^\/?Date\((-?\d+)/i,wh=/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/,Eh={UT:0,GMT:0,EDT:-4*60,EST:-5*60,CDT:-5*60,CST:-6*60,MDT:-6*60,MST:-7*60,PDT:-7*60,PST:-8*60};function xl(r){var d,h,b=r._i,C=bh.exec(b)||vh.exec(b),L,W,ge,xe;if(C){for(E(r).iso=!0,d=0,h=Za.length;d<h;d++)if(Za[d][1].exec(C[1])){W=Za[d][0],L=Za[d][2]!==!1;break}if(W==null){r._isValid=!1;return}if(C[3]){for(d=0,h=_r.length;d<h;d++)if(_r[d][1].exec(C[3])){ge=(C[2]||" ")+_r[d][0];break}if(ge==null){r._isValid=!1;return}}if(!L&&ge!=null){r._isValid=!1;return}if(C[4])if(yh.exec(C[4]))xe="Z";else{r._isValid=!1;return}r._f=W+(ge||"")+(xe||""),Lr(r)}else r._isValid=!1}function Ch(r,d,h,b,C,L){var W=[xh(r),ml.indexOf(d),parseInt(h,10),parseInt(b,10),parseInt(C,10)];return L&&W.push(parseInt(L,10)),W}function xh(r){var d=parseInt(r,10);return d<=49?2e3+d:d<=999?1900+d:d}function Dh(r){return r.replace(/\([^)]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").replace(/^\s\s*/,"").replace(/\s\s*$/,"")}function Ih(r,d,h){if(r){var b=yl.indexOf(r),C=new Date(d[0],d[1],d[2]).getDay();if(b!==C)return E(h).weekdayMismatch=!0,h._isValid=!1,!1}return!0}function Nh(r,d,h){if(r)return Eh[r];if(d)return 0;var b=parseInt(h,10),C=b%100,L=(b-C)/100;return L*60+C}function Dl(r){var d=wh.exec(Dh(r._i)),h;if(d){if(h=Ch(d[4],d[3],d[2],d[5],d[6],d[7]),!Ih(d[1],h,r))return;r._a=h,r._tzm=Nh(d[8],d[9],d[10]),r._d=ua.apply(null,r._a),r._d.setUTCMinutes(r._d.getUTCMinutes()-r._tzm),E(r).rfc2822=!0}else r._isValid=!1}function kh(r){var d=Th.exec(r._i);if(d!==null){r._d=new Date(+d[1]);return}if(xl(r),r._isValid===!1)delete r._isValid;else return;if(Dl(r),r._isValid===!1)delete r._isValid;else return;r._strict?r._isValid=!1:s.createFromInputFallback(r)}s.createFromInputFallback=P("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(r){r._d=new Date(r._i+(r._useUTC?" UTC":""))});function Kn(r,d,h){return r!=null?r:d!=null?d:h}function Mh(r){var d=new Date(s.now());return r._useUTC?[d.getUTCFullYear(),d.getUTCMonth(),d.getUTCDate()]:[d.getFullYear(),d.getMonth(),d.getDate()]}function Rr(r){var d,h,b=[],C,L,W;if(!r._d){for(C=Mh(r),r._w&&r._a[Ot]==null&&r._a[Gt]==null&&_h(r),r._dayOfYear!=null&&(W=Kn(r._a[st],C[st]),(r._dayOfYear>pa(W)||r._dayOfYear===0)&&(E(r)._overflowDayOfYear=!0),h=ua(W,0,r._dayOfYear),r._a[Gt]=h.getUTCMonth(),r._a[Ot]=h.getUTCDate()),d=0;d<3&&r._a[d]==null;++d)r._a[d]=b[d]=C[d];for(;d<7;d++)r._a[d]=b[d]=r._a[d]==null?d===2?1:0:r._a[d];r._a[ze]===24&&r._a[It]===0&&r._a[Ut]===0&&r._a[yn]===0&&(r._nextDay=!0,r._a[ze]=0),r._d=(r._useUTC?ua:Ff).apply(null,b),L=r._useUTC?r._d.getUTCDay():r._d.getDay(),r._tzm!=null&&r._d.setUTCMinutes(r._d.getUTCMinutes()-r._tzm),r._nextDay&&(r._a[ze]=24),r._w&&typeof r._w.d!="undefined"&&r._w.d!==L&&(E(r).weekdayMismatch=!0)}}function _h(r){var d,h,b,C,L,W,ge,xe,Re;d=r._w,d.GG!=null||d.W!=null||d.E!=null?(L=1,W=4,h=Kn(d.GG,r._a[st],ma(Le(),1,4).year),b=Kn(d.W,1),C=Kn(d.E,1),(C<1||C>7)&&(xe=!0)):(L=r._locale._week.dow,W=r._locale._week.doy,Re=ma(Le(),L,W),h=Kn(d.gg,r._a[st],Re.year),b=Kn(d.w,Re.week),d.d!=null?(C=d.d,(C<0||C>6)&&(xe=!0)):d.e!=null?(C=d.e+L,(d.e<0||d.e>6)&&(xe=!0)):C=L),b<1||b>Yt(h,L,W)?E(r)._overflowWeeks=!0:xe!=null?E(r)._overflowWeekday=!0:(ge=vl(h,b,C,L,W),r._a[st]=ge.year,r._dayOfYear=ge.dayOfYear)}s.ISO_8601=function(){},s.RFC_2822=function(){};function Lr(r){if(r._f===s.ISO_8601){xl(r);return}if(r._f===s.RFC_2822){Dl(r);return}r._a=[],E(r).empty=!0;var d=""+r._i,h,b,C,L,W,ge=d.length,xe=0,Re;for(C=we(r._f,r._locale).match(ee)||[],h=0;h<C.length;h++)L=C[h],b=(d.match(Tf(L,r))||[])[0],b&&(W=d.substr(0,d.indexOf(b)),W.length>0&&E(r).unusedInput.push(W),d=d.slice(d.indexOf(b)+b.length),xe+=b.length),ie[L]?(b?E(r).empty=!1:E(r).unusedTokens.push(L),Ef(L,b,r)):r._strict&&!b&&E(r).unusedTokens.push(L);E(r).charsLeftOver=ge-xe,d.length>0&&E(r).unusedInput.push(d),r._a[ze]<=12&&E(r).bigHour===!0&&r._a[ze]>0&&(E(r).bigHour=void 0),E(r).parsedDateParts=r._a.slice(0),E(r).meridiem=r._meridiem,r._a[ze]=Rh(r._locale,r._a[ze],r._meridiem),Re=E(r).era,Re!==null&&(r._a[st]=r._locale.erasConvertYear(Re,r._a[st])),Rr(r),Mr(r)}function Rh(r,d,h){var b;return h==null?d:r.meridiemHour!=null?r.meridiemHour(d,h):(r.isPM!=null&&(b=r.isPM(h),b&&d<12&&(d+=12),!b&&d===12&&(d=0)),d)}function Lh(r){var d,h,b,C,L,W,ge=!1;if(r._f.length===0){E(r).invalidFormat=!0,r._d=new Date(NaN);return}for(C=0;C<r._f.length;C++)L=0,W=!1,d=O({},r),r._useUTC!=null&&(d._useUTC=r._useUTC),d._f=r._f[C],Lr(d),D(d)&&(W=!0),L+=E(d).charsLeftOver,L+=E(d).unusedTokens.length*10,E(d).score=L,ge?L<b&&(b=L,h=d):(b==null||L<b||W)&&(b=L,h=d,W&&(ge=!0));S(r,h||d)}function Oh(r){if(!r._d){var d=He(r._i),h=d.day===void 0?d.date:d.day;r._a=g([d.year,d.month,h,d.hour,d.minute,d.second,d.millisecond],function(b){return b&&parseInt(b,10)}),Rr(r)}}function Bh(r){var d=new R(Mr(Il(r)));return d._nextDay&&(d.add(1,"d"),d._nextDay=void 0),d}function Il(r){var d=r._i,h=r._f;return r._locale=r._locale||zt(r._l),d===null||h===void 0&&d===""?v({nullInput:!0}):(typeof d=="string"&&(r._i=d=r._locale.preparse(d)),B(d)?new R(Mr(d)):(m(d)?r._d=d:i(h)?Lh(r):h?Lr(r):Ph(r),D(r)||(r._d=null),r))}function Ph(r){var d=r._i;u(d)?r._d=new Date(s.now()):m(d)?r._d=new Date(d.valueOf()):typeof d=="string"?kh(r):i(d)?(r._a=g(d.slice(0),function(h){return parseInt(h,10)}),Rr(r)):c(d)?Oh(r):f(d)?r._d=new Date(d):s.createFromInputFallback(r)}function Nl(r,d,h,b,C){var L={};return(d===!0||d===!1)&&(b=d,d=void 0),(h===!0||h===!1)&&(b=h,h=void 0),(c(r)&&p(r)||i(r)&&r.length===0)&&(r=void 0),L._isAMomentObject=!0,L._useUTC=L._isUTC=C,L._l=h,L._i=r,L._f=d,L._strict=b,Bh(L)}function Le(r,d,h,b){return Nl(r,d,h,b,!1)}var Ah=P("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var r=Le.apply(null,arguments);return this.isValid()&&r.isValid()?r<this?this:r:v()}),Fh=P("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var r=Le.apply(null,arguments);return this.isValid()&&r.isValid()?r>this?this:r:v()});function kl(r,d){var h,b;if(d.length===1&&i(d[0])&&(d=d[0]),!d.length)return Le();for(h=d[0],b=1;b<d.length;++b)(!d[b].isValid()||d[b][r](h))&&(h=d[b]);return h}function Kh(){var r=[].slice.call(arguments,0);return kl("isBefore",r)}function Vh(){var r=[].slice.call(arguments,0);return kl("isAfter",r)}var $h=function(){return Date.now?Date.now():+new Date},ga=["year","quarter","month","week","day","hour","minute","second","millisecond"];function Hh(r){var d,h=!1,b;for(d in r)if(l(r,d)&&!(Ue.call(ga,d)!==-1&&(r[d]==null||!isNaN(r[d]))))return!1;for(b=0;b<ga.length;++b)if(r[ga[b]]){if(h)return!1;parseFloat(r[ga[b]])!==Te(r[ga[b]])&&(h=!0)}return!0}function Wh(){return this._isValid}function Gh(){return Nt(NaN)}function Xa(r){var d=He(r),h=d.year||0,b=d.quarter||0,C=d.month||0,L=d.week||d.isoWeek||0,W=d.day||0,ge=d.hour||0,xe=d.minute||0,Re=d.second||0,Bt=d.millisecond||0;this._isValid=Hh(d),this._milliseconds=+Bt+Re*1e3+xe*6e4+ge*1e3*60*60,this._days=+W+L*7,this._months=+C+b*3+h*12,this._data={},this._locale=zt(),this._bubble()}function Qa(r){return r instanceof Xa}function Or(r){return r<0?Math.round(-1*r)*-1:Math.round(r)}function Uh(r,d,h){var b=Math.min(r.length,d.length),C=Math.abs(r.length-d.length),L=0,W;for(W=0;W<b;W++)(h&&r[W]!==d[W]||!h&&Te(r[W])!==Te(d[W]))&&L++;return L+C}function Ml(r,d){j(r,0,0,function(){var h=this.utcOffset(),b="+";return h<0&&(h=-h,b="-"),b+ce(~~(h/60),2)+d+ce(~~h%60,2)})}Ml("Z",":"),Ml("ZZ",""),re("Z",Ya),re("ZZ",Ya),_e(["Z","ZZ"],function(r,d,h){h._useUTC=!0,h._tzm=Br(Ya,r)});var Yh=/([\+\-]|\d\d)/gi;function Br(r,d){var h=(d||"").match(r),b,C,L;return h===null?null:(b=h[h.length-1]||[],C=(b+"").match(Yh)||["-",0,0],L=+(C[1]*60)+Te(C[2]),L===0?0:C[0]==="+"?L:-L)}function Pr(r,d){var h,b;return d._isUTC?(h=d.clone(),b=(B(r)||m(r)?r.valueOf():Le(r).valueOf())-h.valueOf(),h._d.setTime(h._d.valueOf()+b),s.updateOffset(h,!1),h):Le(r).local()}function Ar(r){return-Math.round(r._d.getTimezoneOffset())}s.updateOffset=function(){};function zh(r,d,h){var b=this._offset||0,C;if(!this.isValid())return r!=null?this:NaN;if(r!=null){if(typeof r=="string"){if(r=Br(Ya,r),r===null)return this}else Math.abs(r)<16&&!h&&(r=r*60);return!this._isUTC&&d&&(C=Ar(this)),this._offset=r,this._isUTC=!0,C!=null&&this.add(C,"m"),b!==r&&(!d||this._changeInProgress?Ol(this,Nt(r-b,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,s.updateOffset(this,!0),this._changeInProgress=null)),this}else return this._isUTC?b:Ar(this)}function jh(r,d){return r!=null?(typeof r!="string"&&(r=-r),this.utcOffset(r,d),this):-this.utcOffset()}function qh(r){return this.utcOffset(0,r)}function Jh(r){return this._isUTC&&(this.utcOffset(0,r),this._isUTC=!1,r&&this.subtract(Ar(this),"m")),this}function Zh(){if(this._tzm!=null)this.utcOffset(this._tzm,!1,!0);else if(typeof this._i=="string"){var r=Br(vf,this._i);r!=null?this.utcOffset(r):this.utcOffset(0,!0)}return this}function Xh(r){return this.isValid()?(r=r?Le(r).utcOffset():0,(this.utcOffset()-r)%60==0):!1}function Qh(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()}function eg(){if(!u(this._isDSTShifted))return this._isDSTShifted;var r={},d;return O(r,this),r=Il(r),r._a?(d=r._isUTC?T(r._a):Le(r._a),this._isDSTShifted=this.isValid()&&Uh(r._a,d.toArray())>0):this._isDSTShifted=!1,this._isDSTShifted}function tg(){return this.isValid()?!this._isUTC:!1}function ng(){return this.isValid()?this._isUTC:!1}function _l(){return this.isValid()?this._isUTC&&this._offset===0:!1}var ag=/^(-|\+)?(?:(\d*)[. ])?(\d+):(\d+)(?::(\d+)(\.\d*)?)?$/,sg=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;function Nt(r,d){var h=r,b=null,C,L,W;return Qa(r)?h={ms:r._milliseconds,d:r._days,M:r._months}:f(r)||!isNaN(+r)?(h={},d?h[d]=+r:h.milliseconds=+r):(b=ag.exec(r))?(C=b[1]==="-"?-1:1,h={y:0,d:Te(b[Ot])*C,h:Te(b[ze])*C,m:Te(b[It])*C,s:Te(b[Ut])*C,ms:Te(Or(b[yn]*1e3))*C}):(b=sg.exec(r))?(C=b[1]==="-"?-1:1,h={y:Tn(b[2],C),M:Tn(b[3],C),w:Tn(b[4],C),d:Tn(b[5],C),h:Tn(b[6],C),m:Tn(b[7],C),s:Tn(b[8],C)}):h==null?h={}:typeof h=="object"&&("from"in h||"to"in h)&&(W=rg(Le(h.from),Le(h.to)),h={},h.ms=W.milliseconds,h.M=W.months),L=new Xa(h),Qa(r)&&l(r,"_locale")&&(L._locale=r._locale),Qa(r)&&l(r,"_isValid")&&(L._isValid=r._isValid),L}Nt.fn=Xa.prototype,Nt.invalid=Gh;function Tn(r,d){var h=r&&parseFloat(r.replace(",","."));return(isNaN(h)?0:h)*d}function Rl(r,d){var h={};return h.months=d.month()-r.month()+(d.year()-r.year())*12,r.clone().add(h.months,"M").isAfter(d)&&--h.months,h.milliseconds=+d-+r.clone().add(h.months,"M"),h}function rg(r,d){var h;return r.isValid()&&d.isValid()?(d=Pr(d,r),r.isBefore(d)?h=Rl(r,d):(h=Rl(d,r),h.milliseconds=-h.milliseconds,h.months=-h.months),h):{milliseconds:0,months:0}}function Ll(r,d){return function(h,b){var C,L;return b!==null&&!isNaN(+b)&&(V(d,"moment()."+d+"(period, number) is deprecated. Please use moment()."+d+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),L=h,h=b,b=L),C=Nt(h,b),Ol(this,C,r),this}}function Ol(r,d,h,b){var C=d._milliseconds,L=Or(d._days),W=Or(d._months);!r.isValid()||(b=b==null?!0:b,W&&hl(r,Sn(r,"Month")+W*h),L&&Pn(r,"Date",Sn(r,"Date")+L*h),C&&r._d.setTime(r._d.valueOf()+C*h),b&&s.updateOffset(r,L||W))}var og=Ll(1,"add"),ig=Ll(-1,"subtract");function Bl(r){return typeof r=="string"||r instanceof String}function lg(r){return B(r)||m(r)||Bl(r)||f(r)||dg(r)||cg(r)||r===null||r===void 0}function cg(r){var d=c(r)&&!p(r),h=!1,b=["years","year","y","months","month","M","days","day","d","dates","date","D","hours","hour","h","minutes","minute","m","seconds","second","s","milliseconds","millisecond","ms"],C,L;for(C=0;C<b.length;C+=1)L=b[C],h=h||l(r,L);return d&&h}function dg(r){var d=i(r),h=!1;return d&&(h=r.filter(function(b){return!f(b)&&Bl(r)}).length===0),d&&h}function pg(r){var d=c(r)&&!p(r),h=!1,b=["sameDay","nextDay","lastDay","nextWeek","lastWeek","sameElse"],C,L;for(C=0;C<b.length;C+=1)L=b[C],h=h||l(r,L);return d&&h}function ug(r,d){var h=r.diff(d,"days",!0);return h<-6?"sameElse":h<-1?"lastWeek":h<0?"lastDay":h<1?"sameDay":h<2?"nextDay":h<7?"nextWeek":"sameElse"}function mg(r,d){arguments.length===1&&(arguments[0]?lg(arguments[0])?(r=arguments[0],d=void 0):pg(arguments[0])&&(d=arguments[0],r=void 0):(r=void 0,d=void 0));var h=r||Le(),b=Pr(h,this).startOf("day"),C=s.calendarFormat(this,b)||"sameElse",L=d&&(G(d[C])?d[C].call(this,h):d[C]);return this.format(L||this.localeData().calendar(C,this,Le(h)))}function fg(){return new R(this)}function hg(r,d){var h=B(r)?r:Le(r);return this.isValid()&&h.isValid()?(d=Se(d)||"millisecond",d==="millisecond"?this.valueOf()>h.valueOf():h.valueOf()<this.clone().startOf(d).valueOf()):!1}function gg(r,d){var h=B(r)?r:Le(r);return this.isValid()&&h.isValid()?(d=Se(d)||"millisecond",d==="millisecond"?this.valueOf()<h.valueOf():this.clone().endOf(d).valueOf()<h.valueOf()):!1}function Sg(r,d,h,b){var C=B(r)?r:Le(r),L=B(d)?d:Le(d);return this.isValid()&&C.isValid()&&L.isValid()?(b=b||"()",(b[0]==="("?this.isAfter(C,h):!this.isBefore(C,h))&&(b[1]===")"?this.isBefore(L,h):!this.isAfter(L,h))):!1}function bg(r,d){var h=B(r)?r:Le(r),b;return this.isValid()&&h.isValid()?(d=Se(d)||"millisecond",d==="millisecond"?this.valueOf()===h.valueOf():(b=h.valueOf(),this.clone().startOf(d).valueOf()<=b&&b<=this.clone().endOf(d).valueOf())):!1}function vg(r,d){return this.isSame(r,d)||this.isAfter(r,d)}function yg(r,d){return this.isSame(r,d)||this.isBefore(r,d)}function Tg(r,d,h){var b,C,L;if(!this.isValid())return NaN;if(b=Pr(r,this),!b.isValid())return NaN;switch(C=(b.utcOffset()-this.utcOffset())*6e4,d=Se(d),d){case"year":L=es(this,b)/12;break;case"month":L=es(this,b);break;case"quarter":L=es(this,b)/3;break;case"second":L=(this-b)/1e3;break;case"minute":L=(this-b)/6e4;break;case"hour":L=(this-b)/36e5;break;case"day":L=(this-b-C)/864e5;break;case"week":L=(this-b-C)/6048e5;break;default:L=this-b}return h?L:tt(L)}function es(r,d){if(r.date()<d.date())return-es(d,r);var h=(d.year()-r.year())*12+(d.month()-r.month()),b=r.clone().add(h,"months"),C,L;return d-b<0?(C=r.clone().add(h-1,"months"),L=(d-b)/(b-C)):(C=r.clone().add(h+1,"months"),L=(d-b)/(C-b)),-(h+L)||0}s.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",s.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";function wg(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")}function Eg(r){if(!this.isValid())return null;var d=r!==!0,h=d?this.clone().utc():this;return h.year()<0||h.year()>9999?Ce(h,d?"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYYYY-MM-DD[T]HH:mm:ss.SSSZ"):G(Date.prototype.toISOString)?d?this.toDate().toISOString():new Date(this.valueOf()+this.utcOffset()*60*1e3).toISOString().replace("Z",Ce(h,"Z")):Ce(h,d?"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYY-MM-DD[T]HH:mm:ss.SSSZ")}function Cg(){if(!this.isValid())return"moment.invalid(/* "+this._i+" */)";var r="moment",d="",h,b,C,L;return this.isLocal()||(r=this.utcOffset()===0?"moment.utc":"moment.parseZone",d="Z"),h="["+r+'("]',b=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",C="-MM-DD[T]HH:mm:ss.SSS",L=d+'[")]',this.format(h+b+C+L)}function xg(r){r||(r=this.isUtc()?s.defaultFormatUtc:s.defaultFormat);var d=Ce(this,r);return this.localeData().postformat(d)}function Dg(r,d){return this.isValid()&&(B(r)&&r.isValid()||Le(r).isValid())?Nt({to:this,from:r}).locale(this.locale()).humanize(!d):this.localeData().invalidDate()}function Ig(r){return this.from(Le(),r)}function Ng(r,d){return this.isValid()&&(B(r)&&r.isValid()||Le(r).isValid())?Nt({from:this,to:r}).locale(this.locale()).humanize(!d):this.localeData().invalidDate()}function kg(r){return this.to(Le(),r)}function Pl(r){var d;return r===void 0?this._locale._abbr:(d=zt(r),d!=null&&(this._locale=d),this)}var Al=P("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(r){return r===void 0?this.localeData():this.locale(r)});function Fl(){return this._locale}var ts=1e3,Vn=60*ts,ns=60*Vn,Kl=(365*400+97)*24*ns;function $n(r,d){return(r%d+d)%d}function Vl(r,d,h){return r<100&&r>=0?new Date(r+400,d,h)-Kl:new Date(r,d,h).valueOf()}function $l(r,d,h){return r<100&&r>=0?Date.UTC(r+400,d,h)-Kl:Date.UTC(r,d,h)}function Mg(r){var d,h;if(r=Se(r),r===void 0||r==="millisecond"||!this.isValid())return this;switch(h=this._isUTC?$l:Vl,r){case"year":d=h(this.year(),0,1);break;case"quarter":d=h(this.year(),this.month()-this.month()%3,1);break;case"month":d=h(this.year(),this.month(),1);break;case"week":d=h(this.year(),this.month(),this.date()-this.weekday());break;case"isoWeek":d=h(this.year(),this.month(),this.date()-(this.isoWeekday()-1));break;case"day":case"date":d=h(this.year(),this.month(),this.date());break;case"hour":d=this._d.valueOf(),d-=$n(d+(this._isUTC?0:this.utcOffset()*Vn),ns);break;case"minute":d=this._d.valueOf(),d-=$n(d,Vn);break;case"second":d=this._d.valueOf(),d-=$n(d,ts);break}return this._d.setTime(d),s.updateOffset(this,!0),this}function _g(r){var d,h;if(r=Se(r),r===void 0||r==="millisecond"||!this.isValid())return this;switch(h=this._isUTC?$l:Vl,r){case"year":d=h(this.year()+1,0,1)-1;break;case"quarter":d=h(this.year(),this.month()-this.month()%3+3,1)-1;break;case"month":d=h(this.year(),this.month()+1,1)-1;break;case"week":d=h(this.year(),this.month(),this.date()-this.weekday()+7)-1;break;case"isoWeek":d=h(this.year(),this.month(),this.date()-(this.isoWeekday()-1)+7)-1;break;case"day":case"date":d=h(this.year(),this.month(),this.date()+1)-1;break;case"hour":d=this._d.valueOf(),d+=ns-$n(d+(this._isUTC?0:this.utcOffset()*Vn),ns)-1;break;case"minute":d=this._d.valueOf(),d+=Vn-$n(d,Vn)-1;break;case"second":d=this._d.valueOf(),d+=ts-$n(d,ts)-1;break}return this._d.setTime(d),s.updateOffset(this,!0),this}function Rg(){return this._d.valueOf()-(this._offset||0)*6e4}function Lg(){return Math.floor(this.valueOf()/1e3)}function Og(){return new Date(this.valueOf())}function Bg(){var r=this;return[r.year(),r.month(),r.date(),r.hour(),r.minute(),r.second(),r.millisecond()]}function Pg(){var r=this;return{years:r.year(),months:r.month(),date:r.date(),hours:r.hours(),minutes:r.minutes(),seconds:r.seconds(),milliseconds:r.milliseconds()}}function Ag(){return this.isValid()?this.toISOString():null}function Fg(){return D(this)}function Kg(){return S({},E(this))}function Vg(){return E(this).overflow}function $g(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}}j("N",0,0,"eraAbbr"),j("NN",0,0,"eraAbbr"),j("NNN",0,0,"eraAbbr"),j("NNNN",0,0,"eraName"),j("NNNNN",0,0,"eraNarrow"),j("y",["y",1],"yo","eraYear"),j("y",["yy",2],0,"eraYear"),j("y",["yyy",3],0,"eraYear"),j("y",["yyyy",4],0,"eraYear"),re("N",Fr),re("NN",Fr),re("NNN",Fr),re("NNNN",Xg),re("NNNNN",Qg),_e(["N","NN","NNN","NNNN","NNNNN"],function(r,d,h,b){var C=h._locale.erasParse(r,b,h._strict);C?E(h).era=C:E(h).invalidEra=r}),re("y",Fn),re("yy",Fn),re("yyy",Fn),re("yyyy",Fn),re("yo",eS),_e(["y","yy","yyy","yyyy"],st),_e(["yo"],function(r,d,h,b){var C;h._locale._eraYearOrdinalRegex&&(C=r.match(h._locale._eraYearOrdinalRegex)),h._locale.eraYearOrdinalParse?d[st]=h._locale.eraYearOrdinalParse(r,C):d[st]=parseInt(r,10)});function Hg(r,d){var h,b,C,L=this._eras||zt("en")._eras;for(h=0,b=L.length;h<b;++h){switch(typeof L[h].since){case"string":C=s(L[h].since).startOf("day"),L[h].since=C.valueOf();break}switch(typeof L[h].until){case"undefined":L[h].until=1/0;break;case"string":C=s(L[h].until).startOf("day").valueOf(),L[h].until=C.valueOf();break}}return L}function Wg(r,d,h){var b,C,L=this.eras(),W,ge,xe;for(r=r.toUpperCase(),b=0,C=L.length;b<C;++b)if(W=L[b].name.toUpperCase(),ge=L[b].abbr.toUpperCase(),xe=L[b].narrow.toUpperCase(),h)switch(d){case"N":case"NN":case"NNN":if(ge===r)return L[b];break;case"NNNN":if(W===r)return L[b];break;case"NNNNN":if(xe===r)return L[b];break}else if([W,ge,xe].indexOf(r)>=0)return L[b]}function Gg(r,d){var h=r.since<=r.until?1:-1;return d===void 0?s(r.since).year():s(r.since).year()+(d-r.offset)*h}function Ug(){var r,d,h,b=this.localeData().eras();for(r=0,d=b.length;r<d;++r)if(h=this.clone().startOf("day").valueOf(),b[r].since<=h&&h<=b[r].until||b[r].until<=h&&h<=b[r].since)return b[r].name;return""}function Yg(){var r,d,h,b=this.localeData().eras();for(r=0,d=b.length;r<d;++r)if(h=this.clone().startOf("day").valueOf(),b[r].since<=h&&h<=b[r].until||b[r].until<=h&&h<=b[r].since)return b[r].narrow;return""}function zg(){var r,d,h,b=this.localeData().eras();for(r=0,d=b.length;r<d;++r)if(h=this.clone().startOf("day").valueOf(),b[r].since<=h&&h<=b[r].until||b[r].until<=h&&h<=b[r].since)return b[r].abbr;return""}function jg(){var r,d,h,b,C=this.localeData().eras();for(r=0,d=C.length;r<d;++r)if(h=C[r].since<=C[r].until?1:-1,b=this.clone().startOf("day").valueOf(),C[r].since<=b&&b<=C[r].until||C[r].until<=b&&b<=C[r].since)return(this.year()-s(C[r].since).year())*h+C[r].offset;return this.year()}function qg(r){return l(this,"_erasNameRegex")||Kr.call(this),r?this._erasNameRegex:this._erasRegex}function Jg(r){return l(this,"_erasAbbrRegex")||Kr.call(this),r?this._erasAbbrRegex:this._erasRegex}function Zg(r){return l(this,"_erasNarrowRegex")||Kr.call(this),r?this._erasNarrowRegex:this._erasRegex}function Fr(r,d){return d.erasAbbrRegex(r)}function Xg(r,d){return d.erasNameRegex(r)}function Qg(r,d){return d.erasNarrowRegex(r)}function eS(r,d){return d._eraYearOrdinalRegex||Fn}function Kr(){var r=[],d=[],h=[],b=[],C,L,W=this.eras();for(C=0,L=W.length;C<L;++C)d.push(mt(W[C].name)),r.push(mt(W[C].abbr)),h.push(mt(W[C].narrow)),b.push(mt(W[C].name)),b.push(mt(W[C].abbr)),b.push(mt(W[C].narrow));this._erasRegex=new RegExp("^("+b.join("|")+")","i"),this._erasNameRegex=new RegExp("^("+d.join("|")+")","i"),this._erasAbbrRegex=new RegExp("^("+r.join("|")+")","i"),this._erasNarrowRegex=new RegExp("^("+h.join("|")+")","i")}j(0,["gg",2],0,function(){return this.weekYear()%100}),j(0,["GG",2],0,function(){return this.isoWeekYear()%100});function as(r,d){j(0,[r,r.length],0,d)}as("gggg","weekYear"),as("ggggg","weekYear"),as("GGGG","isoWeekYear"),as("GGGGG","isoWeekYear"),Ve("weekYear","gg"),Ve("isoWeekYear","GG"),Ge("weekYear",1),Ge("isoWeekYear",1),re("G",Ua),re("g",Ua),re("GG",de,at),re("gg",de,at),re("GGGG",la,An),re("gggg",la,An),re("GGGGG",Ga,ve),re("ggggg",Ga,ve),da(["gggg","ggggg","GGGG","GGGGG"],function(r,d,h,b){d[b.substr(0,2)]=Te(r)}),da(["gg","GG"],function(r,d,h,b){d[b]=s.parseTwoDigitYear(r)});function tS(r){return Hl.call(this,r,this.week(),this.weekday(),this.localeData()._week.dow,this.localeData()._week.doy)}function nS(r){return Hl.call(this,r,this.isoWeek(),this.isoWeekday(),1,4)}function aS(){return Yt(this.year(),1,4)}function sS(){return Yt(this.isoWeekYear(),1,4)}function rS(){var r=this.localeData()._week;return Yt(this.year(),r.dow,r.doy)}function oS(){var r=this.localeData()._week;return Yt(this.weekYear(),r.dow,r.doy)}function Hl(r,d,h,b,C){var L;return r==null?ma(this,b,C).year:(L=Yt(r,b,C),d>L&&(d=L),iS.call(this,r,d,h,b,C))}function iS(r,d,h,b,C){var L=vl(r,d,h,b,C),W=ua(L.year,0,L.dayOfYear);return this.year(W.getUTCFullYear()),this.month(W.getUTCMonth()),this.date(W.getUTCDate()),this}j("Q",0,"Qo","quarter"),Ve("quarter","Q"),Ge("quarter",7),re("Q",Ha),_e("Q",function(r,d){d[Gt]=(Te(r)-1)*3});function lS(r){return r==null?Math.ceil((this.month()+1)/3):this.month((r-1)*3+this.month()%3)}j("D",["DD",2],"Do","date"),Ve("date","D"),Ge("date",9),re("D",de),re("DD",de,at),re("Do",function(r,d){return r?d._dayOfMonthOrdinalParse||d._ordinalParse:d._dayOfMonthOrdinalParseLenient}),_e(["D","DD"],Ot),_e("Do",function(r,d){d[Ot]=Te(r.match(de)[0])});var Wl=yt("Date",!0);j("DDD",["DDDD",3],"DDDo","dayOfYear"),Ve("dayOfYear","DDD"),Ge("dayOfYear",4),re("DDD",vn),re("DDDD",Wa),_e(["DDD","DDDD"],function(r,d,h){h._dayOfYear=Te(r)});function cS(r){var d=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return r==null?d:this.add(r-d,"d")}j("m",["mm",2],0,"minute"),Ve("minute","m"),Ge("minute",14),re("m",de),re("mm",de,at),_e(["m","mm"],It);var dS=yt("Minutes",!1);j("s",["ss",2],0,"second"),Ve("second","s"),Ge("second",15),re("s",de),re("ss",de,at),_e(["s","ss"],Ut);var pS=yt("Seconds",!1);j("S",0,0,function(){return~~(this.millisecond()/100)}),j(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),j(0,["SSS",3],0,"millisecond"),j(0,["SSSS",4],0,function(){return this.millisecond()*10}),j(0,["SSSSS",5],0,function(){return this.millisecond()*100}),j(0,["SSSSSS",6],0,function(){return this.millisecond()*1e3}),j(0,["SSSSSSS",7],0,function(){return this.millisecond()*1e4}),j(0,["SSSSSSSS",8],0,function(){return this.millisecond()*1e5}),j(0,["SSSSSSSSS",9],0,function(){return this.millisecond()*1e6}),Ve("millisecond","ms"),Ge("millisecond",16),re("S",vn,Ha),re("SS",vn,at),re("SSS",vn,Wa);var nn,Gl;for(nn="SSSS";nn.length<=9;nn+="S")re(nn,Fn);function uS(r,d){d[yn]=Te(("0."+r)*1e3)}for(nn="S";nn.length<=9;nn+="S")_e(nn,uS);Gl=yt("Milliseconds",!1),j("z",0,0,"zoneAbbr"),j("zz",0,0,"zoneName");function mS(){return this._isUTC?"UTC":""}function fS(){return this._isUTC?"Coordinated Universal Time":""}var q=R.prototype;q.add=og,q.calendar=mg,q.clone=fg,q.diff=Tg,q.endOf=_g,q.format=xg,q.from=Dg,q.fromNow=Ig,q.to=Ng,q.toNow=kg,q.get=Er,q.invalidAt=Vg,q.isAfter=hg,q.isBefore=gg,q.isBetween=Sg,q.isSame=bg,q.isSameOrAfter=vg,q.isSameOrBefore=yg,q.isValid=Fg,q.lang=Al,q.locale=Pl,q.localeData=Fl,q.max=Fh,q.min=Ah,q.parsingFlags=Kg,q.set=Cr,q.startOf=Mg,q.subtract=ig,q.toArray=Bg,q.toObject=Pg,q.toDate=Og,q.toISOString=Eg,q.inspect=Cg,typeof Symbol!="undefined"&&Symbol.for!=null&&(q[Symbol.for("nodejs.util.inspect.custom")]=function(){return"Moment<"+this.format()+">"}),q.toJSON=Ag,q.toString=wg,q.unix=Lg,q.valueOf=Rg,q.creationData=$g,q.eraName=Ug,q.eraNarrow=Yg,q.eraAbbr=zg,q.eraYear=jg,q.year=bl,q.isLeapYear=Af,q.weekYear=tS,q.isoWeekYear=nS,q.quarter=q.quarters=lS,q.month=gl,q.daysInMonth=Of,q.week=q.weeks=Wf,q.isoWeek=q.isoWeeks=Gf,q.weeksInYear=rS,q.weeksInWeekYear=oS,q.isoWeeksInYear=aS,q.isoWeeksInISOWeekYear=sS,q.date=Wl,q.day=q.days=ah,q.weekday=sh,q.isoWeekday=rh,q.dayOfYear=cS,q.hour=q.hours=uh,q.minute=q.minutes=dS,q.second=q.seconds=pS,q.millisecond=q.milliseconds=Gl,q.utcOffset=zh,q.utc=qh,q.local=Jh,q.parseZone=Zh,q.hasAlignedHourOffset=Xh,q.isDST=Qh,q.isLocal=tg,q.isUtcOffset=ng,q.isUtc=_l,q.isUTC=_l,q.zoneAbbr=mS,q.zoneName=fS,q.dates=P("dates accessor is deprecated. Use date instead.",Wl),q.months=P("months accessor is deprecated. Use month instead",gl),q.years=P("years accessor is deprecated. Use year instead",bl),q.zone=P("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",jh),q.isDSTShifted=P("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",eg);function hS(r){return Le(r*1e3)}function gS(){return Le.apply(null,arguments).parseZone()}function Ul(r){return r}var ke=J.prototype;ke.calendar=se,ke.longDateFormat=$e,ke.invalidDate=et,ke.ordinal=ct,ke.preparse=Ul,ke.postformat=Ul,ke.relativeTime=Ee,ke.pastFuture=We,ke.set=pe,ke.eras=Hg,ke.erasParse=Wg,ke.erasConvertYear=Gg,ke.erasAbbrRegex=Jg,ke.erasNameRegex=qg,ke.erasNarrowRegex=Zg,ke.months=Mf,ke.monthsShort=_f,ke.monthsParse=Lf,ke.monthsRegex=Pf,ke.monthsShortRegex=Bf,ke.week=Kf,ke.firstDayOfYear=Hf,ke.firstDayOfWeek=$f,ke.weekdays=Xf,ke.weekdaysMin=eh,ke.weekdaysShort=Qf,ke.weekdaysParse=nh,ke.weekdaysRegex=oh,ke.weekdaysShortRegex=ih,ke.weekdaysMinRegex=lh,ke.isPM=dh,ke.meridiem=mh;function ss(r,d,h,b){var C=zt(),L=T().set(b,d);return C[h](L,r)}function Yl(r,d,h){if(f(r)&&(d=r,r=void 0),r=r||"",d!=null)return ss(r,d,h,"month");var b,C=[];for(b=0;b<12;b++)C[b]=ss(r,b,h,"month");return C}function Vr(r,d,h,b){typeof r=="boolean"?(f(d)&&(h=d,d=void 0),d=d||""):(d=r,h=d,r=!1,f(d)&&(h=d,d=void 0),d=d||"");var C=zt(),L=r?C._week.dow:0,W,ge=[];if(h!=null)return ss(d,(h+L)%7,b,"day");for(W=0;W<7;W++)ge[W]=ss(d,(W+L)%7,b,"day");return ge}function SS(r,d){return Yl(r,d,"months")}function bS(r,d){return Yl(r,d,"monthsShort")}function vS(r,d,h){return Vr(r,d,h,"weekdays")}function yS(r,d,h){return Vr(r,d,h,"weekdaysShort")}function TS(r,d,h){return Vr(r,d,h,"weekdaysMin")}tn("en",{eras:[{since:"0001-01-01",until:1/0,offset:1,name:"Anno Domini",narrow:"AD",abbr:"AD"},{since:"0000-12-31",until:-1/0,offset:1,name:"Before Christ",narrow:"BC",abbr:"BC"}],dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(r){var d=r%10,h=Te(r%100/10)===1?"th":d===1?"st":d===2?"nd":d===3?"rd":"th";return r+h}}),s.lang=P("moment.lang is deprecated. Use moment.locale instead.",tn),s.langData=P("moment.langData is deprecated. Use moment.localeData instead.",zt);var jt=Math.abs;function wS(){var r=this._data;return this._milliseconds=jt(this._milliseconds),this._days=jt(this._days),this._months=jt(this._months),r.milliseconds=jt(r.milliseconds),r.seconds=jt(r.seconds),r.minutes=jt(r.minutes),r.hours=jt(r.hours),r.months=jt(r.months),r.years=jt(r.years),this}function zl(r,d,h,b){var C=Nt(d,h);return r._milliseconds+=b*C._milliseconds,r._days+=b*C._days,r._months+=b*C._months,r._bubble()}function ES(r,d){return zl(this,r,d,1)}function CS(r,d){return zl(this,r,d,-1)}function jl(r){return r<0?Math.floor(r):Math.ceil(r)}function xS(){var r=this._milliseconds,d=this._days,h=this._months,b=this._data,C,L,W,ge,xe;return r>=0&&d>=0&&h>=0||r<=0&&d<=0&&h<=0||(r+=jl($r(h)+d)*864e5,d=0,h=0),b.milliseconds=r%1e3,C=tt(r/1e3),b.seconds=C%60,L=tt(C/60),b.minutes=L%60,W=tt(L/60),b.hours=W%24,d+=tt(W/24),xe=tt(ql(d)),h+=xe,d-=jl($r(xe)),ge=tt(h/12),h%=12,b.days=d,b.months=h,b.years=ge,this}function ql(r){return r*4800/146097}function $r(r){return r*146097/4800}function DS(r){if(!this.isValid())return NaN;var d,h,b=this._milliseconds;if(r=Se(r),r==="month"||r==="quarter"||r==="year")switch(d=this._days+b/864e5,h=this._months+ql(d),r){case"month":return h;case"quarter":return h/3;case"year":return h/12}else switch(d=this._days+Math.round($r(this._months)),r){case"week":return d/7+b/6048e5;case"day":return d+b/864e5;case"hour":return d*24+b/36e5;case"minute":return d*1440+b/6e4;case"second":return d*86400+b/1e3;case"millisecond":return Math.floor(d*864e5)+b;default:throw new Error("Unknown unit "+r)}}function IS(){return this.isValid()?this._milliseconds+this._days*864e5+this._months%12*2592e6+Te(this._months/12)*31536e6:NaN}function qt(r){return function(){return this.as(r)}}var NS=qt("ms"),kS=qt("s"),MS=qt("m"),_S=qt("h"),RS=qt("d"),LS=qt("w"),OS=qt("M"),BS=qt("Q"),PS=qt("y");function AS(){return Nt(this)}function FS(r){return r=Se(r),this.isValid()?this[r+"s"]():NaN}function wn(r){return function(){return this.isValid()?this._data[r]:NaN}}var KS=wn("milliseconds"),VS=wn("seconds"),$S=wn("minutes"),HS=wn("hours"),WS=wn("days"),GS=wn("months"),US=wn("years");function YS(){return tt(this.days()/7)}var Jt=Math.round,Hn={ss:44,s:45,m:45,h:22,d:26,w:null,M:11};function zS(r,d,h,b,C){return C.relativeTime(d||1,!!h,r,b)}function jS(r,d,h,b){var C=Nt(r).abs(),L=Jt(C.as("s")),W=Jt(C.as("m")),ge=Jt(C.as("h")),xe=Jt(C.as("d")),Re=Jt(C.as("M")),Bt=Jt(C.as("w")),Zt=Jt(C.as("y")),an=L<=h.ss&&["s",L]||L<h.s&&["ss",L]||W<=1&&["m"]||W<h.m&&["mm",W]||ge<=1&&["h"]||ge<h.h&&["hh",ge]||xe<=1&&["d"]||xe<h.d&&["dd",xe];return h.w!=null&&(an=an||Bt<=1&&["w"]||Bt<h.w&&["ww",Bt]),an=an||Re<=1&&["M"]||Re<h.M&&["MM",Re]||Zt<=1&&["y"]||["yy",Zt],an[2]=d,an[3]=+r>0,an[4]=b,zS.apply(null,an)}function qS(r){return r===void 0?Jt:typeof r=="function"?(Jt=r,!0):!1}function JS(r,d){return Hn[r]===void 0?!1:d===void 0?Hn[r]:(Hn[r]=d,r==="s"&&(Hn.ss=d-1),!0)}function ZS(r,d){if(!this.isValid())return this.localeData().invalidDate();var h=!1,b=Hn,C,L;return typeof r=="object"&&(d=r,r=!1),typeof r=="boolean"&&(h=r),typeof d=="object"&&(b=Object.assign({},Hn,d),d.s!=null&&d.ss==null&&(b.ss=d.s-1)),C=this.localeData(),L=jS(this,!h,b,C),h&&(L=C.pastFuture(+this,L)),C.postformat(L)}var Hr=Math.abs;function Wn(r){return(r>0)-(r<0)||+r}function rs(){if(!this.isValid())return this.localeData().invalidDate();var r=Hr(this._milliseconds)/1e3,d=Hr(this._days),h=Hr(this._months),b,C,L,W,ge=this.asSeconds(),xe,Re,Bt,Zt;return ge?(b=tt(r/60),C=tt(b/60),r%=60,b%=60,L=tt(h/12),h%=12,W=r?r.toFixed(3).replace(/\.?0+$/,""):"",xe=ge<0?"-":"",Re=Wn(this._months)!==Wn(ge)?"-":"",Bt=Wn(this._days)!==Wn(ge)?"-":"",Zt=Wn(this._milliseconds)!==Wn(ge)?"-":"",xe+"P"+(L?Re+L+"Y":"")+(h?Re+h+"M":"")+(d?Bt+d+"D":"")+(C||b||r?"T":"")+(C?Zt+C+"H":"")+(b?Zt+b+"M":"")+(r?Zt+W+"S":"")):"P0D"}var De=Xa.prototype;De.isValid=Wh,De.abs=wS,De.add=ES,De.subtract=CS,De.as=DS,De.asMilliseconds=NS,De.asSeconds=kS,De.asMinutes=MS,De.asHours=_S,De.asDays=RS,De.asWeeks=LS,De.asMonths=OS,De.asQuarters=BS,De.asYears=PS,De.valueOf=IS,De._bubble=xS,De.clone=AS,De.get=FS,De.milliseconds=KS,De.seconds=VS,De.minutes=$S,De.hours=HS,De.days=WS,De.weeks=YS,De.months=GS,De.years=US,De.humanize=ZS,De.toISOString=rs,De.toString=rs,De.toJSON=rs,De.locale=Pl,De.localeData=Fl,De.toIsoString=P("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",rs),De.lang=Al,j("X",0,0,"unix"),j("x",0,0,"valueOf"),re("x",Ua),re("X",yf),_e("X",function(r,d,h){h._d=new Date(parseFloat(r)*1e3)}),_e("x",function(r,d,h){h._d=new Date(Te(r))});//! moment.js
|
|
1684
|
+
return s.version="2.29.1",o(Le),s.fn=q,s.min=Kh,s.max=Vh,s.now=$h,s.utc=T,s.unix=hS,s.months=SS,s.isDate=m,s.locale=tn,s.invalid=v,s.duration=Nt,s.isMoment=B,s.weekdays=vS,s.parseZone=gS,s.localeData=zt,s.isDuration=Qa,s.monthsShort=bS,s.weekdaysMin=TS,s.defineLocale=kr,s.updateLocale=gh,s.locales=Sh,s.weekdaysShort=yS,s.normalizeUnits=Se,s.relativeTimeRounding=qS,s.relativeTimeThreshold=JS,s.calendarFormat=ug,s.prototype=q,s.HTML5_FMT={DATETIME_LOCAL:"YYYY-MM-DDTHH:mm",DATETIME_LOCAL_SECONDS:"YYYY-MM-DDTHH:mm:ss",DATETIME_LOCAL_MS:"YYYY-MM-DDTHH:mm:ss.SSS",DATE:"YYYY-MM-DD",TIME:"HH:mm",TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"},s})})(Wt);(function(e,t){(function(n,s){s(typeof At=="function"?Wt.exports:n.moment)})(Pt,function(n){//! moment.js locale configuration
|
|
1685
|
+
var s=n.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:function(o){var i=o%10,c=~~(o%100/10)==1?"th":i===1?"st":i===2?"nd":i===3?"rd":"th";return o+c},week:{dow:0,doy:4}});return s})})();(function(e,t){(function(n,s){s(typeof At=="function"?Wt.exports:n.moment)})(Pt,function(n){//! moment.js locale configuration
|
|
1686
|
+
var s=n.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:function(o){var i=o%10,c=~~(o%100/10)==1?"th":i===1?"st":i===2?"nd":i===3?"rd":"th";return o+c}});return s})})();(function(e,t){(function(n,s){s(typeof At=="function"?Wt.exports:n.moment)})(Pt,function(n){//! moment.js locale configuration
|
|
1687
|
+
var s=n.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:function(o){var i=o%10,c=~~(o%100/10)==1?"th":i===1?"st":i===2?"nd":i===3?"rd":"th";return o+c},week:{dow:1,doy:4}});return s})})();(function(e,t){(function(n,s){s(typeof At=="function"?Wt.exports:n.moment)})(Pt,function(n){//! moment.js locale configuration
|
|
1688
|
+
var s=n.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:function(o){var i=o%10,c=~~(o%100/10)==1?"th":i===1?"st":i===2?"nd":i===3?"rd":"th";return o+c},week:{dow:1,doy:4}});return s})})();(function(e,t){(function(n,s){s(typeof At=="function"?Wt.exports:n.moment)})(Pt,function(n){//! moment.js locale configuration
|
|
1689
|
+
var s=n.defineLocale("fr-ca",{months:"janvier_f\xE9vrier_mars_avril_mai_juin_juillet_ao\xFBt_septembre_octobre_novembre_d\xE9cembre".split("_"),monthsShort:"janv._f\xE9vr._mars_avr._mai_juin_juil._ao\xFBt_sept._oct._nov._d\xE9c.".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\u2019hui \xE0] LT",nextDay:"[Demain \xE0] LT",nextWeek:"dddd [\xE0] LT",lastDay:"[Hier \xE0] LT",lastWeek:"dddd [dernier \xE0] 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(o,i){switch(i){default:case"M":case"Q":case"D":case"DDD":case"d":return o+(o===1?"er":"e");case"w":case"W":return o+(o===1?"re":"e")}}});return s})})();(function(e,t){(function(n,s){s(typeof At=="function"?Wt.exports:n.moment)})(Pt,function(n){//! moment.js locale configuration
|
|
1690
|
+
var s=/^(janvier|février|mars|avril|mai|juin|juillet|août|septembre|octobre|novembre|décembre)/i,o=/(janv\.?|févr\.?|mars|avr\.?|mai|juin|juil\.?|août|sept\.?|oct\.?|nov\.?|déc\.?)/i,i=/(janv\.?|févr\.?|mars|avr\.?|mai|juin|juil\.?|août|sept\.?|oct\.?|nov\.?|déc\.?|janvier|février|mars|avril|mai|juin|juillet|août|septembre|octobre|novembre|décembre)/i,c=[/^janv/i,/^févr/i,/^mars/i,/^avr/i,/^mai/i,/^juin/i,/^juil/i,/^août/i,/^sept/i,/^oct/i,/^nov/i,/^déc/i],l=n.defineLocale("fr",{months:"janvier_f\xE9vrier_mars_avril_mai_juin_juillet_ao\xFBt_septembre_octobre_novembre_d\xE9cembre".split("_"),monthsShort:"janv._f\xE9vr._mars_avr._mai_juin_juil._ao\xFBt_sept._oct._nov._d\xE9c.".split("_"),monthsRegex:i,monthsShortRegex:i,monthsStrictRegex:s,monthsShortStrictRegex:o,monthsParse:c,longMonthsParse:c,shortMonthsParse:c,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\u2019hui \xE0] LT",nextDay:"[Demain \xE0] LT",nextWeek:"dddd [\xE0] LT",lastDay:"[Hier \xE0] LT",lastWeek:"dddd [dernier \xE0] 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(p,u){switch(u){case"D":return p+(p===1?"er":"");default:case"M":case"Q":case"DDD":case"d":return p+(p===1?"er":"e");case"w":case"W":return p+(p===1?"re":"e")}},week:{dow:1,doy:4}});return l})})();(function(e,t){(function(n,s){s(typeof At=="function"?Wt.exports:n.moment)})(Pt,function(n){//! moment.js locale configuration
|
|
1691
|
+
var s="ene._feb._mar._abr._may._jun._jul._ago._sep._oct._nov._dic.".split("_"),o="ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),i=[/^ene/i,/^feb/i,/^mar/i,/^abr/i,/^may/i,/^jun/i,/^jul/i,/^ago/i,/^sep/i,/^oct/i,/^nov/i,/^dic/i],c=/^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre|ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i,l=n.defineLocale("es",{months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:function(p,u){return p?/-MMM-/.test(u)?o[p.month()]:s[p.month()]:s},monthsRegex:c,monthsShortRegex:c,monthsStrictRegex:/^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre)/i,monthsShortStrictRegex:/^(ene\.?|feb\.?|mar\.?|abr\.?|may\.?|jun\.?|jul\.?|ago\.?|sep\.?|oct\.?|nov\.?|dic\.?)/i,monthsParse:i,longMonthsParse:i,shortMonthsParse:i,weekdays:"domingo_lunes_martes_mi\xE9rcoles_jueves_viernes_s\xE1bado".split("_"),weekdaysShort:"dom._lun._mar._mi\xE9._jue._vie._s\xE1b.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_s\xE1".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\xF1ana 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\xEDa",dd:"%d d\xEDas",w:"una semana",ww:"%d semanas",M:"un mes",MM:"%d meses",y:"un a\xF1o",yy:"%d a\xF1os"},dayOfMonthOrdinalParse:/\d{1,2}º/,ordinal:"%d\xBA",week:{dow:1,doy:4},invalidDate:"Fecha inv\xE1lida"});return l})})();(function(e,t){(function(n,s){s(typeof At=="function"?Wt.exports:n.moment)})(Pt,function(n){//! moment.js locale configuration
|
|
1692
|
+
var s=n.defineLocale("zh-cn",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u56DB\u6708_\u4E94\u6708_\u516D\u6708_\u4E03\u6708_\u516B\u6708_\u4E5D\u6708_\u5341\u6708_\u5341\u4E00\u6708_\u5341\u4E8C\u6708".split("_"),monthsShort:"1\u6708_2\u6708_3\u6708_4\u6708_5\u6708_6\u6708_7\u6708_8\u6708_9\u6708_10\u6708_11\u6708_12\u6708".split("_"),weekdays:"\u661F\u671F\u65E5_\u661F\u671F\u4E00_\u661F\u671F\u4E8C_\u661F\u671F\u4E09_\u661F\u671F\u56DB_\u661F\u671F\u4E94_\u661F\u671F\u516D".split("_"),weekdaysShort:"\u5468\u65E5_\u5468\u4E00_\u5468\u4E8C_\u5468\u4E09_\u5468\u56DB_\u5468\u4E94_\u5468\u516D".split("_"),weekdaysMin:"\u65E5_\u4E00_\u4E8C_\u4E09_\u56DB_\u4E94_\u516D".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY\u5E74M\u6708D\u65E5",LLL:"YYYY\u5E74M\u6708D\u65E5Ah\u70B9mm\u5206",LLLL:"YYYY\u5E74M\u6708D\u65E5ddddAh\u70B9mm\u5206",l:"YYYY/M/D",ll:"YYYY\u5E74M\u6708D\u65E5",lll:"YYYY\u5E74M\u6708D\u65E5 HH:mm",llll:"YYYY\u5E74M\u6708D\u65E5dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour:function(o,i){return o===12&&(o=0),i==="\u51CC\u6668"||i==="\u65E9\u4E0A"||i==="\u4E0A\u5348"?o:i==="\u4E0B\u5348"||i==="\u665A\u4E0A"?o+12:o>=11?o:o+12},meridiem:function(o,i,c){var l=o*100+i;return l<600?"\u51CC\u6668":l<900?"\u65E9\u4E0A":l<1130?"\u4E0A\u5348":l<1230?"\u4E2D\u5348":l<1800?"\u4E0B\u5348":"\u665A\u4E0A"},calendar:{sameDay:"[\u4ECA\u5929]LT",nextDay:"[\u660E\u5929]LT",nextWeek:function(o){return o.week()!==this.week()?"[\u4E0B]dddLT":"[\u672C]dddLT"},lastDay:"[\u6628\u5929]LT",lastWeek:function(o){return this.week()!==o.week()?"[\u4E0A]dddLT":"[\u672C]dddLT"},sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|周)/,ordinal:function(o,i){switch(i){case"d":case"D":case"DDD":return o+"\u65E5";case"M":return o+"\u6708";case"w":case"W":return o+"\u5468";default:return o}},relativeTime:{future:"%s\u540E",past:"%s\u524D",s:"\u51E0\u79D2",ss:"%d \u79D2",m:"1 \u5206\u949F",mm:"%d \u5206\u949F",h:"1 \u5C0F\u65F6",hh:"%d \u5C0F\u65F6",d:"1 \u5929",dd:"%d \u5929",w:"1 \u5468",ww:"%d \u5468",M:"1 \u4E2A\u6708",MM:"%d \u4E2A\u6708",y:"1 \u5E74",yy:"%d \u5E74"},week:{dow:1,doy:4}});return s})})();(function(e,t){(function(n,s){s(typeof At=="function"?Wt.exports:n.moment)})(Pt,function(n){//! moment.js locale configuration
|
|
1693
|
+
var s=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u56DB\u6708_\u4E94\u6708_\u516D\u6708_\u4E03\u6708_\u516B\u6708_\u4E5D\u6708_\u5341\u6708_\u5341\u4E00\u6708_\u5341\u4E8C\u6708".split("_"),monthsShort:"1\u6708_2\u6708_3\u6708_4\u6708_5\u6708_6\u6708_7\u6708_8\u6708_9\u6708_10\u6708_11\u6708_12\u6708".split("_"),weekdays:"\u661F\u671F\u65E5_\u661F\u671F\u4E00_\u661F\u671F\u4E8C_\u661F\u671F\u4E09_\u661F\u671F\u56DB_\u661F\u671F\u4E94_\u661F\u671F\u516D".split("_"),weekdaysShort:"\u9031\u65E5_\u9031\u4E00_\u9031\u4E8C_\u9031\u4E09_\u9031\u56DB_\u9031\u4E94_\u9031\u516D".split("_"),weekdaysMin:"\u65E5_\u4E00_\u4E8C_\u4E09_\u56DB_\u4E94_\u516D".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY\u5E74M\u6708D\u65E5",LLL:"YYYY\u5E74M\u6708D\u65E5 HH:mm",LLLL:"YYYY\u5E74M\u6708D\u65E5dddd HH:mm",l:"YYYY/M/D",ll:"YYYY\u5E74M\u6708D\u65E5",lll:"YYYY\u5E74M\u6708D\u65E5 HH:mm",llll:"YYYY\u5E74M\u6708D\u65E5dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour:function(o,i){if(o===12&&(o=0),i==="\u51CC\u6668"||i==="\u65E9\u4E0A"||i==="\u4E0A\u5348")return o;if(i==="\u4E2D\u5348")return o>=11?o:o+12;if(i==="\u4E0B\u5348"||i==="\u665A\u4E0A")return o+12},meridiem:function(o,i,c){var l=o*100+i;return l<600?"\u51CC\u6668":l<900?"\u65E9\u4E0A":l<1130?"\u4E0A\u5348":l<1230?"\u4E2D\u5348":l<1800?"\u4E0B\u5348":"\u665A\u4E0A"},calendar:{sameDay:"[\u4ECA\u5929] LT",nextDay:"[\u660E\u5929] LT",nextWeek:"[\u4E0B]dddd LT",lastDay:"[\u6628\u5929] LT",lastWeek:"[\u4E0A]dddd LT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|週)/,ordinal:function(o,i){switch(i){case"d":case"D":case"DDD":return o+"\u65E5";case"M":return o+"\u6708";case"w":case"W":return o+"\u9031";default:return o}},relativeTime:{future:"%s\u5F8C",past:"%s\u524D",s:"\u5E7E\u79D2",ss:"%d \u79D2",m:"1 \u5206\u9418",mm:"%d \u5206\u9418",h:"1 \u5C0F\u6642",hh:"%d \u5C0F\u6642",d:"1 \u5929",dd:"%d \u5929",M:"1 \u500B\u6708",MM:"%d \u500B\u6708",y:"1 \u5E74",yy:"%d \u5E74"}});return s})})();const oD=rt.default.locale(),ia=rt.default.locales();ia.indexOf("en-US")===-1&&rt.default.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"}});ia.indexOf("en-US24")===-1&&rt.default.defineLocale("en-US24",{parentLocale:"en-US",longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss"}});ia.indexOf("en-PH")===-1&&(rt.default.defineLocale("en-PH",{parentLocale:"en-GB"}),rt.default.updateLocale("en-PH",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A"}}));ia.indexOf("en-IN")===-1&&(rt.default.defineLocale("en-IN",{parentLocale:"en-GB"}),rt.default.updateLocale("en-IN",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",ll:"D-MMM-YYYY"}}));ia.indexOf("en-SG")===-1&&(rt.default.defineLocale("en-SG",{parentLocale:"en-IN"}),rt.default.updateLocale("en-SG",{longDateFormat:{ll:"D MMM YYYY"}}));ia.indexOf("en-HK")===-1&&rt.default.defineLocale("en-HK",{parentLocale:"en-GB"});rt.default.locale(oD);const iD={ISO_8601:"ISO_8601",ISO_8601_UTC:"ISO_8601_UTC",SHORT_TIME:"LT",SHORT_TIME_ZONE:"LT z",LONG_TIME:"LTS",LONG_TIME_ZONE:"LTS z",NUM_DATE:"L",SHORT_DATE:"ll",LONG_DATE:"LL",SHORT_DATETIME:"lll",SHORT_DATETIME_ZONE:"lll z",LONG_DATETIME:"LLL",LONG_DATETIME_ZONE:"LLL z",SHORT_FULLDATETIME:"llll",SHORT_FULLDATETIME_ZONE:"llll z",LONG_FULLDATETIME:"LLLL",LONG_FULLDATETIME_ZONE:"LLLL z"},lD={currentUser:"any",dateToFormat:"string | Date",format:"string",locale:"string",relative:"boolean",relativeHrs:"number",tz:"string"},cD=H(N({},Y),{currentUser:y.exports.any,dateToFormat:y.exports.oneOfType([y.exports.string,y.exports.instanceOf(Date)]),format:y.exports.string,locale:y.exports.string,relative:y.exports.bool,relativeHrs:y.exports.number,tz:y.exports.string});function dD(e,t,n){if(!n&&!t)return!1;if(t)return!0;const s=rt.default(e);return rt.default().diff(s,"hours")<n}function pD({locale:e=window.navigator.language,tz:t=rt.default.tz.guess(),dateToFormat:n,format:s,currentUser:o,relative:i,relativeHrs:c,children:l}){let p=t,u=e;o&&o.preferences&&(p=p||o.preferences.timezone,u=u||o.preferences.locale);const f=s?iD[s]:"lll",m=n||String(l),g=rt.default(m);if(g.locale(u),!g.isValid())throw new Error("invalid date");return g.tz(p),dD(m,i,c)?g.fromNow():g.format(f)}function vi(e){const f=e,{dateToFormat:t,locale:n,tz:s,format:o,currentUser:i,relative:c,relativeHrs:l,children:p}=f,u=z(f,["dateToFormat","locale","tz","format","currentUser","relative","relativeHrs","children"]);return a.createElement("span",N({className:"sps-datetime"},u),pD({locale:n,tz:s,dateToFormat:t,format:o,currentUser:i,relative:c,relativeHrs:l,children:p}))}Object.assign(vi,{props:lD,propTypes:cD,displayName:"SpsDateTime"});const ku={basic:{label:"Datetime Component",description:"<p>Formats dates</p>",examples:{basicAttribute:{jsx:w.code`
|
|
1694
1694
|
<SpsDateTime dateToFormat="2018-09-11T16:32:52.822000Z" />
|
|
1695
1695
|
`},basicChild:{jsx:w.code`
|
|
1696
1696
|
<SpsDateTime>2018-09-11T16:32:52.822000Z</SpsDateTime>
|
|
1697
|
-
`}}}},Mu={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"},_u=$(N({},Y),{compact:y.exports.bool,wideTerms:y.exports.bool,widerTerms:y.exports.bool});function er(e){const u=e,{children:t,className:n,compact:a=!1,"data-testid":o,unsafelyReplaceClassName:i,wideTerms:c=!1,widerTerms:l=!1}=u,p=z(u,["children","className","compact","data-testid","unsafelyReplaceClassName","wideTerms","widerTerms"]),m=s.Children.map(t,(g,S)=>{if(g.type.toString()!==s.Fragment.toString()){const E=parseInt(`${S/2}`,10)+1;return s.cloneElement(g,{style:$(N({},g.props.style),{msGridRow:E})})}const T=g.props.children;return s.Children.map(T,E=>s.cloneElement(E,{style:$(N({},E.props.style),{msGridRow:S+1})}))}),f=F(i||"sps-description-list",a&&"sps-description-list--compact",c&&"sps-description-list--wide-terms",l&&"sps-description-list--wider-terms",n);return s.createElement("dl",N({className:f,"data-testid":`${o}`},p),m)}Object.assign(er,{props:Mu,propTypes:_u,displayName:"SpsDescriptionList / SpsDl"});function Ru(e){return er(e)}Object.assign(Ru,{props:Mu,propTypes:_u,displayName:"SpsDescriptionList / SpsDl"});const Ou={},Lu=N({},Y);function tr(e){const l=e,{children:t,className:n,"data-testid":a,unsafelyReplaceClassName:o}=l,i=z(l,["children","className","data-testid","unsafelyReplaceClassName"]),c=F(o||"sps-description-list__definition",n);return s.createElement("dd",N({className:c,"data-testid":`${a}`},i),t)}Object.assign(tr,{props:Ou,propTypes:Lu,displayName:"SpsDescriptionListDefinition / SpsDd"});function Bu(e){return tr(e)}Object.assign(Bu,{props:Ou,propTypes:Lu,displayName:"SpsDescriptionListDefinition / SpsDd"});exports.TooltipVisibility=void 0;(function(e){e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden"})(exports.TooltipVisibility||(exports.TooltipVisibility={}));function nr(e){return e===exports.TooltipVisibility.VISIBLE?exports.TooltipVisibility.HIDDEN:exports.TooltipVisibility.VISIBLE}const pD=13,Rn=new Map,uD={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"},mD=$(N({},Y),{for:y.exports.oneOfType([Pt(),y.exports.string]).isRequired,hideDelay:y.exports.number,isShown:ge(exports.TooltipVisibility),kind:ge(M.TooltipKind),offsets:y.exports.arrayOf(y.exports.number),onDeferred:ne(),position:ge(M.Position),altPosition:ge(M.Position),showOn:ge(M.TooltipShowTrigger),title:y.exports.string||y.exports.node});function Et({children:e,className:t,for:n,"data-testid":a,hideDelay:o=M.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:i,kind:c=M.TooltipKind.DEFAULT,offsets:l=[0,0],onDeferred:p,position:m=M.Position.TOP_MIDDLE,altPosition:f=Cc(m),showOn:u=M.TooltipShowTrigger.MOUSEOVER,style:g,title:S,unsafelyReplaceClassName:T}){const x=s.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:i,hideTimer:null}),[E,I]=s.useState(!1),D=s.useRef(null),v=typeof n=="string"?s.useRef(document.getElementById(n)):n,k=s.useRef(null),_=s.useCallback(()=>{x.current.hideTimer&&(window.clearTimeout(x.current.hideTimer),x.current.hideTimer=null)},[]),L=s.useCallback(()=>{_(),I(!1)},[]),R=s.useCallback((le=!1)=>{if(le===!0&&Rn.size>0)return p&&p(),!1;if(D.current.textContent==="")return console.warn("SpsTooltip is empty; aborting show"),!1;_();for(const se of Rn.values())se();return I(!0),!0},[]),B=s.useCallback(le=>{le&&le.stopPropagation(),I(se=>se?(L(),!1):R())},[]),P=s.useCallback(le=>{D.current&&!D.current.contains(le.target)&&L()},[]),A=s.useCallback(()=>{_(),x.current.hideTimer=window.setTimeout(L,o)},[]),G=s.useCallback(le=>{var j,Se,ke,Ie,Te,He;const[se,ce]=le.split(" "),ee=(j=v==null?void 0:v.current)==null?void 0:j.getBoundingClientRect(),te=k.current?parseInt(((Se=getComputedStyle(k.current))==null?void 0:Se.width)||"0",10):0,Z=te*Math.sqrt(2),oe=(Z-te)/2;if(["top","bottom"].includes(se)&&ce!=="middle"){if(!(ee==null?void 0:ee.width)||ee.width>50)return 0;const We=k.current?parseInt(((ke=getComputedStyle(k.current))==null?void 0:ke.left)||"0",10):0,ze=k.current?parseInt(((Ie=getComputedStyle(k.current))==null?void 0:Ie.right)||"0",10):0,et=(We<ze?We:ze)-oe+Z/2;return ee.width/2-et}else if(["left","right"].includes(se)&&ce!=="middle"){if((ee==null?void 0:ee.height)&&ee.height>50)return 0;const We=k.current?parseInt(((Te=getComputedStyle(k.current))==null?void 0:Te.top)||"0",10):0,ze=k.current?parseInt(((He=getComputedStyle(k.current))==null?void 0:He.bottom)||"0",10):0,et=(We<ze?We:ze)-oe+Z/2;return ee.height/2-et}else return 0},[]);s.useEffect(()=>{if(typeof n=="string"&&(v.current=document.getElementById(n)),E?Rn.set(x.current.instanceKey,L):Rn.has(x.current.instanceKey)&&Rn.delete(x.current.instanceKey),u===M.TooltipShowTrigger.MANUAL){if(i!==x.current.prevIsShown)switch(i){case exports.TooltipVisibility.VISIBLE:R();break;case exports.TooltipVisibility.DEFER_VISIBLE:R(!0);break;case exports.TooltipVisibility.HIDDEN:L();break;case exports.TooltipVisibility.DELAYED_HIDDEN:A();break}x.current.prevIsShown=i}},[E,i]),s.useEffect(()=>{if(v.current)switch(u){case M.TooltipShowTrigger.MOUSEOVER:v.current.addEventListener("mouseenter",R),v.current.addEventListener("mouseleave",A);break;case M.TooltipShowTrigger.CLICK:v.current.addEventListener("click",B),document.addEventListener("click",P);break;case M.TooltipShowTrigger.MANUAL:break}},[v]),s.useEffect(()=>{D.current.textContent===""&&E&&(x.current.hideTimer&&(clearTimeout(x.current.hideTimer),x.current.hideTimer=null),I(!1))},[e,E]),s.useEffect(()=>()=>{Rn.has(x.current.instanceKey)&&Rn.delete(x.current.instanceKey),v.current&&(v.current.removeEventListener("mouseenter",R),v.current.removeEventListener("mouseleave",A),v.current.removeEventListener("click",B),document.removeEventListener("click",P))},[]);const K=Un("sps-tooltip-portal"),W=s.useContext(kt),[[de,pe],J]=s.useState([{},!1]);s.useEffect(()=>{J(E?ya(D,v,m,N({altPosition:f,setMinWidth:!1,offsets:[l[0]-pD,l[1]+G(m)]},W)):[{},!1])},[E,m,f,l[0],l[1],e]);const Q=F(T||"sps-tooltip","z-stratum-tip",`sps-tooltip--${c}`,`sps-tooltip--pos-${(pe?f:m).replace(" ","-")}`,E&&"sps-tooltip--shown",t);return K(s.createElement("div",{role:"tooltip",className:Q,"data-testid":a,ref:D,style:N(N({},g),de),onMouseEnter:u===M.TooltipShowTrigger.MOUSEOVER?_:null,onMouseLeave:u===M.TooltipShowTrigger.MOUSEOVER?A:null},S&&(typeof S=="string"?s.createElement("span",{className:"sps-tooltip__title d-block"},S):S),s.createElement("span",{className:"sps-tooltip__body d-block"},e),s.createElement("span",{ref:k,className:"sps-tooltip__caret"})))}Object.assign(Et,{props:uD,propTypes:mD,displayName:"SpsTooltip"});const Au={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"},Pu=$(N({},Y),{error:y.exports.bool,errors:lt,help:lt,labelFor:y.exports.oneOfType([ie(),ie()]),required:y.exports.bool});function ar(e){const v=e,{children:t,className:n,error:a,errors:o,help:i,labelFor:c,required:l,"data-testid":p,unsafelyReplaceClassName:m}=v,f=z(v,["children","className","error","errors","help","labelFor","required","data-testid","unsafelyReplaceClassName"]);function u(){return c&&!c.isPristine()&&!c.isValid()}const g=s.useRef(),[S,T]=s.useState(),[x,E]=s.useState(exports.TooltipVisibility.HIDDEN);s.useEffect(()=>{T(u()?M.TooltipKind.ERROR:M.TooltipKind.HELP)}),c&&(c.onFocus=()=>E(exports.TooltipVisibility.VISIBLE),c.onBlur=()=>E(exports.TooltipVisibility.HIDDEN));const I=F(m||"sps-description-list__term",(l||c&&c.isRequired())&&"sps-description-list__term--required",(a||u())&&"sps-description-list__term--error",n);function D(){E(x===exports.TooltipVisibility.VISIBLE?exports.TooltipVisibility.HIDDEN:exports.TooltipVisibility.VISIBLE)}return s.createElement(s.Fragment,null,s.createElement("dt",N({className:I,"data-testid":`${p}`,ref:g,onMouseEnter:()=>E(exports.TooltipVisibility.VISIBLE),onMouseLeave:()=>E(exports.TooltipVisibility.DELAYED_HIDDEN),onClick:D},f),t),s.createElement(Et,{kind:S,for:g,showOn:M.TooltipShowTrigger.MANUAL,isShown:x},pt(S===M.TooltipKind.ERROR?o:i)))}Object.assign(ar,{props:Au,propTypes:Pu,displayName:"SpsDescriptionListTerm / SpsDt"});function Fu(e){return ar(e)}Object.assign(Fu,{props:Au,propTypes:Pu,displayName:"SpsDescriptionListTerm / SpsDt"});const Ku={general:{label:"General Usage",description:()=>U.default.createElement(U.default.Fragment,null,U.default.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."),U.default.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."),U.default.createElement("h4",null,"Use a Description List"),U.default.createElement("ul",null,U.default.createElement("li",{className:"mb-2"},"To display two or more terms that have accompanying descriptions or values.")),U.default.createElement("h4",null,"Do Not Use a Description List"),U.default.createElement("ul",null,U.default.createElement("li",{className:"mb-2"},"To display a single term"),U.default.createElement("li",{className:"mb-2"},"If the listed terms do not have descriptions")))},basic:{label:"Basic Description Lists",description:()=>U.default.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:{standard:{description:"Standard Size Description Lists",react:w.code`
|
|
1697
|
+
`}}}},Mu={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"},_u=H(N({},Y),{compact:y.exports.bool,wideTerms:y.exports.bool,widerTerms:y.exports.bool});function tr(e){const m=e,{children:t,className:n,compact:s=!1,"data-testid":o,unsafelyReplaceClassName:i,wideTerms:c=!1,widerTerms:l=!1}=m,p=z(m,["children","className","compact","data-testid","unsafelyReplaceClassName","wideTerms","widerTerms"]),u=a.Children.map(t,(g,S)=>{if(g.type.toString()!==a.Fragment.toString()){const E=parseInt(`${S/2}`,10)+1;return a.cloneElement(g,{style:H(N({},g.props.style),{msGridRow:E})})}const T=g.props.children;return a.Children.map(T,E=>a.cloneElement(E,{style:H(N({},E.props.style),{msGridRow:S+1})}))}),f=K(i||"sps-description-list",s&&"sps-description-list--compact",c&&"sps-description-list--wide-terms",l&&"sps-description-list--wider-terms",n);return a.createElement("dl",N({className:f,"data-testid":`${o}`},p),u)}Object.assign(tr,{props:Mu,propTypes:_u,displayName:"SpsDescriptionList / SpsDl"});function Ru(e){return tr(e)}Object.assign(Ru,{props:Mu,propTypes:_u,displayName:"SpsDescriptionList / SpsDl"});const Lu={},Ou=N({},Y);function nr(e){const l=e,{children:t,className:n,"data-testid":s,unsafelyReplaceClassName:o}=l,i=z(l,["children","className","data-testid","unsafelyReplaceClassName"]),c=K(o||"sps-description-list__definition",n);return a.createElement("dd",N({className:c,"data-testid":`${s}`},i),t)}Object.assign(nr,{props:Lu,propTypes:Ou,displayName:"SpsDescriptionListDefinition / SpsDd"});function Bu(e){return nr(e)}Object.assign(Bu,{props:Lu,propTypes:Ou,displayName:"SpsDescriptionListDefinition / SpsDd"});exports.TooltipVisibility=void 0;(function(e){e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden"})(exports.TooltipVisibility||(exports.TooltipVisibility={}));function ar(e){return e===exports.TooltipVisibility.VISIBLE?exports.TooltipVisibility.HIDDEN:exports.TooltipVisibility.VISIBLE}const Pu=13,Ln=new Map,uD={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"},mD=H(N({},Y),{for:y.exports.oneOfType([Ft(),y.exports.string]).isRequired,hideDelay:y.exports.number,isShown:be(exports.TooltipVisibility),kind:be(M.TooltipKind),offsets:y.exports.arrayOf(y.exports.number),onDeferred:ne(),position:be(M.Position),altPosition:be(M.Position),showOn:be(M.TooltipShowTrigger),title:y.exports.string||y.exports.node});function Dt({children:e,className:t,for:n,"data-testid":s,hideDelay:o=M.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:i,kind:c=M.TooltipKind.DEFAULT,offsets:l=[0,0],onDeferred:p,position:u=M.Position.TOP_MIDDLE,altPosition:f=Cc(u),showOn:m=M.TooltipShowTrigger.MOUSEOVER,style:g,title:S,unsafelyReplaceClassName:T}){const x=a.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:i,hideTimer:null}),[E,I]=a.useState(!1),D=a.useRef(null),v=typeof n=="string"?a.useRef(document.getElementById(n)):n,k=a.useRef(null),_=a.useCallback(()=>{x.current.hideTimer&&(window.clearTimeout(x.current.hideTimer),x.current.hideTimer=null)},[]),O=a.useCallback(()=>{_(),I(!1)},[]),R=a.useCallback((oe=!1)=>{if(oe===!0&&Ln.size>0)return p&&p(),!1;if(D.current.textContent==="")return console.warn("SpsTooltip is empty; aborting show"),!1;_();for(const se of Ln.values())se();return I(!0),!0},[]),B=a.useCallback(oe=>{oe&&oe.stopPropagation(),I(se=>se?(O(),!1):R())},[]),F=a.useCallback(oe=>{D.current&&!D.current.contains(oe.target)&&O()},[]),P=a.useCallback(()=>{_(),x.current.hideTimer=window.setTimeout(O,o)},[]),U=a.useCallback(oe=>{var j,ye,Ie,Ce,we,Ke;const[se,ce]=oe.split(" "),ee=(j=v==null?void 0:v.current)==null?void 0:j.getBoundingClientRect(),te=k.current?parseInt(((ye=getComputedStyle(k.current))==null?void 0:ye.width)||"0",10):0,Z=te*Math.sqrt(2),ie=(Z-te)/2;if(["top","bottom"].includes(se)&&ce!=="middle"){if(!(ee==null?void 0:ee.width)||ee.width>50)return 0;const $e=k.current?parseInt(((Ie=getComputedStyle(k.current))==null?void 0:Ie.left)||"0",10):0,je=k.current?parseInt(((Ce=getComputedStyle(k.current))==null?void 0:Ce.right)||"0",10):0,qe=($e<je?$e:je)-ie+Z/2;return ee.width/2-qe}else if(["left","right"].includes(se)&&ce!=="middle"){if((ee==null?void 0:ee.height)&&ee.height>50)return 0;const $e=k.current?parseInt(((we=getComputedStyle(k.current))==null?void 0:we.top)||"0",10):0,je=k.current?parseInt(((Ke=getComputedStyle(k.current))==null?void 0:Ke.bottom)||"0",10):0,qe=($e<je?$e:je)-ie+Z/2;return ee.height/2-qe}else return 0},[]);a.useEffect(()=>{if(typeof n=="string"&&(v.current=document.getElementById(n)),E?Ln.set(x.current.instanceKey,O):Ln.has(x.current.instanceKey)&&Ln.delete(x.current.instanceKey),m===M.TooltipShowTrigger.MANUAL){if(i!==x.current.prevIsShown)switch(i){case exports.TooltipVisibility.VISIBLE:R();break;case exports.TooltipVisibility.DEFER_VISIBLE:R(!0);break;case exports.TooltipVisibility.HIDDEN:O();break;case exports.TooltipVisibility.DELAYED_HIDDEN:P();break}x.current.prevIsShown=i}},[E,i]),a.useEffect(()=>{if(v.current)switch(m){case M.TooltipShowTrigger.MOUSEOVER:v.current.addEventListener("mouseenter",R),v.current.addEventListener("mouseleave",P);break;case M.TooltipShowTrigger.CLICK:v.current.addEventListener("click",B),document.addEventListener("click",F);break;case M.TooltipShowTrigger.MANUAL:break}},[v]),a.useEffect(()=>{D.current.textContent===""&&E&&(x.current.hideTimer&&(clearTimeout(x.current.hideTimer),x.current.hideTimer=null),I(!1))},[e,E]),a.useEffect(()=>()=>{Ln.has(x.current.instanceKey)&&Ln.delete(x.current.instanceKey),v.current&&(v.current.removeEventListener("mouseenter",R),v.current.removeEventListener("mouseleave",P),v.current.removeEventListener("click",B),document.removeEventListener("click",F))},[]);const V=jn("sps-tooltip-portal"),G=a.useContext(Mt),[[pe,ue],J]=a.useState([{},!1]);a.useEffect(()=>{J(E?xn(D,v,u,N({altPosition:f,setMinWidth:!1,offsets:[l[0]-Pu,l[1]+U(u)]},G)):[{},!1])},[E,u,f,l[0],l[1],e]),a.useEffect(()=>{const oe=()=>{E&&J(xn(D,v,u,N({altPosition:f,setMinWidth:!1,offsets:[l[0]-Pu,l[1]+U(u)]},G)))};return document.addEventListener("scroll",oe),()=>{document.removeEventListener("scroll",oe)}},[E]);const Q=K(T||"sps-tooltip","z-stratum-tip",`sps-tooltip--${c}`,`sps-tooltip--pos-${(ue?f:u).replace(" ","-")}`,E&&"sps-tooltip--shown",t);return V(a.createElement("div",{role:"tooltip",className:Q,"data-testid":s,ref:D,style:N(N({},g),pe),onMouseEnter:m===M.TooltipShowTrigger.MOUSEOVER?_:null,onMouseLeave:m===M.TooltipShowTrigger.MOUSEOVER?P:null},S&&(typeof S=="string"?a.createElement("span",{className:"sps-tooltip__title d-block"},S):S),a.createElement("span",{className:"sps-tooltip__body d-block"},e),a.createElement("span",{ref:k,className:"sps-tooltip__caret"})))}Object.assign(Dt,{props:uD,propTypes:mD,displayName:"SpsTooltip"});const Au={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"},Fu=H(N({},Y),{error:y.exports.bool,errors:dt,help:dt,labelFor:y.exports.oneOfType([le(),le()]),required:y.exports.bool});function sr(e){const v=e,{children:t,className:n,error:s,errors:o,help:i,labelFor:c,required:l,"data-testid":p,unsafelyReplaceClassName:u}=v,f=z(v,["children","className","error","errors","help","labelFor","required","data-testid","unsafelyReplaceClassName"]);function m(){return c&&!c.isPristine()&&!c.isValid()}const g=a.useRef(),[S,T]=a.useState(),[x,E]=a.useState(exports.TooltipVisibility.HIDDEN);a.useEffect(()=>{T(m()?M.TooltipKind.ERROR:M.TooltipKind.HELP)}),c&&(c.onFocus=()=>E(exports.TooltipVisibility.VISIBLE),c.onBlur=()=>E(exports.TooltipVisibility.HIDDEN));const I=K(u||"sps-description-list__term",(l||c&&c.isRequired())&&"sps-description-list__term--required",(s||m())&&"sps-description-list__term--error",n);function D(){E(x===exports.TooltipVisibility.VISIBLE?exports.TooltipVisibility.HIDDEN:exports.TooltipVisibility.VISIBLE)}return a.createElement(a.Fragment,null,a.createElement("dt",N({className:I,"data-testid":`${p}`,ref:g,onMouseEnter:()=>E(exports.TooltipVisibility.VISIBLE),onMouseLeave:()=>E(exports.TooltipVisibility.DELAYED_HIDDEN),onClick:D},f),t),a.createElement(Dt,{kind:S,for:g,showOn:M.TooltipShowTrigger.MANUAL,isShown:x},ft(S===M.TooltipKind.ERROR?o:i)))}Object.assign(sr,{props:Au,propTypes:Fu,displayName:"SpsDescriptionListTerm / SpsDt"});function Ku(e){return sr(e)}Object.assign(Ku,{props:Au,propTypes:Fu,displayName:"SpsDescriptionListTerm / SpsDt"});const Vu={general:{label:"General Usage",description:()=>A.default.createElement(A.default.Fragment,null,A.default.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."),A.default.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."),A.default.createElement("h4",null,"Use a Description List"),A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"To display two or more terms that have accompanying descriptions or values.")),A.default.createElement("h4",null,"Do Not Use a Description List"),A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"To display a single term"),A.default.createElement("li",{className:"mb-2"},"If the listed terms do not have descriptions")))},basic:{label:"Basic Description Lists",description:()=>A.default.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:{standard:{description:"Standard Size Description Lists",react:w.code`
|
|
1698
1698
|
function DemoComponent() {
|
|
1699
1699
|
return (
|
|
1700
1700
|
<SpsCardV2>
|
|
@@ -1772,7 +1772,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
1772
1772
|
</SpsCardV2>
|
|
1773
1773
|
)
|
|
1774
1774
|
}
|
|
1775
|
-
`}}},inputFields:{label:"Description Lists with Input Fields",description:({NavigateTo:e})=>
|
|
1775
|
+
`}}},inputFields:{label:"Description Lists with Input Fields",description:({NavigateTo:e})=>A.default.createElement(A.default.Fragment,null,A.default.createElement("p",null,"Description Lists can be used to support form fields. In these instances, the left hand column is used for the label and the right hand column used for the corresponding input field."),A.default.createElement("p",null,"Description Lists with Input Fields can appear in Standard or Compact sizes in either 1-to-3, 1-to-2 or 1-to-1 layouts."),A.default.createElement("p",null,"Input Fields inside of Description Lists should follow standard Form rules. Visit the"," ",A.default.createElement(e,{to:"form"},"Forms")," page for more information regarding Form rules."),A.default.createElement("p",null,A.default.createElement("i",null,"Note: Description Lists with Input Fields should only be utilized when it benefits the usability of a form, and should not be used adjacent to forms that are not in Description Lists."))),examples:{standard:{description:"Standard Size Description Lists with Input Fields",react:w.code`
|
|
1776
1776
|
function DemoComponent() {
|
|
1777
1777
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
1778
1778
|
term1: "",
|
|
@@ -2012,7 +2012,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2012
2012
|
</SpsCardV2>
|
|
2013
2013
|
)
|
|
2014
2014
|
}
|
|
2015
|
-
`}}}}
|
|
2015
|
+
`}}}},$u={labelled:{label:"Labelled",examples:{default:{description:"<h3> Default Dropdown</h3>",react:w.code`
|
|
2016
2016
|
function SpsDropdownBasicDefault(props) {
|
|
2017
2017
|
const [action, updateAction] = useSpsAction({
|
|
2018
2018
|
label: "Option B"
|
|
@@ -2217,7 +2217,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2217
2217
|
</SpsTable>
|
|
2218
2218
|
)
|
|
2219
2219
|
}
|
|
2220
|
-
`}}}},fD={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"},hD
|
|
2220
|
+
`}}}},fD={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"},hD=H(N({},Y),{checked:y.exports.bool,onChange:ne(),indeterminate:y.exports.bool,options:y.exports.arrayOf(y.exports.oneOfType([y.exports.func,y.exports.any])).isRequired,disabled:y.exports.bool});function yi(e){const u=e,{options:t,className:n,checked:s,onChange:o,indeterminate:i,disabled:c}=u,l=z(u,["options","className","checked","onChange","indeterminate","disabled"]),p=K("sps-checkbox-dropdown",n);return a.createElement("span",N({className:p},l),a.createElement(Nn,{indeterminate:i,checked:s,disabled:c,onChange:o,inline:!0}),a.createElement(Dn,{disabled:c,options:t,icon:M.SpsIcon.CHEVRON_DOWN}))}Object.assign(yi,{props:fD,propTypes:hD,displayName:"SpsCheckboxDropdown"});const gD={kind:"FeedbackBlockKind"},SD=H(N({},Y),{kind:be(M.FeedbackBlockKind)});function Ti(e){const p=e,{children:t,className:n,kind:s=M.FeedbackBlockKind.TIP,"data-testid":o,unsafelyReplaceClassName:i}=p,c=z(p,["children","className","kind","data-testid","unsafelyReplaceClassName"]),l=K(i||"sps-feedback-block",`sps-feedback-block--${s}`,n);return a.createElement("div",N({className:l,role:"alert","data-testid":o},c),a.createElement("i",{className:K("sps-icon",`sps-icon-${M.FeedbackBlockIcons[s]}`),"aria-hidden":"true"}),a.createElement("span",{className:"sps-feedback-block__content","data-testid":`${o}__text`},t))}Object.assign(Ti,{props:gD,propTypes:SD,displayName:"SpsFeedbackBlock"});const Hu={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",jsx:w.code`
|
|
2221
2221
|
<SpsFeedbackBlock kind={FeedbackBlockKind.ERROR}>
|
|
2222
2222
|
We are experiencing difficulties communicating to the server. Please try again later.
|
|
2223
2223
|
</SpsFeedbackBlock>
|
|
@@ -2262,7 +2262,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2262
2262
|
kind={FeedbackBlockKind.WARNING}
|
|
2263
2263
|
message="This order is missing a shipment date."
|
|
2264
2264
|
/>
|
|
2265
|
-
`}}}},bD={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string"},vD
|
|
2265
|
+
`}}}},bD={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string"},vD=H(N({},Y),{errors:dt,formArray:le(),formGroup:le(),formMeta:le(),legend:y.exports.string,optional:y.exports.bool,enabled:y.exports.bool,onToggled:ne(),tooltip:y.exports.string});function wi({children:e,className:t,errors:n,formArray:s,formGroup:o,formMeta:i,legend:c,unsafelyReplaceClassName:l,optional:p=!1,enabled:u=!1,onToggled:f,tooltip:m,"data-testid":g}){const S=o||s,T=a.useRef(null),x=a.useRef(null),[E,I]=a.useState(exports.TooltipVisibility.HIDDEN),[D,v]=a.useState(!1),[k,_]=a.useState(u);Qr(()=>{f==null||f(k)},[k]),a.useEffect(()=>{if(S||i){const B=S&&S.isFocused()||i&&i.isFocused();!D&&B?I(exports.TooltipVisibility.VISIBLE):D&&!B&&I(exports.TooltipVisibility.HIDDEN),v(B)}});const O=K(l||"sps-fieldset",(S&&!S.isPristine()&&S.invalid||i&&(!i.isValid()||!i.contentsAreValid()))&&"sps-fieldset--error",t,p&&!k&&"sps-fieldset--collapsed");function R(){I(E===exports.TooltipVisibility.VISIBLE?exports.TooltipVisibility.HIDDEN:exports.TooltipVisibility.VISIBLE)}return a.createElement("div",{className:"sps-fieldset-container"},a.createElement("fieldset",{className:O,"data-testid":g},a.createElement("legend",{className:"sps-fieldset__legend",ref:T,onMouseEnter:()=>I(exports.TooltipVisibility.VISIBLE),onMouseLeave:()=>I(exports.TooltipVisibility.DELAYED_HIDDEN),onClick:R},p&&a.createElement(Nn,{checked:k,className:"d-inline-flex",onChange:()=>{_(!k)},"data-testid":`${g}__checkbox`}),c,m&&a.createElement("span",{className:"sps-fieldset__legend-icon",ref:x},a.createElement(Rt,{icon:M.SpsIcon.INFO_CIRCLE,"data-testid":`${g}__info-icon`}))),m&&a.createElement(Dt,{for:x},m),a.createElement(Dt,{for:T,kind:M.TooltipKind.ERROR,showOn:M.TooltipShowTrigger.MANUAL,isShown:E},ft(n)),e))}Object.assign(wi,{props:bD,propTypes:vD,displayName:"SpsFieldset"});const Wu={basic:{label:"Basic Fieldsets",description:"info about basic fieldsets",examples:{basic:{react:w.code`
|
|
2266
2266
|
function DemoComponent() {
|
|
2267
2267
|
const RADIO_OPTIONS = [
|
|
2268
2268
|
{ value: "a", label: "Option A" },
|
|
@@ -2498,7 +2498,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2498
2498
|
</SpsForm>
|
|
2499
2499
|
)
|
|
2500
2500
|
}
|
|
2501
|
-
`}}}},yD={},TD=N({},Y);function
|
|
2501
|
+
`}}}},yD={},TD=N({},Y);function rr(e){const c=e,{children:t,className:n,unsafelyReplaceClassName:s}=c,o=z(c,["children","className","unsafelyReplaceClassName"]),i=K(s||"sps-list-action-bar-container","z-stratum-bar",n);return a.createElement("div",N({className:i},o),a.createElement("div",{className:"sps-list-action-bar"},a.createElement("div",{className:"sps-list-action-bar__actions"},t)))}Object.assign(rr,{props:yD,propTypes:TD,displayName:"SpsFocusedTaskActions"});const wD={fullWidth:"boolean",isOpen:"boolean",onClose:"() => void"},ED=H(N({},Y),{fullWidth:y.exports.bool,isOpen:y.exports.bool,onClose:ne()});function or(e){const x=e,{children:t,className:n,fullWidth:s,isOpen:o,onClose:i,title:c,"data-testid":l,unsafelyReplaceClassName:p}=x,u=z(x,["children","className","fullWidth","isOpen","onClose","title","data-testid","unsafelyReplaceClassName"]),f=a.useRef(),{t:m}=a.useContext(Oe);a.useEffect(()=>{document.body.style.overflow=o?"hidden":null},[o]),a.useEffect(()=>()=>{document.body.style.overflow=null},[]);const g=K(p||"sps-focused-task","z-stratum-dialog",s&&"sps-focused-task--full-width",o&&"sps-focused-task--open",n),[S,T]=Vt(t,[{type:rr}]);return a.createElement("div",N({className:g,ref:f,"data-testid":l},u),a.createElement("div",{className:"sps-focused-task__title"},a.createElement(Fe,{className:"sps-focused-task__close-btn",kind:M.ButtonKind.ICON,icon:M.SpsIcon.X,onClick:i,title:m("design-system:focusedTask.close")})),a.createElement("div",{className:"sps-focused-task__body"},a.createElement(Mt.Provider,{value:{parentElementRef:f}},o&&T)),S)}Object.assign(or,{props:wD,propTypes:ED,displayName:"SpsFocusedTask"});const Gu={basic:{examples:{basic:{react:w.code`
|
|
2502
2502
|
function SpsFocusedTaskBasic() {
|
|
2503
2503
|
const [showFocusedTask, setShowFocusedTask] = React.useState(false);
|
|
2504
2504
|
|
|
@@ -2574,7 +2574,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2574
2574
|
</>
|
|
2575
2575
|
);
|
|
2576
2576
|
}
|
|
2577
|
-
`}}}};function Ei(e,t){const[n,...
|
|
2577
|
+
`}}}};function Ei(e,t){const[n,...s]=w.crumblePath(t);return s.length?e.members[n].get(s):e.members[n]}function CD(e=[],t={}){return H(N({validators:[]},t),{_type:"Array",members:[...e],errors:null,invalid:!1,isValid(){const n=this;return!n.invalid&&n.members.every(s=>s.isValid())},isRequired(){const n=this;return n.validators&&n.validators.indexOf(ls.required)>-1},hasError(n){const s=this;return s.errors&&Object.prototype.hasOwnProperty.call(s.errors,n)},length:e.length,setInitValue(n){for(const[s,o]of this.members.entries())o.setInitValue(n[s]);return this},getValue(){return this.members.map(n=>n.getValue())},setValue(n=[]){for(const[s,o]of this.members.entries())o.setValue(n[s]);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 s=this;s.members=[...e],s.length=e.length;for(const[o,i]of s.members.entries())n&&o<n.length?i.reset(n[o]):i.reset();return s.update(),this},get(n){return Ei(this,n)},at(n){return this.members[n]},push(n){const s=this;return s.members.push(n),s.length=s.members.length,s.update(),this},insert(n,s){const o=this;return o.members.splice(n,null,s),o.length=o.members.length,o.update(),this},removeAt(n){const s=this;return s.members.splice(n,1),s.length=s.members.length,s.update(),this},setControl(n,s){const o=this;return o.members[n]=s,o.update(),this}})}function xD(e,t={}){return H(N({validators:[],id:rn()},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(ls.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 DD(e={},t={}){return H(N({validators:[]},t),{_type:"Group",members:N({},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 s of Object.keys(this.members))this.members[s].setInitValue(n[s]);return this},getValue(){return Object.keys(this.members).reduce((n,s)=>Object.assign(n,{[s]:this.members[s].getValue()}),{})},setValue(n={}){for(const s of Object.keys(this.members))this.members[s].setValue(n[s]);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=N({},e);for(const s of Object.keys(this.members))n&&Object.prototype.hasOwnProperty.call(n,s)?this.members[s].reset(n[s]):this.members[s].reset();return this.update(),this},get(n){return Ei(this,n)},addControl(n,s){if(this.contains(n))throw new Error(`Form group already contains a control called "${n}".`);return this.members[n]=s,this.update(),this},removeControl(n){return delete this.members[n],this.update(),this},setControl(n,s){return this.members[n]=s,this.update(),this},contains(n){return Object.keys(this.members).indexOf(n)>-1}})}function ID(e,t){t&&e.setInitValue(t);const[n,s]=$.useState(),[o,i]=$.useState([]),[c,l]=$.useReducer(p=>{for(const u of o)for(const f of w.traversePath(p,u))f.validators&&f.validators.length&&(f.errors=ya(f.getValue(),f.validators),f.invalid=!!f.errors&&!f.pristine);return s(null),i([]),N({},p)},e);return w.forEachNestedObject(c,(p,u)=>{u._type&&(u.update=function(){return o.push(p),i(o),n||s(window.setTimeout(l,0)),this})}),c}function ND(e,t=null){const[n,s]=$.useState(t),o=$.useRef(()=>null);return $.useEffect(()=>{const i=()=>n,c=e.validators.indexOf(o.current);c===-1?e.validators.push(i):e.validators[c]=i,e.update(),o.current=i},[n]),[n,s]}exports.ValidationMode=void 0;(function(e){e[e.ON_CHANGE=0]="ON_CHANGE",e[e.ON_BLUR=1]="ON_BLUR",e[e.ON_SUBMIT=2]="ON_SUBMIT"})(exports.ValidationMode||(exports.ValidationMode={}));function kD(e,t={},n=[]){for(const[s,o]of Object.entries(t))o===0?pc(s):o===2&&uc(s);return a.useCallback(e,n)}const Uu={},MD={ideal:{label:"Ideal",examples:{ideal:{react:w.code`
|
|
2578
2578
|
function DemoComponent() {
|
|
2579
2579
|
const initValue = {
|
|
2580
2580
|
names: ["Foo"],
|
|
@@ -2705,7 +2705,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2705
2705
|
</>
|
|
2706
2706
|
)
|
|
2707
2707
|
}
|
|
2708
|
-
`}}}},_D={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"},RD
|
|
2708
|
+
`}}}},_D={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"},RD=H(N({},Y),{imgSrc:y.exports.string,kind:be(M.GrowlerKind),onClose:ne(),persist:y.exports.bool,title:y.exports.string});function ir(e){const F=e,{children:t,className:n,imgSrc:s,kind:o=M.GrowlerKind.INFO,onClose:i,persist:c,title:l,unsafelyReplaceClassName:p}=F,u=z(F,["children","className","imgSrc","kind","onClose","persist","title","unsafelyReplaceClassName"]),f=a.useRef(i);a.useEffect(()=>{f.current=i},[i]);const{t:m}=a.useContext(Oe),[g,S]=a.useState(!0),[T,x]=a.useState(!1);function E(){return[window.setTimeout(()=>x(!0),M.GROWLER_VISIBLE_DURATION_MS),window.setTimeout(()=>{S(!1),f.current&&f.current()},M.GROWLER_VISIBLE_DURATION_MS+M.GROWLER_FADEOUT_DURATION_MS)]}const I=a.useRef([]);function D(){c||(I.current=E())}function v(){for(const P of I.current)window.clearTimeout(P);I.current=[]}function k(){v(),S(!0),x(!1)}function _(){k(),x(!1),S(!1),i&&i()}const O=o===M.GrowlerKind.PROGRESS?"sps-spinner":K("sps-icon",`sps-icon-${M.GrowlerIcon.get(o)}`),R=K(p||"sps-growler",g&&"show",T&&"fade",`sps-growler--${o}`,n);return a.useEffect(()=>(D(),()=>{v()}),[]),jn("sps-growler-display-area",["sps-growler-area","z-stratum-growlers"])(a.createElement("div",N({role:"alert",className:R,onMouseEnter:k,onMouseLeave:D},u),a.createElement("div",{className:"sps-growler__icon-box"},s&&a.createElement("img",{src:s,alt:""}),!s&&a.createElement("i",{className:O,"aria-hidden":"true"})),a.createElement("div",{className:"sps-growler__message-box"},a.createElement("div",{className:"sps-growler__message-box-text"},l&&a.createElement("span",{className:"sps-growler__message-box-title d-block"},l),a.createElement("div",{className:"sps-growler__message-box-subtitle"},t)),a.createElement("button",{type:"button",className:"sps-growler__close-button","aria-hidden":"true",onClick:_},a.createElement("i",{className:"sps-icon sps-icon-x",title:m("design-system:growler.dismiss")})))))}Object.assign(ir,{props:_D,propTypes:RD,displayName:"SpsGrowler"});const Yu={writingGuidelines:{label:"Writing Guidelines",customSection:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Use the following guidelines to write an effective Growler message."),a.createElement("ul",null,a.createElement("li",null,"Write all messages in sentence case.",a.createElement("ul",null,a.createElement("li",null,"Capitalize the first word of the message."),a.createElement("li",null,"Add punctuation, such as a period, at the end of the message."))),a.createElement("li",null,"Keep messages as succinct as possible while also providing sufficient information to the customer."),a.createElement("li",null,"If you can clearly convey your message in a single statement, use only the Primary Message."),a.createElement("li",null,"If the message requires additional details, such as further information or instructions, use both the Primary and Secondary Messages.")),a.createElement("p",null,"For more examples of effective feedback message writing, refer to"," ",a.createElement("a",{href:"https://atlassian.design/content/messaging-guidelines",target:"_blank",rel:"noreferrer"},"Atlassian's Messaging Guidelines"),"."))},error:{label:"Error",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Acceptable message: Document ABC123 has not been sent. Check the form and try sending it again."),a.createElement("p",null,`Unacceptable message: Can't send your document."`)),examples:{primary:{description:"Primary Message Only",react:w.code`
|
|
2709
2709
|
import { SpsButton, SpsGrowler } from "@spscommerce/ds-react";
|
|
2710
2710
|
import { ButtonKind, GrowlerKind } from "@spscommerce/ds-shared";
|
|
2711
2711
|
|
|
@@ -2757,7 +2757,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2757
2757
|
</>
|
|
2758
2758
|
);
|
|
2759
2759
|
}
|
|
2760
|
-
`}}},information:{label:"Information",description:()=>
|
|
2760
|
+
`}}},information:{label:"Information",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Acceptable message: System maintenance notice. We'll be offline tonight from 9-11pm CST."),a.createElement("p",null,"Unacceptable message: No access tonight.")),examples:{primary:{react:w.code`
|
|
2761
2761
|
import { SpsButton, SpsGrowler } from "@spscommerce/ds-react";
|
|
2762
2762
|
import { ButtonKind, GrowlerKind } from "@spscommerce/ds-shared";
|
|
2763
2763
|
|
|
@@ -2809,7 +2809,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2809
2809
|
</>
|
|
2810
2810
|
);
|
|
2811
2811
|
}
|
|
2812
|
-
`}}},progress:{label:"Progress",description:()=>
|
|
2812
|
+
`}}},progress:{label:"Progress",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Acceptable message: Export in progress."),a.createElement("p",null,"Unacceptable message: Please wait.")),examples:{primary:{description:"Primary Message Only",react:w.code`
|
|
2813
2813
|
import { SpsButton, SpsGrowler } from "@spscommerce/ds-react";
|
|
2814
2814
|
import { ButtonKind, GrowlerKind } from "@spscommerce/ds-shared";
|
|
2815
2815
|
|
|
@@ -2861,7 +2861,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2861
2861
|
</>
|
|
2862
2862
|
);
|
|
2863
2863
|
}
|
|
2864
|
-
`}}},success:{label:"Success",description:()=>
|
|
2864
|
+
`}}},success:{label:"Success",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Acceptable message: Message sent. Our support team will respond to your message within 24 hours."),a.createElement("p",null,"Unacceptable message: Submitted.")),examples:{primary:{react:w.code`
|
|
2865
2865
|
import { SpsButton, SpsGrowler } from "@spscommerce/ds-react";
|
|
2866
2866
|
import { ButtonKind, GrowlerKind } from "@spscommerce/ds-shared";
|
|
2867
2867
|
|
|
@@ -2913,7 +2913,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2913
2913
|
</>
|
|
2914
2914
|
);
|
|
2915
2915
|
}
|
|
2916
|
-
`}}},warning:{label:"Warning",description:()=>
|
|
2916
|
+
`}}},warning:{label:"Warning",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Accpetable message: No internet connection detected."),a.createElement("p",null,"Unacceptable message: Warning: There is a problem.")),examples:{primary:{description:"Primary Message Only",react:w.code`
|
|
2917
2917
|
import { SpsButton, SpsGrowler } from "@spscommerce/ds-react";
|
|
2918
2918
|
import { ButtonKind, GrowlerKind } from "@spscommerce/ds-shared";
|
|
2919
2919
|
|
|
@@ -2965,7 +2965,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2965
2965
|
</>
|
|
2966
2966
|
);
|
|
2967
2967
|
}
|
|
2968
|
-
`}}},hook:{label:"Hooks",description:()=>
|
|
2968
|
+
`}}},hook:{label:"Hooks",description:()=>a.createElement("p",null,"If you use the useGrowlers hook, you should ideally invoke it and place"," ",a.createElement("code",null,"growlers()")," at the top level of your app, and pass down"," ",a.createElement("code",null,"createGrowler"),"."),examples:{hook:{react:w.code`
|
|
2969
2969
|
import { SpsButton, useGrowlers } from "@spscommerce/ds-react";
|
|
2970
2970
|
import { GrowlerKind } from "@spscommerce/ds-shared";
|
|
2971
2971
|
function SpsGrowlerHook() {
|
|
@@ -2993,7 +2993,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
2993
2993
|
</>
|
|
2994
2994
|
);
|
|
2995
2995
|
}
|
|
2996
|
-
`}}}},
|
|
2996
|
+
`}}}},LD={disabled:"boolean",min:"number",max:"number",step:"number",onValueChange:"(newValue: number) => void"},OD=N({disabled:y.exports.bool,min:y.exports.number,max:y.exports.number,step:y.exports.number,onValueChange:ne()},Y);function Ci(e){const D=e,{disabled:t,min:n,max:s,step:o=1,onValueChange:i,unsafelyReplaceClassName:c,className:l,"data-testid":p}=D,u=z(D,["disabled","min","max","step","onValueChange","unsafelyReplaceClassName","className","data-testid"]),[f,m]=a.useState(n||0),[g,S]=a.useState(!1);a.useEffect(()=>{i&&typeof i=="function"&&i(f),n&&f>=n||s&&f<=s?g&&S(!1):(n||s)&&S(!0)},[f]);const T=()=>f<=n?!1:(f>s?m(s):m(v=>v-o),!0),x=()=>f>=s?!1:(f<n?m(n):m(v=>v+o),!0),E=v=>{v.target.value!==""&&m(parseInt(v.target.value,10))},I=c||K("sps-incrementor sps-input-group sps-input-group__append",l);return a.createElement("div",H(N({className:I},u),{"data-testid":p}),a.createElement("div",{className:"sps-button sps-button--icon"},a.createElement("button",{type:"button","data-testid":`${p}__minus`,onClick:T,disabled:t,"aria-label":`Subtract ${o}`},a.createElement("i",{className:"sps-icon sps-icon-minus","aria-hidden":"true"}))),a.createElement("div",{className:"sps-text-input"},a.createElement("input",{type:"text",className:K("sps-form-control",g&&"sps-input--error"),value:f,onChange:E,disabled:t,"data-testid":`${p}__input`})),a.createElement("div",{className:"sps-button sps-button--icon"},a.createElement("button",{type:"button","data-testid":`${p}__plus`,onClick:x,disabled:t,"aria-label":`Add ${o}`},a.createElement("i",{className:"sps-icon sps-icon-plus-sign","aria-hidden":"true"}))))}Object.assign(Ci,{props:LD,propTypes:OD,displayName:"SpsIncrementor"});const zu={stepExample:{label:"Incrementor",description:"info about incrementor",examples:{stacked:{react:w.code`
|
|
2997
2997
|
function Component () {
|
|
2998
2998
|
const [value, setValue] = React.useState("");
|
|
2999
2999
|
const handleChange = val => {
|
|
@@ -3012,7 +3012,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3012
3012
|
</React.Fragment>
|
|
3013
3013
|
);
|
|
3014
3014
|
}
|
|
3015
|
-
`}}}};function
|
|
3015
|
+
`}}}};function ju(e){const{children:t}=e;return a.createElement("div",{className:"insight-tile-wrapper"},t)}const BD={horizontal:"boolean",icon:"SpsIcon",kind:"SpsInsightTileKind",title:"string",metric:"number | string",partnerCount:"number",totalPartners:"number"},PD=H(N({},Y),{horizontal:y.exports.bool,icon:be(M.SpsIcon),kind:be(M.SpsInsightTileKind),title:y.exports.string,metric:y.exports.number||y.exports.string,partnerCount:y.exports.number,totalPartners:y.exports.number});function xi(e){const I=e,{children:t,className:n,horizontal:s=!1,icon:o,kind:i="general",title:c,metric:l,partnerCount:p,totalPartners:u,unsafelyReplaceClassName:f}=I,m=z(I,["children","className","horizontal","icon","kind","title","metric","partnerCount","totalPartners","unsafelyReplaceClassName"]),g=K(f||"sps-insight-tile",`sps-insight-tile--${i}`,n,s&&"sps-insight-tile--horizontal",t&&"sps-insight-tile--has-detail"),{t:S}=a.useContext(Oe),[T,x,E]=(p?S("design-system:insightTile.partnerCount",{count:p,total:u}):"").split("|");return a.createElement(a.Fragment,null,a.createElement("div",N({className:g},m),a.createElement("div",{className:"sps-insight-tile__body"},o?a.createElement("i",{className:`sps-icon sps-icon-${o}`}):a.createElement("i",{className:`sps-icon sps-icon-${M.SpsInsightTileIcons[i]}`}),l&&a.createElement("div",{className:"sps-insight-tile__metric-count"},l),c&&a.createElement("div",{className:"sps-insight-tile__description"},a.createElement("div",{className:"sps-insight-tile__title",style:{"-webkit-box-orient":"vertical"}},c),a.createElement("div",{className:"sps-insight-tile__detail"},t))),p&&a.createElement("div",{className:"sps-insight-tile__partner-count"},p===u?a.createElement("div",null,S("design-system:insightTile.all")):a.createElement(a.Fragment,null,a.createElement("div",null,T),a.createElement("div",null,x),a.createElement("div",null,E)),a.createElement("div",{className:"sps-insight-tile__partners-text"},S("design-system:insightTile.partners")))))}Object.assign(xi,{props:BD,propTypes:PD,displayName:"SpsInsightTile"});const AD={basic:{label:"Basic Insight Tiles",examples:{basic:{jsx:w.code`
|
|
3016
3016
|
<SpsInsights>
|
|
3017
3017
|
<SpsInsightTile
|
|
3018
3018
|
kind={SpsInsightTileKind.GENERAL}
|
|
@@ -3233,29 +3233,112 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3233
3233
|
<span className="gray600 font-weight-bold">Detail:</span> 792 units
|
|
3234
3234
|
</SpsInsightTile>
|
|
3235
3235
|
</SpsInsights>
|
|
3236
|
-
`}}}},FD={inline:"boolean"},KD
|
|
3237
|
-
|
|
3238
|
-
|
|
3239
|
-
|
|
3240
|
-
|
|
3241
|
-
|
|
3242
|
-
|
|
3243
|
-
|
|
3244
|
-
|
|
3245
|
-
|
|
3246
|
-
|
|
3247
|
-
|
|
3248
|
-
|
|
3249
|
-
|
|
3250
|
-
|
|
3251
|
-
|
|
3252
|
-
|
|
3253
|
-
|
|
3254
|
-
|
|
3255
|
-
|
|
3256
|
-
|
|
3257
|
-
|
|
3258
|
-
|
|
3236
|
+
`}}}},FD={inline:"boolean"},KD=H(N({},Y),{inline:y.exports.bool});function Di(e){const p=e,{children:t,className:n,inline:s,"data-testid":o,unsafelyReplaceClassName:i}=p,c=z(p,["children","className","inline","data-testid","unsafelyReplaceClassName"]),l=K(i||"sps-key-value-list",s&&"sps-key-value-list--inline",n);return a.createElement("div",N({className:l,"data-testid":`${o}`},c),t)}Object.assign(Di,{props:FD,propTypes:KD,displayName:"SpsKeyValueList"});const VD={itemKey:{type:"string | nodeOrRenderFn",required:!0},titleColor:"KeyValueListTitleColor"},$D=H(N({},Y),{itemKey:y.exports.string.isRequired||dt.isRequired,titleColor:be(M.KeyValueListTitleColor)});function Ii(e){const u=e,{children:t,className:n,itemKey:s,titleColor:o=M.KeyValueListTitleColor.LIGHT,"data-testid":i,unsafelyReplaceClassName:c}=u,l=z(u,["children","className","itemKey","titleColor","data-testid","unsafelyReplaceClassName"]),p=K(c||"sps-key-value-list__item",`sps-key-value-list__item--${o}`,n);return a.createElement("div",N({className:p,"data-testid":`${i}`},l),a.createElement("span",{className:"sps-key-value-list__key","data-testid":`${i}__key`},s),a.createElement("span",{className:"sps-key-value-list__value","data-testid":`${i}__value`},t))}Object.assign(Ii,{props:VD,propTypes:$D,displayName:"SpsKeyValueListItem"});const qu={vertical:{label:"Vertical Key Value Sets",description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h5",null,"Use:"),A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"Vertical containers such as a side bar or general card")),A.default.createElement("h5",null,"Do Not Use:"),A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"In Table cells or Description Lists")),A.default.createElement("h5",null,"Usage Rules"),A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"Titles must be written in Title Case"),A.default.createElement("li",{className:"mb-2"},"Values can be written in Sentence Case or Title Case as best suits the content"),A.default.createElement("li",{className:"mb-2"},"Titles or Values can include hyperlinks and/or icons",A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"Icons should always appear on the left before any text content"))),A.default.createElement("li",{className:"mb-2"},"Values can include tags"),A.default.createElement("li",{className:"mb-2"},"Can include multiple values on additional lines"))),examples:{standard:{description:()=>A.default.createElement("h4",null,"Standard"),react:w.code`
|
|
3237
|
+
function DemoComponent() {
|
|
3238
|
+
return (
|
|
3239
|
+
<SpsKeyValueList>
|
|
3240
|
+
<SpsKeyValueListItem itemKey="Company">
|
|
3241
|
+
SPS Commerce
|
|
3242
|
+
</SpsKeyValueListItem>
|
|
3243
|
+
</SpsKeyValueList>
|
|
3244
|
+
)
|
|
3245
|
+
}
|
|
3246
|
+
`},multipleValues:{description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h4",null,"Multiple Values"),A.default.createElement("p",null,A.default.createElement("b",null,"Note:")," There is no limit to the number of values that can be listed, but extensive lists should be avoided.")),react:w.code`
|
|
3247
|
+
function DemoComponent() {
|
|
3248
|
+
return (
|
|
3249
|
+
<SpsKeyValueList>
|
|
3250
|
+
<SpsKeyValueListItem itemKey="Program Requirements">
|
|
3251
|
+
Electronic Order
|
|
3252
|
+
<br />
|
|
3253
|
+
Fulfillment
|
|
3254
|
+
</SpsKeyValueListItem>
|
|
3255
|
+
</SpsKeyValueList>
|
|
3256
|
+
)
|
|
3257
|
+
}
|
|
3258
|
+
`},secondaryValues:{description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h5",null,"Secondary Values"),A.default.createElement("p",null,A.default.createElement("b",null,"Note:")," When using a secondary value (styled in lighter grey text) the number of values listed should be limited to two (2).")),react:w.code`
|
|
3259
|
+
function DemoComponent() {
|
|
3260
|
+
return (
|
|
3261
|
+
<SpsKeyValueList>
|
|
3262
|
+
<SpsKeyValueListItem itemKey="Company">
|
|
3263
|
+
SPS Commerce
|
|
3264
|
+
<span className="font-weight-light d-block">Minneapolis, MN</span>
|
|
3265
|
+
</SpsKeyValueListItem>
|
|
3266
|
+
</SpsKeyValueList>
|
|
3267
|
+
)
|
|
3268
|
+
}
|
|
3269
|
+
`},tags:{description:({NavigateTo:e})=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h4",null,"Tags"),A.default.createElement("p",null,A.default.createElement("b",null,"Note:")," Tags can appear inline or on individual lines as the length of content requires. Reference the ",A.default.createElement(e,{to:"tags"},"Tag")," component for spacing rules.")),react:w.code`
|
|
3270
|
+
function DemoComponent() {
|
|
3271
|
+
return (
|
|
3272
|
+
<SpsKeyValueList>
|
|
3273
|
+
<SpsKeyValueListItem itemKey="Accepted Documents">
|
|
3274
|
+
<SpsTag className="mr-1 mb-1">850</SpsTag>
|
|
3275
|
+
<SpsTag className="mr-1 mb-1">855</SpsTag>
|
|
3276
|
+
</SpsKeyValueListItem>
|
|
3277
|
+
</SpsKeyValueList>
|
|
3278
|
+
)
|
|
3279
|
+
}
|
|
3280
|
+
`},hyperlinksAndIcons:{description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h4",null,"Hyperlinks & Icons"),A.default.createElement("p",null,A.default.createElement("b",null,"Note:")," Icons and Hyperlinks can be used independently of one another.")),react:w.code`
|
|
3281
|
+
function DemoComponent() {
|
|
3282
|
+
return (
|
|
3283
|
+
<SpsKeyValueList>
|
|
3284
|
+
<SpsKeyValueListItem itemKey="Company">
|
|
3285
|
+
<a href="#" target="_blank">SPS Commerce</a>
|
|
3286
|
+
<span className="font-weight-light d-block">Minneapolis, MN</span>
|
|
3287
|
+
</SpsKeyValueListItem>
|
|
3288
|
+
</SpsKeyValueList>
|
|
3289
|
+
)
|
|
3290
|
+
}
|
|
3291
|
+
`}}},horizontal:{label:"Horizontal Key Value Sets",description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h5",null,"Use:"),A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"Horizontal containers such as a content row")),A.default.createElement("h5",null,"Do Not Use:"),A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"In Table cells or Description Lists")),A.default.createElement("h5",null,"Usage Rules"),A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"Titles must be written in Title Case"),A.default.createElement("li",{className:"mb-2"},"Values can be written in Sentence Case or Title Case as best suits the content"),A.default.createElement("li",{className:"mb-2"},"Titles or Values can include hyperlinks and/or icons",A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"Icons should always appear on the left before any text content"))),A.default.createElement("li",{className:"mb-2"},"Can be used individually or stacked on top of one another",A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"When stacking, the value sets should share a common category or theme"))))),examples:{standard:{description:()=>A.default.createElement("h4",null,"Standard"),react:w.code`
|
|
3292
|
+
function DemoComponent() {
|
|
3293
|
+
return (
|
|
3294
|
+
<SpsKeyValueList inline>
|
|
3295
|
+
<SpsKeyValueListItem itemKey="Company">
|
|
3296
|
+
SPS Commerce
|
|
3297
|
+
</SpsKeyValueListItem>
|
|
3298
|
+
</SpsKeyValueList>
|
|
3299
|
+
)
|
|
3300
|
+
}
|
|
3301
|
+
`},stacked:{description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h4",null,"Stacked"),A.default.createElement("p",null,A.default.createElement("b",null,"Note:")," There is no limit to the number of stacked listings, but more than three in a single container should be avoided."),A.default.createElement("p",null,A.default.createElement("b",null,"Note:")," Titles are right-aligned in the horizontal Key Value Sets to optimize scanability of the values.")),react:w.code`
|
|
3302
|
+
function DemoComponent() {
|
|
3303
|
+
return (
|
|
3304
|
+
<div className="sfg-row">
|
|
3305
|
+
<div className="sfg-col-3">
|
|
3306
|
+
<SpsKeyValueList inline>
|
|
3307
|
+
<SpsKeyValueListItem itemKey="Title One">
|
|
3308
|
+
Value
|
|
3309
|
+
</SpsKeyValueListItem>
|
|
3310
|
+
<SpsKeyValueListItem itemKey="Title Two">
|
|
3311
|
+
Value that wraps to a second line
|
|
3312
|
+
</SpsKeyValueListItem>
|
|
3313
|
+
<SpsKeyValueListItem itemKey="Title Three">
|
|
3314
|
+
Value
|
|
3315
|
+
</SpsKeyValueListItem>
|
|
3316
|
+
</SpsKeyValueList>
|
|
3317
|
+
</div>
|
|
3318
|
+
</div>
|
|
3319
|
+
)
|
|
3320
|
+
}
|
|
3321
|
+
`},withLinks:{description:()=>A.default.createElement("h4",null,"With Links"),react:w.code`
|
|
3322
|
+
function DemoComponent() {
|
|
3323
|
+
return (
|
|
3324
|
+
<div className="sfg-row">
|
|
3325
|
+
<div className="sfg-col-3">
|
|
3326
|
+
<SpsKeyValueList inline>
|
|
3327
|
+
<SpsKeyValueListItem itemKey="Title One">
|
|
3328
|
+
Value
|
|
3329
|
+
</SpsKeyValueListItem>
|
|
3330
|
+
<SpsKeyValueListItem itemKey="Title Two">
|
|
3331
|
+
Value that wraps to a <a href="#" target="_blank">second line</a>
|
|
3332
|
+
</SpsKeyValueListItem>
|
|
3333
|
+
<SpsKeyValueListItem itemKey="Title Three">
|
|
3334
|
+
Value
|
|
3335
|
+
</SpsKeyValueListItem>
|
|
3336
|
+
</SpsKeyValueList>
|
|
3337
|
+
</div>
|
|
3338
|
+
</div>
|
|
3339
|
+
)
|
|
3340
|
+
}
|
|
3341
|
+
`}}}},HD={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn"},WD=H(N({},Y),{description:y.exports.string,for:y.exports.oneOfType([le(),le()]).isRequired,stronglySuggested:y.exports.bool,help:dt,helpIcon:be(M.SpsIcon),helpIconColor:y.exports.string,errors:dt});function Ni(g){var S=g,{children:e,className:t,description:n,for:s,stronglySuggested:o,help:i,helpIcon:c=M.SpsIcon.QUESTION_CIRCLE,helpIconColor:l="blue200",errors:p,unsafelyReplaceClassName:u,"data-testid":f}=S,m=z(S,["children","className","description","for","stronglySuggested","help","helpIcon","helpIconColor","errors","unsafelyReplaceClassName","data-testid"]);const{t:T}=a.useContext(Oe),x=a.useRef(),E=a.useRef(),I=a.useRef(),D=a.useRef(),[v,k]=a.useState(exports.TooltipVisibility.HIDDEN),[_,O]=a.useState(exports.TooltipVisibility.HIDDEN),[R,B]=a.useState(exports.TooltipVisibility.HIDDEN),[F,P]=a.useState(exports.TooltipVisibility.HIDDEN);function U(){k(exports.TooltipVisibility.HIDDEN),O(exports.TooltipVisibility.HIDDEN),B(exports.TooltipVisibility.HIDDEN),P(exports.TooltipVisibility.HIDDEN)}function V(){k(exports.TooltipVisibility.DELAYED_HIDDEN),O(exports.TooltipVisibility.DELAYED_HIDDEN),B(exports.TooltipVisibility.DELAYED_HIDDEN)}function G(Z){Z.preventDefault(),U(),B(ar(R))}function pe(){return s&&(s instanceof En&&s.isVisibilyInvalid()||!(s instanceof En)&&!s.isValid())?[_,O]:s&&s instanceof En&&s.hasPreventativeErrors()?[F,P]:i?[v,k]:o?[R,B]:[exports.TooltipVisibility.HIDDEN,()=>{}]}function ue(){U();const[Z,ie]=pe();ie(ar(Z))}function J(){U();const[,Z]=pe();Z(exports.TooltipVisibility.VISIBLE)}function Q(Z){Z.preventDefault(),U(),k(ar(v))}a.useEffect(()=>{s&&(s.onFocus=J,s.onBlur=U)},[s]);const oe=K(u||"sps-form-group__label",t),[se,ce]=s instanceof En?[s,void 0]:[void 0,s];function ee(){if(se){for(const Z of["dateFormat","dateRangeOrder","dateValidity","required"])if(se.hasError(Z))return T(`design-system:label.errors.${Z}`,{context:se.errors[Z]});if(se.hasError("dateConstraint")){const ie=se.errors.dateConstraint.minExceeded?"min":"max";return T(`design-system:label.errors.dateConstraint.${ie}`,{context:se.errors.dateConstraint})}}return null}function te(){if(se){for(const Z of Xt)if(se.hasPreventativeError(Z))return T(`design-system:label.preventativeErrors.${Z}`)}return null}return a.useEffect(()=>{(se==null?void 0:se.hasPreventativeErrors())&&P(exports.TooltipVisibility.VISIBLE)},[se==null?void 0:se.hasPreventativeErrors()]),a.createElement(it,{formMeta:se,formControl:ce},a.createElement("label",N({htmlFor:s&&"id"in s?s.id:void 0,className:oe,"data-testid":f},m),a.createElement("i",{ref:E,"data-testid":`${f}__suggested-icon`,className:K("sps-icon","sps-icon-exclamation-triangle","orange200","sps-form-group__label-suggested-icon",!o&&"d-none"),onClick:G,onMouseLeave:V}),a.createElement("i",{ref:x,"data-testid":`${f}__error-icon`,className:K("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:ue,onMouseLeave:V}),a.createElement("span",{ref:D,className:"sps-form-group__label-content"},e),a.createElement("i",{ref:I,"data-testid":`${f}__help-icon`,className:K("sps-icon",`sps-icon-${c}`,l,!i&&"d-none"),onClick:Q,onMouseLeave:V})),a.createElement(Dt,{kind:M.TooltipKind.DEFAULT,for:I,showOn:M.TooltipShowTrigger.MANUAL,isShown:v,altPosition:M.Position.TOP_MIDDLE},ft(i)),a.createElement(Dt,{kind:M.TooltipKind.ERROR,for:x,showOn:M.TooltipShowTrigger.MANUAL,isShown:_,altPosition:M.Position.LEFT_MIDDLE},ft(p)||ee()),(se==null?void 0:se.hasPreventativeErrors())&&a.createElement(Dt,{kind:M.TooltipKind.WARNING,for:D,showOn:M.TooltipShowTrigger.MANUAL,isShown:F,altPosition:M.Position.LEFT_MIDDLE},ft(p)||te()),a.createElement(Dt,{kind:M.TooltipKind.DEFAULT,for:E,position:M.Position.TOP_LEFT,altPosition:M.Position.TOP_LEFT,offsets:[13,20],showOn:M.TooltipShowTrigger.MANUAL,isShown:R},T("design-system:label.stronglySuggested")),n&&a.createElement("div",{className:"sps-form-control__description","data-testid":`${f}__description`},n))}Object.assign(Ni,{props:HD,propTypes:WD,displayName:"SpsLabel"});const Ju={general:{label:"General Usage",description:()=>a.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:w.code`
|
|
3259
3342
|
function DemoComponent() {
|
|
3260
3343
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
3261
3344
|
companyName: ""
|
|
@@ -3270,7 +3353,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3270
3353
|
></SpsTextInput>
|
|
3271
3354
|
</>;
|
|
3272
3355
|
}
|
|
3273
|
-
`}}},required:{label:"Required Labels",description:()=>
|
|
3356
|
+
`}}},required:{label:"Required Labels",description:()=>a.createElement("p",null,"Many forms contain input fields that require values in order for the form to be submitted. Such fields have an accompanying red asterisk to the left of the Label."),examples:{basic:{react:w.code`
|
|
3274
3357
|
function DemoComponent() {
|
|
3275
3358
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
3276
3359
|
companyName: ""
|
|
@@ -3290,7 +3373,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3290
3373
|
></SpsTextInput>
|
|
3291
3374
|
</>;
|
|
3292
3375
|
}
|
|
3293
|
-
`}}},icons:{label:"Labels with Icons",description:()=>
|
|
3376
|
+
`}}},icons:{label:"Labels with Icons",description:()=>a.createElement("p",null,"Icons can be used with labels to reveal tooltips with additional contextual information or help text. Icons remain visible at all times, even when an input field is in an error state. For more information about error states view the Validation section of this page."),examples:{infoIcon:{description:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Info Icons"),a.createElement("p",null,"Info Icons reveal a tooltip providing more information, such as instructions on correct formatting required for the input field.")),react:w.code`
|
|
3294
3377
|
function DemoComponent() {
|
|
3295
3378
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
3296
3379
|
companyName: ""
|
|
@@ -3308,7 +3391,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3308
3391
|
></SpsTextInput>
|
|
3309
3392
|
</>;
|
|
3310
3393
|
}
|
|
3311
|
-
`},settingsIcon:{description:({NavigateTo:e})=>
|
|
3394
|
+
`},settingsIcon:{description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Settings Icons"),a.createElement("p",null,"The gear icon can be used to launch a ",a.createElement(e,{to:"modal"},"Modal")," window or ",a.createElement(e,{to:"focused-task"},"Focused Task View")," containing settings or preferences related to a specific input field.")),react:w.code`
|
|
3312
3395
|
function DemoComponent() {
|
|
3313
3396
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
3314
3397
|
companyName: ""
|
|
@@ -3333,7 +3416,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3333
3416
|
></SpsTextInput>
|
|
3334
3417
|
</>;
|
|
3335
3418
|
}
|
|
3336
|
-
`},customIcons:{description:()=>
|
|
3419
|
+
`},customIcons:{description:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Custom Icons"),a.createElement("p",null,"The icon can be customized, but only in the case when the Info Icon does not properly represent the tooltip message.")),react:w.code`
|
|
3337
3420
|
function DemoComponent() {
|
|
3338
3421
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
3339
3422
|
companyName: ""
|
|
@@ -3351,7 +3434,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3351
3434
|
></SpsTextInput>
|
|
3352
3435
|
</>
|
|
3353
3436
|
}
|
|
3354
|
-
`}}},validation:{label:"Validation",description:()=>
|
|
3437
|
+
`}}},validation:{label:"Validation",description:()=>a.createElement("p",null,"When an input field fails validation for any reason, an Error State style is applied, which includes an Error Icon tot he left of the label that reveals instructions for correcting the error."),examples:{basic:{react:w.code`
|
|
3355
3438
|
function DemoComponent() {
|
|
3356
3439
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
3357
3440
|
companyName: "Target"
|
|
@@ -3376,11 +3459,11 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3376
3459
|
></SpsTextInput>
|
|
3377
3460
|
</>;
|
|
3378
3461
|
}
|
|
3379
|
-
`}}}},GD={clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"string | number",required:!0}},UD
|
|
3462
|
+
`}}}},GD={clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"string | number",required:!0}},UD=H(N({},Y),{clearSelected:ne().isRequired,itemsSelected:y.exports.oneOfType([y.exports.string,y.exports.number])});function ki(e){const m=e,{itemsSelected:t,clearSelected:n,children:s,className:o,"data-testid":i,unsafelyReplaceClassName:c}=m,l=z(m,["itemsSelected","clearSelected","children","className","data-testid","unsafelyReplaceClassName"]),{t:p}=a.useContext(Oe),u=()=>{typeof n=="function"&&n()},f=K(c||"sps-list-action-bar-container","z-stratum-actionbar",o);return!!t&&a.createElement("div",H(N({className:f},l),{"data-testid":i}),a.createElement("div",{className:"sps-list-action-bar"},a.createElement("div",{className:"sps-list-action-bar__details"},a.createElement("span",{className:"sps-tag sps-tag--info","data-testid":`${i}__badge`},t),p("design-system:listActionBar.itemsSelected")),a.createElement("div",{className:"sps-list-action-bar__actions"},a.createElement(Mt.Provider,{value:{fixed:!0}},s)),a.createElement("div",{className:"sps-list-action-bar__clear"},a.createElement(Fe,{kind:M.ButtonKind.LINK,icon:M.SpsIcon.X,onClick:u,"data-testid":`${i}__clear-button`},p("design-system:listActionBar.clearSelected")))))}Object.assign(ki,{props:GD,propTypes:UD,displayName:"SpsListActionBar"});const Mi=a.createContext({resizeable:!1,resizeState:{},setResizeState:()=>{},setSingleResizeState:()=>{},sort:[],setSort:()=>{}}),YD=({children:e,resizeable:t=!1,resizeState:n,onResizeStateChange:s,sort:o,onSortChange:i})=>{const[c,l]=a.useState(n||{}),[p,u]=a.useState(o||[]),f=a.useRef(i);f.current=i;const m=a.useRef(s);m.current=s;const g=a.useCallback(E=>{var I;u(E),(I=f.current)==null||I.call(f,E)},[]),S=a.useCallback(E=>{var I;l(E),(I=m.current)==null||I.call(m,E)},[]),T=a.useCallback((E,I)=>{l(D=>{var k;const v=H(N({},D),{[E]:I});return(k=m.current)==null||k.call(m,v),v})},[]),x=a.useMemo(()=>({resizeable:t,resizeState:c,setResizeState:S,setSingleResizeState:T,sort:p,setSort:g}),[t,c,S,T,p,g]);return a.createElement(Mi.Provider,{value:x},e)},zD=e=>{const t=/(auto|scroll)/,n=(l,p)=>l.parentNode===null?p:n(l.parentNode,p.concat([l])),s=(l,p)=>getComputedStyle(l,null).getPropertyValue(p),o=l=>s(l,"overflow")+s(l,"overflow-y"),i=l=>t.test(o(l));return(l=>{if(!(l instanceof HTMLElement||l instanceof SVGElement))return;const p=n(l.parentNode,[]);for(let u=0;u<p.length;u+=1)if(i(p[u]))return p[u];return null})(e)},Zu=(e,t)=>{a.useLayoutEffect(()=>{if(e&&t.current){let n=0,s=!0,o=t.current.previousElementSibling;for(;o!==null;){if(!o.classList.contains("sps-table__cell--pinned")){s=!1;break}o=o.previousElementSibling}if(s){for(o=t.current.previousElementSibling;o!==null;)n+=o.clientWidth,o=o.previousElementSibling;t.current.style.left=`${n}px`}else{let i=t.current.nextElementSibling;for(;i!==null;)n+=i.clientWidth,i=i.nextElementSibling;t.current.style.right=`${n}px`}}})},jD=e=>{a.useLayoutEffect(()=>{const t=()=>{if(!e.current)return;const n=e.current.querySelectorAll("table > thead > tr:first-child > .sps-table__cell--pinned"),s=e.current.offsetWidth-e.current.clientWidth,o=e.current.offsetHeight-e.current.clientHeight;if(n.length>0){const i=[],c=[];n.forEach(u=>{let f=!0,m=u.previousElementSibling;for(;m!==null;){if(!m.classList.contains("sps-table__cell--pinned")){f=!1;break}m=m.previousElementSibling}f?i.push(u):c.push(u)});const l=i.reduce((u,f)=>u+f.clientWidth,0),p=c.reduce((u,f)=>u+f.clientWidth,0);e.current.style.backgroundPosition=`${l}px 0,
|
|
3380
3463
|
calc(100% - ${p}px) 0,
|
|
3381
3464
|
${l}px ${-o}px,
|
|
3382
|
-
calc(100% - ${p+
|
|
3383
|
-
calc(100% - ${a}px) ${-o}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)}})},qD=(e,t)=>{s.useLayoutEffect(()=>{const n=e.current,a=n==null?void 0:n.querySelector("thead"),o=n==null?void 0:n.querySelector("table"),i=o==null?void 0:o.querySelector("tbody>tr"),c=i==null?void 0:i.querySelectorAll("td"),l=a==null?void 0:a.querySelectorAll("th"),p=document.body.querySelector(".sps-navbar-container");let m=n==null?void 0:n.querySelector(".placeholder-head"),f=null;const u=()=>{a&&(a.style.position=t?"sticky":null,a.style.top=t?"0":null,a.style.overflow=null,a.style.maxWidth=null,a.style.width=null,a.style.minWidth=null),m&&(m.style.width=null,m.style.height=null),c&&Array.from(c).forEach((x,E)=>{l[E].style.minWidth=null,l[E].style.width=null,l[E].style.maxWidth=null,x.style.minWidth=null,x.style.width=null,x.style.maxWidth=null})},g=()=>{a.scrollLeft=n.scrollLeft},S=()=>{let x=null;f===window?x=p?p.getBoundingClientRect().height:0:f instanceof HTMLElement&&(x=f.getBoundingClientRect().top);const E=n.scrollLeft,I=a.getBoundingClientRect(),D=n.getBoundingClientRect();if(I.top<=x&&x<=D.bottom-I.height&&D.top<=x){a.style.position="fixed",a.style.top=`${x}px`,a.style.overflow="hidden";const v=e.current.offsetWidth-e.current.clientWidth,k=`${D.width-v}px`;a.style.maxWidth=k,a.style.width=k,a.style.minWidth=k,c&&Array.from(c).forEach((_,L)=>{const R=_.getBoundingClientRect().width,B=l[L].getBoundingClientRect().width,P=`${Math.max(R,B)}px`;l[L].style.minWidth=P,l[L].style.width=P,l[L].style.maxWidth=P,_.style.minWidth=P,_.style.width=P,_.style.maxWidth=P}),m||(m=document.createElement("div"),m.style.width=`${I.width}px`,m.style.height=`${I.height}px`,m.className="placeholder-head",n.insertBefore(m,o))}else m&&(n.removeChild(m),m=null,u());n.scrollLeft=E,g()},T=()=>{u(),S(),g()};return a&&a.classList.contains("sps-table__head--pinned")&&(f=zD(n)||window,f.addEventListener("scroll",S),window.addEventListener("resize",T),n.addEventListener("scroll",g),T()),()=>{f&&(f.removeEventListener("scroll",S),window.removeEventListener("resize",T)),n&&n.removeEventListener("scroll",g)}})},JD=(e,t)=>{const n=()=>{const a=e.current,o=a==null?void 0:a.querySelector("table > thead"),i=a==null?void 0:a.querySelector("table"),c=a==null?void 0:a.querySelector(".shadow--top"),l=a==null?void 0:a.querySelector(".shadow--bottom");if(o&&i&&c&&l){l.style.left="0",l.style.bottom="0",c.style.left="0";const p=a.offsetHeight-(a==null?void 0:a.clientHeight),m=i.getBoundingClientRect().height,f=o.getBoundingClientRect().height,u=a.scrollTop,g=m+p-a.getBoundingClientRect().height-a.scrollTop,S=a.scrollLeft;l.style.bottom=`${-u}px`,l.style.left=`${S}px`,l.style.opacity=g>0?"1":"0",c.style.top=`${u+f}px`,c.style.left=`${S}px`,c.style.opacity=u>0?"1":"0"}};s.useLayoutEffect(()=>{if(e.current&&t){const a=e.current.querySelector("table > thead");return a&&(a.style.position="sticky",a.style.top="0",a.style.zIndex="2",a.style.backgroundColor="#fff"),e.current.addEventListener("scroll",n),()=>{e.current.removeEventListener("scroll",n)}}},[]),s.useLayoutEffect(()=>{e.current&&t&&n()})},ZD={sort:"SortedColumn",onSortChange:"SortChangeHandler",selectable:"boolean",maxHeightPx:"number",maxHeightRem:"number",resizeable:"boolean",resizeState:"ResizeState",onResizeStateChange:"ResizeStateChangeHandler"},XD=$(N({},Y),{onSortChange:ne(),sort:y.exports.arrayOf(ie()),selectable:y.exports.bool,maxHeightPx:y.exports.number,maxHeightRem:y.exports.number,resizeable:y.exports.bool,resizeState:ie(),onResizeStateChange:ne()});function On(g){var S=g,{children:e,className:t,onSortChange:n,sort:a,"data-testid":o,unsafelyReplaceClassName:i,maxHeightPx:c,maxHeightRem:l,resizeable:p,resizeState:m,onResizeStateChange:f}=S,u=z(S,["children","className","onSortChange","sort","data-testid","unsafelyReplaceClassName","maxHeightPx","maxHeightRem","resizeable","resizeState","onResizeStateChange"]);const T=F(i||"sps-table-container",t),x=c?c/16:l,E=x?{maxHeight:`${x}rem`}:{},I=s.useRef(null);return JD(I,x),jD(I),qD(I,x),s.createElement(YD,{resizeable:p,resizeState:m,onResizeStateChange:f,sort:a,onSortChange:n},s.createElement("div",{ref:I,className:T,style:E},s.createElement("div",{className:"sps-table__shadow shadow--top"}),s.createElement("div",{className:"sps-table__shadow shadow--bottom"}),s.createElement("table",N({className:"sps-table",role:"table","data-testid":`${o}`},u),e)))}Object.assign(On,{props:ZD,propTypes:XD,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 Zu=({tableHeaderRef:e,resizerRef:t,resizeKey:n})=>{const{resizeable:a,resizeState:o,setSingleResizeState:i}=s.useContext(Mi),c=!!a&&!!n,l=c?o==null?void 0:o[n]:void 0;return s.useLayoutEffect(()=>{let p=null,m=l;const f=QD(e.current);function u(){if(e.current){const E=m?`${m}px`:null;e.current.style.width=E,e.current.style.maxWidth=E,e.current.style.minWidth=E;const I=e.current.querySelector(".sps-table__header-cell-body");if(I&&(I.style.overflow=E?"hidden":null,I.style.textOverflow=E?"ellipsis":null),p){const D=e.current.querySelector(".sps-table__column-resizer");D&&(D.style.backgroundColor=Gr.colors.blue200)}if(e.current.classList.contains("sps-table__cell--pinned")||(e.current.style.position="relative"),f){const D=f.querySelectorAll("thead > tr > th");for(let k=0;k<D.length;k+=1){const _=D[k].querySelector(".sps-table__header-cell-body");_&&!_.title&&(_.title=_.textContent)}const v=f.querySelectorAll(`tbody > tr > td:nth-of-type(${e.current.cellIndex+1})`);for(let k=0;k<v.length;k+=1)v[k].style.width=E,v[k].style.maxWidth=E,v[k].style.minWidth=E,v[k].style.overflowWrap=E?"break-word":null,v[k].style.whiteSpace=E?"normal":null,v[k].title||(v[k].title=v[k].textContent)}}}const g=E=>{!e.current||(p=E.clientX,m=e.current.clientWidth,u())},S=E=>{if(!p||!e.current)return;const I=Math.max(Math.min(p-E.clientX,5),-5);I!==0&&(p=E.clientX,m=Math.max(e.current.clientWidth-I,40),u())},T=()=>{if(!e.current)return;p=null,u(),i(n,m);const E=e.current.querySelector(".sps-table__column-resizer");E&&(E.style.backgroundColor=null)},x=()=>{m=null,u(),i(n,m)};return c&&t.current&&(t.current.addEventListener("dragstart",g),t.current.addEventListener("mousedown",g),t.current.addEventListener("dblclick",x),window.addEventListener("mousemove",S),window.addEventListener("dragend",T),window.addEventListener("mouseup",T),u()),()=>{t.current&&(t.current.removeEventListener("dragstart",g),t.current.removeEventListener("mousedown",g),t.current.removeEventListener("dblclick",x)),window.removeEventListener("mousemove",S),window.removeEventListener("dragend",T),window.removeEventListener("mouseup",T)}},[c,l,n,i]),{isResizeable:c}},Xu={controlCell:"boolean",sortKey:"string",resizeKey:"string",pinned:"boolean"},Qu=$(N({},Y),{controlCell:y.exports.bool,sortKey:y.exports.string,resizeKey:y.exports.string,pinned:y.exports.bool});function Xe(m){var f=m,{children:e,className:t,controlCell:n,sortKey:a,resizeKey:o,"data-testid":i,unsafelyReplaceClassName:c,pinned:l}=f,p=z(f,["children","className","controlCell","sortKey","resizeKey","data-testid","unsafelyReplaceClassName","pinned"]);const{sort:u,setSort:g}=s.useContext(Mi),S=u==null?void 0:u.find(k=>k.key===a),T=()=>{if(a&&!n){const k=(S==null?void 0:S.direction)===M.SortDirection.ASCENDING?M.SortDirection.DESCENDING:M.SortDirection.ASCENDING;g([{key:a,direction:k}])}},x=k=>{(k.key==="Enter"||k.key===" "||k.key==="Spacebar")&&(k.preventDefault(),T())},E=s.useRef(null);Ju(l,E);const I=s.useRef(null),{isResizeable:D}=Zu({tableHeaderRef:E,resizerRef:I,resizeKey:o}),v=F(c||"sps-table__header",n&&"sps-table__header--control",!a&&"sps-table__header--sort-disabled",(S==null?void 0:S.direction)===M.SortDirection.ASCENDING&&"sps-table__header--sorted-asc",(S==null?void 0:S.direction)===M.SortDirection.DESCENDING&&"sps-table__header--sorted-desc",l&&"sps-table__cell--pinned",D&&"sps-table__header--resizeable",t);return s.createElement("th",N({className:v,ref:E,role:"columnheader","aria-sort":(S==null?void 0:S.direction)||"none","data-testid":`${i}__header`},p),s.createElement("span",{className:"sps-table__header-cell-body","data-testid":`${i}__header-cell-body`,onClick:T,tabIndex:a?0:null,onKeyDown:x},e),D&&s.createElement("span",{ref:I,className:F("sps-table__column-resizer")}))}Object.assign(Xe,{props:Xu,propTypes:Qu,displayName:"SpsTableHeader"});function em(e){return s.createElement(Xe,N({},e))}Object.assign(em,{props:Xu,propTypes:Qu,displayName:"SpsTh"});const tm={pinned:"boolean"},nm=$(N({},Y),{pinned:y.exports.bool});function Sn(c){var l=c,{children:e,className:t,"data-testid":n,unsafelyReplaceClassName:a,pinned:o}=l,i=z(l,["children","className","data-testid","unsafelyReplaceClassName","pinned"]);const p=F(a||"sps-table__head",o&&"sps-table__head--pinned",t);return s.createElement("thead",N({className:p,"data-testid":`${n}__head`},i),e)}Object.assign(Sn,{props:tm,propTypes:nm,displayName:"SpsTableHead"});function am(e){return s.createElement(Sn,N({},e))}Object.assign(am,{props:tm,propTypes:nm,displayName:"SpsThead"});const sm={},rm=N({},Y);function Fe(i){var c=i,{children:e,className:t,"data-testid":n,unsafelyReplaceClassName:a}=c,o=z(c,["children","className","data-testid","unsafelyReplaceClassName"]);const l=F(a||"sps-table__row",t);return s.createElement("tr",N({className:l,role:"row","data-testid":`${n}__row`},o),e)}Object.assign(Fe,{props:sm,propTypes:rm,displayName:"SpsTableRow"});function om(e){return s.createElement(Fe,N({},e))}Object.assign(om,{props:sm,propTypes:rm,displayName:"SpsTr"});const im={},lm=N({},Y);function bn(e){const l=e,{children:t,className:n,"data-testid":a,unsafelyReplaceClassName:o}=l,i=z(l,["children","className","data-testid","unsafelyReplaceClassName"]),c=F(o||"sps-table__body",n);return s.createElement("tbody",N({className:c,"data-testid":`${a}__body`},i),t)}Object.assign(bn,{props:im,propTypes:lm,displayName:"SpsTableBody"});function cm(e){return s.createElement(bn,N({},e))}Object.assign(cm,{props:im,propTypes:lm,displayName:"SpsTbody"});const dm={buttonCell:"boolean",controlCell:"boolean",wrap:"SpsTableCellWrapWidth",pinned:"boolean"},pm=$(N({},Y),{buttonCell:y.exports.bool,controlCell:y.exports.bool,wrap:y.exports.oneOf([200,300,400,500,600]),pinned:y.exports.bool});function ae(e){const g=e,{buttonCell:t,children:n,className:a,controlCell:o,"data-testid":i,unsafelyReplaceClassName:c,wrap:l,pinned:p}=g,m=z(g,["buttonCell","children","className","controlCell","data-testid","unsafelyReplaceClassName","wrap","pinned"]),f=F(c||"sps-table__cell",t&&"sps-table__cell--button-cell",o&&"sps-table__cell--control",l&&`sps-table__cell--text-wrap-${l}`,p&&"sps-table__cell--pinned",a),u=s.useRef(null);return Ju(p,u),s.createElement("td",N({className:f,ref:u,role:"cell","data-testid":`${i}__cell`},m),n)}Object.assign(ae,{props:dm,propTypes:pm,displayName:"SpsTableCell"});function um(e){return s.createElement(ae,N({},e))}Object.assign(um,{props:dm,propTypes:pm,displayName:"SpsTd"});const eI={},tI=N({},Y),nI="sps-icon-button-panel";function mm(a){var o=a,{children:e,className:t}=o,n=z(o,["children","className"]);const i=F(nI,t),[c]=Kt(e,[{type:Ve,props:{kind:M.ButtonKind.ICON}}]);return s.createElement("div",N({className:i},n),c)}Object.assign(mm,{props:eI,propTypes:tI,displayName:"SpsIconButtonPanel"});const fm={generalUsage:{label:"General Usage",customSection:()=>s.createElement("section",{id:"table-general-usage"},s.createElement("div",{className:"flex-color-header"},s.createElement("h4",null,"General Usage"),s.createElement(Ve,{onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},kind:M.ButtonKind.LINK},"Back to Top")),s.createElement("h5",null,"Use Tables:"),s.createElement("ul",{className:"sps-body-14"},s.createElement("li",null,"Each record has more than 6 points of data"),s.createElement("li",null,"When more records need to be shown in the vertical space"),s.createElement("li",null,"When sorting options need to be precise (needs better explanation)."),s.createElement("li",null,"When tabular views are the expected/conventional view of thet data being displayed (one example: if the data is to be exported into a spreadsheet view).")),s.createElement("h5",null,"Avoid Tables:"),s.createElement("ul",{className:"sps-body-14"},s.createElement("li",null,"When large images need to be included amongst the data.")),s.createElement("div",null,"For additional help deciding which option best suits the data being displayed, refer to the List Usage Matrix."))},basic:{label:"Standard Tables",description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("div",{className:"sps-body-14"},"Tables display tabular data in columns and rows with a header row used to identify the type of content in each column. The most common style of content displayed in tables is text (Small Body Copy), but additional elements such as tags and icons can be used when necessary."),s.createElement("br",null),s.createElement("div",{className:"sps-body-14"},"Tables can be used in conjunction with the"," ",s.createElement(e,{to:"List Toolbar"},"List Toolbar")," and"," ",s.createElement(e,{to:"Pagination"},"Pagination")," components for extended capabilities.")),examples:{basic:{react:w.code`
|
|
3465
|
+
calc(100% - ${p+s}px) ${-o}px`}else e.current.style.backgroundPosition=`0 0, 100% 0, 0 ${-o}px,
|
|
3466
|
+
calc(100% - ${s}px) ${-o}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)}})},qD=(e,t)=>{a.useLayoutEffect(()=>{const n=e.current,s=n==null?void 0:n.querySelector("thead"),o=n==null?void 0:n.querySelector("table"),i=o==null?void 0:o.querySelector("tbody>tr"),c=i==null?void 0:i.querySelectorAll("td"),l=s==null?void 0:s.querySelectorAll("th"),p=document.body.querySelector(".sps-navbar-container");let u=n==null?void 0:n.querySelector(".placeholder-head"),f=null;const m=()=>{s&&(s.style.position=t?"sticky":null,s.style.top=t?"0":null,s.style.overflow=null,s.style.maxWidth=null,s.style.width=null,s.style.minWidth=null),u&&(u.style.width=null,u.style.height=null),c&&Array.from(c).forEach((x,E)=>{l[E].style.minWidth=null,l[E].style.width=null,l[E].style.maxWidth=null,x.style.minWidth=null,x.style.width=null,x.style.maxWidth=null})},g=()=>{s.scrollLeft=n.scrollLeft},S=()=>{let x=null;f===window?x=p?p.getBoundingClientRect().height:0:f instanceof HTMLElement&&(x=f.getBoundingClientRect().top);const E=n.scrollLeft,I=s.getBoundingClientRect(),D=n.getBoundingClientRect();if(I.top<=x&&x<=D.bottom-I.height&&D.top<=x){s.style.position="fixed",s.style.top=`${x}px`,s.style.overflow="hidden";const v=e.current.offsetWidth-e.current.clientWidth,k=`${D.width-v}px`;s.style.maxWidth=k,s.style.width=k,s.style.minWidth=k,c&&Array.from(c).forEach((_,O)=>{const R=_.getBoundingClientRect().width,B=l[O].getBoundingClientRect().width,F=`${Math.max(R,B)}px`;l[O].style.minWidth=F,l[O].style.width=F,l[O].style.maxWidth=F,_.style.minWidth=F,_.style.width=F,_.style.maxWidth=F}),u||(u=document.createElement("div"),u.style.width=`${I.width}px`,u.style.height=`${I.height}px`,u.className="placeholder-head",n.insertBefore(u,o))}else u&&(n.removeChild(u),u=null,m());n.scrollLeft=E,g()},T=()=>{m(),S(),g()};return s&&s.classList.contains("sps-table__head--pinned")&&(f=zD(n)||window,f.addEventListener("scroll",S),window.addEventListener("resize",T),n.addEventListener("scroll",g),T()),()=>{f&&(f.removeEventListener("scroll",S),window.removeEventListener("resize",T)),n&&n.removeEventListener("scroll",g)}})},JD=(e,t)=>{const n=()=>{const s=e.current,o=s==null?void 0:s.querySelector("table > thead"),i=s==null?void 0:s.querySelector("table"),c=s==null?void 0:s.querySelector(".shadow--top"),l=s==null?void 0:s.querySelector(".shadow--bottom");if(o&&i&&c&&l){l.style.left="0",l.style.bottom="0",c.style.left="0";const p=s.offsetHeight-(s==null?void 0:s.clientHeight),u=i.getBoundingClientRect().height,f=o.getBoundingClientRect().height,m=s.scrollTop,g=u+p-s.getBoundingClientRect().height-s.scrollTop,S=s.scrollLeft;l.style.bottom=`${-m}px`,l.style.left=`${S}px`,l.style.opacity=g>0?"1":"0",c.style.top=`${m+f}px`,c.style.left=`${S}px`,c.style.opacity=m>0?"1":"0"}};a.useLayoutEffect(()=>{if(e.current&&t){const s=e.current.querySelector("table > thead");return s&&(s.style.position="sticky",s.style.top="0",s.style.zIndex="2",s.style.backgroundColor="#fff"),e.current.addEventListener("scroll",n),()=>{e.current.removeEventListener("scroll",n)}}},[]),a.useLayoutEffect(()=>{e.current&&t&&n()})},ZD={sort:"SortedColumn",onSortChange:"SortChangeHandler",selectable:"boolean",maxHeightPx:"number",maxHeightRem:"number",resizeable:"boolean",resizeState:"ResizeState",onResizeStateChange:"ResizeStateChangeHandler"},XD=H(N({},Y),{onSortChange:ne(),sort:y.exports.arrayOf(le()),selectable:y.exports.bool,maxHeightPx:y.exports.number,maxHeightRem:y.exports.number,resizeable:y.exports.bool,resizeState:le(),onResizeStateChange:ne()});function On(g){var S=g,{children:e,className:t,onSortChange:n,sort:s,"data-testid":o,unsafelyReplaceClassName:i,maxHeightPx:c,maxHeightRem:l,resizeable:p,resizeState:u,onResizeStateChange:f}=S,m=z(S,["children","className","onSortChange","sort","data-testid","unsafelyReplaceClassName","maxHeightPx","maxHeightRem","resizeable","resizeState","onResizeStateChange"]);const T=K(i||"sps-table-container",t),x=c?c/16:l,E=x?{maxHeight:`${x}rem`}:{},I=a.useRef(null);return JD(I,x),jD(I),qD(I,x),a.createElement(YD,{resizeable:p,resizeState:u,onResizeStateChange:f,sort:s,onSortChange:n},a.createElement("div",{ref:I,className:T,style:E},a.createElement("div",{className:"sps-table__shadow shadow--top"}),a.createElement("div",{className:"sps-table__shadow shadow--bottom"}),a.createElement("table",N({className:"sps-table",role:"table","data-testid":`${o}`},m),e)))}Object.assign(On,{props:ZD,propTypes:XD,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 Xu=({tableHeaderRef:e,resizerRef:t,resizeKey:n})=>{const{resizeable:s,resizeState:o,setSingleResizeState:i}=a.useContext(Mi),c=!!s&&!!n,l=c?o==null?void 0:o[n]:void 0;return a.useLayoutEffect(()=>{let p=null,u=l;const f=QD(e.current);function m(){if(e.current){const E=u?`${u}px`:null;e.current.style.width=E,e.current.style.maxWidth=E,e.current.style.minWidth=E;const I=e.current.querySelector(".sps-table__header-cell-body");if(I&&(I.style.overflow=E?"hidden":null,I.style.textOverflow=E?"ellipsis":null),p){const D=e.current.querySelector(".sps-table__column-resizer");D&&(D.style.backgroundColor=Gr.colors.blue200)}if(e.current.classList.contains("sps-table__cell--pinned")||(e.current.style.position="relative"),f){const D=f.querySelectorAll("thead > tr > th");for(let k=0;k<D.length;k+=1){const _=D[k].querySelector(".sps-table__header-cell-body");_&&!_.title&&(_.title=_.textContent)}const v=f.querySelectorAll(`tbody > tr > td:nth-of-type(${e.current.cellIndex+1})`);for(let k=0;k<v.length;k+=1)v[k].style.width=E,v[k].style.maxWidth=E,v[k].style.minWidth=E,v[k].style.overflowWrap=E?"break-word":null,v[k].style.whiteSpace=E?"normal":null,v[k].title||(v[k].title=v[k].textContent)}}}const g=E=>{!e.current||(p=E.clientX,u=e.current.clientWidth,m())},S=E=>{if(!p||!e.current)return;const I=Math.max(Math.min(p-E.clientX,5),-5);I!==0&&(p=E.clientX,u=Math.max(e.current.clientWidth-I,40),m())},T=()=>{if(!e.current)return;p=null,m(),i(n,u);const E=e.current.querySelector(".sps-table__column-resizer");E&&(E.style.backgroundColor=null)},x=()=>{u=null,m(),i(n,u)};return c&&t.current&&(t.current.addEventListener("dragstart",g),t.current.addEventListener("mousedown",g),t.current.addEventListener("dblclick",x),window.addEventListener("mousemove",S),window.addEventListener("dragend",T),window.addEventListener("mouseup",T),m()),()=>{t.current&&(t.current.removeEventListener("dragstart",g),t.current.removeEventListener("mousedown",g),t.current.removeEventListener("dblclick",x)),window.removeEventListener("mousemove",S),window.removeEventListener("dragend",T),window.removeEventListener("mouseup",T)}},[c,l,n,i]),{isResizeable:c}},Qu={controlCell:"boolean",sortKey:"string",resizeKey:"string",pinned:"boolean"},em=H(N({},Y),{controlCell:y.exports.bool,sortKey:y.exports.string,resizeKey:y.exports.string,pinned:y.exports.bool});function Qe(u){var f=u,{children:e,className:t,controlCell:n,sortKey:s,resizeKey:o,"data-testid":i,unsafelyReplaceClassName:c,pinned:l}=f,p=z(f,["children","className","controlCell","sortKey","resizeKey","data-testid","unsafelyReplaceClassName","pinned"]);const{sort:m,setSort:g}=a.useContext(Mi),S=m==null?void 0:m.find(k=>k.key===s),T=()=>{if(s&&!n){const k=(S==null?void 0:S.direction)===M.SortDirection.ASCENDING?M.SortDirection.DESCENDING:M.SortDirection.ASCENDING;g([{key:s,direction:k}])}},x=k=>{(k.key==="Enter"||k.key===" "||k.key==="Spacebar")&&(k.preventDefault(),T())},E=a.useRef(null);Zu(l,E);const I=a.useRef(null),{isResizeable:D}=Xu({tableHeaderRef:E,resizerRef:I,resizeKey:o}),v=K(c||"sps-table__header",n&&"sps-table__header--control",!s&&"sps-table__header--sort-disabled",(S==null?void 0:S.direction)===M.SortDirection.ASCENDING&&"sps-table__header--sorted-asc",(S==null?void 0:S.direction)===M.SortDirection.DESCENDING&&"sps-table__header--sorted-desc",l&&"sps-table__cell--pinned",D&&"sps-table__header--resizeable",t);return a.createElement("th",N({className:v,ref:E,role:"columnheader","aria-sort":(S==null?void 0:S.direction)||"none","data-testid":`${i}__header`},p),a.createElement("span",{className:"sps-table__header-cell-body","data-testid":`${i}__header-cell-body`,onClick:T,tabIndex:s?0:null,onKeyDown:x},e),D&&a.createElement("span",{ref:I,className:K("sps-table__column-resizer")}))}Object.assign(Qe,{props:Qu,propTypes:em,displayName:"SpsTableHeader"});function tm(e){return a.createElement(Qe,N({},e))}Object.assign(tm,{props:Qu,propTypes:em,displayName:"SpsTh"});const nm={pinned:"boolean"},am=H(N({},Y),{pinned:y.exports.bool});function hn(c){var l=c,{children:e,className:t,"data-testid":n,unsafelyReplaceClassName:s,pinned:o}=l,i=z(l,["children","className","data-testid","unsafelyReplaceClassName","pinned"]);const p=K(s||"sps-table__head",o&&"sps-table__head--pinned",t);return a.createElement("thead",N({className:p,"data-testid":`${n}__head`},i),e)}Object.assign(hn,{props:nm,propTypes:am,displayName:"SpsTableHead"});function sm(e){return a.createElement(hn,N({},e))}Object.assign(sm,{props:nm,propTypes:am,displayName:"SpsThead"});const rm={},om=N({},Y);function Be(i){var c=i,{children:e,className:t,"data-testid":n,unsafelyReplaceClassName:s}=c,o=z(c,["children","className","data-testid","unsafelyReplaceClassName"]);const l=K(s||"sps-table__row",t);return a.createElement("tr",N({className:l,role:"row","data-testid":`${n}__row`},o),e)}Object.assign(Be,{props:rm,propTypes:om,displayName:"SpsTableRow"});function im(e){return a.createElement(Be,N({},e))}Object.assign(im,{props:rm,propTypes:om,displayName:"SpsTr"});const lm={},cm=N({},Y);function gn(e){const l=e,{children:t,className:n,"data-testid":s,unsafelyReplaceClassName:o}=l,i=z(l,["children","className","data-testid","unsafelyReplaceClassName"]),c=K(o||"sps-table__body",n);return a.createElement("tbody",N({className:c,"data-testid":`${s}__body`},i),t)}Object.assign(gn,{props:lm,propTypes:cm,displayName:"SpsTableBody"});function dm(e){return a.createElement(gn,N({},e))}Object.assign(dm,{props:lm,propTypes:cm,displayName:"SpsTbody"});const pm={buttonCell:"boolean",controlCell:"boolean",wrap:"SpsTableCellWrapWidth",pinned:"boolean"},um=H(N({},Y),{buttonCell:y.exports.bool,controlCell:y.exports.bool,wrap:y.exports.oneOf([200,300,400,500,600]),pinned:y.exports.bool});function ae(e){const g=e,{buttonCell:t,children:n,className:s,controlCell:o,"data-testid":i,unsafelyReplaceClassName:c,wrap:l,pinned:p}=g,u=z(g,["buttonCell","children","className","controlCell","data-testid","unsafelyReplaceClassName","wrap","pinned"]),f=K(c||"sps-table__cell",t&&"sps-table__cell--button-cell",o&&"sps-table__cell--control",l&&`sps-table__cell--text-wrap-${l}`,p&&"sps-table__cell--pinned",s),m=a.useRef(null);return Zu(p,m),a.createElement("td",N({className:f,ref:m,role:"cell","data-testid":`${i}__cell`},u),n)}Object.assign(ae,{props:pm,propTypes:um,displayName:"SpsTableCell"});function mm(e){return a.createElement(ae,N({},e))}Object.assign(mm,{props:pm,propTypes:um,displayName:"SpsTd"});const eI={},tI=N({},Y),nI="sps-icon-button-panel";function fm(s){var o=s,{children:e,className:t}=o,n=z(o,["children","className"]);const i=K(nI,t),[c]=Vt(e,[{type:Fe,props:{kind:M.ButtonKind.ICON}}]);return a.createElement("div",N({className:i},n),c)}Object.assign(fm,{props:eI,propTypes:tI,displayName:"SpsIconButtonPanel"});const hm={generalUsage:{label:"General Usage",customSection:()=>a.createElement("section",{id:"table-general-usage"},a.createElement("div",{className:"flex-color-header"},a.createElement("h4",null,"General Usage"),a.createElement(Fe,{onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},kind:M.ButtonKind.LINK},"Back to Top")),a.createElement("h5",null,"Use Tables:"),a.createElement("ul",{className:"sps-body-14"},a.createElement("li",null,"Each record has more than 6 points of data"),a.createElement("li",null,"When more records need to be shown in the vertical space"),a.createElement("li",null,"When sorting options need to be precise (needs better explanation)."),a.createElement("li",null,"When tabular views are the expected/conventional view of thet data being displayed (one example: if the data is to be exported into a spreadsheet view).")),a.createElement("h5",null,"Avoid Tables:"),a.createElement("ul",{className:"sps-body-14"},a.createElement("li",null,"When large images need to be included amongst the data.")),a.createElement("div",null,"For additional help deciding which option best suits the data being displayed, refer to the List Usage Matrix."))},basic:{label:"Standard Tables",description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("div",{className:"sps-body-14"},"Tables display tabular data in columns and rows with a header row used to identify the type of content in each column. The most common style of content displayed in tables is text (Small Body Copy), but additional elements such as tags and icons can be used when necessary."),a.createElement("br",null),a.createElement("div",{className:"sps-body-14"},"Tables can be used in conjunction with the"," ",a.createElement(e,{to:"List Toolbar"},"List Toolbar")," and"," ",a.createElement(e,{to:"Pagination"},"Pagination")," components for extended capabilities.")),examples:{basic:{react:w.code`
|
|
3384
3467
|
function DemoComponent() {
|
|
3385
3468
|
const items = [
|
|
3386
3469
|
{
|
|
@@ -3481,7 +3564,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3481
3564
|
</>
|
|
3482
3565
|
);
|
|
3483
3566
|
}
|
|
3484
|
-
`}}},sorting:{label:"Sorting",description:()=>
|
|
3567
|
+
`}}},sorting:{label:"Sorting",description:()=>a.createElement(a.Fragment,null,a.createElement("div",{className:"sps-body-14"},"The ability to sort the records in a table by a specific column is a common feature. Sorting options are alphabetical (A-Z or Z-A) for columns containing standard text and numerically (highest-to-lowest or lowest-to-highest) for columns containing numerical values."," "),a.createElement("br",null),a.createElement("div",{className:"sps-body-14"},"Sorting is applied on a column-by-column basis and should only be applied to columns that present a practical value when sorted alphabetically or numercally (i.e., not every column in a table requires sorting).")),examples:{sorting:{react:w.code`
|
|
3485
3568
|
function DemoComponent() {
|
|
3486
3569
|
const items = [
|
|
3487
3570
|
{
|
|
@@ -3632,7 +3715,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3632
3715
|
</SpsTable>
|
|
3633
3716
|
)
|
|
3634
3717
|
}
|
|
3635
|
-
`}}},wrap:{label:"Wrapping Content",description:()=>
|
|
3718
|
+
`}}},wrap:{label:"Wrapping Content",description:()=>a.createElement("div",{className:"sps-body-14"},"Cells in a column can be set to a fixed width to allow text wrapping when it benefits the readability of the content in that cell. This should be limited to content that is generally longer than a short phrase such as longer sentences or short paragraphs. Including long-form text such as paragraphs, however, should be avoided if possible."),examples:{wrapping:{react:w.code`
|
|
3636
3719
|
function DemoComponent() {
|
|
3637
3720
|
const items = [
|
|
3638
3721
|
{
|
|
@@ -3711,7 +3794,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3711
3794
|
</SpsTable>
|
|
3712
3795
|
);
|
|
3713
3796
|
}
|
|
3714
|
-
`}}},horizontalScroll:{label:"Horizontal Scrolling",description:()=>
|
|
3797
|
+
`}}},horizontalScroll:{label:"Horizontal Scrolling",description:()=>a.createElement("div",{className:"sps-body-14"},"Some table may require more content than will fit on the page horizontally. Horizontal scrolling allows users to scroll left and right inside the table to view all existing content."),examples:{scroll:{react:w.code`
|
|
3715
3798
|
function DemoComponent() {
|
|
3716
3799
|
const items = [
|
|
3717
3800
|
{
|
|
@@ -3854,7 +3937,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3854
3937
|
</SpsTable>
|
|
3855
3938
|
);
|
|
3856
3939
|
}
|
|
3857
|
-
`}}},selectableRows:{label:"Selectable Rows",description:({NavigateTo:e})=>
|
|
3940
|
+
`}}},selectableRows:{label:"Selectable Rows",description:({NavigateTo:e})=>a.createElement("div",{className:"sps-body-14"},"Selectable rows include a checkbox column that allows the user to select individual or multiple rows on which to perform actions such as edit, delete, or a variety of other options. Selectable rows are to be used in conjunction with Action Buttons (See Controls and Buttons below) and the"," ",a.createElement(e,{to:"list-action-bar"},"List Action Bar"),"."),examples:{controls:{react:w.code`
|
|
3858
3941
|
function DemoComponent() {
|
|
3859
3942
|
const items = [
|
|
3860
3943
|
{
|
|
@@ -3928,7 +4011,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
3928
4011
|
</SpsTable>
|
|
3929
4012
|
);
|
|
3930
4013
|
}
|
|
3931
|
-
`}}},controlsAndButtons:{label:"Controls (Toggles & Buttons)",description:()=>
|
|
4014
|
+
`}}},controlsAndButtons:{label:"Controls (Toggles & Buttons)",description:()=>a.createElement(a.Fragment,null,a.createElement("div",{className:"sps-body-14"},"Controls are used to take action on listed records. Controls are represented in tables or by Toggles or Buttons."),a.createElement("br",null),a.createElement("h5",null,"Toggles"),a.createElement("div",{className:"sps-body-14"},"Toggles are used to apply an immediate change of state to a record in a table. Toggles can appear as either traditional toggles (the switch) or as an icon such as a star or heart to distinguish that record apart from others (e.g. as a favorite). For more information on this pattern visit the Toggles page. Toggles always occupy the left-most columns of a table (unless checkboxes are required)."," "),a.createElement("br",null),a.createElement("h5",null,"Buttons"),a.createElement("div",{className:"sps-body-14"},"Buttons can be used to perform specific actions on a record in a table. Buttons in tables are represented by the Icon Button style. Multiple buttons can be included in each row, however when more than two different actions are required consider using the ellipses button with a dropdown menu to conserve space. Buttons always occupy the right-most column in the table."),a.createElement("br",null),a.createElement("i",{className:"sps-body-14"},"Note: Standard Buttons and Text Buttons can be used in table rows if necessary, but when possible opt to use the Icon Button style.")),examples:{controls:{react:w.code`
|
|
3932
4015
|
function DemoComponent() {
|
|
3933
4016
|
const items = [
|
|
3934
4017
|
{
|
|
@@ -4418,7 +4501,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4418
4501
|
</>
|
|
4419
4502
|
);
|
|
4420
4503
|
}
|
|
4421
|
-
`}}}},
|
|
4504
|
+
`}}}},gm={basic:{label:"Basic Tag",examples:{basic:{react:w.code`
|
|
4422
4505
|
import { SpsTag } from "@spscommerce/ds-react";
|
|
4423
4506
|
import { TagKind } from "@spscommerce/ds-shared";
|
|
4424
4507
|
function Component() {
|
|
@@ -4496,7 +4579,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4496
4579
|
</>
|
|
4497
4580
|
);
|
|
4498
4581
|
}
|
|
4499
|
-
`}}}},
|
|
4582
|
+
`}}}},Sm={general:{label:"General Usage",description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("p",null,"The Action Bar is divided into three sections: Selection Counter, Action Buttons, and Clear Button. It spans the entire width of the browser window. The count in the Selection Counter persists across paginated views"),a.createElement("p",null,"For more information on acceptable content varieties in the Action Buttons section, refer to the Button Groups section on the"," ",a.createElement(e,{to:"button"},"Buttons")," page"),a.createElement("img",{src:"assets/images/list-action-bar-example.svg",alt:"A List Action Bar with labels on each section",className:"w-100 mb-3"}),a.createElement(On,null,a.createElement(hn,null,a.createElement(Qe,null,"Order"),a.createElement(Qe,null,"Section"),a.createElement(Qe,null,"Content Varieties")),a.createElement(gn,null,a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"1")),a.createElement(ae,null,"Selection Counter"),a.createElement(ae,null)),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"2")),a.createElement(ae,null,"Action Buttons"),a.createElement(ae,null)),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"3")),a.createElement(ae,null,"Clear Button"),a.createElement(ae,null,a.createElement(xt,{className:"mr-1"},"Basic Buttons"),a.createElement(xt,{className:"mr-1"},"Icon Buttons"),a.createElement(xt,{className:"mr-1"},"Text Buttons"))))))},actionBar:{label:"Action Bar",description:"This example makes use of the Text Buttons + Icon Buttons + Basic Buttons Group.",examples:{basic:{react:w.code`
|
|
4500
4583
|
function SpsActionBarExample() {
|
|
4501
4584
|
const [itemsSelected, setItemsSelected] = React.useState(0);
|
|
4502
4585
|
|
|
@@ -4524,7 +4607,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4524
4607
|
</>
|
|
4525
4608
|
)
|
|
4526
4609
|
}
|
|
4527
|
-
`}}}},aI
|
|
4610
|
+
`}}}},aI=H(N({},Y),{tabs:y.exports.arrayOf(le()).isRequired,activeTab:le(),onTabChange:ne()});function bm(e){const g=e,{tabs:t,activeTab:n,onTabChange:s,className:o,unsafelyReplaceClassName:i,"data-testid":c}=g,l=z(g,["tabs","activeTab","onTabChange","className","unsafelyReplaceClassName","data-testid"]),[p,u]=a.useState(null);a.useEffect(()=>{if(t.length)if(n){const S=t.find(T=>T.label===n.label);u(S)}else u(t[0])},[]);const f=(S,T)=>{S.preventDefault(),u(T),typeof s=="function"&&s(T)},m=K(i||"sps-tabs",o);return a.createElement("div",{className:m},a.createElement("nav",N({className:"sps-nav sps-nav--tabs","data-testid":c},l),t.map(S=>a.createElement("a",{key:S.label,id:S.id,className:K("sps-nav__item","sps-nav__link",S===p&&"active"),role:"tab","data-toggle":"tab",href:S.controlsId?`#${S.controlsId}`:null,"aria-controls":S.controlsId,"aria-selected":S===n,onClick:T=>{f(T,S)},"data-testid":`${c}__tab-link`},S.icon&&a.createElement("i",{className:`sps-icon sps-icon-${S.icon}`}),a.createElement("span",null,S.label),S.tag&&a.createElement("span",{className:"sps-tag sps-tag--key"},S.tag)))))}Object.assign(bm,{propTypes:aI,displayName:"SpsTabs"});const sI={resultsCount:"number",totalResults:"number",onClear:"() => void"},rI=H(N({},Y),{resultsCount:y.exports.number,totalResults:y.exports.number,onClear:ne()});function vm(e){const T=e,{children:t,className:n,resultsCount:s,totalResults:o,onClear:i,"data-testid":c,unsafelyReplaceClassName:l}=T,p=z(T,["children","className","resultsCount","totalResults","onClear","data-testid","unsafelyReplaceClassName"]),{t:u}=a.useContext(Oe),f=K(l||"sps-search-results-bar",n),[m,g,S]=u("design-system:searchResultsBar.count",{count:s,total:o}).split(" ");return a.createElement("div",N({className:f,"data-testid":`${c}`},p),a.createElement("span",{className:"sps-search-results-bar__label","data-testid":`${c}__label`},u("design-system:searchResultsBar.matchingResults")),m&&!Number.isNaN(Number(m))&&a.createElement("span",{className:"sps-search-results-bar__count","data-testid":`${c}__count`},a.createElement("i",{className:"sps-icon sps-icon-double-angle-right"}),a.createElement("span",null,m)),S&&!Number.isNaN(Number(S))&&a.createElement("span",{className:"sps-search-results-bar__total","data-testid":`${c}__total`},g," ",S),a.createElement("div",{className:"sps-search-results-bar__buttons","data-testid":`${c}__button`},a.createElement("button",{type:"button",onClick:i},u("design-system:searchResultsBar.clear"))))}Object.assign(vm,{props:sI,propTypes:rI,displayName:"SpsSearchResultsBar"});const oI={results:"number",selections:"{ [key: string]: string[] }",zeroStateText:"string",onClear:"() => void"},iI=H(N({},Y),{results:y.exports.number,selections:le(),zeroStateText:y.exports.string,onClear:ne()});function lr(e){const g=e,{className:t,results:n=0,selections:s,zeroStateText:o,onClear:i,"data-testid":c,unsafelyReplaceClassName:l}=g,p=z(g,["className","results","selections","zeroStateText","onClear","data-testid","unsafelyReplaceClassName"]),{t:u}=a.useContext(Oe),f=K(l||"sps-search-results-bar-v2",t),m=s?Object.keys(s).reduce((S,T)=>(s[T].length>0&&(S[T]=s[T]),S),{}):{};return a.createElement("div",N({className:f,"data-testid":`${c}`},p),a.createElement("div",{className:"sps-search-results-bar-v2__results"},a.createElement("span",{"data-testid":`${c}__label`},u("design-system:searchResultsBar.results")),a.createElement(xt,{kind:M.TagKind.INFO},a.createElement("span",null,n))),a.createElement("div",{className:"sps-search-results-bar-v2__selections"},Object.keys(m).length>0?Object.keys(m).map((S,T)=>a.createElement(a.Fragment,null,a.createElement("span",{key:T,className:"sps-search-results-bar-v2__selection"},S,":"),m[S].map((x,E)=>a.createElement(xt,{key:E,kind:M.TagKind.KEY},a.createElement("span",null,x))))):a.createElement("span",{className:"font-italic"},o||u("design-system:searchResultsBar.noAdvancedSearchSelections"))),a.createElement("div",{className:"sps-search-results-bar-v2__buttons","data-testid":`${c}__button`},a.createElement(Fe,{kind:M.ButtonKind.LINK,onClick:i},u("design-system:searchResultsBar.clearResults"))))}Object.assign(lr,{props:oI,propTypes:iI,displayName:"SpsSearchResultsBarV2"});const ym={basic:{label:"Basic",description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("p",null,"SpsSearchResultsBarV2 should be used with List Toolbar and Advanced Search."),a.createElement("p",null,"For more examples go to the Advanced Search section on the"," ",a.createElement(e,{to:"list-toolbar"},"List Toolbar")," page.")),examples:{basic:{react:w.code`
|
|
4528
4611
|
function Component() {
|
|
4529
4612
|
|
|
4530
4613
|
const [advSearch, setAdvSearch] = React.useState({
|
|
@@ -4588,7 +4671,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4588
4671
|
</>
|
|
4589
4672
|
)
|
|
4590
4673
|
}
|
|
4591
|
-
`}}},customText:{label:"Custom Text",description:()=>
|
|
4674
|
+
`}}},customText:{label:"Custom Text",description:()=>a.createElement("p",null,"You can pass in custom text to be displayed when there are no selections."),examples:{customText:{react:w.code`
|
|
4592
4675
|
function Component() {
|
|
4593
4676
|
const [advSearch, setAdvSearch] = React.useState({
|
|
4594
4677
|
isOpen: false
|
|
@@ -4652,7 +4735,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4652
4735
|
</>
|
|
4653
4736
|
)
|
|
4654
4737
|
}
|
|
4655
|
-
`}}}},lI={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"},cI
|
|
4738
|
+
`}}}},lI={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"},cI=H(N({},Y),{formArray:le(),formGroup:le(),formMeta:le(),stacked:y.exports.bool});function _i(u){var f=u,{children:e,className:t,formArray:n,formGroup:s,formMeta:o,stacked:i,"data-testid":c,unsafelyReplaceClassName:l}=f,p=z(f,["children","className","formArray","formGroup","formMeta","stacked","data-testid","unsafelyReplaceClassName"]);const m=s||n,g=m||o,[S,T]=a.useState(!1);a.useEffect(()=>{if(g){const E=g.isFocused();!S&&E&&g.onFocus?g.onFocus():S&&!E&&g.onBlur&&g.onBlur(),T(E)}});const x=K(l||"sps-form-group",(m&&m.invalid||o&&(!o.isValid()||!o.contentsAreValid()))&&"sps-form-group--error",t);return a.createElement("div",N({className:x,"data-testid":c},p),a.createElement("div",{className:K("sps-input-group",i&&"sps-input-group--stacked")},e))}Object.assign(_i,{props:lI,propTypes:cI,displayName:"SpsInputGroup"});const dI={onSubmit:"FormEventHandler"},pI=H(N({},Y),{onSubmit:ne()});function cr(e){const{children:t,onSubmit:n}=e;function s(o){o.preventDefault(),n&&n(o)}return a.createElement("form",{onSubmit:s,className:"sps-list-toolbar__search-form",noValidate:!0},a.createElement(_i,{className:"sps-list-toolbar__search-field"},t))}Object.assign(cr,{props:dI,propTypes:pI,displayName:"SpsListToolbarSearch"});const uI={},mI=N({},Y);function dr(e){const{children:t}=e;return a.createElement("div",null,t)}Object.assign(dr,{props:uI,propTypes:mI,displayName:"SpsListToolbarSearchInfo"});const fI={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"},hI=H(N({},Y),{activeTab:le(),advancedSearch:y.exports.shape({isOpen:y.exports.bool,enteredFields:y.exports.number}),onToggleAdvancedSearch:ne(),onTabChange:ne(),title:y.exports.string,tabs:y.exports.arrayOf(le()),onToolbarPinned:ne(),selectable:y.exports.bool,isSelected:y.exports.bool,isIndeterminate:y.exports.bool,onSelectionChange:ne(),pinResultsBar:y.exports.bool,pinToolbar:y.exports.bool});function Ri(e){const se=e,{activeTab:t,advancedSearch:n,children:s,className:o,onToggleAdvancedSearch:i,onTabChange:c,tabs:l,title:p,unsafelyReplaceClassName:u,onToolbarPinned:f,selectable:m,isSelected:g,isIndeterminate:S,onSelectionChange:T,pinResultsBar:x,pinToolbar:E=!0,"data-testid":I}=se,D=z(se,["activeTab","advancedSearch","children","className","onToggleAdvancedSearch","onTabChange","tabs","title","unsafelyReplaceClassName","onToolbarPinned","selectable","isSelected","isIndeterminate","onSelectionChange","pinResultsBar","pinToolbar","data-testid"]),{t:v}=a.useContext(Oe);let k=null;const[_,O]=a.useState(!1),R=a.useRef(),B=a.useRef(),F=w.lockToAnimationFrames(()=>{if(R.current){const ce=R.current.getBoundingClientRect();ce&&ce.height>0&&ce.top<=60&&(typeof k=="number"?window.scrollY<k&&(k=null,O(!1)):(k=window.scrollY,O(!0),i&&i(!1)))}});a.useEffect(()=>(window.addEventListener("scroll",F),()=>{window.removeEventListener("scroll",F)}),[]);const P=a.useRef(null);a.useLayoutEffect(()=>{if(_&&P.current)B.current.style.height=P.current.height,B.current.style.width=P.current.width,B.current.style.marginBottom=P.current.marginBottom;else if(!_){B.current.style.height=null,B.current.style.width=null,B.current.style.marginBottom=null;const ce=window.getComputedStyle(R.current);P.current={height:ce.height,width:ce.width,marginBottom:ce.marginBottom}}},[_]);function U(ce){c&&c(ce)}function V(){i&&i(!n.isOpen)}function G(ce){f&&f(ce)}a.useEffect(()=>{G(_)},[_]);const pe=K(u||"sps-list-toolbar",_&&E&&"sps-list-toolbar--pinned",_&&E&&"z-stratum-toolbar",n&&n.isOpen&&"sps-list-toolbar--advanced-search-open",o),[ue,J,Q,oe]=Vt(s,[{type:cr},{type:dr},{type:lr}]);return a.createElement("div",{className:"sps-list-toolbar__wrapper",ref:B},a.createElement("div",N({className:pe,"data-testid":I,ref:R},D),a.createElement("div",{className:"sps-list-toolbar__content"},!!m&&a.createElement("div",{className:"sps-list-toolbar__selection-controls"},a.createElement(Nn,{checked:g,indeterminate:S,onChange:()=>{T==null||T(!g)}})),l&&a.createElement(bm,{tabs:l,onTabChange:U,activeTab:t,"data-testid":`${I}__tabs`}),a.createElement("div",{className:"sps-list-toolbar__search-controls"},!p&&ue,!p&&J,ue.length>0&&n&&a.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle","data-testid":`${I}__advanced-search`},a.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle-button-wrapper"},a.createElement(Fe,{kind:M.ButtonKind.LINK,onClick:V},v("design-system:listToolbar.advancedSearchToggle"))),n.enteredFields>0&&a.createElement(xt,{kind:M.TagKind.INFO},a.createElement("span",null,n.enteredFields))),p&&a.createElement("div",{"data-testid":`${I}-title`,className:"sps-list-toolbar__advanced-search-title"},p)),_?a.createElement("div",{className:"sps-list-toolbar__header-content"},a.createElement(Mt.Provider,{value:{fixed:!0}},oe)):a.createElement("div",{className:"sps-list-toolbar__header-content"},oe)),a.createElement("div",null,(!_||_&&x)&&Q)))}Object.assign(Ri,{props:fI,propTypes:hI,displayName:"SpsListToolbar"});const gI={options:"SortOption[]",activeOption:"SortOption",onSortChange:"(option: SortOption) => void",defaultOption:"SortOption"},SI=H(N({},Y),{options:y.exports.arrayOf(le()),activeOption:le(),onSortChange:ne(),defaultOption:le()});function Li(e){const{options:t,onSortChange:n,defaultOption:s,activeOption:o,className:i,unsafelyReplaceClassName:c}=e,l=t.map(u=>[{label:u.label,icon:u.icon},()=>n(u)]),p=K(c||"sps-list-toolbar-sort-by",i);return a.createElement(Dn,{className:p,icon:(o==null?void 0:o.icon)||(s==null?void 0:s.icon),label:(o==null?void 0:o.label)||(s==null?void 0:s.label),options:l})}Object.assign(Li,{props:gI,propTypes:SI,displayName:"SpsListToolbarSortBy"});function Tm(){const[e,t]=a.useState(!1);function n(){t(!1)}function s(){t(!0)}return a.createElement(a.Fragment,null,a.createElement("p",null,"The List Bar is divided into a number of different sections. It spans the entire width of the corresponding list."),a.createElement(Fe,{kind:M.ButtonKind.LINK,onClick:s},"View Content Order Example"),a.createElement(or,{isOpen:e,onClose:n},a.createElement("h1",null,"Content Order"),a.createElement("img",{src:"assets/images/list-toolbar-example.svg",alt:"A List Toolbar with labels on each section",className:"w-100 mb-3"}),a.createElement(On,null,a.createElement(hn,null,a.createElement(Qe,{style:{width:"80px"}},"Order"),a.createElement(Qe,null,"Section"),a.createElement(Qe,null,"Notes")),a.createElement(gn,null,a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"1")),a.createElement(ae,null,"Checkbox"),a.createElement(ae,null,"For Content Rows and Content Tiles only.")),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"2")),a.createElement(ae,null,"Search/Filter Box"),a.createElement(ae,null)),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"3")),a.createElement(ae,null,"Saved Search"),a.createElement(ae,null)),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"4")),a.createElement(ae,null,"Advanced Search"),a.createElement(ae,null,"For more information, visit the Advanced Search page.")),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"5")),a.createElement(ae,null,"Column Editor"),a.createElement(ae,{wrap:500},"Use for Tables only. For more information, visit the Column Editor page.")),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"6")),a.createElement(ae,null,"List View Selector"),a.createElement(ae,null)),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"7")),a.createElement(ae,null,"Sorting"),a.createElement(ae,null)),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"8")),a.createElement(ae,null,"Buttons"),a.createElement(ae,{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 wm={general:{label:"General Usage",description:()=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Use a List Toolbar:"),a.createElement("ul",null,a.createElement("li",null,"When list content needs to be searched, filtered, sorted, or otherwise interacted with.")),a.createElement("h5",null,"Avoid a List Toolbar:"),a.createElement("ul",null,a.createElement("li",null,"When no list is present."),a.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:a.createElement(Tm,null)},checkbox:{label:"Checkbox",description:({NavigateTo:e})=>a.createElement("p",null,"Use a Checkbox in the List Toolbar when items in a"," ",a.createElement(e,{to:"Content rows"},"Content Row")," or"," ",a.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:w.code`
|
|
4656
4739
|
function Component() {
|
|
4657
4740
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
4658
4741
|
searchText: "",
|
|
@@ -4708,7 +4791,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4708
4791
|
</>
|
|
4709
4792
|
)
|
|
4710
4793
|
}
|
|
4711
|
-
`}}},searchAndFilter:{label:"Search + Filter Inputs",description:()=>
|
|
4794
|
+
`}}},searchAndFilter:{label:"Search + Filter Inputs",description:()=>a.createElement("p",null,"Use Search and Filter inputs to make it easier to quickly find list items."),examples:{search:{description:()=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Search"),a.createElement("p",null,"Use Search to find list item(s) starting from an empty list.")),react:w.code`
|
|
4712
4795
|
function Component() {
|
|
4713
4796
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
4714
4797
|
searchText: "",
|
|
@@ -4731,7 +4814,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4731
4814
|
</SpsListToolbar>
|
|
4732
4815
|
)
|
|
4733
4816
|
}
|
|
4734
|
-
`},searchAndSelect:{description:()=>
|
|
4817
|
+
`},searchAndSelect:{description:()=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Search + Select"),a.createElement("p",null,"Use Select to search for list item(s) in a particular category.")),react:w.code`
|
|
4735
4818
|
function Component() {
|
|
4736
4819
|
const filterKeys = ["Document Type", "Sender Name", "Receiver Name"];
|
|
4737
4820
|
|
|
@@ -4763,7 +4846,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4763
4846
|
</SpsListToolbar>
|
|
4764
4847
|
)
|
|
4765
4848
|
}
|
|
4766
|
-
`},filter:{description:()=>
|
|
4849
|
+
`},filter:{description:()=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Filter"),a.createElement("p",null,"Use Filter to find list item(s) starting from a populated list.")),react:w.code`
|
|
4767
4850
|
function Component() {
|
|
4768
4851
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
4769
4852
|
searchText: "",
|
|
@@ -4786,7 +4869,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4786
4869
|
</SpsListToolbar>
|
|
4787
4870
|
)
|
|
4788
4871
|
}
|
|
4789
|
-
`},filterAndSelect:{description:()=>
|
|
4872
|
+
`},filterAndSelect:{description:()=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Filter + Select"),a.createElement("p",null,"Use Select to filter list item(s) in a particular category.")),react:w.code`
|
|
4790
4873
|
function Component() {
|
|
4791
4874
|
const filterKeys = ["Document Type", "Sender Name", "Receiver Name"];
|
|
4792
4875
|
|
|
@@ -4818,7 +4901,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4818
4901
|
</SpsListToolbar>
|
|
4819
4902
|
)
|
|
4820
4903
|
}
|
|
4821
|
-
`},searchInfo:{description:()=>
|
|
4904
|
+
`},searchInfo:{description:()=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Search Info"),a.createElement("p",null,"Use SpsListToolbarSearchInfo component to add additional information about your search.")),react:w.code`
|
|
4822
4905
|
function Component() {
|
|
4823
4906
|
const filterKeys = ["Key Item ID", "Document Type", "Sender Name", "Receiver Name"];
|
|
4824
4907
|
|
|
@@ -4858,7 +4941,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4858
4941
|
</SpsListToolbar>
|
|
4859
4942
|
)
|
|
4860
4943
|
}
|
|
4861
|
-
`}}},advancedSearch:{label:"Advanced Search",description:({NavigateTo:e})=>
|
|
4944
|
+
`}}},advancedSearch:{label:"Advanced Search",description:({NavigateTo:e})=>a.createElement("p",null,"Include the Advanced Search feature when more complex options are required to narrow down search results. For more information, visit the"," ",a.createElement(e,{to:"advanced-search"},"Advanced Search")," page."),examples:{advancedSearch:{react:w.code`
|
|
4862
4945
|
function Component() {
|
|
4863
4946
|
const [advSearch, setAdvSearch] = React.useState({
|
|
4864
4947
|
isOpen: false,
|
|
@@ -4893,7 +4976,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
4893
4976
|
</>
|
|
4894
4977
|
)
|
|
4895
4978
|
}
|
|
4896
|
-
`},withResultsBar:{description:({NavigateTo:e})=>
|
|
4979
|
+
`},withResultsBar:{description:({NavigateTo:e})=>a.createElement("p",null,"You can include ",a.createElement(e,{to:"search-results-bar"},"Search Results Bar")," (SpsSearchResultsBarV2)."),react:w.code`
|
|
4897
4980
|
function Component() {
|
|
4898
4981
|
const senderOptions = ["Aktie Sports", "FGL Sports","Modells Sporting Goods", "Perry Sport", "Sportman Warhouse Australia"];
|
|
4899
4982
|
const receiverOptions = ["FGL Sports", "Foot Asylum", "Hervis", "Lovell Rugby", "Aktie Sports"];
|
|
@@ -5001,7 +5084,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5001
5084
|
</>
|
|
5002
5085
|
)
|
|
5003
5086
|
}
|
|
5004
|
-
`},pinnedResultsBar:{description:()=>
|
|
5087
|
+
`},pinnedResultsBar:{description:()=>a.createElement("p",null,"You can pin the Results Bar by passing pinResultsBar prop to SpsListToolbar."),react:w.code`
|
|
5005
5088
|
function Component() {
|
|
5006
5089
|
const [advSearch, setAdvSearch] = React.useState({
|
|
5007
5090
|
isOpen: false
|
|
@@ -5062,7 +5145,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5062
5145
|
</>
|
|
5063
5146
|
)
|
|
5064
5147
|
}
|
|
5065
|
-
`}}},columnEditor:{label:"Column Editor",description:({NavigateTo:e})=>
|
|
5148
|
+
`}}},columnEditor:{label:"Column Editor",description:({NavigateTo:e})=>a.createElement("p",null,"Use a Column Editor when tables require the ability to show or hide specific columns based on the user's preferences. The Column Editor should only be used for"," ",a.createElement(e,{to:"tables"},"Tables"),", and not any other type of list view. For more information, visit the"," ",a.createElement(e,{to:"column-chooser"},"Column Editor")," page."),examples:{columnEditor:{react:w.code`
|
|
5066
5149
|
function Component() {
|
|
5067
5150
|
const unselectedCols = [
|
|
5068
5151
|
{ name: "Title" },
|
|
@@ -5098,7 +5181,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5098
5181
|
</SpsListToolbar>
|
|
5099
5182
|
)
|
|
5100
5183
|
}
|
|
5101
|
-
`}}},buttons:{label:"Buttons",description:({NavigateTo:e})=>
|
|
5184
|
+
`}}},buttons:{label:"Buttons",description:({NavigateTo:e})=>a.createElement("p",null,"Use Buttons only for actions that do not affect existing list items, such as exporting the list or creating a new list item. For actions that are taken on list items, such as changing a status of a list item, refer to the"," ",a.createElement(e,{to:"list-action-bar"},"List Action Bar"),"."),examples:{buttons:{react:w.code`
|
|
5102
5185
|
function Component() {
|
|
5103
5186
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
5104
5187
|
searchText: "",
|
|
@@ -5125,7 +5208,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5125
5208
|
</SpsListToolbar>
|
|
5126
5209
|
)
|
|
5127
5210
|
}
|
|
5128
|
-
`}}},tabs:{label:"Tabs",description:({NavigateTo:e})=>
|
|
5211
|
+
`}}},tabs:{label:"Tabs",description:({NavigateTo:e})=>a.createElement("p",null,"When tabs are included, they appear above the List Toolbar. Tab rules are outlined on the ",a.createElement(e,{to:"cards"},"Cards")," page."),examples:{tabs:{react:w.code`
|
|
5129
5212
|
function Component() {
|
|
5130
5213
|
const tabs = [
|
|
5131
5214
|
{
|
|
@@ -5167,7 +5250,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5167
5250
|
</SpsListToolbar>
|
|
5168
5251
|
);
|
|
5169
5252
|
}
|
|
5170
|
-
`}}},title:{label:"Title",description:({NavigateTo:e})=>
|
|
5253
|
+
`}}},title:{label:"Title",description:({NavigateTo:e})=>a.createElement("p",null,"Use Titles when there is no Search or Filter input required for the list items, such as when the only search options are in an Advanced Search panel. For more information, visit the ",a.createElement(e,{to:"advanced-search"},"Advanced Search")," ","page."),examples:{title:{react:w.code`
|
|
5171
5254
|
function Component() {
|
|
5172
5255
|
return (
|
|
5173
5256
|
<SpsListToolbar title="Good List Title">
|
|
@@ -5175,7 +5258,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5175
5258
|
</SpsListToolbar>
|
|
5176
5259
|
)
|
|
5177
5260
|
}
|
|
5178
|
-
`}}},sortBy:{label:"Sort By",description:()=>
|
|
5261
|
+
`}}},sortBy:{label:"Sort By",description:()=>a.createElement("p",null,"Use Sort By component to sort list of rows. It looks like SpsDropdown but with sorting interface."),examples:{title:{react:w.code`
|
|
5179
5262
|
function Component() {
|
|
5180
5263
|
const [activeOption, setActiveOption] = React.useState(null);
|
|
5181
5264
|
const defaultOption = {
|
|
@@ -5227,7 +5310,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5227
5310
|
</SpsListToolbar>
|
|
5228
5311
|
)
|
|
5229
5312
|
}
|
|
5230
|
-
`}}}},bI={kind:"FeedbackBlockKind",message:{type:"string",required:!0}},vI
|
|
5313
|
+
`}}}},bI={kind:"FeedbackBlockKind",message:{type:"string",required:!0}},vI=H(N({},Y),{kind:be(M.FeedbackBlockKind),message:y.exports.node.isRequired});function en(e){const p=e,{className:t,kind:n=M.FeedbackBlockKind.INFO,message:s,"data-testid":o,unsafelyReplaceClassName:i}=p,c=z(p,["className","kind","message","data-testid","unsafelyReplaceClassName"]),l=K(i||"sps-micro-block",`sps-micro-block--${n}`,t);return a.createElement("div",N({className:l,"data-testid":o},c),a.createElement("i",{className:`sps-icon sps-icon-${M.FeedbackBlockIcons[n]}`,"aria-hidden":"true","data-testid":`${o}__icon`}),a.createElement("span",null,s))}Object.assign(en,{props:bI,propTypes:vI,displayName:"SpsMicroBlock"});const Em={infoBlock:{label:"Info Micro Block",examples:{infoBlock:{jsx:w.code`
|
|
5231
5314
|
<SpsMicroBlock kind={FeedbackBlockKind.INFO} message="Hey, here's something neat."/>
|
|
5232
5315
|
`}}},successBlock:{label:"Success Micro Block",examples:{successBlock:{jsx:w.code`
|
|
5233
5316
|
<SpsMicroBlock kind={FeedbackBlockKind.SUCCESS} message="That was amazing!"/>
|
|
@@ -5237,7 +5320,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5237
5320
|
<SpsMicroBlock kind={FeedbackBlockKind.ERROR} message="Uh oh, big problems."/>
|
|
5238
5321
|
`}}},tipBlock:{label:"Tip Micro Block",examples:{tipBlock:{jsx:w.code`
|
|
5239
5322
|
<SpsMicroBlock kind={FeedbackBlockKind.TIP} message="Pro Tip: Don't be a loser."/>
|
|
5240
|
-
`}}}},yI={kind:"ModalKind",size:"ModalSize",title:"string",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>"},TI
|
|
5323
|
+
`}}}},yI={kind:"ModalKind",size:"ModalSize",title:"string",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>"},TI=H(N({},Y),{kind:be(M.ModalKind),size:be(M.ModalSize),title:y.exports.string,onClose:ne(),focusElementOnOpen:Ft()});function pr({children:e}){return a.createElement("div",{className:"sps-modal__footer"},e)}Object.assign(pr,{props:{},propTypes:{},displayName:"SpsModalFooter"});function Oi(u){var f=u,{children:e,className:t,id:n,kind:s=M.ModalKind.GENERAL,size:o=M.ModalSize.SMALL,onClose:i,focusElementOnOpen:c,title:l}=f,p=z(f,["children","className","id","kind","size","onClose","focusElementOnOpen","title"]);const m=Un(n),g=K("sps-modal","z-stratum-dialog",`sps-modal--${s}`,`sps-modal--${o}`,t),{t:S}=a.useContext(Oe),T=a.useRef(),[x,E]=a.useState(!1);a.useEffect(()=>{const k=`${window.innerWidth-document.body.clientWidth}px`;return document.body.style.paddingRight=k,document.body.style.overflow="hidden",document.querySelectorAll(".z-stratum-bar").forEach(_=>{_.tempPaddingRightHolder=_.style.paddingRight,_.style.paddingRight=k}),E(!0),()=>{document.body.style.paddingRight="initial",document.body.style.overflow="auto",document.querySelectorAll(".z-stratum-bar").forEach(_=>{_.style.paddingRight=_.tempPaddingRightHolder||"",delete _.tempPaddingRightHolder})}},[]),a.useEffect(()=>{c&&c.current?c.current.focus():T.current&&T.current.focus()},[c,x]);const I=a.useCallback(k=>{if(k&&k.key==="Escape"&&i&&i(),k&&k.key==="Tab"){const _=T.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),O=_[0],R=_[_.length-1];_.length===0?k.preventDefault():k.shiftKey&&k.target===O?(k.preventDefault(),R.focus()):!k.shiftKey&&k.target===R&&(k.preventDefault(),O.focus())}},[i]),[[D],v]=Vt(e,[{type:pr}]);return x?a.createElement("div",{id:m.current,role:"dialog","aria-modal":!0,"aria-labelledby":`${m.current}-title`,className:g,onKeyDown:I,tabIndex:-1,ref:T},a.createElement("div",H(N({},p),{className:"sps-modal__dialog"}),a.createElement("div",{className:"sps-modal__titlebar"},a.createElement("div",{className:"sps-modal__title",id:`${m.current}-title`},l||S(`design-system:modal.defaultTitle.${s}`)),i&&a.createElement("div",{className:"sps-button sps-button--icon",onClick:i},a.createElement("button",{"aria-label":S("design-system:modal.close"),type:"button"},a.createElement("i",{className:"sps-icon sps-icon-x"})))),a.createElement("div",{className:"sps-modal__body"},a.createElement(Mt.Provider,{value:{parentElementRef:T,fixed:!0}},v)),D||a.createElement("div",{className:"sps-modal__footer"},a.createElement(Fe,{kind:s===M.ModalKind.SERIOUS_WARNING?M.ButtonKind.DELETE:M.ButtonKind.KEY,onClick:i},S("design-system:modal.defaultButtonLabel"))))):a.createElement(a.Fragment,null)}Object.assign(Oi,{props:yI,propTypes:TI,displayName:"SpsModal"});const Cm={generalUsage:{label:"General Usage",description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("h5",{className:"mt-2"},"Use a Modal:"),a.createElement("ul",null,a.createElement("li",null,"When the user needs to confirm a basic decision, such as deleting a record."),a.createElement("li",null,"When important information needs to be displayed to the user before continuing."),a.createElement("li",null,"When a simple selection, such as a single form input, is required before proceeding.")),a.createElement("h5",null,"Avoid a Modal:"),a.createElement("ul",null,a.createElement("li",null,"When a complex form is required. Use a"," ",a.createElement(e,{to:"Focused Task"},"Focused Task View")," instead."),a.createElement("li",null,"When sharing non-critical or tertiary information. Use a"," ",a.createElement(e,{to:"Growlers"},"Growler")," instead."))),examples:{noCloseButton:{description:()=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Close Button"),a.createElement("p",null,"Remove the Close Button in the upper right of the Modal if the user must choose the course of action before proceeding.")),react:w.code`
|
|
5241
5324
|
function Component() {
|
|
5242
5325
|
const [showModal, setShowModal] = React.useState(false);
|
|
5243
5326
|
|
|
@@ -5269,7 +5352,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5269
5352
|
)}
|
|
5270
5353
|
</>;
|
|
5271
5354
|
}
|
|
5272
|
-
`}}},sizing:{label:"Sizing",description:()=>
|
|
5355
|
+
`}}},sizing:{label:"Sizing",description:()=>a.createElement("p",null,"There are 4 sizes of Modal: Small (4 columns), Medium (6 columns), and Large (8 columns), XLarge (12 columns). Use the size that best fits the content that needs to be in the Modal, erring towards the smallest size whenever possible.")},default:{label:"Default",description:()=>a.createElement("p",null,"Use Default Modals to inform the user of something with a neutral meaning. Use these as the default option for Modals."),examples:{small:{description:"Small",react:w.code`
|
|
5273
5356
|
function Component() {
|
|
5274
5357
|
const [showModal, setShowModal] = React.useState(false);
|
|
5275
5358
|
|
|
@@ -5345,7 +5428,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5345
5428
|
)}
|
|
5346
5429
|
</>;
|
|
5347
5430
|
}
|
|
5348
|
-
`}}},delete:{label:"Delete",description:()=>
|
|
5431
|
+
`}}},delete:{label:"Delete",description:()=>a.createElement("p",null,"Use Delete Modals to have the user confirm they want to continue with a destructive action. Be clear on what will happen if they continue."),examples:{small:{description:"Small",react:w.code`
|
|
5349
5432
|
function Component() {
|
|
5350
5433
|
const [showModal, setShowModal] = React.useState(false);
|
|
5351
5434
|
|
|
@@ -5408,7 +5491,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5408
5491
|
)}
|
|
5409
5492
|
</>;
|
|
5410
5493
|
}
|
|
5411
|
-
`}}},informational:{label:"Informational",description:()=>
|
|
5494
|
+
`}}},informational:{label:"Informational",description:()=>a.createElement("p",null,"Use Informational Modals to share impactful information with the user, such as telling them when an app will be down for maintenance."),examples:{small:{description:"Small",react:w.code`
|
|
5412
5495
|
function Component() {
|
|
5413
5496
|
const [showModal, setShowModal] = React.useState(false);
|
|
5414
5497
|
|
|
@@ -5468,7 +5551,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5468
5551
|
)}
|
|
5469
5552
|
</>;
|
|
5470
5553
|
}
|
|
5471
|
-
`}}},success:{label:"Success",description:()=>
|
|
5554
|
+
`}}},success:{label:"Success",description:()=>a.createElement("p",null,"Use Success Modals to confirm that an action has been completed successfully."),examples:{small:{description:"Small",react:w.code`
|
|
5472
5555
|
function Component() {
|
|
5473
5556
|
const [showModal, setShowModal] = React.useState(false);
|
|
5474
5557
|
|
|
@@ -5528,7 +5611,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5528
5611
|
)}
|
|
5529
5612
|
</>;
|
|
5530
5613
|
}
|
|
5531
|
-
`}}},warning:{label:"Warning",description:()=>
|
|
5614
|
+
`}}},warning:{label:"Warning",description:()=>a.createElement("p",null,"Use Warning Modals to warn of problems that may occur as a result of taking an action. When writing the message, be clear about what will happen if the user continues on the path."),examples:{small:{description:"Small",react:w.code`
|
|
5532
5615
|
function Component() {
|
|
5533
5616
|
const [showModal, setShowModal] = React.useState(false);
|
|
5534
5617
|
|
|
@@ -5588,7 +5671,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5588
5671
|
)}
|
|
5589
5672
|
</>;
|
|
5590
5673
|
}
|
|
5591
|
-
`}}}},wI={captionKey:"string",clearSearchOnBlur:"boolean",debounce:"number",disabled:"boolean",disableSelected:"boolean",comparisonKey:"string",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",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"},EI
|
|
5674
|
+
`}}}},wI={captionKey:"string",clearSearchOnBlur:"boolean",debounce:"number",disabled:"boolean",disableSelected:"boolean",comparisonKey:"string",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",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"},EI=H(N({},Y),{action:ne(),captionKey:y.exports.string,clearSearchOnBlur:y.exports.bool,debounce:y.exports.number,disabled:y.exports.bool,disableSelected:y.exports.bool,comparisonKey:y.exports.string,formControl:le(),formMeta:le(),hideSelected:y.exports.bool,icon:be(M.SpsIcon),onChange:ne(),onSearchChange:ne(),options:y.exports.oneOfType([y.exports.array,y.exports.instanceOf(Promise),ne()]).isRequired,placeholder:y.exports.string,tallOptionList:y.exports.bool,textKey:y.exports.string,value:y.exports.any,zeroState:y.exports.string,loading:y.exports.bool,maxHeightOptionListPx:y.exports.number,maxHeightOptionListRem:y.exports.number,disableOptionsMemoization:y.exports.bool});function Bi(V){var G=V,{action:e,captionKey:t,className:n,clearSearchOnBlur:s,debounce:o,disabled:i,disableSelected:c=!1,comparisonKey:l,formControl:p,formMeta:u,hideSelected:f,id:m,onChange:g,onSearchChange:S,options:T,placeholder:x,tallOptionList:E,textKey:I,unsafelyReplaceClassName:D,value:v,zeroState:k="There are no matching options.",loading:_,icon:O,maxHeightOptionListPx:R,maxHeightOptionListRem:B,disableOptionsMemoization:F,"data-testid":P}=G,U=z(G,["action","captionKey","className","clearSearchOnBlur","debounce","disabled","disableSelected","comparisonKey","formControl","formMeta","hideSelected","id","onChange","onSearchChange","options","placeholder","tallOptionList","textKey","unsafelyReplaceClassName","value","zeroState","loading","icon","maxHeightOptionListPx","maxHeightOptionListRem","disableOptionsMemoization","data-testid"]);const pe=u||p,{wrapperId:ue,controlId:J}=Tt(m,pe),[Q,oe]=Kt({keyDown:null,opensUpward:!1,searchText:"",activeTagIndex:null,optionIds:""});a.useEffect(()=>{S&&S(Q.searchText)},[Q.searchText]);const se=a.useRef(),ce=a.useRef(),ee=a.useRef(),te=a.useRef(),Z=a.useRef();function ie(){s&&oe({searchText:""})}const{showPopup:j,doShowPopup:ye,doHidePopup:Ie}=wa(se,te,ie);function Ce(){oe({activeTagIndex:null}),ye()}function we(){setTimeout(()=>{ee.current.focus()},0)}function Ke(Se){if(Z.current&&Z.current.children.length&&Se!==null){const He=Z.current.children[Se],Pe=He==null?void 0:He.querySelector(".sps-clickable-tag__icon");Pe&&Pe.focus()}}function $e(Se){oe({searchText:""}),pe&&(pe.setValue(Se),pe.markAsDirty()),g&&g(new ln({value:Se}))}function je(Se){v.indexOf(Se)===-1&&$e([...v,Se]),we()}function et(Se){const He=v.filter((Pe,Ge)=>Ge!==Se);$e(He)}function qe(Se){oe({searchText:Se.target.value})}function ut(Se){if(!i){const He=!f&&!Se.target.selectionStart&&v&&v.length;switch(Se.key){case"Backspace":if(Q.activeTagIndex===v.length-1){et(Q.activeTagIndex),we();return}if(Q.activeTagIndex!==null){et(Q.activeTagIndex);return}if(He){$e(v.slice(0,v.length-1));return}break;case"Delete":if(Q.activeTagIndex!==null){et(Q.activeTagIndex);return}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":Se.preventDefault();break;case"Left":case"ArrowLeft":if(He){Q.activeTagIndex===null?(oe({activeTagIndex:v.length-1}),Ie(),Ke(v.length-1)):Q.activeTagIndex>0&&(oe({activeTagIndex:Q.activeTagIndex-1}),Ie(),Ke(Q.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(Q.activeTagIndex!==null){Q.activeTagIndex===v.length-1?(oe({activeTagIndex:null}),ye(),ee.current.focus()):(oe({activeTagIndex:Q.activeTagIndex+1}),Ke(Q.activeTagIndex+1));return}break;case"Tab":Ie();break}Se.persist(),oe({keyDown:Se})}}function ct(Se){oe({opensUpward:Se})}function vt(Se){$e([]),Se.stopPropagation()}function Ee(Se){oe({optionIds:new Array(Se).fill("").map((He,Pe)=>`${ue}-options-option-${Pe}`).join(",")})}const We=a.useCallback(()=>{oe({searchText:""}),we()},[]),Ye=K(D||"sps-multi-select",j&&"sps-multi-select--open",j&&"z-stratum-dropdown",Q.opensUpward&&"sps-multi-select--opens-upward",i&&"sps-form-control--disabled",n),Ve=new Array(v.length).fill(0).map((Se,He)=>`${ue}_tag-${He}`);return a.createElement(it,{id:ue,className:Ye,formControl:p,formMeta:u,ref:se,inputRef:ee,focusInputOnClick:!0,onKeyDown:ut,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":Ve[Q.activeTagIndex],"aria-owns":Q.optionIds},a.createElement("div",{className:"sps-text-input",ref:ce},a.createElement("div",{className:K("sps-form-control",v&&!i&&"sps-form-control--clearable")},O&&a.createElement("i",{className:K("sps-text-input__icon","sps-icon",`sps-icon-${O}`)}),a.createElement("div",{className:"sps-multi-select__tags-and-input",ref:Z},f?null:v.map((Se,He)=>a.createElement(Ia,{id:Ve[He],role:"option",disabled:i,"aria-selected":"true",key:Ve[He],onRemove:()=>et(He)},I?Se[I]:Se)),a.createElement("input",N({type:"text",ref:ee,"data-testid":`${P}__option-list-input`,value:Q.searchText,className:"sps-text-input__input",placeholder:v.length===0?x:void 0,id:J,onClick:Ce,onChange:qe,onFocus:Ce,onKeyDown:ut,disabled:i,role:"listbox","aria-multiselectable":"true","aria-owns":Ve.join(" ")},U))),v.length!==0&&!i?a.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:Se=>vt(Se)}):null)),a.createElement(Ta,{id:`${ue}_options`,ref:te,"data-testid":`${P}__option-list`,attachTo:ce,captionKey:t,disabledOptions:c?v:null,isOpen:j,comparisonKey:l,keepOpen:!0,keyDown:Q.keyDown,options:T,specialAction:e,onOptionSelected:je,onPositionFlip:ct,hideInlineSearch:!0,optionRole:"option",onOptionListChanged:Ee,searchDebounce:o,search:Q.searchText,tall:E,textKey:I,zeroState:k,loading:_,maxHeightPx:R,maxHeightRem:B,disableOptionsMemoization:F,onSpecialActionSelect:We}))}Object.assign(Bi,{props:wI,propTypes:EI,displayName:"SpsMultiSelect"});const xm={general:{label:"General Usage",description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Use a Mulit-Select"),a.createElement("ul",null,a.createElement("li",null,"When a list of predetermined values can be provided and the input allows multiple entries.")),a.createElement("h5",null,"Do Not Use a Multi-Select:"),a.createElement("ul",null,a.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",a.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",a.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),a.createElement("li",null,"When it is ideal to display all available options without requiring a click. Consider"," ",a.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",a.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead.")),a.createElement("h5",null,"Using Multi-Selects in a Form"),a.createElement("p",null,"Reference the ",a.createElement(e,{to:"form"},"Forms")," page for guidelines for placing"," ",a.createElement(e,{to:"text-inputs"},"Inputs")," in Form Layouts."))},basicMuliSelect:{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:w.code`
|
|
5592
5675
|
function Component() {
|
|
5593
5676
|
const [opts] = React.useState(["foo", "bar", "baz", "orp"])
|
|
5594
5677
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
@@ -5605,7 +5688,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5605
5688
|
<br />
|
|
5606
5689
|
{JSON.stringify(formValue)}
|
|
5607
5690
|
</>
|
|
5608
|
-
}`},customizablePlaceholderText:{description:()=>
|
|
5691
|
+
}`},customizablePlaceholderText:{description:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Customizable Placeholder Text"),a.createElement("p",null,"Placeholder text can be customized to specifically reference the content in the dropdown menu.")),react:w.code`
|
|
5609
5692
|
function Component() {
|
|
5610
5693
|
const [opts] = React.useState(["foo", "bar", "baz", "orp"])
|
|
5611
5694
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
@@ -5623,7 +5706,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5623
5706
|
<br />
|
|
5624
5707
|
{JSON.stringify(formValue)}
|
|
5625
5708
|
</>
|
|
5626
|
-
}`},zeroStateNoAvailableOptions:{description:()=>
|
|
5709
|
+
}`},zeroStateNoAvailableOptions:{description:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Zero State / No Available Options"),a.createElement("p",null,"If no options are available in the dropdown menu, a zero state message appears. This option is most commonly used with the Select with Filter option.")),react:w.code`
|
|
5627
5710
|
function Component() {
|
|
5628
5711
|
const [opts] = React.useState([])
|
|
5629
5712
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
@@ -5686,7 +5769,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5686
5769
|
{JSON.stringify(foo)}
|
|
5687
5770
|
</>
|
|
5688
5771
|
)
|
|
5689
|
-
}`},extendedDetails:{description:()=>
|
|
5772
|
+
}`},extendedDetails:{description:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Extended Details"),a.createElement("p",null,"Extended details can be displayed in the dropdown menu. Only the primary detail is displayed as the selection.")),react:w.code`
|
|
5690
5773
|
function Component() {
|
|
5691
5774
|
const [opts] = React.useState([
|
|
5692
5775
|
{ id: 1, name: "Target", description: "blah", disabled: true },
|
|
@@ -5710,7 +5793,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5710
5793
|
{JSON.stringify(foo)}
|
|
5711
5794
|
</>
|
|
5712
5795
|
)
|
|
5713
|
-
}`},disabledOption:{description:()=>
|
|
5796
|
+
}`},disabledOption:{description:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Disabled Options"),a.createElement("p",null,"When options in the dropdown list are unavailable (as a result of having been selected or for any other reason) they should adopt a disabled style.")),react:w.code`
|
|
5714
5797
|
function Component() {
|
|
5715
5798
|
const [opts] = React.useState(["foo", "bar", "baz", "orp"])
|
|
5716
5799
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
@@ -5817,7 +5900,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5817
5900
|
/>
|
|
5818
5901
|
</>
|
|
5819
5902
|
);
|
|
5820
|
-
}`}}},selectedValuesAlternate:{label:"Selected Values Alternate",description:()=>
|
|
5903
|
+
}`}}},selectedValuesAlternate:{label:"Selected Values Alternate",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Use this option when it is ideal for the selected values to appear as tags outside of the input field. Opt for this option when adding or removing values from a large list of selections that would create a cumbersome field."),a.createElement("p",null,a.createElement("i",null,"Note: The placement of the selected values can appear belcow the input field or elsewhere in the UI if necessary."))),examples:{basic:{react:w.code`function Component() {
|
|
5821
5904
|
const [foo, setFoo] = React.useState(["orp"])
|
|
5822
5905
|
const [opts] = React.useState(["foo", "bar", "baz", "orp"])
|
|
5823
5906
|
function handleChange(event) {
|
|
@@ -5863,7 +5946,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5863
5946
|
<br />
|
|
5864
5947
|
{JSON.stringify(formValue)}
|
|
5865
5948
|
</>
|
|
5866
|
-
}`}}}},CI={},xI=N({},Y);function
|
|
5949
|
+
}`}}}},CI={},xI=N({},Y);function Pi(e){const u=e,{children:t,className:n,"data-testid":s,unsafelyReplaceClassName:o}=u,i=z(u,["children","className","data-testid","unsafelyReplaceClassName"]);let c;const l=[];a.Children.forEach(t,f=>{a.isValidElement(f)&&f.type==="i"?c=f:l.push(f)});const p=K(o||"sps-page-title",n);return a.createElement("div",N({className:p,"data-testid":`${s}`},i),c,a.createElement("div",{className:"sps-page-title__text","data-testid":`${s}__text`},l))}Object.assign(Pi,{props:CI,propTypes:xI,displayName:"SpsPageTitle"});const DI={},II=N({},Y);function Ai(e){const l=e,{children:t,className:n,"data-testid":s,unsafelyReplaceClassName:o}=l,i=z(l,["children","className","data-testid","unsafelyReplaceClassName"]),c=K(o||"sps-page-title__subtitle",n);return a.createElement("div",N({className:c,"data-testid":s},i),t)}Object.assign(Ai,{props:DI,propTypes:II,displayName:"SpsPageSubtitle"});const Dm={basic:{label:"Basic",examples:{basic:{jsx:w.code`
|
|
5867
5950
|
<SpsPageTitle>
|
|
5868
5951
|
Cabela's Purchase Order #123456789012
|
|
5869
5952
|
</SpsPageTitle>
|
|
@@ -5889,7 +5972,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5889
5972
|
MacNeil Automotive Parts
|
|
5890
5973
|
</SpsPageSubtitle>
|
|
5891
5974
|
</SpsPageTitle>
|
|
5892
|
-
`}}}},NI={action:"SpsActionMethod",captionKey:"string",comparisonKey:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",notClearable:"boolean",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",onChange:"ChangeEventHandler",onOpen:"OnOpenHandler",placeholder:"string",searchDebounce:"number",searchPlaceholder:"string",tallOptionList:"boolean",textKey:"string",valueKey:"string",value:"any",zeroState:"string",autoFixWidth:"boolean",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"},kI=$(N({},Y),{action:ne(),captionKey:y.exports.string,comparisonKey:y.exports.string,disabled:y.exports.bool,formControl:ie(),formMeta:ie(),notClearable:y.exports.bool,options:y.exports.oneOfType([y.exports.array,y.exports.instanceOf(Promise),ne()]).isRequired,onChange:ne(),onOpen:ne(),placeholder:y.exports.string,searchDebounce:y.exports.number,searchPlaceholder:y.exports.string,tallOptionList:y.exports.bool,textKey:y.exports.string,valueKey:y.exports.string,value:y.exports.any,zeroState:y.exports.string,autoFixWidth:y.exports.bool,loading:y.exports.bool,filterByTextAndCaptionKey:y.exports.bool,maxHeightOptionListPx:y.exports.number,maxHeightOptionListRem:y.exports.number,disableOptionsMemoization:y.exports.bool}),pr=s.forwardRef((e,t)=>{const St=e,{action:n,autoFixWidth:a=!1,captionKey:o,className:i,comparisonKey:c,disabled:l,formControl:p,formMeta:m,id:f,notClearable:u,options:g,onChange:S,onClick:T,onOpen:x,placeholder:E,searchDebounce:I,searchPlaceholder:D="Search\u2026",tallOptionList:v,textKey:k,valueKey:_,unsafelyReplaceClassName:L,value:R,zeroState:B,loading:P,filterByTextAndCaptionKey:A,maxHeightOptionListPx:G,maxHeightOptionListRem:K,"data-testid":W,disableOptionsMemoization:de}=St,pe=z(St,["action","autoFixWidth","captionKey","className","comparisonKey","disabled","formControl","formMeta","id","notClearable","options","onChange","onClick","onOpen","placeholder","searchDebounce","searchPlaceholder","tallOptionList","textKey","valueKey","unsafelyReplaceClassName","value","zeroState","loading","filterByTextAndCaptionKey","maxHeightOptionListPx","maxHeightOptionListRem","data-testid","disableOptionsMemoization"]),J=m||p,{wrapperId:Q,controlId:le}=bt(f,J),se=s.useRef(null),ce=s.useRef(null),ee=s.useRef(null),{t:te}=s.useContext(Pe),[Z,oe]=Ft({isOpen:!1,value:R,text:"",keyDown:null,opensUpward:!1,optionIds:""});function j(we){oe({value:we,text:we&&k?we[k]:we})}function Se(we){j(we);const $e=we&&_&&typeof we=="object"?we[_]:we;J&&(J.setValue($e),J.markAsDirty()),S&&S(new dn({value:$e}))}s.useEffect(()=>{j(R)},[R,k]);function ke(){Se(void 0)}function Ie(){oe({isOpen:!1})}function Te(we){we.nativeEvent.stopImmediatePropagation(),l||oe({isOpen:!Z.isOpen})}function He(we){l||(["Up","ArrowUp","Down","ArrowDown"," ","Spacebar"].indexOf(we.key)>-1&&we.preventDefault(),we.persist(),oe({keyDown:we}))}function We(we){oe({isOpen:we})}function ze(we){oe({opensUpward:we})}function Qe(we){we.detail!==Q&&oe({isOpen:!1})}function et(we){oe({optionIds:new Array(we).fill("").map(($e,st)=>`${Q}-options-option-${st}`).join(",")})}s.useEffect(()=>(document.addEventListener("click",Ie),document.addEventListener("DropdownOpened",Qe),()=>{document.removeEventListener("click",Ie),document.removeEventListener("DropdownOpened",Qe)}),[]),s.useLayoutEffect(()=>{if(a&&ee.current&&se.current){se.current.style.width=null;const $e=`${se.current.getBoundingClientRect().width+6}px`;se.current.style.width=$e,ee.current.style.width=$e,ee.current.style.maxWidth=$e}}),Qr(()=>{if(Z.isOpen){x==null||x();const we=document.createEvent("CustomEvent");we.initCustomEvent("DropdownOpened",!1,!1,Q),document.dispatchEvent(we)}else ce.current.focus()},[Z.isOpen]),s.useImperativeHandle(t,()=>({focus:()=>{ce.current.focus()}}));const Ct=F(L||"sps-select",Z.isOpen&&"sps-select--open",Z.isOpen&&"z-stratum-dropdown",Z.opensUpward&&"sps-select--opens-upward",i),gt=Z.text||E||te("design-system:select.defaultPlaceholder");return s.createElement(ot,N({id:Q,className:Ct,onKeyDown:He,formControl:p,formMeta:m,ref:ce,role:"listbox","aria-owns":Z.optionIds,"data-testid":W,onClick:T},pe),s.createElement("div",{className:F("sps-select__dropctrl",l&&"disabled"),id:le,tabIndex:0,onClick:Te,ref:ee,title:gt,"data-testid":`${W}-dropctrl`},s.createElement("div",{className:"sps-select__dropctrl-content"},s.createElement("span",{className:F("sps-select__value",!Z.text&&"sps-select__value--placeholder"),"data-testid":`${W}-value`},gt),Z.value&&!u&&!l&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-select__clear-btn",onClick:ke,"data-testid":`${W}-clear-value`}),s.createElement("i",{className:"sps-icon sps-icon-chevron-down"}))),s.createElement(Ta,{id:`${Q}-options`,ref:se,attachTo:ee,captionKey:o,comparisonKey:c,isOpen:Z.isOpen,keyDown:Z.keyDown,options:g,onOptionSelected:Se,onPositionFlip:ze,onSelfToggle:We,searchDebounce:I,searchPlaceholder:D,selectedOption:Z.value,specialAction:n,tall:v,textKey:k,filterByTextAndCaptionKey:A,optionRole:"option",valueKey:_,onOptionListChanged:et,zeroState:B,ignoreWidthStyles:a,loading:P,maxHeightPx:G,maxHeightRem:K,disableOptionsMemoization:de,"data-testid":`${W}-option-list`}))});Object.assign(pr,{props:NI,propTypes:kI,displayName:"SpsSelect"});const MI={page:"number",numPages:"number",onPageChange:"(number) => void",disabled:"boolean",unknownPageCount:"boolean"},_I=N({numPages:y.exports.number,onPageChange:ne(),page:y.exports.number,disabled:y.exports.bool,unknownPageCount:y.exports.bool},Y);function ur(e){const v=e,{numPages:t=0,onPageChange:n,page:a=1,unsafelyReplaceClassName:o,className:i,"data-testid":c,disabled:l=!1,unknownPageCount:p=!1}=v,m=z(v,["numPages","onPageChange","page","unsafelyReplaceClassName","className","data-testid","disabled","unknownPageCount"]),{t:f}=s.useContext(Pe),[u,g]=s.useState(a),[S,T]=s.useState(a);s.useEffect(()=>{T(a),g(a)},[a]);function x(k){const _=w.constrain(k,[1,t]);k!==S&&(T(_),g(_),n&&typeof n=="function"&&n(_))}function E(k){g(Number(k.target.value)||"")}const I=F(o||"sps-page-selector",i),D=Hn(null);return s.createElement("div",N({className:I,"data-testid":c},m),!p&&s.createElement(s.Fragment,null,s.createElement("div",{className:"sps-pagination__input-wrapper","data-testid":`${c}__input`},s.createElement("div",{className:"sps-form-control sps-pagination__input-sizer"},u),s.createElement("label",{htmlFor:D.current,className:"sr-only"},f("design-system:pagination.page")),s.createElement(ga,{onSubmit:()=>x(Number(u))},s.createElement("input",{id:D.current,type:"text",value:u,onInput:E,onChange:()=>{},className:"sps-form-control sps-pagination__input",disabled:l,onBlur:()=>x(Number(u))}))),s.createElement("span",{className:"sps-page-selector__total-pages","data-testid":`${c}_page-count`},Number.isNaN(t)?f("design-system:pagination.ofMany"):f("design-system:pagination.ofPageCount",{pageCount:t}))),s.createElement("div",{className:"sps-icon-button-panel","data-testid":`${c}__buttons`},s.createElement("div",{className:F("sps-button","sps-button--icon",(S===1||l)&&"sps-button--disabled")},s.createElement("button",{type:"button",onClick:()=>x(S-1),disabled:S===1||l,title:f("design-system:pagination.prevPage")},s.createElement("i",{className:"sps-icon sps-icon-chevron-left","aria-hidden":"true"}))),s.createElement("div",{className:F("sps-button","sps-button--icon",(S===t||l)&&"sps-button--disabled")},s.createElement("button",{type:"button",onClick:()=>x(S+1),disabled:S===t||l,title:f("design-system:pagination.nextPage")},s.createElement("i",{className:"sps-icon sps-icon-chevron-right","aria-hidden":"true"})))))}Object.assign(ur,{props:MI,propTypes:_I,displayName:"SpsPageSelector"});const RI={page:"number",pageSize:"number",pageSizeOptions:"Array<number>",totalResults:"number",onPageChange:"(page: number, pageSize: number, indices: [number, number]) => void",disabled:"boolean",unknownPageCount:"boolean"},OI=N({onPageChange:ne().isRequired,page:y.exports.number,pageSize:y.exports.number,pageSizeOptions:y.exports.arrayOf(y.exports.number),totalResults:y.exports.number,disabled:y.exports.bool,unknownPageCount:y.exports.bool},Y);function Fi(e){const L=e,{className:t,onPageChange:n,page:a=1,pageSizeOptions:o=M.DEFAULT_PAGE_SIZE_OPTIONS,pageSize:i=o[0],"data-testid":c,totalResults:l,unsafelyReplaceClassName:p,disabled:m=!1,unknownPageCount:f=!1}=L,u=z(L,["className","onPageChange","page","pageSizeOptions","pageSize","data-testid","totalResults","unsafelyReplaceClassName","disabled","unknownPageCount"]),[g,S]=Ft({page:a,pageSize:i,numPages:0,indices:[0,0]});function T(R=g.pageSize){return Math.ceil(l/R)}function x(R=g.page,B=g.pageSize){const P=T(B),A=R===P&&l%B||B,G=P===0?0:A,K=(R-1)*B;return P===0?[0,0]:[K+1,K+G]}function E(R){const B={page:R,indices:x(R)};return S(B),B}function I(R,B){const P={page:B,pageSize:R,numPages:T(R),indices:x(B,R)};return S(P),P}s.useEffect(()=>{a!==g.page&&E(a)},[a]),s.useEffect(()=>{i!==g.pageSize&&I(i,a!==g.page?a:g.page)},[i]),s.useEffect(()=>{S({numPages:T(),indices:x()})},[l]);function D(){return typeof l=="number"?l:"many"}function v(R){const B=I(R.target.value,1);n(B.page,B.pageSize,B.indices)}function k(R){const B=E(R);n(B.page,g.pageSize,B.indices)}const _=F(p||"sps-pagination",t);return s.createElement("div",N({className:_,"data-testid":c},u),s.createElement("div",{"data-testid":`${c}__size-selector`,className:"sps-page-size-selector"},"View",s.createElement(pr,{options:o,onChange:v,notClearable:!0,autoFixWidth:!0,value:g.pageSize,className:"ml-1 mr-1",disabled:m}),"Per Page"),f?s.createElement("div",{className:"sps-pagination__details"},`Viewing ${g.indices[0]} - ${g.indices[1]}`):s.createElement("div",{className:"sps-pagination__details"},`Viewing ${g.indices[0]} - ${g.indices[1]} of ${D()}`),s.createElement(ur,{numPages:g.numPages,page:g.page,onPageChange:k,disabled:m,unknownPageCount:f}))}Object.assign(Fi,{props:RI,propTypes:OI,displayName:"SpsPagination"});const Dm={general:{label:"General Usage",description:()=>s.createElement(s.Fragment,null,s.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."),s.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})=>s.createElement(s.Fragment,null,s.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."),s.createElement("ul",null,s.createElement("li",null,s.createElement("p",null,s.createElement("span",{className:"sps-text-semibold"},"Results-per-page Select")," ","(left): allows the user to adjust the number of records being displayed per page.*")),s.createElement("li",null,s.createElement("p",null,s.createElement("span",{className:"sps-text-semibold"},"Viewing details")," (middle): describes which results are being displayed on the current page.")),s.createElement("li",null,s.createElement("p",null,s.createElement("span",{className:"sps-text-semibold"},"Page Navigator")," (right): allows the user to navigate between pages of results"))),s.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."),s.createElement("br",null),s.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"," ",s.createElement(e,{to:"/style-and-layout/page-types"},"Page Types")," page.")),examples:{basic:{description:()=>s.createElement("h4",null,"Building the Standard Pagination Bar"),react:w.code`
|
|
5975
|
+
`}}}},NI={action:"SpsActionMethod",captionKey:"string",comparisonKey:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",notClearable:"boolean",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",onChange:"ChangeEventHandler",onOpen:"OnOpenHandler",placeholder:"string",searchDebounce:"number",searchPlaceholder:"string",tallOptionList:"boolean",textKey:"string",valueKey:"string",value:"any",zeroState:"string",autoFixWidth:"boolean",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"},kI=H(N({},Y),{action:ne(),captionKey:y.exports.string,comparisonKey:y.exports.string,disabled:y.exports.bool,formControl:le(),formMeta:le(),notClearable:y.exports.bool,options:y.exports.oneOfType([y.exports.array,y.exports.instanceOf(Promise),ne()]).isRequired,onChange:ne(),onOpen:ne(),placeholder:y.exports.string,searchDebounce:y.exports.number,searchPlaceholder:y.exports.string,tallOptionList:y.exports.bool,textKey:y.exports.string,valueKey:y.exports.string,value:y.exports.any,zeroState:y.exports.string,autoFixWidth:y.exports.bool,loading:y.exports.bool,filterByTextAndCaptionKey:y.exports.bool,maxHeightOptionListPx:y.exports.number,maxHeightOptionListRem:y.exports.number,disableOptionsMemoization:y.exports.bool}),ur=a.forwardRef((e,t)=>{const vt=e,{action:n,autoFixWidth:s=!1,captionKey:o,className:i,comparisonKey:c,disabled:l,formControl:p,formMeta:u,id:f,notClearable:m,options:g,onChange:S,onClick:T,onOpen:x,placeholder:E,searchDebounce:I,searchPlaceholder:D="Search\u2026",tallOptionList:v,textKey:k,valueKey:_,unsafelyReplaceClassName:O,value:R,zeroState:B,loading:F,filterByTextAndCaptionKey:P,maxHeightOptionListPx:U,maxHeightOptionListRem:V,"data-testid":G,disableOptionsMemoization:pe}=vt,ue=z(vt,["action","autoFixWidth","captionKey","className","comparisonKey","disabled","formControl","formMeta","id","notClearable","options","onChange","onClick","onOpen","placeholder","searchDebounce","searchPlaceholder","tallOptionList","textKey","valueKey","unsafelyReplaceClassName","value","zeroState","loading","filterByTextAndCaptionKey","maxHeightOptionListPx","maxHeightOptionListRem","data-testid","disableOptionsMemoization"]),J=u||p,{wrapperId:Q,controlId:oe}=Tt(f,J),se=a.useRef(null),ce=a.useRef(null),ee=a.useRef(null),{t:te}=a.useContext(Oe),[Z,ie]=Kt({isOpen:!1,value:R,text:"",keyDown:null,opensUpward:!1,optionIds:""});function j(Ee){ie({value:Ee,text:Ee&&k?Ee[k]:Ee})}function ye(Ee){j(Ee);const We=Ee&&_&&typeof Ee=="object"?Ee[_]:Ee;J&&(J.setValue(We),J.markAsDirty()),S&&S(new ln({value:We}))}a.useEffect(()=>{j(R)},[R,k]);function Ie(){ye(void 0)}function Ce(){ie({isOpen:!1})}function we(Ee){Ee.nativeEvent.stopImmediatePropagation(),l||ie({isOpen:!Z.isOpen})}function Ke(Ee){l||(["Up","ArrowUp","Down","ArrowDown"," ","Spacebar"].indexOf(Ee.key)>-1&&Ee.preventDefault(),Ee.persist(),ie({keyDown:Ee}))}function $e(Ee){ie({isOpen:Ee})}function je(Ee){ie({opensUpward:Ee})}function et(Ee){Ee.detail!==Q&&ie({isOpen:!1})}function qe(Ee){ie({optionIds:new Array(Ee).fill("").map((We,Ye)=>`${Q}-options-option-${Ye}`).join(",")})}a.useEffect(()=>(document.addEventListener("click",Ce),document.addEventListener("DropdownOpened",et),()=>{document.removeEventListener("click",Ce),document.removeEventListener("DropdownOpened",et)}),[]),a.useLayoutEffect(()=>{if(s&&ee.current&&se.current){se.current.style.width=null;const We=`${se.current.getBoundingClientRect().width+6}px`;se.current.style.width=We,ee.current.style.width=We,ee.current.style.maxWidth=We}}),Qr(()=>{if(Z.isOpen){x==null||x();const Ee=document.createEvent("CustomEvent");Ee.initCustomEvent("DropdownOpened",!1,!1,Q),document.dispatchEvent(Ee)}else ce.current.focus()},[Z.isOpen]),a.useImperativeHandle(t,()=>({focus:()=>{ce.current.focus()}}));const ut=K(O||"sps-select",Z.isOpen&&"sps-select--open",Z.isOpen&&"z-stratum-dropdown",Z.opensUpward&&"sps-select--opens-upward",i),ct=Z.text||E||te("design-system:select.defaultPlaceholder");return a.createElement(it,N({id:Q,className:ut,onKeyDown:Ke,formControl:p,formMeta:u,ref:ce,role:"listbox","aria-owns":Z.optionIds,"data-testid":G,onClick:T},ue),a.createElement("div",{className:K("sps-select__dropctrl",l&&"disabled"),id:oe,tabIndex:0,onClick:we,ref:ee,title:ct,"data-testid":`${G}-dropctrl`},a.createElement("div",{className:"sps-select__dropctrl-content"},a.createElement("span",{className:K("sps-select__value",!Z.text&&"sps-select__value--placeholder"),"data-testid":`${G}-value`},ct),Z.value&&!m&&!l&&a.createElement("i",{className:"sps-icon sps-icon-x-circle sps-select__clear-btn",onClick:Ie,"data-testid":`${G}-clear-value`}),a.createElement("i",{className:"sps-icon sps-icon-chevron-down"}))),a.createElement(Ta,{id:`${Q}-options`,ref:se,attachTo:ee,captionKey:o,comparisonKey:c,isOpen:Z.isOpen,keyDown:Z.keyDown,options:g,onOptionSelected:ye,onPositionFlip:je,onSelfToggle:$e,searchDebounce:I,searchPlaceholder:D,selectedOption:Z.value,specialAction:n,tall:v,textKey:k,filterByTextAndCaptionKey:P,optionRole:"option",valueKey:_,onOptionListChanged:qe,zeroState:B,ignoreWidthStyles:s,loading:F,maxHeightPx:U,maxHeightRem:V,disableOptionsMemoization:pe,"data-testid":`${G}-option-list`}))});Object.assign(ur,{props:NI,propTypes:kI,displayName:"SpsSelect"});const MI={page:"number",numPages:"number",onPageChange:"(number) => void",disabled:"boolean",unknownPageCount:"boolean"},_I=N({numPages:y.exports.number,onPageChange:ne(),page:y.exports.number,disabled:y.exports.bool,unknownPageCount:y.exports.bool},Y);function mr(e){const v=e,{numPages:t=0,onPageChange:n,page:s=1,unsafelyReplaceClassName:o,className:i,"data-testid":c,disabled:l=!1,unknownPageCount:p=!1}=v,u=z(v,["numPages","onPageChange","page","unsafelyReplaceClassName","className","data-testid","disabled","unknownPageCount"]),{t:f}=a.useContext(Oe),[m,g]=a.useState(s),[S,T]=a.useState(s);a.useEffect(()=>{T(s),g(s)},[s]);function x(k){const _=w.constrain(k,[1,t]);k!==S&&(T(_),g(_),n&&typeof n=="function"&&n(_))}function E(k){g(Number(k.target.value)||"")}const I=K(o||"sps-page-selector",i),D=Un(null);return a.createElement("div",N({className:I,"data-testid":c},u),!p&&a.createElement(a.Fragment,null,a.createElement("div",{className:"sps-pagination__input-wrapper","data-testid":`${c}__input`},a.createElement("div",{className:"sps-form-control sps-pagination__input-sizer"},m),a.createElement("label",{htmlFor:D.current,className:"sr-only"},f("design-system:pagination.page")),a.createElement(Sa,{onSubmit:()=>x(Number(m))},a.createElement("input",{id:D.current,type:"text",value:m,onInput:E,onChange:()=>{},className:"sps-form-control sps-pagination__input",disabled:l,onBlur:()=>x(Number(m))}))),a.createElement("span",{className:"sps-page-selector__total-pages","data-testid":`${c}_page-count`},Number.isNaN(t)?f("design-system:pagination.ofMany"):f("design-system:pagination.ofPageCount",{pageCount:t}))),a.createElement("div",{className:"sps-icon-button-panel","data-testid":`${c}__buttons`},a.createElement("div",{className:K("sps-button","sps-button--icon",(S===1||l)&&"sps-button--disabled")},a.createElement("button",{type:"button",onClick:()=>x(S-1),disabled:S===1||l,title:f("design-system:pagination.prevPage")},a.createElement("i",{className:"sps-icon sps-icon-chevron-left","aria-hidden":"true"}))),a.createElement("div",{className:K("sps-button","sps-button--icon",(S===t||l)&&"sps-button--disabled")},a.createElement("button",{type:"button",onClick:()=>x(S+1),disabled:S===t||l,title:f("design-system:pagination.nextPage")},a.createElement("i",{className:"sps-icon sps-icon-chevron-right","aria-hidden":"true"})))))}Object.assign(mr,{props:MI,propTypes:_I,displayName:"SpsPageSelector"});const RI={page:"number",pageSize:"number",pageSizeOptions:"Array<number>",totalResults:"number",onPageChange:"(page: number, pageSize: number, indices: [number, number]) => void",disabled:"boolean",unknownPageCount:"boolean"},LI=N({onPageChange:ne().isRequired,page:y.exports.number,pageSize:y.exports.number,pageSizeOptions:y.exports.arrayOf(y.exports.number),totalResults:y.exports.number,disabled:y.exports.bool,unknownPageCount:y.exports.bool},Y);function Fi(e){const O=e,{className:t,onPageChange:n,page:s=1,pageSizeOptions:o=M.DEFAULT_PAGE_SIZE_OPTIONS,pageSize:i=o[0],"data-testid":c,totalResults:l,unsafelyReplaceClassName:p,disabled:u=!1,unknownPageCount:f=!1}=O,m=z(O,["className","onPageChange","page","pageSizeOptions","pageSize","data-testid","totalResults","unsafelyReplaceClassName","disabled","unknownPageCount"]),[g,S]=Kt({page:s,pageSize:i,numPages:0,indices:[0,0]});function T(R=g.pageSize){return Math.ceil(l/R)}function x(R=g.page,B=g.pageSize){const F=T(B),P=R===F&&l%B||B,U=F===0?0:P,V=(R-1)*B;return F===0?[0,0]:[V+1,V+U]}function E(R){const B={page:R,indices:x(R)};return S(B),B}function I(R,B){const F={page:B,pageSize:R,numPages:T(R),indices:x(B,R)};return S(F),F}a.useEffect(()=>{s!==g.page&&E(s)},[s]),a.useEffect(()=>{i!==g.pageSize&&I(i,s!==g.page?s:g.page)},[i]),a.useEffect(()=>{S({numPages:T(),indices:x()})},[l]);function D(){return typeof l=="number"?l:"many"}function v(R){const B=I(R.target.value,1);n(B.page,B.pageSize,B.indices)}function k(R){const B=E(R);n(B.page,g.pageSize,B.indices)}const _=K(p||"sps-pagination",t);return a.createElement("div",N({className:_,"data-testid":c},m),a.createElement("div",{"data-testid":`${c}__size-selector`,className:"sps-page-size-selector"},"View",a.createElement(ur,{options:o,onChange:v,notClearable:!0,autoFixWidth:!0,value:g.pageSize,className:"ml-1 mr-1",disabled:u}),"Per Page"),f?a.createElement("div",{className:"sps-pagination__details"},`Viewing ${g.indices[0]} - ${g.indices[1]}`):a.createElement("div",{className:"sps-pagination__details"},`Viewing ${g.indices[0]} - ${g.indices[1]} of ${D()}`),a.createElement(mr,{numPages:g.numPages,page:g.page,onPageChange:k,disabled:u,unknownPageCount:f}))}Object.assign(Fi,{props:RI,propTypes:LI,displayName:"SpsPagination"});const Im={general:{label:"General Usage",description:()=>a.createElement(a.Fragment,null,a.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."),a.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})=>a.createElement(a.Fragment,null,a.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."),a.createElement("ul",null,a.createElement("li",null,a.createElement("p",null,a.createElement("span",{className:"sps-text-semibold"},"Results-per-page Select")," ","(left): allows the user to adjust the number of records being displayed per page.*")),a.createElement("li",null,a.createElement("p",null,a.createElement("span",{className:"sps-text-semibold"},"Viewing details")," (middle): describes which results are being displayed on the current page.")),a.createElement("li",null,a.createElement("p",null,a.createElement("span",{className:"sps-text-semibold"},"Page Navigator")," (right): allows the user to navigate between pages of results"))),a.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."),a.createElement("br",null),a.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"," ",a.createElement(e,{to:"/style-and-layout/page-types"},"Page Types")," page.")),examples:{basic:{description:()=>a.createElement("h4",null,"Building the Standard Pagination Bar"),react:w.code`
|
|
5893
5976
|
function Component() {
|
|
5894
5977
|
const [page, setPage] = React.useState(2);
|
|
5895
5978
|
const [pageSize, setPageSize] = React.useState(25);
|
|
@@ -5913,7 +5996,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5913
5996
|
</React.Fragment>
|
|
5914
5997
|
);
|
|
5915
5998
|
}
|
|
5916
|
-
`},situational:{description:()=>
|
|
5999
|
+
`},situational:{description:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Unknown Page Count"),a.createElement("p",null,"In cases where the exact page count of results is not able to be determined, a variation of the Pagination component with limited features can be utilized.")),react:w.code`
|
|
5917
6000
|
function Component() {
|
|
5918
6001
|
const [page, setPage] = React.useState(2);
|
|
5919
6002
|
const [pageSize, setPageSize] = React.useState(25);
|
|
@@ -5950,7 +6033,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5950
6033
|
/>
|
|
5951
6034
|
);
|
|
5952
6035
|
}
|
|
5953
|
-
`}}},pageSelector:{label:"Page Navigator",description:({Link:e})=>
|
|
6036
|
+
`}}},pageSelector:{label:"Page Navigator",description:({Link:e})=>a.createElement(a.Fragment,null,a.createElement("p",null,"When navigating through a series of paginated results inside of a container such as a sidebar, a miniature version of the pagination bar can be used. This version utilizes only the page navigation component. Use Mini Pagination inside of a Card Header that also includes a title describing the content contained in the card below."),a.createElement("p",null,"To see an example of the Page Navigator in context within a Card Header, view the General Content section on the"," ",a.createElement(e,{to:"/style-and-layout/page-types"},"Page Types")," page.")),examples:{basic:{description:()=>a.createElement("h4",null,"Building the Page Navigator"),react:w.code`
|
|
5954
6037
|
function Component() {
|
|
5955
6038
|
const pageChanged = val => {
|
|
5956
6039
|
console.log(val);
|
|
@@ -5961,7 +6044,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
5961
6044
|
function Component() {
|
|
5962
6045
|
return <SpsPageSelector numPages={25} onPageChange={() => {}} disabled />;
|
|
5963
6046
|
}
|
|
5964
|
-
`}}}},
|
|
6047
|
+
`}}}},OI={active:"boolean",as:"React.ElementType"};function fr(e){const p=e,{active:t,as:n="a",children:s,className:o,unsafelyReplaceClassName:i}=p,c=z(p,["active","as","children","className","unsafelyReplaceClassName"]),l=K(i||"sps-nav__item","sps-nav__link",t&&"active");return a.createElement(n,N({className:l},c),s)}Object.assign(fr,{props:OI,displayName:"SpsProductBarTab"});const BI={activeTab:"string",fullWidth:"boolean",onTabChange:"(newTab: string) => void",onProductNameClick:"React.MouseEventHandler",productLogoSrc:"string",productName:"string",productNameHref:"string",tabs:"Array<string>"},PI=H(N({},Y),{activeTab:y.exports.string,fullWidth:y.exports.bool,onTabChange:ne(),onProductNameClick:ne(),productLogoSrc:y.exports.string,productName:y.exports.string,productNameHref:y.exports.string,tabs:y.exports.arrayOf(y.exports.string)});function Ki(e){const k=e,{activeTab:t,children:n,className:s,fullWidth:o,onProductNameClick:i,onTabChange:c,productLogoSrc:l,productName:p,productNameHref:u,tabs:f=[],unsafelyReplaceClassName:m}=k,g=z(k,["activeTab","children","className","fullWidth","onProductNameClick","onTabChange","productLogoSrc","productName","productNameHref","tabs","unsafelyReplaceClassName"]),S=a.useRef(),[T,x]=Vt(n,[{type:fr}]),[E,I]=a.useState(t||f[0]);a.useEffect(()=>{I(t)},[t]);function D(_){I(_),c&&c(_)}const v=K(m||"sps-navbar-container","z-stratum-bar",s);return a.createElement("div",H(N({className:v},g),{ref:S}),a.createElement("nav",{className:K("sps-navbar","sps-navbar--expand-lg",o&&"sps-navbar--full-width")},p||l?a.createElement(a.Fragment,null,a.createElement("a",{className:"sps-navbar__brand",href:u,onClick:i},l&&a.createElement("img",{className:"sps-navbar__brand-logo",src:l,"aria-hidden":"true",alt:`${p} Logo`}),p&&a.createElement("span",{className:"sps-navbar__brand-name"},p)),a.createElement("span",{className:"sps-vertical-rule"})):null,a.createElement("div",{className:"sps-navbar__nav"},f.map(_=>a.createElement("a",{className:K("sps-nav__item","sps-nav__link",_===E&&"active"),key:_,onClick:()=>D(_)},a.createElement("span",null,_),_===E&&a.createElement("span",{className:"sr-only"},"(current)"))),T),a.createElement("div",{className:"sps-navbar__content"},a.createElement(Mt.Provider,{value:{parentElementRef:S,fixed:!0}},x))))}Object.assign(Ki,{props:BI,propTypes:PI,displayName:"SpsProductBar"});const Nm={basic:{label:"Basic",description:w.code`
|
|
5965
6048
|
<p>Product navigation bar</p>
|
|
5966
6049
|
`,examples:{basic:{react:w.code`
|
|
5967
6050
|
function DemoComponent() {
|
|
@@ -6062,7 +6145,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6062
6145
|
</SpsProductBar>
|
|
6063
6146
|
)
|
|
6064
6147
|
}
|
|
6065
|
-
`}}}},
|
|
6148
|
+
`}}}},AI={percentComplete:"number",title:"string",detail:"string",disabled:"boolean",onClose:"() => void"},FI=H(N({},Y),{percentComplete:y.exports.number,title:y.exports.string,detail:y.exports.string,disabled:y.exports.bool,onClose:ne()});function Vi(e){const S=e,{children:t,className:n,detail:s,disabled:o,onClose:i,percentComplete:c,title:l,"data-testid":p,unsafelyReplaceClassName:u}=S,f=z(S,["children","className","detail","disabled","onClose","percentComplete","title","data-testid","unsafelyReplaceClassName"]),{t:m}=a.useContext(Oe),g=K(u||"sps-progress-bar",c===1&&"sps-progress-bar--complete",o&&"sps-progress-bar--disabled",n);return a.createElement("div",N({className:g},f),a.createElement("div",{className:"sps-progress-bar__content"},l&&a.createElement("div",{className:"sps-progress-bar__heading"},a.createElement("div",{className:"sps-progress-bar__title"},l),a.createElement("div",{className:"sps-progress-bar__percentage"},`${Math.floor(c*100)}%`)),a.createElement("div",{className:"sps-progress-bar__bar-background"},a.createElement("div",{className:"sps-progress-bar__bar-progress",style:{width:`${c*100}%`}})),s&&a.createElement("div",{className:"sps-progress-bar__detail"},s)),i&&a.createElement("div",{className:"sps-progress-bar__close-button"},a.createElement(Fe,{kind:M.ButtonKind.ICON,icon:M.SpsIcon.X,onClick:i,title:m("design-system:progressBar.closeButtonTitle")})))}Object.assign(Vi,{props:AI,propTypes:FI,displayName:"SpsProgressBar"});const km={standard:{label:"Stepped Progress Bar",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Stepped Progress Bars are comprised of the following Required and Optional elements."),a.createElement("img",{src:"assets/images/stepped-progress-bar-example.svg",alt:"A Progress Bar with labels on each section",className:"w-100 mb-3"}),a.createElement(On,null,a.createElement(hn,null,a.createElement(Qe,null,"Section"),a.createElement(Qe,null,"Content Type"),a.createElement(Qe,null,"Required"),a.createElement(Qe,null,"Description/Guidelines")),a.createElement(gn,null,a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"1")),a.createElement(ae,null,"Title"),a.createElement(ae,null,"No"),a.createElement(ae,{wrap:400},"Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"2")),a.createElement(ae,null,"Progress Meter"),a.createElement(ae,null,"Yes"),a.createElement(ae,null)),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"3")),a.createElement(ae,null,"Progress Counter"),a.createElement(ae,null,"No"),a.createElement(ae,{wrap:400},"The Progress Counter should not be used without the existence of a Title.")),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"4")),a.createElement(ae,null,"Step icons"),a.createElement(ae,null,"No"),a.createElement(ae,{wrap:400},"Icons can be set inside of steps for visual emphasis.")),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"5")),a.createElement(ae,null,"Step Tooltips"),a.createElement(ae,null,"No"),a.createElement(ae,{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:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Building Stepped Progress Bars"),a.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:w.code`
|
|
6066
6149
|
function Component() {
|
|
6067
6150
|
const data = [
|
|
6068
6151
|
{index: 0, title: 'Title 1', description: 'Description'},
|
|
@@ -6083,7 +6166,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6083
6166
|
</SpsCard>
|
|
6084
6167
|
)
|
|
6085
6168
|
}
|
|
6086
|
-
`},color:{description:()=>
|
|
6169
|
+
`},color:{description:()=>a.createElement("h4",null,"Alternate Color"),react:w.code`
|
|
6087
6170
|
function Component() {
|
|
6088
6171
|
const data = [
|
|
6089
6172
|
{index: 4, title: 'Title 5', description: 'Description', icon: SpsIcon.CALENDAR},
|
|
@@ -6104,7 +6187,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6104
6187
|
</SpsCard>
|
|
6105
6188
|
)
|
|
6106
6189
|
}
|
|
6107
|
-
`},skippedSteps:{description:()=>
|
|
6190
|
+
`},skippedSteps:{description:()=>a.createElement("h4",null,"Skip steps"),react:w.code`
|
|
6108
6191
|
function Component() {
|
|
6109
6192
|
const data = [{index: 0, skipped: true}];
|
|
6110
6193
|
|
|
@@ -6120,7 +6203,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6120
6203
|
</SpsCard>
|
|
6121
6204
|
)
|
|
6122
6205
|
}
|
|
6123
|
-
`},completed:{description:()=>
|
|
6206
|
+
`},completed:{description:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Completed State"),a.createElement("p",null,"Once complete, the progress bar appears in green.")),react:w.code`
|
|
6124
6207
|
function Component() {
|
|
6125
6208
|
const data = [
|
|
6126
6209
|
{index: 4, title: 'Title 5', description: 'Description', icon: SpsIcon.CALENDAR},
|
|
@@ -6140,7 +6223,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6140
6223
|
</SpsCard>
|
|
6141
6224
|
)
|
|
6142
6225
|
}
|
|
6143
|
-
`},disabled:{description:()=>
|
|
6226
|
+
`},disabled:{description:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Disabled State"),a.createElement("p",null,"A disabled state is available for cases when progress is intentionally paused or user interaction needs to be restricted.")),react:w.code`
|
|
6144
6227
|
function Component() {
|
|
6145
6228
|
return (
|
|
6146
6229
|
<SpsCard>
|
|
@@ -6153,7 +6236,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6153
6236
|
</SpsCard>
|
|
6154
6237
|
)
|
|
6155
6238
|
}
|
|
6156
|
-
`}}}},KI={icon:"SpsIcon",iconSize:"SpsIconSize"},VI
|
|
6239
|
+
`}}}},KI={icon:"SpsIcon",iconSize:"SpsIconSize"},VI=H(N({},Y),{icon:be(M.SpsIcon),iconSize:be(M.SpsIconSize)});function $i({icon:e,iconSize:t=M.SpsIconSize.SMALL,children:n}){return a.createElement("div",{className:"sps-tooltip__title-component"},e&&a.createElement(Rt,{icon:e,size:t}),a.createElement("span",{className:"sps-tooltip__title"},n))}Object.assign($i,{props:KI,propTypes:VI,displayName:"SpsTooltipTitle"});const Mm={basic:{label:"Basic",description:"Info about basic usage of tooltip",examples:{basic:{description:w.code`
|
|
6157
6240
|
<p>There are two ways to tell the tooltip what to attach to. The first is to
|
|
6158
6241
|
pass in a ref.</p>
|
|
6159
6242
|
`,react:w.code`
|
|
@@ -6547,7 +6630,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6547
6630
|
</React.Fragment>
|
|
6548
6631
|
);
|
|
6549
6632
|
}
|
|
6550
|
-
`}}}},$I={title:"string",stepsCount:"number",completedStepsCount:"number",disabled:"boolean",showStepsCounter:"boolean",color:"SteppedProgressBarColor",data:"SteppedProgressBarData[]"},HI={title:y.exports.string,stepsCount:y.exports.number,completedStepsCount:y.exports.number,disabled:y.exports.bool,showStepsCounter:y.exports.bool,color:
|
|
6633
|
+
`}}}},$I={title:"string",stepsCount:"number",completedStepsCount:"number",disabled:"boolean",showStepsCounter:"boolean",color:"SteppedProgressBarColor",data:"SteppedProgressBarData[]"},HI={title:y.exports.string,stepsCount:y.exports.number,completedStepsCount:y.exports.number,disabled:y.exports.bool,showStepsCounter:y.exports.bool,color:be(M.SteppedProgressBarColor),data:y.exports.arrayOf(le())};function Hi(e){const{title:t,stepsCount:n,completedStepsCount:s=0,disabled:o,showStepsCounter:i,className:c,data:l,color:p=M.SteppedProgressBarColor.PURPLE}=e,u=Array.from(Array(n)).map((m,g)=>N({id:Un(null).current},l==null?void 0:l.find(S=>S.index===g))),f=K("sps-stepped-progress-bar",`sps-stepped-progress-bar--${p}`,s===n&&"sps-stepped-progress-bar--complete",o&&"sps-stepped-progress-bar--disabled",c);return a.createElement("div",{className:f},a.createElement("div",{className:"sps-stepped-progress-bar__content"},(t||i)&&a.createElement("div",{className:"sps-progress-bar__heading"},t&&a.createElement("div",{className:"sps-progress-bar__title"},t),i&&a.createElement("div",{className:"sps-stepped-progress-bar__percentage"},`${s} of ${n} Complete`)),a.createElement("ul",{className:"sps-stepped-progress-bar__bar-background d-flex align-items-center list-unstyled mb-0"},u.map((m,g)=>a.createElement("li",{id:m.id,key:m.id,className:K("sps-stepped-progress-bar__step",s>g&&!m.skipped&&"sps-stepped-progress-bar__step-complete")},m.icon&&a.createElement(Rt,{icon:m.icon,size:M.SpsIconSize.SMALL,className:K("d-block",m.index>s-1?"gray400":"white")}),m.title&&a.createElement(Dt,{for:m.id,title:m.title},m.description))))))}Object.assign(Hi,{props:$I,propTypes:HI,displayName:"SpsSteppedProgressBar"});const _m={general:{label:"General Usage",customSection:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"General Usage"),a.createElement("p",null,"Progress Bars can be used in a variety of situations, but the most common use case is to show the live progress of a process such as a file upload or the processing of a digital payload."),a.createElement("p",null,"For processes that typically complete within minutes or less, opt for the Standard Progress Bar."),a.createElement("p",null,"For processes that are divided into specific steps that are accomplished over a longer period of time, opt for the Stepped Progress Bar."))},standard:{label:"Standard Progress Bar",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Standard Progress Bars are comprised of the following Required and Optional elements."),a.createElement("img",{src:"assets/images/progress-bar-example.svg",alt:"A Progress Bar with labels on each section",className:"w-100 mb-3"}),a.createElement(On,null,a.createElement(hn,null,a.createElement(Qe,null,"Section"),a.createElement(Qe,null,"Content Type"),a.createElement(Qe,null,"Required"),a.createElement(Qe,null,"Description/Guidelines")),a.createElement(gn,null,a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"1")),a.createElement(ae,null,"Title"),a.createElement(ae,null,"No"),a.createElement(ae,{wrap:400},"Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"2")),a.createElement(ae,null,"Progress Meter"),a.createElement(ae,null,"Yes"),a.createElement(ae,null)),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"3")),a.createElement(ae,null,"Progress Counter"),a.createElement(ae,null,"No"),a.createElement(ae,{wrap:400},"The Progress Counter should not be used without the existence of a Title.")),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"4")),a.createElement(ae,null,"Clear Button"),a.createElement(ae,null,"No"),a.createElement(ae,{wrap:400},"If the process requires the option to be cancelled or removed from a list the clear button can be used.")),a.createElement(Be,null,a.createElement(ae,null,a.createElement("span",{className:"sps-tag sps-tag--info"},"5")),a.createElement(ae,null,"Progress Details"),a.createElement(ae,null,"No"),a.createElement(ae,{wrap:400},"Progress Details provide more context for the user and are especially useful when the process includes multiple steps."))))),examples:{standard:{label:"Building Standard Progress Bars",description:()=>a.createElement("p",null,"The Standard 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:w.code`
|
|
6551
6634
|
function Component() {
|
|
6552
6635
|
function handleClose() {
|
|
6553
6636
|
console.log("closed");
|
|
@@ -6564,7 +6647,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6564
6647
|
</SpsCard>
|
|
6565
6648
|
)
|
|
6566
6649
|
}
|
|
6567
|
-
`},completed:{label:"Completed State",description:()=>
|
|
6650
|
+
`},completed:{label:"Completed State",description:()=>a.createElement("p",null,"Once complete, the progress bar appears in green and the clear button (if included) disappears from view."),react:w.code`
|
|
6568
6651
|
function Component() {
|
|
6569
6652
|
return (
|
|
6570
6653
|
<SpsCard>
|
|
@@ -6576,7 +6659,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6576
6659
|
</SpsCard>
|
|
6577
6660
|
)
|
|
6578
6661
|
}
|
|
6579
|
-
`},disabled:{label:"Disabled State",description:()=>
|
|
6662
|
+
`},disabled:{label:"Disabled State",description:()=>a.createElement("p",null,"A disabled state is available for cases when progress is intentionally paused or user interaction needs to be restricted."),react:w.code`
|
|
6580
6663
|
function Component() {
|
|
6581
6664
|
function handleClose() {
|
|
6582
6665
|
console.log("closed");
|
|
@@ -6593,7 +6676,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6593
6676
|
</SpsCard>
|
|
6594
6677
|
)
|
|
6595
6678
|
}
|
|
6596
|
-
`}}}},WI={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",inline:"boolean",centered:"boolean",label:"string",name:{type:"string",required:!0},onChange:"ChangeEventHandler",value:"any"},GI
|
|
6679
|
+
`}}}},WI={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",inline:"boolean",centered:"boolean",label:"string",name:{type:"string",required:!0},onChange:"ChangeEventHandler",value:"any"},GI=H(N({},Y),{checked:y.exports.bool,disabled:y.exports.bool,formControl:le(),formMeta:le(),inline:y.exports.bool,centered:y.exports.bool,label:y.exports.string,name:y.exports.string.isRequired,onChange:ne(),ref:Ft(),value:y.exports.any});function Wi(E){var I=E,{checked:e,className:t,"data-testid":n,disabled:s,formControl:o,formMeta:i,id:c,inline:l,centered:p,label:u,name:f,onChange:m,ref:g,unsafelyReplaceClassName:S,value:T}=I,x=z(I,["checked","className","data-testid","disabled","formControl","formMeta","id","inline","centered","label","name","onChange","ref","unsafelyReplaceClassName","value"]);const D=i||o,v=a.useRef(),{wrapperId:k,controlId:_}=Tt(c),O=K(S||"sps-radio-button","sps-checkable",l&&"sps-checkable--inline",p&&"sps-checkable--centered",!u&&"sps-checkable--no-label",t);function R(B){D&&(D.setValue(T),D.markAsDirty()),m&&m(B),v.current.focus()}return a.createElement(it,{id:k,className:O,formControl:o,formMeta:i,inputRef:v,ref:g,"data-testid":`${n}`,onClick:()=>v.current.click()},a.createElement("input",N({type:"radio",ref:v,className:"sps-checkable__input","data-testid":`${n}__radio-input`,id:_,name:f,checked:e,disabled:s,onChange:R},x)),a.createElement("label",{className:"sps-checkable__label",htmlFor:_},u||""))}Object.assign(Wi,{props:WI,propTypes:GI,displayName:"SpsRadioButton"});const Rm={general:{label:"General Usage",description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Use Radio Buttons:"),a.createElement("ul",null,a.createElement("li",null,"When only one option can be selected from the available options.")),a.createElement("h5",null,"Do Not Use Radio Buttons:"),a.createElement("ul",null,a.createElement("li",null,"When a selection causes an immediate change in the system. Use a"," ",a.createElement(e,{to:"toggle"},"Toggle")," instead."),a.createElement("li",null,"When multiple options can be selected from the available options. Use"," ",a.createElement(e,{to:"checkbox"},"Checkboxes")," instead."),a.createElement("li",null,"When the list of available options requires too much space to list efficiently. Use"," ",a.createElement(e,{to:"dropdown"},"Dropdown")," instead.")),a.createElement("h5",null,"Using Radio Buttons in a Form"),a.createElement("p",null,"Reference the ",a.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Radio Buttons in Form Layouts."))},basic:{label:"Basic Radio Buttons",description:()=>a.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:()=>a.createElement("h4",null,"Horizontal Group"),react:w.code`
|
|
6597
6680
|
function DemoComponent() {
|
|
6598
6681
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
6599
6682
|
option: "option1",
|
|
@@ -6653,7 +6736,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6653
6736
|
</SpsForm>
|
|
6654
6737
|
);
|
|
6655
6738
|
}
|
|
6656
|
-
`},vertical:{description:()=>
|
|
6739
|
+
`},vertical:{description:()=>a.createElement("h4",null,"Vertical Group"),react:w.code`
|
|
6657
6740
|
function DemoComponent() {
|
|
6658
6741
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
6659
6742
|
option: "option1",
|
|
@@ -6707,7 +6790,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6707
6790
|
</SpsForm>
|
|
6708
6791
|
);
|
|
6709
6792
|
}
|
|
6710
|
-
`},verticalAlternate:{description:()=>
|
|
6793
|
+
`},verticalAlternate:{description:()=>a.createElement(a.Fragment,null,a.createElement("h4",null,"Vertical Group Alternate"),a.createElement("p",null,"Radio Buttons can be used in vertical groups with multiple columns when common radio options are shared across multiple categories. In these cases the options are represented as a column title and shared for every row or category (i.e. only one option can be selected in each row).")),react:w.code`
|
|
6711
6794
|
function DemoComponent() {
|
|
6712
6795
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
6713
6796
|
categories: {
|
|
@@ -6933,7 +7016,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
6933
7016
|
</SpsForm>
|
|
6934
7017
|
);
|
|
6935
7018
|
}
|
|
6936
|
-
`}}},conditional:{label:"Radio Buttons With Conditional Inputs",description:()=>
|
|
7019
|
+
`}}},conditional:{label:"Radio Buttons With Conditional Inputs",description:()=>a.createElement(a.Fragment,null,a.createElement("p",null,"Conditional input fields can be nested \u201Cunderneath\u201D radio buttons. These conditional inputs display only when the corresponding radio option is in the selected state. Multiple conditional inputs can be nested under a single radio buttons."),a.createElement("p",null,a.createElement("i",null,"Note: Conditional Inputs can appear with or without labels, depending on context."))),examples:{horizontal:{description:()=>a.createElement("h4",null,"Horizontal"),react:w.code`
|
|
6937
7020
|
function DemoComponent() {
|
|
6938
7021
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
6939
7022
|
radio1: "radio1.option1",
|
|
@@ -7007,7 +7090,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7007
7090
|
</SpsForm>
|
|
7008
7091
|
);
|
|
7009
7092
|
}
|
|
7010
|
-
`},vertical:{description:()=>
|
|
7093
|
+
`},vertical:{description:()=>a.createElement("h4",null,"Vertical"),react:w.code`
|
|
7011
7094
|
function DemoComponent() {
|
|
7012
7095
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
7013
7096
|
radio: "option1",
|
|
@@ -7092,7 +7175,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7092
7175
|
</SpsForm>
|
|
7093
7176
|
);
|
|
7094
7177
|
}
|
|
7095
|
-
`}}}},UI={maxHeight:"string"},YI
|
|
7178
|
+
`}}}},UI={maxHeight:"string"},YI=H(N({},Y),{maxHeight:y.exports.string});function Gi(e){const{children:t,maxHeight:n}=e;return a.createElement("div",{className:"sps-scrollable-container",style:{maxHeight:n}},t)}Object.assign(Gi,{props:UI,propTypes:YI,displayName:"SpsScrollableContainer"});const Lm={basic:{label:"Basic",description:"basic scrollable container",examples:{text:{jsx:w.code`
|
|
7096
7179
|
<SpsCard>
|
|
7097
7180
|
<SpsScrollableContainer maxHeight='100px'>
|
|
7098
7181
|
<p>
|
|
@@ -7155,7 +7238,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7155
7238
|
</SpsScrollableContainer>
|
|
7156
7239
|
</SpsCard>
|
|
7157
7240
|
}
|
|
7158
|
-
`}}}},Om={general:{label:"General Usage",description:({NavigateTo:e})=>
|
|
7241
|
+
`}}}},Om={general:{label:"General Usage",description:({NavigateTo:e})=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h5",null,"Use a Select:"),A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"When a list of predetermined values can be provided.")),A.default.createElement("h5",null,"Do Not Use a Select:"),A.default.createElement("ul",null,A.default.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",A.default.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",A.default.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead."),A.default.createElement("li",{className:"mb-2"},"When it is ideal to display all available options without requiring a click. Consider"," ",A.default.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",A.default.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead.")),A.default.createElement("h5",null,"Using Selects in a Form"),A.default.createElement("p",null,"Reference the ",A.default.createElement(e,{to:"form"},"Forms")," page for guidelines for placing inputs in Form layouts"))},basic:{label:"Basic Select",description:()=>A.default.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:w.code`
|
|
7159
7242
|
function DemoComponent() {
|
|
7160
7243
|
const colors = ["red", "blue", "green"];
|
|
7161
7244
|
|
|
@@ -7168,7 +7251,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7168
7251
|
</div>
|
|
7169
7252
|
)
|
|
7170
7253
|
}
|
|
7171
|
-
`},placeholderText:{description:()=>
|
|
7254
|
+
`},placeholderText:{description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h4",null,"Customizable Placeholder Text"),A.default.createElement("p",null,"Placeholder text can be customized to specifically reference the content in the dropdown menu.")),react:w.code`
|
|
7172
7255
|
function DemoComponent() {
|
|
7173
7256
|
const colors = ["red", "blue", "green"];
|
|
7174
7257
|
|
|
@@ -7181,7 +7264,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7181
7264
|
</div>
|
|
7182
7265
|
)
|
|
7183
7266
|
}
|
|
7184
|
-
`},defaultSelection:{description:()=>
|
|
7267
|
+
`},defaultSelection:{description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h4",null,"Default Selection / No Clear Button"),A.default.createElement("p",null,"Selects can default to a selection in certain cases. Use Default Selections only when a selection is required and a default selection can be confidently made. Selects with a default selection do not have a clear option.")),react:w.code`
|
|
7185
7268
|
function DemoComponent() {
|
|
7186
7269
|
const colors = ["Small", "Medium", "Large"];
|
|
7187
7270
|
|
|
@@ -7194,7 +7277,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7194
7277
|
</div>
|
|
7195
7278
|
)
|
|
7196
7279
|
}
|
|
7197
|
-
`},zeroState:{description:()=>
|
|
7280
|
+
`},zeroState:{description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h4",null,"Zero State / No Available Options"),A.default.createElement("p",null,"If no options are available in the dropdown menu, a zero state message appears. This option is most commonly used with the Select with Filter option.")),react:w.code`
|
|
7198
7281
|
function DemoComponent() {
|
|
7199
7282
|
|
|
7200
7283
|
return (
|
|
@@ -7206,7 +7289,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7206
7289
|
</div>
|
|
7207
7290
|
)
|
|
7208
7291
|
}
|
|
7209
|
-
`},formHooks:{description:({NavigateTo:e})=>
|
|
7292
|
+
`},formHooks:{description:({NavigateTo:e})=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h4",null,"Form Hooks"),A.default.createElement("p",null,"The ",A.default.createElement("code",null,"formMeta")," and ",A.default.createElement("code",null,"formValue")," props are used with the"," ",A.default.createElement("code",null,"useSpsForm")," hook. By using the ",A.default.createElement("code",null,"useSpsForm")," hook you can add validators, get the form value, update the form value, and more. The form is documented on the ",A.default.createElement(e,{to:"form"},"Forms")," page.")),react:w.code`
|
|
7210
7293
|
function DemoComponent() {
|
|
7211
7294
|
const colors = ["red", "blue", "green"];
|
|
7212
7295
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
@@ -7222,7 +7305,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7222
7305
|
</div>
|
|
7223
7306
|
)
|
|
7224
7307
|
}
|
|
7225
|
-
`}}},filter:{label:"Select with Filter",description:()=>
|
|
7308
|
+
`}}},filter:{label:"Select with Filter",description:()=>A.default.createElement("p",null,"It can be helpful to add a filter field to dropdown menus that contain a large amount of options to aid the user in finding the option they need."),examples:{basic:{react:w.code`
|
|
7226
7309
|
function DemoComponent() {
|
|
7227
7310
|
function colorSearch(search) {
|
|
7228
7311
|
return ["red", "orange", "yellow", "green", "blue", "indigo", "violet"].filter(s => (new RegExp(search, "i")).test(s));
|
|
@@ -7237,7 +7320,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7237
7320
|
</div>
|
|
7238
7321
|
)
|
|
7239
7322
|
}
|
|
7240
|
-
`},promise:{description:()=>
|
|
7323
|
+
`},promise:{description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h4",null,"Return a Promise"),A.default.createElement("p",null,"A promise should be used when the options are being returned asynchronously. A common use case for this is when the options are being returned as a result of an API call.")),react:w.code`
|
|
7241
7324
|
function DemoComponent() {
|
|
7242
7325
|
function colorSearch(search) {
|
|
7243
7326
|
return new Promise((resolve, reject) => {
|
|
@@ -7255,7 +7338,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7255
7338
|
</div>
|
|
7256
7339
|
)
|
|
7257
7340
|
}
|
|
7258
|
-
`},debounce:{description:()=>
|
|
7341
|
+
`},debounce:{description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h4",null,"Debounce"),A.default.createElement("p",null,"When the options are a result of a search or are not available right away a debounce may be helpful. A debounce adds a delay to the option search so the search function is not getting called repeatedly.")),react:w.code`
|
|
7259
7342
|
function DemoComponent() {
|
|
7260
7343
|
function colorSearch(search) {
|
|
7261
7344
|
return ["red", "orange", "yellow", "green", "blue", "indigo", "violet"].filter(s => new RegExp(search, "i").test(s));
|
|
@@ -7270,7 +7353,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7270
7353
|
</div>
|
|
7271
7354
|
)
|
|
7272
7355
|
}
|
|
7273
|
-
`}}},objectOptions:{label:"Object Options",description:()=>
|
|
7356
|
+
`}}},objectOptions:{label:"Object Options",description:()=>A.default.createElement("p",null,"The values in the select menu can be modified to provide more detail to the user or the system, when necessary."),examples:{basic:{react:w.code`
|
|
7274
7357
|
function DemoComponent() {
|
|
7275
7358
|
const sizes = [
|
|
7276
7359
|
{ size: "S", price: "10.99" },
|
|
@@ -7287,7 +7370,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7287
7370
|
</div>
|
|
7288
7371
|
)
|
|
7289
7372
|
}
|
|
7290
|
-
`},extendedDetails:{description:()=>
|
|
7373
|
+
`},extendedDetails:{description:()=>A.default.createElement(A.default.Fragment,null,A.default.createElement("h4",null,"Extended Details"),A.default.createElement("p",null,"Extended details can be displayed in the dropdown menu. Only the primary detail is displayed as the selection.")),react:w.code`
|
|
7291
7374
|
function DemoComponent() {
|
|
7292
7375
|
const sizes = [
|
|
7293
7376
|
{ size: "S", price: "10.99" },
|
|
@@ -7303,7 +7386,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7303
7386
|
</div>
|
|
7304
7387
|
)
|
|
7305
7388
|
}
|
|
7306
|
-
`}}},selectWithAction:{label:"Select with Action Button",description:()=>
|
|
7389
|
+
`}}},selectWithAction:{label:"Select with Action Button",description:()=>A.default.createElement("p",null,"A Text Button can be added to the bottom of the dropdown menu to provide a specific action."),examples:{basic:{react:w.code`
|
|
7307
7390
|
function DemoComponent() {
|
|
7308
7391
|
const colors = ["red", "blue", "green"];
|
|
7309
7392
|
const [action, updateAction] = useSpsAction(
|
|
@@ -7328,7 +7411,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7328
7411
|
</div>
|
|
7329
7412
|
)
|
|
7330
7413
|
}
|
|
7331
|
-
`}}},disabled:{label:"Disabled State",description:()=>
|
|
7414
|
+
`}}},disabled:{label:"Disabled State",description:()=>A.default.createElement("p",null,"In the disabled state, select inputs display the current selection or placeholder text, but cannot be interacted with."),examples:{basic:{react:w.code`
|
|
7332
7415
|
function DemoComponent() {
|
|
7333
7416
|
const colors = ["red", "blue", "green"];
|
|
7334
7417
|
|
|
@@ -7341,7 +7424,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7341
7424
|
</div>
|
|
7342
7425
|
)
|
|
7343
7426
|
}
|
|
7344
|
-
`}}}},
|
|
7427
|
+
`}}}},Bm=({branch:e,setActiveBranch:t,activeBranch:n})=>{const[s,o]=$.useState(e.expanded||!1);return a.createElement("ul",{className:K("sps-side-nav__branch",e.name===n&&"sps-side-nav__branch--active")},a.createElement("li",{className:K("sps-side-nav__leaf",e.name===n&&"sps-side-nav__leaf--active")},a.createElement("span",{className:"sps-side-nav__link",onClick:()=>{o(!s),e.subNavItems||t(e.name,e.key)},onKeyDown:i=>{(i.key==="Enter"||i.key===" ")&&(i.stopPropagation(),i.preventDefault(),o(!s),e.subNavItems||t(e.name,e.key))},role:"tab",tabIndex:0,"aria-selected":e.name===n},e.subNavItems&&a.createElement("i",{className:K("sps-icon sps-side-nav__toggle",s?"sps-icon-chevron-down":"sps-icon-chevron-right")}),a.createElement("span",{className:"sps-side-nav__link-title"},e.icon&&a.createElement("i",{className:`sps-icon sps-icon-${e.icon} mr-2`}),e.name),a.createElement("div",{className:"sps-side-nav__link-tag",style:{marginTop:"-2px"}},e.tag&&a.createElement("span",{className:`sps-tag sps-tag--${e.tag}`},e.tagContent))),e.subNavItems&&s&&e.subNavItems.map(i=>{var c;return a.createElement(Bm,{branch:H(N({},i),{expanded:hr(i.subNavItems,n)}),setActiveBranch:t,activeBranch:n,key:(c=i.key)!=null?c:i.name})})))},hr=(e,t)=>e?e.some(n=>n.name===t)||e.some(n=>hr(n.subNavItems,t)):!1,Pm=({title:e,titleIcon:t,navOptions:n,onNavChange:s,activeNavItem:o,tabs:i,onTabChange:c,initialActiveTab:l,filterable:p,filterInputPlaceholder:u})=>{const f=$.useRef(o),[m,g]=$.useState(o),[S,T]=$.useState(l||i&&i[0]),[x,E]=$.useState(""),I=(_,O)=>{g(_),s&&s(_,O)},D=_=>{T(_),c&&c(_)},v=_=>_?_.some(O=>O.name.toLowerCase().includes(x))||_.some(O=>v(O.subNavItems)):!1,k=n.map(_=>H(N({},_),{navItems:_.navItems.filter(O=>O.name.toLowerCase().includes(x)||v(O.subNavItems))}));return o!==f.current&&(g(o),f.current=o),a.createElement("div",{className:"sps-side-nav sps-card"},e&&a.createElement("div",{className:"sps-card__header",title:e},a.createElement("div",{className:"sps-card__title"},t&&a.createElement("i",{className:`sps-icon sps-icon-${t}`}),e)),i&&a.createElement("nav",{className:"sps-nav sps-nav--tabs"},i.map(_=>a.createElement("span",{className:K("sps-nav__item","sps-nav__link",_===S&&"active"),"data-toggle":"tab",role:"tab",tabIndex:0,key:_,onClick:()=>D(_),onKeyDown:O=>{(O.key==="Enter"||O.key===" ")&&(O.stopPropagation(),O.preventDefault(),D(_))}},a.createElement("span",null,_)))),a.createElement("div",{className:"sps-card__body"},p&&a.createElement("section",{className:"sps-side-nav__section"},a.createElement("div",{className:"sps-text-input"},a.createElement("div",{className:"sps-form-control"},a.createElement("i",{className:"sps-text-input__icon sps-icon sps-icon-filter"}),a.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:u,onChange:_=>{E(_.target.value)}})))),k.map(_=>{var O;return a.createElement("section",{className:"sps-side-nav__section",key:(O=_.key)!=null?O:_.sectionTitle},_.sectionTitle&&a.createElement("div",{className:"sps-side-nav__section-title",style:{fontWeight:400}},_.sectionTitle),_.navItems.map(R=>{var B;return a.createElement(Bm,{branch:H(N({},R),{expanded:hr(R.subNavItems,o)}),activeBranch:m,setActiveBranch:(F,P)=>{I(F,P)},key:(B=R.key)!=null?B:R.name})}))})))},Am={usage:{label:"Usage",customSection:()=>a.createElement(a.Fragment,null,a.createElement("div",null,a.createElement("span",{className:"sps-body-14 mb-2"},"Use the Side Navigation if:"),a.createElement("ul",{className:"mt-2"},a.createElement("li",{className:"mb-1"},"The navigation benefits from subsections or nested structures"),a.createElement("li",{className:"mb-1"},"There are too many items for Tabbed Navigation"),a.createElement("li",null,"The navigation items have long names"))),a.createElement("div",null,a.createElement("span",{className:"sps-body-14 mb-2"},"Avoid using the Side Navigation if:"),a.createElement("ul",{className:"mt-2"},a.createElement("li",{className:"mb-1"},"Tabbed Navigation is sufficient"),a.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:w.code`
|
|
7345
7428
|
function DemoComponent() {
|
|
7346
7429
|
function onChange(selection) {
|
|
7347
7430
|
console.log(selection);
|
|
@@ -7410,7 +7493,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7410
7493
|
</div>
|
|
7411
7494
|
);
|
|
7412
7495
|
}
|
|
7413
|
-
`}}},icons:{label:"Icons",description:({Link:e})=>
|
|
7496
|
+
`}}},icons:{label:"Icons",description:({Link:e})=>a.createElement("div",null,a.createElement("span",{className:"sps-body-14"},"Use Icons to further illustrate what the navigation item contains. If one navigation item has an Icon, all of the need to have an Icon. Do not use an Icon more than once in a single Side Navigation. Example: A bell icon to represent a Notifications navigation item."),a.createElement("div",{className:"mt-2"},a.createElement(e,{to:"/style-and-layout/icons"},"View All Icons"))),examples:{simple:{react:w.code`
|
|
7414
7497
|
function DemoComponent() {
|
|
7415
7498
|
function onChange(selection) {
|
|
7416
7499
|
console.log(selection);
|
|
@@ -7652,7 +7735,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7652
7735
|
</div>
|
|
7653
7736
|
);
|
|
7654
7737
|
}
|
|
7655
|
-
`}}}},zI={sortKey:"string",sortDisabled:"boolean",sort:"SortedColumn[]",onSortChange:"SortChangeHandler",widthPx:"number",widthRem:"number"},jI=N({sortKey:y.exports.string,sortDisabled:y.exports.bool,sort:y.exports.arrayOf(
|
|
7738
|
+
`}}}},zI={sortKey:"string",sortDisabled:"boolean",sort:"SortedColumn[]",onSortChange:"SortChangeHandler",widthPx:"number",widthRem:"number"},jI=N({sortKey:y.exports.string,sortDisabled:y.exports.bool,sort:y.exports.arrayOf(le()),onSortChange:ne(),widthPx:y.exports.number,widthRem:y.exports.number},Y);function Va(S){var T=S,{className:e,"data-testid":t,unsafelyReplaceClassName:n,sortKey:s,sort:o,sortDisabled:i,onSortChange:c,onClick:l,children:p,widthPx:u,widthRem:f,style:m}=T,g=z(T,["className","data-testid","unsafelyReplaceClassName","sortKey","sort","sortDisabled","onSortChange","onClick","children","widthPx","widthRem","style"]);const x=a.useMemo(()=>{const v=!!s&&!i&&Array.isArray(o)&&o.find(k=>k.key===s);return v?v.direction:void 0},[o,s,i]),E=K(n||"sps-sorting-header__cell",x===M.SortDirection.ASCENDING&&"sps-sorting-header__cell--sorted-asc",x===M.SortDirection.DESCENDING&&"sps-sorting-header__cell--sorted-desc",i&&"sps-sorting-header__cell--sort-disabled",e),I=u?u/16:f,D=I?H(N({},m),{width:`${I}rem`}):m;return a.createElement("div",N({className:E,onClick:v=>{s&&!i&&c([{key:s,direction:x===M.SortDirection.ASCENDING?M.SortDirection.DESCENDING:M.SortDirection.ASCENDING}]),l&&l(v)},"data-testid":t,style:D},g),p)}Object.assign(Va,{props:zI,propTypes:jI,displayName:"SpsSortingHeaderCell"});const qI={sort:"SortedColumn[]",onSortChange:"SortChangeHandler"},JI=H(N({},Y),{sort:y.exports.arrayOf(le()),onSortChange:ne()});function gr(l){var p=l,{className:e,"data-testid":t,unsafelyReplaceClassName:n,sort:s,onSortChange:o,children:i}=p,c=z(p,["className","data-testid","unsafelyReplaceClassName","sort","onSortChange","children"]);const u=K(n||"sps-sorting-header",e),f={sort:s,onSortChange:o};return a.createElement("div",N({className:u},c),a.Children.map(i,m=>m&&a.isValidElement(m)&&m.type===Va?a.cloneElement(m,f):m))}Object.assign(gr,{props:qI,propTypes:JI,displayName:"SpsSortingHeader"});const Fm={basic:{examples:{small:{react:w.code`
|
|
7656
7739
|
function Component() {
|
|
7657
7740
|
return (
|
|
7658
7741
|
<SpsSpinner size={SpinnerSize.SMALL} title="Please wait…" />
|
|
@@ -7673,7 +7756,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7673
7756
|
<SpsSpinner size={SpinnerSize.LARGE} alt="Loading content…" />
|
|
7674
7757
|
);
|
|
7675
7758
|
}
|
|
7676
|
-
`}}}},ZI={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"},XI
|
|
7759
|
+
`}}}},ZI={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"},XI=H(N({},Y),{disabled:y.exports.bool,href:y.exports.string,label:y.exports.string,icon:be(M.SpsIcon),kind:be(M.StdButtonKind),options:y.exports.arrayOf(y.exports.oneOfType([y.exports.func,y.exports.any]))});function Ui(e){const I=e,{children:t,className:n,"data-testid":s,disabled:o,href:i,label:c,options:l,icon:p,kind:u=M.StdButtonKind.DEFAULT,unsafelyReplaceClassName:f}=I,m=z(I,["children","className","data-testid","disabled","href","label","options","icon","kind","unsafelyReplaceClassName"]),[g,S]=a.useState(!1),T=()=>{S(!0)},x=()=>{S(!1)},E=K(f||"sps-split-button",`sps-split-button--${u}`,g&&"sps-split-button--open",n);return a.createElement("div",N({className:E,"data-testid":s},m),a.createElement(Fe,{kind:u,icon:p,href:i,disabled:o},c),a.createElement(Dn,{kind:u,options:l,disabled:o,onOpen:T,onClose:x}))}Object.assign(Ui,{props:ZI,propTypes:XI,displayName:"SpsSplitButton"});const Km={kinds:{label:"Regular Split Buttons",description:w.code`<p>info about split buttons</p>`,examples:{basic:{description:w.code`<p>Basic</p>`,jsx:w.code`
|
|
7677
7760
|
<React.Fragment>
|
|
7678
7761
|
<SpsSplitButton id="withIcon" label="Default Button"
|
|
7679
7762
|
options={[
|
|
@@ -7739,7 +7822,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7739
7822
|
]} className="mr-1">
|
|
7740
7823
|
</SpsSplitButton>
|
|
7741
7824
|
</React.Fragment>
|
|
7742
|
-
`}}}},QI={channelId:{type:"string",required:!0}},eN
|
|
7825
|
+
`}}}},QI={channelId:{type:"string",required:!0}},eN=H(N({},Y),{channelId:y.exports.string.isRequired});function Yi(e){const l=e,{channelId:t,className:n,unsafelyReplaceClassName:s}=l,o=z(l,["channelId","className","unsafelyReplaceClassName"]),{t:i}=a.useContext(Oe),c=K(s||"sps-slack-link",n);return a.createElement("a",N({className:c,target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${t}`},o),a.createElement("i",{className:`sps-icon sps-icon-${M.SpsIcon.CONVERSATION}`,"aria-hidden":"true"}),a.createElement("span",null,i("design-system:slackLink.label")))}Object.assign(Yi,{props:QI,propTypes:eN,displayName:"SpsSlackLink"});const Vm={basic:{examples:{basic:{react:w.code`
|
|
7743
7826
|
function DemoComponent() {
|
|
7744
7827
|
return (
|
|
7745
7828
|
<SpsProductBar productName="My Product"
|
|
@@ -7751,7 +7834,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
7751
7834
|
><SpsSlackLink channelId="CELEGDK4Y" /></SpsProductBar>
|
|
7752
7835
|
);
|
|
7753
7836
|
}
|
|
7754
|
-
`}}}},tN={},nN=N({},Y);function $a(e){const l=e,{children:t,className:n,"data-testid":
|
|
7837
|
+
`}}}},tN={},nN=N({},Y);function $a(e){const l=e,{children:t,className:n,"data-testid":s,unsafelyReplaceClassName:o}=l,i=z(l,["children","className","data-testid","unsafelyReplaceClassName"]),c=K(o||"sps-content-row__expansion",n);return a.createElement("div",H(N({className:c},i),{"data-testid":`${s}__expansion`}),t)}Object.assign($a,{props:tN,propTypes:nN,displayName:"SpsSummaryListExpansion"});const aN={expanded:"boolean",selected:"boolean",onToggle:"(isExpanded: boolean) => void"},sN=H(N({},Y),{expanded:y.exports.bool,selected:y.exports.bool,onToggle:ne()});function zi(e){const I=e,{children:t,className:n,expanded:s,onToggle:o,selected:i,"data-testid":c,unsafelyReplaceClassName:l}=I,p=z(I,["children","className","expanded","onToggle","selected","data-testid","unsafelyReplaceClassName"]),[u,f]=Kt({isExpanded:s,expandable:!1});a.useEffect(()=>{const D=a.Children.toArray(t).some(v=>a.isValidElement(v)&&v.type===$a);f({expandable:D})},[]);function m(){const D=!u.isExpanded;f({isExpanded:D}),o&&o(D)}function g(D){D.stopPropagation(),m()}function S(D){(D.key==="Enter"||D.key===" "||D.key==="Spacebar")&&(D.preventDefault(),D.stopPropagation(),m())}const T=K(l||"sps-summary-list-row","sps-content-row",u.expandable&&"sps-summary-list-row--expandable",u.isExpanded&&"sps-content-row--expanded",i&&"sps-summary-list-row--selected",n),[x,E]=Vt(t,[{type:$a}]);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(" ")),a.createElement("div",N({className:T,"data-testid":c},p),a.createElement("div",{className:"sps-content-row__col-group","data-testid":`${c}__col-group`,onClick:g,onKeyDown:S,tabIndex:0},E),x)}Object.assign(zi,{props:aN,propTypes:sN,displayName:"SpsSummaryListRow"});const rN={borderless:"boolean",lean:"boolean",leaner:"boolean",width:"string"},oN=H(N({},Y),{borderless:y.exports.bool,lean:y.exports.bool,leaner:y.exports.bool,width:y.exports.string});function ji(e){const m=e,{className:t,children:n,borderless:s,lean:o,leaner:i,"data-testid":c,unsafelyReplaceClassName:l,width:p}=m,u=z(m,["className","children","borderless","lean","leaner","data-testid","unsafelyReplaceClassName","width"]),f=K(l||"sps-content-row__col",o&&"sps-content-row__col--lean",i&&"sps-content-row__col--leaner",s&&"sps-content-row__col--borderless",t);return a.createElement("div",H(N({className:f,style:{width:p}},u),{"data-testid":`${c}__col`}),n)}Object.assign(ji,{props:rN,propTypes:oN,displayName:"SpsSummaryListColumn"});const $m={basic:{label:"Basic Usage",examples:{basic:{jsx:w.code`
|
|
7755
7838
|
<>
|
|
7756
7839
|
<SpsSummaryListRow>
|
|
7757
7840
|
<SpsSummaryListColumn width="2.8rem" lean>
|
|
@@ -8001,7 +8084,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8001
8084
|
</SpsSummaryListRow>
|
|
8002
8085
|
);
|
|
8003
8086
|
}
|
|
8004
|
-
`}}}},iN={tasks:"ReactSpsTask[]",taskQueuePosition:"Position",notificationText:"string",tooltipConfig:"{ position: Position, kind: TooltipKind }",onClose:"() => void",onOpen:"() => void",onClearCompleted:"() => void",suppressTooltips:"boolean"},lN
|
|
8087
|
+
`}}}},iN={tasks:"ReactSpsTask[]",taskQueuePosition:"Position",notificationText:"string",tooltipConfig:"{ position: Position, kind: TooltipKind }",onClose:"() => void",onOpen:"() => void",onClearCompleted:"() => void",suppressTooltips:"boolean"},lN=H(N({},Y),{tasks:y.exports.arrayOf(y.exports.any),taskQueuePosition:be(M.Position),notificationText:y.exports.string,tooltipConfig:y.exports.shape({position:be(M.Position),kind:be(M.TooltipKind)}),onClose:ne(),onOpen:ne(),onClearCompleted:ne(),suppressTooltips:y.exports.bool});function qi(g){var S=g,{tasks:e=[],taskQueuePosition:t=M.Position.BOTTOM_RIGHT,notificationText:n,tooltipConfig:s={},onOpen:o,onClose:i,onClearCompleted:c,className:l,"data-testid":p,unsafelyReplaceClassName:u,suppressTooltips:f=!1}=S,m=z(S,["tasks","taskQueuePosition","notificationText","tooltipConfig","onOpen","onClose","onClearCompleted","className","data-testid","unsafelyReplaceClassName","suppressTooltips"]);const{t:T}=a.useContext(Oe),x=!!e.length,[E,I]=a.useState(!1),[D,v]=a.useState(x),k=a.useRef(null),_=a.useRef(null),O=a.useCallback(()=>{I(!1),i&&i()},[]);a.useEffect(()=>{E?window.addEventListener("resize",O):window.removeEventListener("resize",O)},[E]);const R=jn("sps-task-queue-portal"),B=a.useContext(Mt),[F]=E?xn(_,k,t,N({altPosition:t},B)):[{},!1],P=s.position||M.Position.BOTTOM_RIGHT,U=s.kind||M.TooltipKind.DEFAULT,V=e.filter(te=>te.unread).length,G=e.filter(te=>te.status===M.SpsTaskStatus.IN_PROGRESS).length,pe=e.some(te=>te.status===M.SpsTaskStatus.COMPLETED||te.status===M.SpsTaskStatus.ERRORED),ue=a.useRef(i);ue.current=i;const J=a.useRef(),Q=()=>{x&&!E?(I(!0),o&&o()):E&&(I(!1),i&&i()),J.current.scrollTop=0},oe=te=>te.status===M.SpsTaskStatus.IN_PROGRESS?M.SpsTaskStatusIcons[te.status]:`sps-icon sps-icon-${M.SpsTaskStatusIcons[te.status]}`;a.useEffect(()=>{E&&!x&&(I(!1),ue.current&&ue.current())},[E,x]);const se=a.useRef();a.useEffect(()=>{V>0?(v(!0),se.current&&window.clearTimeout(se.current),se.current=window.setTimeout(()=>{se.current=void 0,v(!1)},M.TASK_QUEUE_NOTIFICATION_DURATION_MS)):(se.current&&(window.clearTimeout(se.current),se.current=void 0),v(!1))},[V]),a.useEffect(()=>{const te=()=>{I(Z=>(Z&&ue.current&&ue.current(),!1))};return document.addEventListener("click",te),()=>{document.removeEventListener("click",te)}},[]),a.useEffect(()=>()=>{se.current&&window.clearTimeout(se.current)},[]);const ce=K(u||"sps-task-queue",E&&"sps-task-queue--open",E&&"z-stratum-dropdown",!x&&"sps-task-queue--no-tasks",l);function ee(te){return te.actions.map(Z=>{if(a.isValidElement(Z)){if(Z.type!==Fe||Z.props.kind!==M.ButtonKind.ICON)throw new Error("Task queue task action must be a config object or an SpsButton of kind ICON");return Z}return a.createElement("div",{key:Z.icon,className:"sps-button sps-button--icon"},a.createElement("button",{type:"button",title:Z.label,disabled:Z.disabled,onClick:()=>{Z.onClick&&Z.onClick(te)}},Z.caption,Z.icon&&a.createElement("i",{className:`sps-icon sps-icon-${Z.icon}`,"aria-hidden":"true"})))})}return a.createElement("div",N({className:ce,onClick:te=>{te.nativeEvent.stopImmediatePropagation()},"data-testid":p},m),a.createElement("button",{type:"button",ref:k,className:"sps-task-queue__button",title:"Task Queue",onClick:Q},!!V&&a.createElement("span",{className:"sps-tag sps-tag--info"},V),G?a.createElement("span",{className:"sps-spinner sps-spinner--small"}):a.createElement("i",{className:"sps-icon sps-icon-list","aria-hidden":"true"})),a.createElement(Dt,{for:k,position:P,kind:U,showOn:x?M.TooltipShowTrigger.MANUAL:M.TooltipShowTrigger.MOUSEOVER,isShown:D&&!E?exports.TooltipVisibility.VISIBLE:exports.TooltipVisibility.HIDDEN,hideDelay:Number(x)&&M.TASK_QUEUE_NOTIFICATION_DURATION_MS},!f&&D&&(n||T("design-system:taskQueue.newTask")),!f&&!D&&!x&&T("design-system:taskQueue.noTasks")),R(a.createElement("div",{ref:_,className:K("sps-task-queue__task-list",E&&"sps-task-queue__task-list--open","z-stratum-dropdown"),style:F},a.createElement("div",{ref:J,className:"sps-task-queue__task-list-tasks"},e.map((te,Z)=>a.createElement("div",{key:Z,className:K("sps-task-queue__task",te.unread&&"sps-task-queue__task--unread")},a.createElement("i",{className:oe(te)}),a.createElement("div",{className:"sps-task-queue__task-description"},a.createElement("div",{className:"sps-task-queue__task-heading"},te.heading),te.subheading&&a.createElement("div",{className:"sps-task-queue__task-subheading",title:te.subheading},te.subheading)),te.actions&&!!te.actions.length&&a.createElement("div",{className:"sps-task-queue__task-actions"},ee(te))))),pe&&c&&a.createElement("div",{className:"sps-task-queue__footer"},a.createElement("div",{className:"sps-button sps-button--link"},a.createElement("button",{type:"button",onClick:c},T("design-system:taskQueue.clearCompleted")))))))}Object.assign(qi,{props:iN,propTypes:lN,displayName:"SpsTaskQueue"});const Hm={inProgress:{label:"Task Queue in progress",description:"<p>Info about Task Queue</p>",examples:{inProgress:{react:w.code`
|
|
8005
8088
|
function SpsTaskQueueInProgress() {
|
|
8006
8089
|
const [tasks, setTasks] = React.useState([
|
|
8007
8090
|
{
|
|
@@ -8281,7 +8364,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8281
8364
|
</div>
|
|
8282
8365
|
);
|
|
8283
8366
|
}
|
|
8284
|
-
`}}}},cN={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},dN
|
|
8367
|
+
`}}}},cN={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},dN=H(N({},Y),{disabled:y.exports.bool,formControl:le(),formMeta:le(),icon:be(M.SpsIcon),name:y.exports.string,onChange:ne(),placeholder:y.exports.string,value:y.exports.string,additionalText:y.exports.string}),Sr=a.forwardRef((E,x)=>{var I=E,{className:e,disabled:t=!1,formControl:n,formMeta:s,icon:o,id:i,name:c,onChange:l,placeholder:p,"data-testid":u,title:f,unsafelyReplaceClassName:m,value:g="",additionalText:S}=I,T=z(I,["className","disabled","formControl","formMeta","icon","id","name","onChange","placeholder","data-testid","title","unsafelyReplaceClassName","value","additionalText"]);const D=s||n,{wrapperId:v,controlId:k}=Tt(i,D),_=a.useRef();function O(P,U){D&&(D.setValue(P),D.markAsDirty()),l&&l(U||new ln(_.current))}function R(){_.current.value="",O("")}function B(P){O(P.target.value,P)}const F=K(m||"sps-text-input",e);return a.createElement(it,{id:v,className:F,formControl:n,formMeta:s,inputRef:_,ref:x,focusInputOnClick:!0,"data-testid":`${u}`},a.createElement("div",{className:K("sps-form-control",t&&"disabled")},o&&a.createElement("i",{className:K("sps-text-input__icon","sps-icon",`sps-icon-${o}`)}),a.createElement("input",N({type:"text",ref:_,"data-testid":`${u}__input`,className:"sps-text-input__input",id:k,name:c,placeholder:p,onChange:B,title:f,value:g,disabled:t},T)),g&&!t&&a.createElement("i",{"data-testid":`${u}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:R})),S&&a.createElement("p",{className:"sps-input__additional-text"},S))});Object.assign(Sr,{props:cN,propTypes:dN,displayName:"SpsTextInput"});const Wm={general:{label:"General Usage",description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Use a Text Input:"),a.createElement("ul",null,a.createElement("li",null,"When the value required is short (a single word or short phrase)."),a.createElement("li",null,"When only one value is required or accepted.")),a.createElement("h5",null,"Do Not Use a Text Input:"),a.createElement("ul",null,a.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted. Use a ",a.createElement(e,{to:"text-areas"},"Text Area")," instead."),a.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",a.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),a.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",a.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",a.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",a.createElement(e,{to:"toggle"},"Toggles")," instead.")),a.createElement("h5",null,"Using Text Inputs in a Form"),a.createElement("p",null,"Reference the ",a.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Inputs",description:()=>a.createElement("p",null,"Basic Text Inputs include a label and an input field."),examples:{standard:{react:w.code`
|
|
8285
8368
|
function DemoComponent() {
|
|
8286
8369
|
const { formValue, formMeta, updateForm } = useSpsForm({ companyName: "" });
|
|
8287
8370
|
|
|
@@ -8297,7 +8380,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8297
8380
|
</div>
|
|
8298
8381
|
);
|
|
8299
8382
|
}
|
|
8300
|
-
`}}},placeholder:{label:"Placeholder Text",description:({NavigateTo:e})=>
|
|
8383
|
+
`}}},placeholder:{label:"Placeholder Text",description:({NavigateTo:e})=>a.createElement("p",null,"Certain inputs may benefit from placeholder text to aid the user in providing a valid value. For guidelines regarding writing placeholder text reference the Placeholder Text section on the ",a.createElement(e,{to:"form"},"Forms")," page."),examples:{placeholder:{react:w.code`
|
|
8301
8384
|
function DemoComponent() {
|
|
8302
8385
|
const { formValue, formMeta, updateForm } = useSpsForm({ phoneNumber: "" });
|
|
8303
8386
|
|
|
@@ -8314,7 +8397,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8314
8397
|
</div>
|
|
8315
8398
|
);
|
|
8316
8399
|
}
|
|
8317
|
-
`}}},additional_text:{label:"Additional Descriptive Text",description:({NavigateTo:e})=>
|
|
8400
|
+
`}}},additional_text:{label:"Additional Descriptive Text",description:({NavigateTo:e})=>a.createElement("p",null,"For occasions when additional context beyond a placeholder is required, text in the form of a short phrase can appear below the input. For guidelines regarding writing descriptive text, reference the Additional Descriptive Text section on the"," ",a.createElement(e,{to:"form"},"Forms")," page."),examples:{placeholder:{react:w.code`
|
|
8318
8401
|
function DemoComponent() {
|
|
8319
8402
|
const { formValue, formMeta, updateForm } = useSpsForm({ password: "" });
|
|
8320
8403
|
|
|
@@ -8331,7 +8414,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8331
8414
|
</div>
|
|
8332
8415
|
);
|
|
8333
8416
|
}
|
|
8334
|
-
`}}},disabled:{label:"Disabled State",description:()=>
|
|
8417
|
+
`}}},disabled:{label:"Disabled State",description:()=>a.createElement("p",null,"The Disabled State prevents a user from modifying the text input while still allowing visibility to its information."),examples:{standard:{react:w.code`
|
|
8335
8418
|
function DemoComponent() {
|
|
8336
8419
|
const { formValue, formMeta, updateForm } = useSpsForm({ companyName: "FGL Sports" });
|
|
8337
8420
|
|
|
@@ -8348,7 +8431,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8348
8431
|
</div>
|
|
8349
8432
|
);
|
|
8350
8433
|
}
|
|
8351
|
-
`}}}},pN={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"},uN
|
|
8434
|
+
`}}}},pN={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"},uN=H(N({},Y),{disabled:y.exports.bool,formControl:le(),formMeta:le(),name:y.exports.string,onChange:ne(),placeholder:y.exports.string,ref:Ft(),rows:y.exports.number,value:y.exports.string,additionalText:y.exports.string});function Ji(x){var E=x,{className:e,disabled:t=!1,formControl:n,formMeta:s,id:o,name:i,onChange:c,placeholder:l="",ref:p,rows:u=2,"data-testid":f,unsafelyReplaceClassName:m,value:g="",additionalText:S}=E,T=z(E,["className","disabled","formControl","formMeta","id","name","onChange","placeholder","ref","rows","data-testid","unsafelyReplaceClassName","value","additionalText"]);const I=s||n,{wrapperId:D,controlId:v}=Tt(o,I),k=a.useRef();function _(F,P){I&&(I.setValue(F),I.markAsDirty()),c&&c(P||new ln(k.current))}function O(){k.current.value="",_("")}function R(F){_(F.target.value,F)}const B=K(m||"sps-textarea",e);return a.createElement(it,{id:D,className:B,formControl:n,formMeta:s,inputRef:k,ref:p,"data-testid":f},a.createElement("div",{className:"position-relative"},a.createElement("textarea",N({ref:k,rows:u,"data-testid":`${f}__input`,className:"sps-form-control input--clearable",id:v,name:i,placeholder:l,onChange:R,"aria-label":l,value:g||"",disabled:t},T)),g&&!t&&a.createElement("i",{"data-testid":`${f}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:O})),S&&a.createElement("p",{className:"sps-input__additional-text"},S))}Object.assign(Ji,{props:pN,propTypes:uN,displayName:"SpsTextarea"});const Gm={general:{label:"General Usage",description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Use a Text Area:"),a.createElement("ul",null,a.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted.")),a.createElement("h5",null,"Do Not Use a Text Area:"),a.createElement("ul",null,a.createElement("li",null,"When the value required is short (a single word or short phrase). Use a"," ",a.createElement(e,{to:"text-inputs"},"Text Input")," instead."),a.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",a.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),a.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",a.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",a.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",a.createElement(e,{to:"toggle"},"Toggles")," instead.")),a.createElement("h5",null,"Using Text Areas in a Form"),a.createElement("p",null,"Reference the ",a.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Areas",description:()=>a.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:w.code`
|
|
8352
8435
|
function DemoComponent() {
|
|
8353
8436
|
const { formValue, formMeta, updateForm } = useSpsForm({ notes: "" });
|
|
8354
8437
|
|
|
@@ -8365,7 +8448,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8365
8448
|
</div>
|
|
8366
8449
|
);
|
|
8367
8450
|
}
|
|
8368
|
-
`}}},placeholder:{label:"Placeholder Text",description:({NavigateTo:e})=>
|
|
8451
|
+
`}}},placeholder:{label:"Placeholder Text",description:({NavigateTo:e})=>a.createElement("p",null,"Certain inputs may benefit from placeholder text to aid the user in providing a valid value. For guidelines regarding writing placeholder text reference the Placeholder Text section on the ",a.createElement(e,{to:"form"},"Forms")," page."),examples:{placeholder:{react:w.code`
|
|
8369
8452
|
function DemoComponent() {
|
|
8370
8453
|
const { formValue, formMeta, updateForm } = useSpsForm({ companyDescription: "" });
|
|
8371
8454
|
|
|
@@ -8382,7 +8465,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8382
8465
|
</div>
|
|
8383
8466
|
);
|
|
8384
8467
|
}
|
|
8385
|
-
`}}},additional_text:{label:"Additional Descriptive Text",description:({NavigateTo:e})=>
|
|
8468
|
+
`}}},additional_text:{label:"Additional Descriptive Text",description:({NavigateTo:e})=>a.createElement("p",null,"For occasions when additional context beyond a placeholder is required, text in the form of a short phrase can appear below the input. For guidelines regarding writing descriptive text, reference the Additional Descriptive Text section on the"," ",a.createElement(e,{to:"form"},"Forms")," page."),examples:{placeholder:{react:w.code`
|
|
8386
8469
|
function DemoComponent() {
|
|
8387
8470
|
const { formValue, formMeta, updateForm } = useSpsForm({ campaignNotes: "" });
|
|
8388
8471
|
|
|
@@ -8399,7 +8482,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8399
8482
|
</div>
|
|
8400
8483
|
);
|
|
8401
8484
|
}
|
|
8402
|
-
`}}},disabled:{label:"Disabled State",description:()=>
|
|
8485
|
+
`}}},disabled:{label:"Disabled State",description:()=>a.createElement("p",null,"The Disabled State prevents a user from modifying the text input while still allowing visibility to its information."),examples:{standard:{react:w.code`
|
|
8403
8486
|
function DemoComponent() {
|
|
8404
8487
|
const { formValue, formMeta, updateForm } = useSpsForm({ notes: "Some notes here" });
|
|
8405
8488
|
|
|
@@ -8416,7 +8499,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8416
8499
|
</div>
|
|
8417
8500
|
);
|
|
8418
8501
|
}
|
|
8419
|
-
`}}}},mN={href:"string",icon:{type:"ReactNodeOrRenderFn",required:"true"},error:"boolean",errorIcon:"ReactNodeOrRenderFn",title:{type:"string",required:"true"},warning:"boolean",warningIcon:"ReactNodeOrRenderFn",disabled:"boolean"},fN
|
|
8502
|
+
`}}}},mN={href:"string",icon:{type:"ReactNodeOrRenderFn",required:"true"},error:"boolean",errorIcon:"ReactNodeOrRenderFn",title:{type:"string",required:"true"},warning:"boolean",warningIcon:"ReactNodeOrRenderFn",disabled:"boolean"},fN=H(N({},Y),{href:y.exports.string,target:y.exports.string,icon:dt.isRequired,error:y.exports.bool,errorIcon:dt,title:y.exports.string.isRequired,warning:y.exports.bool,warningIcon:dt,disabled:y.exports.bool});function Zi(e){const T=e,{className:t,href:n,target:s,icon:o,error:i=!1,errorIcon:c,title:l,unsafelyReplaceClassName:p,warning:u=!1,warningIcon:f,disabled:m=!1}=T,g=z(T,["className","href","target","icon","error","errorIcon","title","unsafelyReplaceClassName","warning","warningIcon","disabled"]),S=K(p||"sps-tile",t,i&&"sps-tile--error",u&&"sps-tile--warning",m&&"sps-tile--disabled");return a.useEffect(()=>{if(u&&i)throw new Error("Tile should have warning or error, not both")},[u,i]),a.createElement("div",{className:"sps-tile-container sfg-col-3 sfg-break-col-6"},a.createElement("a",N({className:S,href:m?void 0:n,target:s,rel:s==="_blank"?"noopener noreferrer":void 0},g),(u||i)&&a.createElement("div",{className:"sps-tile--icon"},u&&(f?ft(f):a.createElement("i",{className:K("sps-icon","sps-icon-status-warning")})),i&&(c?ft(c):a.createElement("i",{className:K("sps-icon","sps-icon-ban")}))),a.createElement("div",{className:"sps-tile--content"},a.createElement("div",{className:"sps-tile--image"},typeof o=="string"?a.createElement("img",{className:"sps-tile--image",src:o,alt:""}):ft(o)),a.createElement("div",{className:"sps-tile--title"},a.createElement("p",null,l,s==="_blank"&&a.createElement("i",{className:K("sps-icon","sps-icon-tabs")}))))))}Object.assign(Zi,{props:mN,propTypes:fN,displayName:"SpsTile"});const hN={},gN=N({},Y);function Xi(e){const l=e,{children:t,unsafelyReplaceClassName:n,"data-testid":s,className:o}=l,i=z(l,["children","unsafelyReplaceClassName","data-testid","className"]),c=K(n||"sps-tile-list",o||"sfg-row");return a.createElement("div",N({className:c},i),t)}Object.assign(Xi,{props:hN,propTypes:gN,displayName:"SpsTileList"});const Um={basic:{label:"Basic",examples:{basic:{react:w.code`
|
|
8420
8503
|
function Component() {
|
|
8421
8504
|
const apps = [
|
|
8422
8505
|
{
|
|
@@ -8615,7 +8698,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8615
8698
|
</>
|
|
8616
8699
|
)
|
|
8617
8700
|
}
|
|
8618
|
-
`}}}},SN={value:{type:"number",required:"true"},title:{type:"string",required:"true"},kind:"SpsFilterTileKind",active:"boolean"},bN
|
|
8701
|
+
`}}}},SN={value:{type:"number",required:"true"},title:{type:"string",required:"true"},kind:"SpsFilterTileKind",active:"boolean"},bN=H(N({},Y),{value:y.exports.number.isRequired,title:y.exports.string.isRequired,kind:be(M.SpsFilterTileKind),active:y.exports.bool});function Qi(e){const g=e,{value:t,title:n,kind:s=M.SpsFilterTileKind.GENERAL,active:o,className:i,unsafelyReplaceClassName:c}=g,l=z(g,["value","title","kind","active","className","unsafelyReplaceClassName"]),[p,u]=a.useState(!1),f=o||p,m=K(c||"sps-filter-tile",i,`sps-filter-tile--${s}`,f&&"active");return a.createElement("div",N({className:m},l),a.createElement("div",{className:"sps-filter-tile__body",onMouseOver:()=>u(!0),onMouseOut:()=>u(!1)},a.createElement("div",{className:"sps-filter-tile__body__value"},t),a.createElement("div",{className:"sps-filter-tile__body__title"},n)),a.createElement("div",{className:"sps-filter-tile__footer"}))}Object.assign(Qi,{props:SN,propTypes:bN,displayName:"SpsFilterTile"});const vN={},yN=N({},Y);function el(e){const l=e,{children:t,unsafelyReplaceClassName:n,"data-testid":s,className:o}=l,i=z(l,["children","unsafelyReplaceClassName","data-testid","className"]),c=K(n||"sps-filter-tile-list",o);return a.createElement("div",N({className:c},i),t)}Object.assign(el,{props:vN,propTypes:yN,displayName:"SpsFilterTileList"});const Ym={basic:{label:"Basic",examples:{basic:{react:w.code`
|
|
8619
8702
|
function Component() {
|
|
8620
8703
|
const data = [
|
|
8621
8704
|
{
|
|
@@ -8665,7 +8748,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8665
8748
|
</>
|
|
8666
8749
|
)
|
|
8667
8750
|
}
|
|
8668
|
-
`}}}},
|
|
8751
|
+
`}}}},zm={active:"boolean",description:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",label:"string",large:"boolean",onChange:"(isActive: boolean) => void"},TN=H(N({},Y),{active:y.exports.bool,description:y.exports.string,disabled:y.exports.bool,formControl:le(),formMeta:le(),id:y.exports.string,label:y.exports.string,large:y.exports.bool,onChange:ne(),ref:Ft()});function tl(e){const F=e,{active:t,className:n,description:s,disabled:o,formControl:i,formMeta:c,id:l,label:p,large:u,onChange:f,ref:m,"data-testid":g,unsafelyReplaceClassName:S}=F,T=z(F,["active","className","description","disabled","formControl","formMeta","id","label","large","onChange","ref","data-testid","unsafelyReplaceClassName"]);kc("SpsToggle",zm,e);const x=c||i,[E,I]=a.useState(t),{wrapperId:D,controlId:v}=Tt(l,x),k=`${D}_status-label`,_=`${D}_description`,O=a.useRef();a.useEffect(()=>I(t),[t]);function R(P){I(P.target.checked),x&&(x.setValue(P.target.checked),x.markAsDirty()),f&&f(P.target.checked),O.current.focus()}const B=K(S||"sps-toggle",E&&"sps-toggle--active",u&&"sps-toggle--large",o&&"sps-toggle--disabled",n);return a.createElement(it,{id:D,formControl:i,formMeta:c,inputRef:O,ref:m,"data-testid":`${g}`},a.createElement("div",{className:B},a.createElement("input",N({type:"checkbox",ref:O,className:"sps-toggle__input",id:v,checked:E||!1,disabled:o,onChange:R,"aria-describedby":`${k},${_}`,"data-testid":`${g}__input`},T)),a.createElement("span",{className:"sps-toggle__slider"}),p&&a.createElement("label",{className:"sps-toggle__status-label",htmlFor:v,id:k},p),s&&a.createElement("span",{className:"sps-toggle__description",id:_},s)))}Object.assign(tl,{props:zm,propTypes:TN,displayName:"SpsToggle"});const jm={general:{label:"General Usage",description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Use Toggles:"),a.createElement("ul",null,a.createElement("li",{className:"mb-2"},'When an option represents a specific "on/off" state.'),a.createElement("li",{className:"mb-2"},"When the selection causes an imeediate change in the system.")),a.createElement("h5",null,"Do Not Use Toggles:"),a.createElement("ul",null,a.createElement("li",{className:"mb-2"},"When a selection does not cause an immediate change in the system."," ",a.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",a.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),a.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:()=>a.createElement("p",null,"Basic toggles can appear with or without labels and can include an extended description if necessary."),examples:{basic:{description:()=>a.createElement("h4",{className:"mb-3"},"Toggle"),react:w.code`
|
|
8669
8752
|
function DemoComponent() {
|
|
8670
8753
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
8671
8754
|
toggle: true
|
|
@@ -8677,7 +8760,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8677
8760
|
/>
|
|
8678
8761
|
)
|
|
8679
8762
|
}
|
|
8680
|
-
`},label:{description:()=>
|
|
8763
|
+
`},label:{description:()=>a.createElement("h4",{className:"mb-3"},"Toggle + Label"),react:w.code`
|
|
8681
8764
|
function DemoComponent() {
|
|
8682
8765
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
8683
8766
|
toggle: true
|
|
@@ -8690,7 +8773,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8690
8773
|
/>
|
|
8691
8774
|
)
|
|
8692
8775
|
}
|
|
8693
|
-
`},extendedDescription:{description:()=>
|
|
8776
|
+
`},extendedDescription:{description:()=>a.createElement("h4",{className:"mb-3"},"Toggle + Label with Extended Description"),react:w.code`
|
|
8694
8777
|
function DemoComponent() {
|
|
8695
8778
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
8696
8779
|
toggle: true
|
|
@@ -8704,7 +8787,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8704
8787
|
/>
|
|
8705
8788
|
)
|
|
8706
8789
|
}
|
|
8707
|
-
`}}},groups:{label:"Toggle Groups",description:()=>
|
|
8790
|
+
`}}},groups:{label:"Toggle Groups",description:()=>a.createElement("p",null,"Toggle Groups can appear as one of the two types listed."),examples:{group:{description:()=>a.createElement("h4",{className:"mb-3"},"Toggle Group"),react:w.code`
|
|
8708
8791
|
function DemoComponent() {
|
|
8709
8792
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
8710
8793
|
toggleLabel: true,
|
|
@@ -8733,7 +8816,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8733
8816
|
</>
|
|
8734
8817
|
)
|
|
8735
8818
|
}
|
|
8736
|
-
`},alternate:{description:()=>
|
|
8819
|
+
`},alternate:{description:()=>a.createElement("h4",{className:"mb-3"},"Toggle Group Alternate"),react:w.code`
|
|
8737
8820
|
function DemoComponent() {
|
|
8738
8821
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
8739
8822
|
toggleLabel: true,
|
|
@@ -8782,7 +8865,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8782
8865
|
</>
|
|
8783
8866
|
)
|
|
8784
8867
|
}
|
|
8785
|
-
`}}},disabled:{label:"Disabled States",description:()=>
|
|
8868
|
+
`}}},disabled:{label:"Disabled States",description:()=>a.createElement("p",null,"Toggles have a disabled style for each possible state."),examples:{basic:{react:w.code`
|
|
8786
8869
|
function DemoComponent() {
|
|
8787
8870
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
8788
8871
|
toggle: true
|
|
@@ -8824,7 +8907,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8824
8907
|
/>
|
|
8825
8908
|
)
|
|
8826
8909
|
}
|
|
8827
|
-
`}}}},
|
|
8910
|
+
`}}}},qm={heading:"string",icon:"SpsIcon"},Jm=H(N({},Y),{heading:y.exports.string,icon:be(M.SpsIcon)});function br(e){const u=e,{children:t,className:n,icon:s,title:o,"data-testid":i,unsafelyReplaceClassName:c}=u,l=z(u,["children","className","icon","title","data-testid","unsafelyReplaceClassName"]),p=K(c||"sps-workflow",n);return a.createElement("div",N({className:p,"data-testid":`${i}`},l),o&&a.createElement("h1",{className:"sps-workflow__heading","data-testid":`${i}__title`},a.createElement("span",{className:"sps-workflow__icon","data-testid":`${i}__icon`},a.createElement("i",{"aria-hidden":"true",className:K("sps-icon",`sps-icon-${s}`)})),o),t)}Object.assign(br,{props:qm,propTypes:Jm,displayName:"SpsWorkflow"});function Zm(e){return a.createElement(br,N({},e))}Object.assign(Zm,{props:qm,propTypes:Jm,displayName:"SpsWf"});const wN={size:"RingSize",progress:"number"},EN=H(N({},Y),{progress:y.exports.number,size:be(M.RingSize)});function nl({size:e=M.RingSize.SMALL,progress:t=0}){const n=4,s=e-n,o=s*2*Math.PI,i=o-t/100*o;return a.createElement("div",{className:"sps-progress-ring"},a.createElement("svg",{height:e*2,width:e*2,style:{transform:"rotate(-90deg)"}},a.createElement("circle",{stroke:Gr.colors.gray300,fill:"transparent",strokeWidth:n,strokeDasharray:`${o} ${o}`,r:s,cx:e,cy:e}),a.createElement("circle",{stroke:Gr.colors.purple200,fill:"transparent",strokeWidth:n,strokeDasharray:`${o} ${o}`,style:{strokeDashoffset:i},r:s,cx:e,cy:e})))}Object.assign(nl,{props:wN,propTypes:EN,displayName:"SpsProgressRing"});const CN={phases:"WizardPhase[]"},xN=H(N({},Y),{phases:y.exports.arrayOf(le())}),Lt="sps-wizard-sidebar";function al({className:e,phases:t}){const n=K(Lt,e);return a.createElement("div",{className:n},t.map(s=>{const o=K(`${Lt}__phase-title`,s.disabled&&`${Lt}__phase-title--disabled`);return a.createElement("div",{className:`${Lt}__phase-wrapper`,key:s.title},a.createElement("div",{className:o},s.title),s.steps.map(i=>{const c=K(`${Lt}__step`,i.active&&`${Lt}__step--active`,i.disabled&&`${Lt}__step--disabled`,!!i.onClick&&!i.disabled&&`${Lt}__step--clickable`);return a.createElement("div",{className:c,key:i.title,onClick:!i.disabled&&i.onClick},a.createElement("div",{className:`${Lt}__step-progress`},i.percentComplete===100?a.createElement("div",{className:`${Lt}__step-complete`},a.createElement(Rt,{icon:M.SpsIcon.CHECKMARK})):a.createElement(nl,{size:M.RingSize.SMALL,progress:i.percentComplete})),a.createElement("div",{className:`${Lt}__step-title`,role:"button"},i.title))}))}))}Object.assign(al,{props:CN,propTypes:xN,displayName:"SpsWizardSidebar"});const DN={display:"string",condition:"WizardSubstepConditions",orderPosition:"string | number"},IN=H(N({},Y),{condition:be(M.WizardSubstepConditions).isRequired,display:y.exports.string.isRequired,orderPosition:y.exports.oneOfType([y.exports.string,y.exports.number]).isRequired});function sl(e){const{condition:t=M.WizardSubstepConditions.BASIC,orderPosition:n,display:s,children:o}=e;return a.createElement("div",{className:"sps-wizard-substep"},a.createElement("div",{className:K("sps-wizard-substep__heading",`sps-wizard-substep__heading--${t}`)},a.createElement("div",{className:"sps-wizard-substep__heading-icon"},t===M.WizardSubstepConditions.COMPLETED?a.createElement("i",{"aria-hidden":"true",className:"sps-icon sps-icon-checkmark"}):n),a.createElement("p",null,s)),a.createElement("div",{className:K("sps-wizard-substep__body",`sps-wizard-substep__body--${t}`)},o))}Object.assign(sl,{props:DN,propTypes:IN,displayName:"SpsWizardSubstep"});const Xm={substep:{label:"Substep",examples:{completed:{jsx:w.code`
|
|
8828
8911
|
<SpsWizardSubstep condition={WizardSubstepConditions.COMPLETED} orderPosition="1" display="Payment Options">
|
|
8829
8912
|
<div>Put a Route here</div>
|
|
8830
8913
|
</SpsWizardSubstep>
|
|
@@ -8892,7 +8975,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8892
8975
|
</div>
|
|
8893
8976
|
)
|
|
8894
8977
|
}
|
|
8895
|
-
`}}}},
|
|
8978
|
+
`}}}},Qm={},ef=N({},Y);function vr(e){const l=e,{children:t,className:n,"data-testid":s,unsafelyReplaceClassName:o}=l,i=z(l,["children","className","data-testid","unsafelyReplaceClassName"]),c=K(o||"sps-workflow__document",n);return a.createElement("span",N({className:c,"data-testid":`${s}__document`},i),t)}Object.assign(vr,{props:Qm,propTypes:ef,displayName:"SpsWorkflowDocument"});function tf(e){return a.createElement(vr,N({},e))}Object.assign(tf,{props:Qm,propTypes:ef,displayName:"SpsWfDoc"});const nf={icon:"SpsIcon"},af=H(N({},Y),{icon:be(M.SpsIcon)});function yr(e){const p=e,{children:t,className:n,icon:s,"data-testid":o,unsafelyReplaceClassName:i}=p,c=z(p,["children","className","icon","data-testid","unsafelyReplaceClassName"]),l=K(i||"sps-workflow__document-status",n);return a.createElement("span",N({className:l,"data-testid":`${o}__doc-status`},c),s&&a.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${s}`}),t)}Object.assign(yr,{props:nf,propTypes:af,displayName:"SpsWorkflowDocumentStatus"});function sf(e){return a.createElement(yr,N({},e))}Object.assign(sf,{props:nf,propTypes:af,displayName:"SpsWfDs"});const rf={icon:{type:"SpsIcon",required:!0},title:{type:"string",required:!0}},of=H(N({},Y),{icon:be(M.SpsIcon).isRequired,title:y.exports.string.isRequired});function Tr(e){const u=e,{children:t,className:n,icon:s,title:o,"data-testid":i,unsafelyReplaceClassName:c}=u,l=z(u,["children","className","icon","title","data-testid","unsafelyReplaceClassName"]),p=K(c||"sps-workflow__step",n);return a.createElement("div",N({className:p,"data-testid":`${i}__step`},l),a.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${s} sps-workflow__step-icon`}),a.createElement("h2",{className:"sps-workflow__step-heading","data-testid":`${i}__step-heading`},o),t)}Object.assign(Tr,{props:rf,propTypes:of,displayName:"SpsWorkflowStep"});function lf(e){return a.createElement(Tr,N({},e))}Object.assign(lf,{props:rf,propTypes:of,displayName:"SpsWfStep"});const cf={basic:{label:"Basic Usage",examples:{basic:{jsx:w.code`
|
|
8896
8979
|
<div className="col-4">
|
|
8897
8980
|
<SpsWorkflow icon={SpsIcon.LIST_SUMMARY} title="Workflow">
|
|
8898
8981
|
<SpsWorkflowStep icon={SpsIcon.HEART} title="Name of Step">
|
|
@@ -8936,7 +9019,7 @@ var a=n.defineLocale("zh-tw",{months:"\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u5
|
|
|
8936
9019
|
</SpsWfStep>
|
|
8937
9020
|
</SpsWf>
|
|
8938
9021
|
</div>
|
|
8939
|
-
`}}}},NN={illustration:"string",artwork:{type:"string",deprecated:!0},heading:{type:"string",required:!0},subHeading:"string"},kN
|
|
9022
|
+
`}}}},NN={illustration:"string",artwork:{type:"string",deprecated:!0},heading:{type:"string",required:!0},subHeading:"string"},kN=H(N({},Y),{illustration:y.exports.string,artwork:y.exports.string,heading:y.exports.string.isRequired,subHeading:y.exports.string});function rl(e){const g=e,{artwork:t,children:n,className:s,heading:o,illustration:i,subHeading:c,"data-testid":l,unsafelyReplaceClassName:p}=g,u=z(g,["artwork","children","className","heading","illustration","subHeading","data-testid","unsafelyReplaceClassName"]),f=i||t||ec.SpsIllustrations.Large.BUILDING,m=K(p||"sps-zero-state",s);return a.createElement("div",{className:"sps-card__body","data-testid":`${l}`},a.createElement("div",N({className:m,"data-testid":`${l}__actual-zero-state`},u),a.createElement("img",{className:"sps-zero-state__image",src:f,alt:"","data-testid":`${l}__artwork`}),a.createElement("h1",{className:"sps-zero-state__heading","data-testid":`${l}__heading`},o),a.createElement("h2",{className:"sps-zero-state__subheading","data-testid":`${l}__subheading`},c),a.createElement("div",{className:"sps-zero-state__content","data-testid":`${l}__content`},n)))}Object.assign(rl,{props:NN,propTypes:kN,displayName:"SpsZeroState"});const MN={illustration:"string",icon:{type:"SpsIcon",deprecated:!0},heading:"ReactNodeOrRenderFn",subHeading:"ReactNodeOrRenderFn"},_N=H(N({},Y),{illustration:y.exports.string,icon:be(M.SpsIcon),heading:dt,subHeading:dt});function ol(e){const f=e,{className:t,heading:n,icon:s,illustration:o=ec.SpsIllustrations.Small.BUILDING,subHeading:i,"data-testid":c,unsafelyReplaceClassName:l}=f,p=z(f,["className","heading","icon","illustration","subHeading","data-testid","unsafelyReplaceClassName"]),u=K(l||"sps-zero-state","sps-zero-state--micro",t);return a.createElement("div",N({className:u,"data-testid":`${c}__actual-micro-zero-state`},p),s?a.createElement("i",{className:`sps-zero-state__icon sps-icon sps-icon-${s}`,"aria-hidden":"true","data-testid":`${c}__icon`}):a.createElement("img",{style:{height:"3rem"},src:o}),n&&a.createElement("h1",{className:"sps-zero-state__heading","data-testid":`${c}__heading`},n),i&&a.createElement("h2",{className:"sps-zero-state__subheading","data-testid":`${c}__subheading`},i))}Object.assign(ol,{props:MN,propTypes:_N,displayName:"SpsMicroZeroState"});const df={sizes:{label:"Sizes",customSection:()=>a.createElement("section",{id:"zero-states-sizes"},a.createElement("div",{className:"flex-color-header"},a.createElement("h4",null,"Sizes"),a.createElement(Fe,{onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},kind:M.ButtonKind.LINK},"Back to Top")),a.createElement("h5",{className:"mb-3"},"There are 2 sizes of Zero States: Large and Small. They differ in appearance and are used in different cases."),a.createElement("h4",null,"Large Zero States"),a.createElement("h5",{className:"mb-3"},"Use Large Zero States in primary or large areas of a page."),a.createElement("h4",null,"Small Zero States"),a.createElement("h5",{className:"mb-0"},"Use Small Zero States in a secondary or small areas of a page."))},regular:{label:"Usage: Large Zero States",description:({NavigateTo:e})=>a.createElement("span",{className:"sps-body-14 mt-4"},"Large Zero States may be accompanied by other components such as Headings, Subtitles, ",a.createElement(e,{to:"Button"},"Buttons"),","," ",a.createElement(e,{to:"List Toolbar"},"Search Bars"),", or a combination of these"),examples:{illustrationAndHeading:{description:"Illustration + Heading",jsx:w.code`
|
|
8940
9023
|
<SpsCard>
|
|
8941
9024
|
<SpsZeroState
|
|
8942
9025
|
heading="Search for a record"
|
|
@@ -9036,7 +9119,7 @@ function Component() {
|
|
|
9036
9119
|
</SpsCard>
|
|
9037
9120
|
</div>
|
|
9038
9121
|
</div>
|
|
9039
|
-
`}}}},RN={},
|
|
9122
|
+
`}}}},RN={},LN=N({},Y);function il(s){var o=s,{children:e,className:t}=o,n=z(o,["children","className"]);return a.createElement("div",N({className:K("sps-filter-panel",t)},n),e)}Object.assign(il,{props:RN,propTypes:LN,displayName:"SpsFilterPanel"});const ON={title:"string",expanded:"boolean",heightPx:"number",heightRem:"number",onExpand:"() => void",onCollapse:"() => void"},BN=H(N({},Y),{title:y.exports.string,expanded:y.exports.bool,heightPx:y.exports.number,heightRem:y.exports.number,onExpand:ne(),onCollapse:ne()});function ll(u){var f=u,{children:e,className:t,title:n,expanded:s,heightPx:o,heightRem:i,onExpand:c,onCollapse:l}=f,p=z(f,["children","className","title","expanded","heightPx","heightRem","onExpand","onCollapse"]);const[m,g]=a.useState(s),S=typeof s!="undefined"?s:m,T=o?o/16:i,x=T?{overflowY:"scroll",height:`${T}rem`}:{},E=()=>a.createElement("button",{type:"button",className:"sps-filter-panel__section__expand-btn",onClick:()=>{g(!S),!S&&c?c():S&&l&&l()}},a.createElement(Rt,{icon:S?M.SpsIcon.MINUS_CIRCLE:M.SpsIcon.PLUS_CIRCLE}));return a.useEffect(()=>{g(s)},[s]),a.createElement("div",N({className:K("sps-filter-panel__section",t)},p),a.createElement("div",{className:"sps-filter-panel__section__title-wrapper"},a.createElement(E,null),a.createElement("p",null,n)),S&&a.createElement("div",{className:"sps-filter-panel__section__content-wrapper",style:x},a.createElement("div",{className:"sps-filter-panel__section__content"},e)))}Object.assign(ll,{props:ON,propTypes:BN,displayName:"SpsFilterPanelSection"});const PN={onClear:"() => void"},AN=H(N({},Y),{onClear:ne()});function cl(o){var i=o,{children:e,className:t,onClear:n}=i,s=z(i,["children","className","onClear"]);const{t:c}=a.useContext(Oe);return a.createElement("div",N({className:K("sps-filter-panel__cap",t)},s),a.createElement("div",{className:"sps-filter-panel__cap__title-wrapper"},a.createElement(Rt,{icon:M.SpsIcon.FILTER,size:M.SpsIconSize.SMALL}),a.createElement("p",null,c("design-system:filterPanel.title"))),a.createElement(Fe,{kind:M.ButtonKind.LINK,onClick:n},c("design-system:filterPanel.clear")),e)}Object.assign(cl,{props:PN,propTypes:AN,displayName:"SpsFilterPanelCap"});const pf={generalUsage:{label:"General Usage",examples:{general:{react:w.code`
|
|
9040
9123
|
function Component() {
|
|
9041
9124
|
const initialValues = {
|
|
9042
9125
|
colors: {
|
|
@@ -9125,7 +9208,7 @@ function Component() {
|
|
|
9125
9208
|
</div>
|
|
9126
9209
|
);
|
|
9127
9210
|
}
|
|
9128
|
-
`}}},filterBox:{label:"Filter Box",examples:{withFormMeta:{description:()=>
|
|
9211
|
+
`}}},filterBox:{label:"Filter Box",examples:{withFormMeta:{description:()=>a.createElement("p",null,"Using formMeta prop"),react:w.code`
|
|
9129
9212
|
function Component() {
|
|
9130
9213
|
const initialValues = {
|
|
9131
9214
|
colors: {
|
|
@@ -9229,7 +9312,7 @@ function Component() {
|
|
|
9229
9312
|
</div>
|
|
9230
9313
|
);
|
|
9231
9314
|
}
|
|
9232
|
-
`},withOnFilterChange:{description:()=>
|
|
9315
|
+
`},withOnFilterChange:{description:()=>a.createElement("p",null,"Using onFilterChange prop"),react:w.code`
|
|
9233
9316
|
function Component() {
|
|
9234
9317
|
const initialValues = {
|
|
9235
9318
|
colors: {
|
|
@@ -9337,7 +9420,7 @@ function Component() {
|
|
|
9337
9420
|
</div>
|
|
9338
9421
|
);
|
|
9339
9422
|
}
|
|
9340
|
-
`}}}},FN={value:"string",placeholder:"string",formMeta:"SpsFormFieldMeta<string>",onFilterChange:"ChangeEventHandler<HTMLInputElement>"},KN
|
|
9423
|
+
`}}}},FN={value:"string",placeholder:"string",formMeta:"SpsFormFieldMeta<string>",onFilterChange:"ChangeEventHandler<HTMLInputElement>"},KN=H(N({},Y),{value:y.exports.string,placeholder:y.exports.string,formMeta:le(),onFilterChange:ne()});function dl(c){var l=c,{className:e,value:t,placeholder:n,formMeta:s,onFilterChange:o}=l,i=z(l,["className","value","placeholder","formMeta","onFilterChange"]);const{t:p}=a.useContext(Oe);return a.createElement("div",N({className:K("sps-filter-panel__filter-box",e)},i),a.createElement(Sr,{value:t,icon:M.SpsIcon.FILTER,formMeta:s,placeholder:n||p("design-system:filterPanel.filterPlaceholder"),onChange:o}))}Object.assign(dl,{props:FN,propTypes:KN,displayName:"SpsFilterPanelFilterBox"});const VN={showCondition:"boolean"},$N=H(N({},Y),{showCondition:y.exports.bool});function pl(o){var i=o,{showCondition:e=!0,children:t,className:n}=i,s=z(i,["showCondition","children","className"]);return e?a.createElement("div",N({className:K("sps-conditional-field",n)},s),t):null}Object.assign(pl,{props:VN,propTypes:$N,displayName:"SpsConditionalField"});const uf={generalUsage:{label:"General Usage",examples:{withCheckbox:{react:w.code`
|
|
9341
9424
|
function Component() {
|
|
9342
9425
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
9343
9426
|
optionOne: true,
|
|
@@ -9455,7 +9538,7 @@ function Component() {
|
|
|
9455
9538
|
</SpsForm>
|
|
9456
9539
|
)
|
|
9457
9540
|
}
|
|
9458
|
-
`}}}},HN={"Advanced Search":{components:[Yr],examples:ic},Autocomplete:{components:[fs],examples:_c},Buttons:{description:()=>s.createElement(s.Fragment,null,s.createElement("div",{className:"sps-body-14"},"Buttons are used to initiate events or actions. The labels and/or icons describe what the button will do."),s.createElement("br",null),s.createElement("h5",null,"Variants"),s.createElement("div",{className:"sps-body-14"},s.createElement("span",{className:"sps-text-semibold"},"Default:"),"For tertiary actions or actions of lower importance on a page."),s.createElement("div",{className:"sps-body-14"},s.createElement("span",{className:"sps-text-semibold"},"Key:"),"For primary or important actions on a page."),s.createElement("div",{className:"sps-body-14"},s.createElement("span",{className:"sps-text-semibold"},"Confirm:"),"For the main call to action on a page. There should only be one Confirm button per screen."),s.createElement("div",{className:"sps-body-14"},s.createElement("span",{className:"sps-text-semibold"},"Delete:"),"For deleting information or another destructive action. These should always be paired with a Delete Confirmation Modal."),s.createElement("div",{className:"sps-body-14"},s.createElement("span",{className:"sps-text-semibold"},"Disabled:"),"For actions that are not permitted in a particular state. These can be accompanied by a Tooltip on hover describing why it\u2019s disabled."),s.createElement("div",{className:"sps-body-14"},s.createElement("span",{className:"sps-text-semibold"},"With an Icon:"),"For further illustrating the action. Example: Pencil icon in an Edit button. There can also be Icon Buttons without text.")),components:[Ve,eo],examples:Rc},Cards:{description:()=>s.createElement("p",null,"Cards are used to group similar or related content together in a single container. They can be combined with additional elements such as Headers, Footers, or Tabs."),components:[mo,ys,Ts,fo,vs],examples:ld},Checkbox:{components:[In],examples:cd},"Clickable Tags":{components:[Ia],examples:dd},"Column Chooser":{components:[ui,Xs],examples:bu},"Conditional Fields":{description:()=>s.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:[pl],examples:pf},"Content Rows":{components:[mi,_n,Qs,hr,Va],examples:Tu},"Content Tiles":{components:[Zi,Xi,hr,Va],examples:Gm},"Filter Tiles":{components:[Qi,el],examples:Um},Datepicker:{components:[gi],examples:Du},"Date Range Picker":{components:[bi],examples:Nu},Datetime:{components:[vi],examples:ku},"Description Lists":{description:()=>s.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[er,tr,ar],examples:Ku},Dropdown:{components:[xn,yi],examples:Vu},"Feedback Blocks":{description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("p",null,"Feedback Blocks show static informational messages on a page. They should not dynamically appear or disappear. For feedback that responds to a user action, Use a"," ",s.createElement(e,{to:"growler"},"Growler")," instead."),s.createElement("h5",null,"Variants"),s.createElement("p",null,"Variants are generally tied to a specific color and an accompanying icon."),s.createElement(tn,{kind:M.FeedbackBlockKind.ERROR,message:"Error"}),s.createElement(tn,{kind:M.FeedbackBlockKind.INFO,message:"Information"}),s.createElement(tn,{kind:M.FeedbackBlockKind.TIP,message:"Tip"}),s.createElement(tn,{kind:M.FeedbackBlockKind.SUCCESS,message:"Success"}),s.createElement(tn,{kind:M.FeedbackBlockKind.WARNING,message:"Warning"})),components:[Ti,tn],examples:$u},Fieldset:{components:[wi],examples:Hu},"Filter Panel":{components:[il,ll,cl,dl],examples:df},"Focused Task":{components:[rr,sr],examples:Wu},Form:{components:[ga],examples:Gu},Growlers:{description:()=>s.createElement("p",null,"Use Growlers for dynamic messages in response to a user's action. All Growlers have a Primary Message, and may optionally have a Secondary Message as needed. Growlers may also contain Hyperlinks in the Secondary Message."),components:[or],examples:Uu},Incrementor:{components:[Ci],examples:Yu},"Insight Tiles":{components:[zu,xi],examples:PD},"Key Value Lists":{components:[Di,Ii],examples:ju},Label:{description:()=>s.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[Ni],examples:qu},"List Action Bar":{description:()=>s.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:[ki],examples:gm},"List Toolbar":{description:()=>s.createElement("p",null,"The List Toolbar provides the ability to interact with elements in a list or table. It can contain elements to search, filter, sort, or perform other actions."),components:[Ri,lr,cr,Oi],examples:Tm},"Micro Block":{components:[tn],examples:wm},Modals:{description:()=>s.createElement("p",null,"Modals are overlays on a page that focus a user\u2019s 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:[Li,dr],examples:Em},"Multi Select":{description:()=>s.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:[Bi],examples:Cm},"Page Title":{components:[Ai,Pi],examples:xm},Pagination:{description:()=>s.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:[Fi,ur],examples:Dm},"Product Bar":{components:[Ki,mr],examples:Im},"Progress Bar":{description:()=>s.createElement("p",null,"Progress Bars are used to visualize the progression of a process (such as a file upload) or series of related tasks that take place over a longer period of time. Progress Bars can be accompanied by a variety of additional content to provide more context regarding the processes being performed."),components:[Vi],examples:Mm},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[Wi],examples:_m},"Scrollable Container":{components:[Gi],examples:Rm},"Search Results Bar":{components:[ir],examples:vm},Select:{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:[pr],examples:Om},"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:[Bm],examples:Am},Spinner:{components:[us],examples:Pm},"Split Button":{components:[Ui],examples:Fm},"Stepped Progress Bar":{components:[Hi],examples:Nm},"Slack Link":{components:[Yi],examples:Km},"Summary List Row":{components:[zi,ji,$a],examples:Vm},Tables:{description:({NavigateTo:e})=>s.createElement(s.Fragment,null,s.createElement("div",{className:"sps-body-14"},"Tables (along with ",s.createElement(e,{to:"content-rows"},"Content Rows")," and"," ",s.createElement(e,{to:"content-tiles"},"Content Tiles"),") are one of three options for displaying a list of records on a page."),s.createElement("br",null),s.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:[On,bn,ae,Sn,Xe,Fe],examples:fm},Tags:{components:[wt],examples:hm},"Task Queue":{components:[qi],examples:$m},"Text Inputs":{description:()=>s.createElement("p",null,"Text Inputs consist of a Label and a field in which a user enters a short value."),components:[gr],examples:Hm},"Text Areas":{description:()=>s.createElement("p",null,"Text Areas consist of a Label and a field in which a user enters a long value."),components:[Ji],examples:Wm},Toggle:{description:()=>s.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[tl],examples:zm},Tooltips:{components:[Et,$i],examples:km},Wizard:{components:[al,sl],examples:Zm},Workflow:{components:[Sr,br,vr,yr],examples:lf},"Zero States":{description:"Zero States are placeholders in content areas when there is no content to show. You can view all available illustrations on the Illustrations page.",components:[rl,ol],examples:cf}},WN=function({viewing:e,in:t,onChange:n}){return s.createElement("div",{className:"sps-context-bar"},"Viewing",s.createElement("span",{className:"sps-context-bar__emphasized"},e),Boolean(t)&&s.createElement(s.Fragment,null,"in",s.createElement("span",{className:"sps-context-bar__emphasized"},t)),Boolean(n)&&s.createElement(Ve,{className:"sps-context-bar__change-button",kind:M.ButtonKind.LINK,onClick:n},"Change"))},GN={disabled:"boolean",formMeta:"SpsFormFieldMeta<number>",name:"string",onChange:"ChangeEventHandler<number>",value:"number"},UN=$(N({},Y),{disabled:y.exports.bool,formMeta:ie(),name:y.exports.string,onChange:ne(),ref:Pt(),value:y.exports.number});function YN(e){return e?Number.parseInt(e.replace(/[^\d]/g,""),10)/100:null}function zN(e){return typeof e=="number"?e.toFixed(2):""}function uf(f){var u=f,{className:e,disabled:t=!1,formMeta:n,id:a,name:o,onChange:i,ref:c,title:l,value:p}=u,m=z(u,["className","disabled","formMeta","id","name","onChange","ref","title","value"]);const{wrapperId:g,controlId:S}=bt(a,n),T=s.useRef();function x(k){n&&(n.setValue(k),n.markAsDirty()),i&&i(k)}function E(){x(null)}function I(k){x(YN(k.target.value))}function D(k){k.currentTarget.setSelectionRange(k.currentTarget.value.length,k.currentTarget.value.length)}const v=F("sps-text-input",e);return s.createElement(ot,{id:g,className:v,formMeta:n,inputRef:T,ref:c},s.createElement("div",{className:F("sps-form-control",t&&"disabled")},s.createElement(_t,{className:"sps-text-input__icon",icon:M.SpsIcon.DOLLAR_SIGN}),s.createElement("input",N({type:"text",ref:T,onFocus:D,className:"sps-text-input__input",id:S,name:o,placeholder:"0.00",onChange:I,title:l,value:zN(p),disabled:t},m)),p!==null&&!t&&s.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:E})))}Object.assign(uf,{props:GN,propTypes:UN,displayName:"SpsCurrencyInput"});const jN={basic:{label:"Basic",examples:{basic:{react:w.code`
|
|
9541
|
+
`}}}},HN={"Advanced Search":{components:[Yr],examples:ic},Autocomplete:{components:[hs],examples:_c},Buttons:{description:()=>a.createElement(a.Fragment,null,a.createElement("div",{className:"sps-body-14"},"Buttons are used to initiate events or actions. The labels and/or icons describe what the button will do."),a.createElement("br",null),a.createElement("h5",null,"Variants"),a.createElement("div",{className:"sps-body-14"},a.createElement("span",{className:"sps-text-semibold"},"Default:"),"For tertiary actions or actions of lower importance on a page."),a.createElement("div",{className:"sps-body-14"},a.createElement("span",{className:"sps-text-semibold"},"Key:"),"For primary or important actions on a page."),a.createElement("div",{className:"sps-body-14"},a.createElement("span",{className:"sps-text-semibold"},"Confirm:"),"For the main call to action on a page. There should only be one Confirm button per screen."),a.createElement("div",{className:"sps-body-14"},a.createElement("span",{className:"sps-text-semibold"},"Delete:"),"For deleting information or another destructive action. These should always be paired with a Delete Confirmation Modal."),a.createElement("div",{className:"sps-body-14"},a.createElement("span",{className:"sps-text-semibold"},"Disabled:"),"For actions that are not permitted in a particular state. These can be accompanied by a Tooltip on hover describing why it\u2019s disabled."),a.createElement("div",{className:"sps-body-14"},a.createElement("span",{className:"sps-text-semibold"},"With an Icon:"),"For further illustrating the action. Example: Pencil icon in an Edit button. There can also be Icon Buttons without text.")),components:[Fe,eo],examples:Rc},Cards:{description:()=>a.createElement("p",null,"Cards are used to group similar or related content together in a single container. They can be combined with additional elements such as Headers, Footers, or Tabs."),components:[mo,Ts,ws,fo,ys],examples:ld},Checkbox:{components:[Nn],examples:cd},"Clickable Tags":{components:[Ia],examples:dd},"Column Chooser":{components:[ui,Qs],examples:bu},"Conditional Fields":{description:()=>a.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:[pl],examples:uf},"Content Rows":{components:[mi,Rn,er,gr,Va],examples:Tu},"Content Tiles":{components:[Zi,Xi,gr,Va],examples:Um},"Filter Tiles":{components:[Qi,el],examples:Ym},Datepicker:{components:[gi],examples:Du},"Date Range Picker":{components:[bi],examples:Nu},Datetime:{components:[vi],examples:ku},"Description Lists":{description:()=>a.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[tr,nr,sr],examples:Vu},Dropdown:{components:[Dn,yi],examples:$u},"Feedback Blocks":{description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("p",null,"Feedback Blocks show static informational messages on a page. They should not dynamically appear or disappear. For feedback that responds to a user action, Use a"," ",a.createElement(e,{to:"growler"},"Growler")," instead."),a.createElement("h5",null,"Variants"),a.createElement("p",null,"Variants are generally tied to a specific color and an accompanying icon."),a.createElement(en,{kind:M.FeedbackBlockKind.ERROR,message:"Error"}),a.createElement(en,{kind:M.FeedbackBlockKind.INFO,message:"Information"}),a.createElement(en,{kind:M.FeedbackBlockKind.TIP,message:"Tip"}),a.createElement(en,{kind:M.FeedbackBlockKind.SUCCESS,message:"Success"}),a.createElement(en,{kind:M.FeedbackBlockKind.WARNING,message:"Warning"})),components:[Ti,en],examples:Hu},Fieldset:{components:[wi],examples:Wu},"Filter Panel":{components:[il,ll,cl,dl],examples:pf},"Focused Task":{components:[or,rr],examples:Gu},Form:{components:[Sa],examples:Uu},Growlers:{description:()=>a.createElement("p",null,"Use Growlers for dynamic messages in response to a user's action. All Growlers have a Primary Message, and may optionally have a Secondary Message as needed. Growlers may also contain Hyperlinks in the Secondary Message."),components:[ir],examples:Yu},Incrementor:{components:[Ci],examples:zu},"Insight Tiles":{components:[ju,xi],examples:AD},"Key Value Lists":{description:()=>a.createElement("p",null,"Key Value Sets consist of a title and value, or values, paired together visually. They are ideal for displaying details (a value or values) that require additional context (title)."),components:[Di,Ii],examples:qu},Label:{description:()=>a.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[Ni],examples:Ju},"List Action Bar":{description:()=>a.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:[ki],examples:Sm},"List Toolbar":{description:()=>a.createElement("p",null,"The List Toolbar provides the ability to interact with elements in a list or table. It can contain elements to search, filter, sort, or perform other actions."),components:[Ri,cr,dr,Li],examples:wm},"Micro Block":{components:[en],examples:Em},Modals:{description:()=>a.createElement("p",null,"Modals are overlays on a page that focus a user\u2019s 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:[Oi,pr],examples:Cm},"Multi Select":{description:()=>a.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:[Bi],examples:xm},"Page Title":{components:[Pi,Ai],examples:Dm},Pagination:{description:()=>a.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:[Fi,mr],examples:Im},"Product Bar":{components:[Ki,fr],examples:Nm},"Progress Bar":{description:()=>a.createElement("p",null,"Progress Bars are used to visualize the progression of a process (such as a file upload) or series of related tasks that take place over a longer period of time. Progress Bars can be accompanied by a variety of additional content to provide more context regarding the processes being performed."),components:[Vi],examples:_m},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[Wi],examples:Rm},"Scrollable Container":{components:[Gi],examples:Lm},"Search Results Bar":{components:[lr],examples:ym},Select:{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:[ur],examples:Om},"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:[Pm],examples:Am},Spinner:{components:[ms],examples:Fm},"Split Button":{components:[Ui],examples:Km},"Stepped Progress Bar":{components:[Hi],examples:km},"Slack Link":{components:[Yi],examples:Vm},"Summary List Row":{components:[zi,ji,$a],examples:$m},Tables:{description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("div",{className:"sps-body-14"},"Tables (along with ",a.createElement(e,{to:"content-rows"},"Content Rows")," and"," ",a.createElement(e,{to:"content-tiles"},"Content Tiles"),") are one of three options for displaying a list of records on a page."),a.createElement("br",null),a.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:[On,gn,ae,hn,Qe,Be],examples:hm},Tags:{components:[xt],examples:gm},"Task Queue":{components:[qi],examples:Hm},"Text Inputs":{description:()=>a.createElement("p",null,"Text Inputs consist of a Label and a field in which a user enters a short value."),components:[Sr],examples:Wm},"Text Areas":{description:()=>a.createElement("p",null,"Text Areas consist of a Label and a field in which a user enters a long value."),components:[Ji],examples:Gm},Toggle:{description:()=>a.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[tl],examples:jm},Tooltips:{components:[Dt,$i],examples:Mm},Wizard:{components:[al,sl],examples:Xm},Workflow:{components:[br,vr,yr,Tr],examples:cf},"Zero States":{description:"Zero States are placeholders in content areas when there is no content to show. You can view all available illustrations on the Illustrations page.",components:[rl,ol],examples:df}},WN=function({viewing:e,in:t,onChange:n}){return a.createElement("div",{className:"sps-context-bar"},"Viewing",a.createElement("span",{className:"sps-context-bar__emphasized"},e),Boolean(t)&&a.createElement(a.Fragment,null,"in",a.createElement("span",{className:"sps-context-bar__emphasized"},t)),Boolean(n)&&a.createElement(Fe,{className:"sps-context-bar__change-button",kind:M.ButtonKind.LINK,onClick:n},"Change"))},GN={disabled:"boolean",formMeta:"SpsFormFieldMeta<number>",name:"string",onChange:"ChangeEventHandler<number>",value:"number"},UN=H(N({},Y),{disabled:y.exports.bool,formMeta:le(),name:y.exports.string,onChange:ne(),ref:Ft(),value:y.exports.number});function YN(e){return e?Number.parseInt(e.replace(/[^\d]/g,""),10)/100:null}function zN(e){return typeof e=="number"?e.toFixed(2):""}function mf(f){var m=f,{className:e,disabled:t=!1,formMeta:n,id:s,name:o,onChange:i,ref:c,title:l,value:p}=m,u=z(m,["className","disabled","formMeta","id","name","onChange","ref","title","value"]);const{wrapperId:g,controlId:S}=Tt(s,n),T=a.useRef();function x(k){n&&(n.setValue(k),n.markAsDirty()),i&&i(k)}function E(){x(null)}function I(k){x(YN(k.target.value))}function D(k){k.currentTarget.setSelectionRange(k.currentTarget.value.length,k.currentTarget.value.length)}const v=K("sps-text-input",e);return a.createElement(it,{id:g,className:v,formMeta:n,inputRef:T,ref:c},a.createElement("div",{className:K("sps-form-control",t&&"disabled")},a.createElement(Rt,{className:"sps-text-input__icon",icon:M.SpsIcon.DOLLAR_SIGN}),a.createElement("input",N({type:"text",ref:T,onFocus:D,className:"sps-text-input__input",id:S,name:o,placeholder:"0.00",onChange:I,title:l,value:zN(p),disabled:t},u)),p!==null&&!t&&a.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:E})))}Object.assign(mf,{props:GN,propTypes:UN,displayName:"SpsCurrencyInput"});const jN={basic:{label:"Basic",examples:{basic:{react:w.code`
|
|
9459
9542
|
function DemoComponent() {
|
|
9460
9543
|
const { formValue, formMeta, updateForm } = useSpsForm({
|
|
9461
9544
|
foo: 1.2,
|
|
@@ -9489,7 +9572,7 @@ function Component() {
|
|
|
9489
9572
|
</>
|
|
9490
9573
|
)
|
|
9491
9574
|
}
|
|
9492
|
-
`}}}};function qN(){const[e,t]=
|
|
9575
|
+
`}}}};function qN(){const[e,t]=a.useState([]),n=a.useCallback(()=>e.map((o,i)=>a.createElement(ir,{id:o.id,key:o.id,title:o.title,kind:o.kind,imgSrc:o.imgSrc,onClose:()=>{o.onClose&&o.onClose(),o.closed=!0,e.every(c=>c.closed)&&t([])}},ft(o.content))),[e]),s=a.useCallback(o=>{t(i=>[...i,H(N({},o),{kind:o.kind||M.GrowlerKind.INFO,id:o.id||rn()})])},[]);return[n,s]}const JN={color:"TagKind",href:"String",icon:"SpsIcon",tagKey:{type:"String",required:!0},value:{type:"String",required:!0}},ZN=H(N({},Y),{color:be(M.TagKind),href:y.exports.string,icon:be(M.SpsIcon),tagKey:y.exports.string.isRequired,value:y.exports.string.isRequired});function ff(e){const m=e,{color:t=M.TagKind.KEY,className:n,"data-testid":s,href:o,icon:i,tagKey:c,value:l,unsafelyReplaceClassName:p}=m,u=z(m,["color","className","data-testid","href","icon","tagKey","value","unsafelyReplaceClassName"]),f=K(p||"sps-key-value-tag",o&&"sps-key-value-tag--link",n);return a.createElement("span",N({className:f,"data-testid":`${s}__key-value-tag`},u),a.createElement(xt,{icon:i,kind:t,className:"sps-key-value-tag--key"},c),a.createElement(xt,{className:"sps-key-value-tag--value"},o&&a.createElement("a",{href:o},l),!o&&l))}Object.assign(ff,{props:JN,propTypes:ZN,displayName:"SpsKeyValueTag"});const XN={basic:{label:"Basic",examples:{basic:{react:w.code`
|
|
9493
9576
|
function Component() {
|
|
9494
9577
|
return (
|
|
9495
9578
|
<>
|
|
@@ -9513,7 +9596,7 @@ function Component() {
|
|
|
9513
9596
|
</>
|
|
9514
9597
|
)
|
|
9515
9598
|
}
|
|
9516
|
-
`}}}},QN=new RegExp(/[,\n+\s+\t+]+/);function ek(e){return e.split(QN).filter(t=>t!=="")}const tk={disabled:"boolean",formMeta:"SpsFormFieldMeta<any[]>",icon:"SpsIcon",onChange:"ChangeEventHandler",onEntryChange:"(searchText: string) => void",placeholder:"string",value:"any"},nk
|
|
9599
|
+
`}}}},QN=new RegExp(/[,\n+\s+\t+]+/);function ek(e){return e.split(QN).filter(t=>t!=="")}const tk={disabled:"boolean",formMeta:"SpsFormFieldMeta<any[]>",icon:"SpsIcon",onChange:"ChangeEventHandler",onEntryChange:"(searchText: string) => void",placeholder:"string",value:"any"},nk=H(N({},Y),{disabled:y.exports.bool,formControl:le(),formMeta:le(),icon:be(M.SpsIcon),onChange:ne(),onEntryChange:ne(),placeholder:y.exports.string,value:y.exports.any});function hf(S){var T=S,{className:e,disabled:t,formControl:n,formMeta:s,id:o,onChange:i,onEntryChange:c,placeholder:l,unsafelyReplaceClassName:p,value:u,icon:f,"data-testid":m}=T,g=z(T,["className","disabled","formControl","formMeta","id","onChange","onEntryChange","placeholder","unsafelyReplaceClassName","value","icon","data-testid"]);const x=s||n,{wrapperId:E,controlId:I}=Tt(o,x),[D,v]=Kt({keyDown:null,searchText:"",activeTagIndex:null,optionIds:""});a.useEffect(()=>{c&&c(D.searchText)},[D.searchText]);const k=a.useRef(),_=a.useRef(),O=a.useRef();function R(){setTimeout(()=>{_.current.focus()},0)}function B(J){v({searchText:""}),x&&(x.setValue(J),x.markAsDirty()),i&&i(new ln({value:J}))}function F(J){const Q=u.filter((oe,se)=>se!==J);B(Q)}function P(J){v({searchText:J.target.value})}function U(J){if(O.current&&O.current.children.length&&J!==null){const Q=O.current.children[J],oe=Q==null?void 0:Q.querySelector(".sps-clickable-tag__icon");oe&&oe.focus()}}function V(J){if(!t){const Q=!J.target.selectionStart&&u&&u.length;switch(J.key){case"Backspace":if(D.activeTagIndex===u.length-1){F(D.activeTagIndex),R();return}if(D.activeTagIndex!==null){F(D.activeTagIndex);return}if(Q){B(u.slice(0,u.length-1)),R();return}break;case"Delete":D.activeTagIndex!==null&&(F(D.activeTagIndex),R());break;case"Enter":case"Tab":case",":case" ":D.searchText!==""&&J.preventDefault(),v({activeTagIndex:null,searchText:""}),D.searchText.trim()!==""&&u.indexOf(D.searchText)===-1&&B([...u,...ek(D.searchText)]);break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":J.preventDefault();break;case"Left":case"ArrowLeft":if(Q){D.activeTagIndex===null?(v({activeTagIndex:u.length-1}),U(u.length-1)):D.activeTagIndex>0&&(v({activeTagIndex:D.activeTagIndex-1}),U(D.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(D.activeTagIndex!==null){D.activeTagIndex===u.length-1?(v({activeTagIndex:null}),_.current.focus()):(v({activeTagIndex:D.activeTagIndex+1}),U(D.activeTagIndex+1));return}break}J.persist(),v({keyDown:J})}}function G(J){B([]),J.stopPropagation()}const pe=K(p||"sps-multi-select",t&&"sps-form-control--disabled",e),ue=new Array(u.length).fill(0).map((J,Q)=>`${E}_tag-${Q}`);return a.createElement(it,{id:E,className:pe,formControl:n,formMeta:s,ref:k,inputRef:_,focusInputOnClick:!0,onKeyDown:V,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":ue[D.activeTagIndex],"aria-owns":D.optionIds},a.createElement("div",{className:"sps-text-input"},a.createElement("div",{className:K("sps-form-control",u&&!t&&"sps-form-control--clearable")},f&&a.createElement("i",{className:K("sps-text-input__icon","sps-icon",`sps-icon-${f}`)}),a.createElement("div",{className:"sps-multi-select__tags-and-input",ref:O},Array.isArray(u)&&u.map((J,Q)=>a.createElement(Ia,{id:ue[Q],role:"option",disabled:t,"aria-selected":"true",key:ue[Q],onRemove:()=>F(Q)},a.createElement("span",null,J))),a.createElement("input",N({type:"text",ref:_,"data-testid":`${m}__multi-value-text-input`,value:D.searchText,className:"sps-text-input__input",placeholder:D.searchText.length===0?l:void 0,id:I,onChange:P,onKeyDown:V,disabled:t,role:"listbox","aria-multiselectable":"true","aria-owns":ue.join(" ")},g))),u.length!==0&&!t?a.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:J=>G(J)}):null)))}Object.assign(hf,{props:tk,propTypes:nk,displayName:"SpsMultiValueTextInput"});const ak={general:{label:"General Usage",description:({NavigateTo:e})=>a.createElement(a.Fragment,null,a.createElement("h5",null,"Coming soon"))}};function sk(e,t){const n=N(N({},M.SPS_ACTION_DEFAULTS),e),[s,o]=Kt(n);return Object.assign(t,s),[t,i=>{o(i),Object.assign(t,s)}]}const rk={basic:{label:"Basic Sorting Header",examples:{basic:{react:w.code`
|
|
9517
9600
|
function DemoComponent() {
|
|
9518
9601
|
const [sort, setSort] = React.useState([{ key: 'id', direction: SortDirection.DESCENDING }]);
|
|
9519
9602
|
|
|
@@ -9560,4 +9643,4 @@ function Component() {
|
|
|
9560
9643
|
</>
|
|
9561
9644
|
)
|
|
9562
9645
|
}
|
|
9563
|
-
`}}}},
|
|
9646
|
+
`}}}},gf={},Sf=N({},Y);function ul(e){const o=e,{className:t}=o,n=z(o,["className"]),s=K("sps-vertical-rule",t);return a.createElement("div",N({className:s},n))}Object.assign(ul,{props:gf,propTypes:Sf,displayName:"SpsVerticalRule / SpsVr"});function bf(e){return a.createElement(ul,N({},e))}Object.assign(bf,{props:gf,propTypes:Sf,displayName:"SpsDescriptionListTerm / SpsDt"});exports.AsTypingErrorKeys=Yn;exports.ContentOrderExample=Tm;exports.DEFAULT_PRESETS=Si;exports.DragDropContext=ru;exports.Draggable=hu;exports.Droppable=ci;exports.FauxChangeEvent=ln;exports.I18nContext=Oe;exports.MANIFEST=HN;exports.OnBlurErrorKeys=kt;exports.OnSubmitErrorKeys=ba;exports.PortalContext=Mt;exports.PreventativeErrorKeys=Xt;exports.Provide=Nc;exports.SimpleDateUtils=he;exports.SpsAddRemoveFormRowExamples=MD;exports.SpsAdvancedSearch=Yr;exports.SpsAdvancedSearchExamples=ic;exports.SpsApp=tv;exports.SpsAutocomplete=hs;exports.SpsAutocompleteExamples=_c;exports.SpsButton=Fe;exports.SpsButtonExamples=Rc;exports.SpsButtonGroup=eo;exports.SpsCard=pi;exports.SpsCardExamples=ld;exports.SpsCardTabbedPane=di;exports.SpsCardV2=mo;exports.SpsCardV2Footer=Ts;exports.SpsCardV2Header=ws;exports.SpsCardV2Title=fo;exports.SpsCheckbox=Nn;exports.SpsCheckboxDropdown=yi;exports.SpsCheckboxExamples=cd;exports.SpsClickableTag=Ia;exports.SpsClickableTagExamples=dd;exports.SpsColumnChooser=ui;exports.SpsColumnChooserColumn=Qs;exports.SpsColumnChooserExamples=bu;exports.SpsConditionalField=pl;exports.SpsConditionalFieldExamples=uf;exports.SpsContentRow=mi;exports.SpsContentRowCol=Rn;exports.SpsContentRowExamples=Tu;exports.SpsContentRowExpansion=er;exports.SpsContextBar=WN;exports.SpsCurrencyInput=mf;exports.SpsCurrencyInputExamples=jN;exports.SpsDateRangePicker=bi;exports.SpsDateRangePickerExamples=Nu;exports.SpsDateTime=vi;exports.SpsDatepicker=gi;exports.SpsDatepickerExamples=Du;exports.SpsDatetimeExamples=ku;exports.SpsDd=Bu;exports.SpsDescriptionList=tr;exports.SpsDescriptionListDefinition=nr;exports.SpsDescriptionListExamples=Vu;exports.SpsDescriptionListTerm=sr;exports.SpsDl=Ru;exports.SpsDropdown=Dn;exports.SpsDropdownExamples=$u;exports.SpsDt=Ku;exports.SpsFeedbackBlock=Ti;exports.SpsFeedbackBlockExamples=Hu;exports.SpsFieldset=wi;exports.SpsFieldsetExamples=Wu;exports.SpsFilterPanel=il;exports.SpsFilterPanelCap=cl;exports.SpsFilterPanelExamples=pf;exports.SpsFilterPanelFilterBox=dl;exports.SpsFilterPanelSection=ll;exports.SpsFilterTile=Qi;exports.SpsFilterTileList=el;exports.SpsFilterTileListExamples=Ym;exports.SpsFocusedTask=or;exports.SpsFocusedTaskActions=rr;exports.SpsFocusedTaskExamples=Gu;exports.SpsForm=Sa;exports.SpsFormArrayMeta=Sc;exports.SpsFormComponentWrapper=it;exports.SpsFormExamples=Uu;exports.SpsFormFieldMeta=Cn;exports.SpsFormGroupMeta=gc;exports.SpsFormMetaBase=En;exports.SpsFormSetMeta=cs;exports.SpsGrowler=ir;exports.SpsGrowlerExamples=Yu;exports.SpsI=Rt;exports.SpsIconButtonPanel=fm;exports.SpsIncrementor=Ci;exports.SpsIncrementorExamples=zu;exports.SpsInputGroup=_i;exports.SpsInsightTile=xi;exports.SpsInsights=ju;exports.SpsKeyValueList=Di;exports.SpsKeyValueListExamples=qu;exports.SpsKeyValueListItem=Ii;exports.SpsKeyValueTag=ff;exports.SpsKeyValueTagExamples=XN;exports.SpsLabel=Ni;exports.SpsLabelExamples=Ju;exports.SpsListActionBar=ki;exports.SpsListActionBarExamples=Sm;exports.SpsListToolbar=Ri;exports.SpsListToolbarExamples=wm;exports.SpsListToolbarSearch=cr;exports.SpsListToolbarSearchInfo=dr;exports.SpsListToolbarSortBy=Li;exports.SpsMicroBlock=en;exports.SpsMicroBlockExamples=Em;exports.SpsMicroZeroState=ol;exports.SpsModal=Oi;exports.SpsModalExamples=Cm;exports.SpsModalFooter=pr;exports.SpsMultiSelect=Bi;exports.SpsMultiSelectExamples=xm;exports.SpsMultiValueTextInput=hf;exports.SpsMultiValueTextInputExamples=ak;exports.SpsPageSelector=mr;exports.SpsPageSubtitle=Ai;exports.SpsPageTitle=Pi;exports.SpsPageTitleExamples=Dm;exports.SpsPagination=Fi;exports.SpsPaginationExamples=Im;exports.SpsProductBar=Ki;exports.SpsProductBarExamples=Nm;exports.SpsProductBarTab=fr;exports.SpsProgressBar=Vi;exports.SpsProgressBarExamples=_m;exports.SpsProgressRing=nl;exports.SpsRadioButton=Wi;exports.SpsRadioButtonExamples=Rm;exports.SpsScrollableContainer=Gi;exports.SpsScrollableContainerExamples=Lm;exports.SpsSearchResultsBar=vm;exports.SpsSearchResultsBarExamples=ym;exports.SpsSearchResultsBarV2=lr;exports.SpsSelect=ur;exports.SpsSelectExamples=Om;exports.SpsSideNav=Pm;exports.SpsSideNavExamples=Am;exports.SpsSlackLink=Yi;exports.SpsSlackLinkExamples=Vm;exports.SpsSortingHeader=gr;exports.SpsSortingHeaderCell=Va;exports.SpsSortingHeaderExamples=rk;exports.SpsSpinner=ms;exports.SpsSpinnerExamples=Fm;exports.SpsSplitButton=Ui;exports.SpsSplitButtonExamples=Km;exports.SpsSteppedProgressBar=Hi;exports.SpsSteppedProgressBarExamples=km;exports.SpsSummaryListColumn=ji;exports.SpsSummaryListExamples=$m;exports.SpsSummaryListExpansion=$a;exports.SpsSummaryListRow=zi;exports.SpsTab=od;exports.SpsTabPanel=id;exports.SpsTable=On;exports.SpsTableBody=gn;exports.SpsTableCell=ae;exports.SpsTableExamples=hm;exports.SpsTableHead=hn;exports.SpsTableHeader=Qe;exports.SpsTableRow=Be;exports.SpsTabsV2=ys;exports.SpsTag=xt;exports.SpsTagExamples=gm;exports.SpsTaskQueue=qi;exports.SpsTaskQueueExamples=Hm;exports.SpsTbody=dm;exports.SpsTd=mm;exports.SpsTextInput=Sr;exports.SpsTextInputExamples=Wm;exports.SpsTextarea=Ji;exports.SpsTextareaExamples=Gm;exports.SpsTh=tm;exports.SpsThead=sm;exports.SpsTile=Zi;exports.SpsTileList=Xi;exports.SpsTileListExamples=Um;exports.SpsToggle=tl;exports.SpsToggleExamples=jm;exports.SpsTooltip=Dt;exports.SpsTooltipExamples=Mm;exports.SpsTooltipTitle=$i;exports.SpsTr=im;exports.SpsValidators=ls;exports.SpsVerticalRule=ul;exports.SpsVr=bf;exports.SpsWf=Zm;exports.SpsWfDoc=tf;exports.SpsWfDs=sf;exports.SpsWfStep=lf;exports.SpsWizardExamples=Xm;exports.SpsWizardSidebar=al;exports.SpsWizardSubstep=sl;exports.SpsWorkflow=br;exports.SpsWorkflowDocument=vr;exports.SpsWorkflowDocumentStatus=yr;exports.SpsWorkflowExamples=cf;exports.SpsWorkflowStep=Tr;exports.SpsZeroState=rl;exports.SpsZeroStateExamples=df;exports.addOnChangeErrorKey=pc;exports.addOnSubmitErrorKey=uc;exports.bindProps=ev;exports.contentOf=ft;exports.date=va;exports.dateConstraint=hc;exports.dateRange=fc;exports.findParentBranches=hr;exports.flipPosition=Cc;exports.formArray=CD;exports.formControl=xD;exports.formGroup=DD;exports.getMember=Ei;exports.getPosition=xn;exports.resetServerContext=HC;exports.selectChildren=Vt;exports.toggleTooltipState=ar;exports.useCheckDeprecatedProps=kc;exports.useColumnResizer=Xu;exports.useCustomValidator=kD;exports.useDidUpdateEffect=Qr;exports.useDocumentEventListener=Mc;exports.useElementId=Un;exports.useForm=ID;exports.useGrowlers=qN;exports.useInputPopup=wa;exports.useKeyboardSensor=Qp;exports.useMouseSensor=Xp;exports.usePatchReducer=Kt;exports.usePortal=jn;exports.useServerSideValidation=ND;exports.useSpsAction=sk;exports.useSpsForm=Bb;exports.useTouchSensor=eu;exports.validate=ya;
|