https://www.aep.com/static-content/7a41ff4a15f8a3445f554b858e5cf45…/static/chunks/18998.e8e2524f2b17435f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18998,13666],{84120:function(t,e,i){function n(t){return"l"===t?"m":"s"}async function o(t){await t.componentOnReady(),await t.updateComplete}i.d(e,{c:function(){return o},g:function(){return n}}),i(49190)},34504:function(t,e,i){i.d(e,{I:function(){return u},u:function(){return d}});var n=i(81997),o=i(87418);function a(){let{disabled:t}=this;t||HTMLElement.prototype.click.call(this)}function r(t){t.target.disabled&&t.preventDefault()}let c=["mousedown","mouseup","click"];function l(t){t.target.disabled&&(t.stopImmediatePropagation(),t.preventDefault())}let s={capture:!0};function d(t){var e,i;if(t.disabled){t.el.setAttribute("aria-disabled","true"),t.el.contains(document.activeElement)&&document.activeElement.blur(),t.el.click=a,(e=t.el).addEventListener("pointerdown",r,s),c.forEach(t=>e.addEventListener(t,l,s));return}delete t.el.click,(i=t.el).removeEventListener("pointerdown",r,s),c.forEach(t=>i.removeEventListener(t,l,s)),t.el.removeAttribute("aria-disabled")}let u=({children:t,disabled:e})=>(0,n.dy)`<div class=${(0,o.Vp)("interaction-container")} .inert=${e}>${t}</div>`},49190:function(t,e,i){let n;i.d(e,{l:function(){return l}});var o=i(98718);let a=new Set,r={trace:0,debug:1,info:2,warn:4,error:8,off:10};function c(t,...e){r[t]>=r[o.l]&&console[t].call(this,"%ccalcite","background: #007AC2; color: #fff; border-radius: 4px; padding: 2px 4px;",...e)}let l={debug:t=>c("debug",t),info:t=>c("info",t),warn:t=>c("warn",t),error:t=>c("error",t),trace:t=>c("trace",t),deprecated:function(t,{component:e,name:i,suggested:o,removalVersion:r}){let l=`${t}:${"component"===t?"":e}${i}`;if(a.has(l))return;a.add(l);let s=Array.isArray(o);s&&!n&&(n=new Intl.ListFormat("en",{style:"long",type:"disjunction"})),c("warn",`[${i}] ${t} is deprecated and will be removed in ${"future"===r?"a future version":`v${r}`}.${o?` Use ${s?n.format(o.map(t=>`"${t}"`)):`"${o}"`} instead.`:""}`)}}},72372:function(t,e,i){i.d(e,{c:function(){return o}});var n=i(9743);function o(t,e,i){if(!n.sk)return new(function(t){class e extends window.MutationObserver{constructor(t){super(t),this.observedEntry=[],this.callback=t}observe(t,e){return this.observedEntry.push({target:t,options:e}),super.observe(t,e)}unobserve(t){let e=this.observedEntry.filter(e=>e.target!==t);this.observedEntry=[],this.callback(super.takeRecords(),this),this.disconnect(),e.forEach(t=>this.observe(t.target,t.options))}}return"intersection"===t?window.IntersectionObserver:"mutation"===t?e:window.ResizeObserver}(t))(e,i)}},18998:function(t,e,i){i.r(e),i.d(e,{Action:function(){return f}}),i(2019),i(13666);var n=i(98718),o=i(81997),a=i(16626),r=i(95307),c=i(87418),l=i(92459),s=i(34504),d=i(84120),u=i(72372),h=i(91712),b=i(16002);let p={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",indicatorText:"indicator-text",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible",indicatorWithIcon:"indicator-with-icon",indicatorWithoutIcon:"indicator-without-icon"},v=(0,b.iv)`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;cursor:pointer;background-color:transparent;--calcite-internal-action-text-color: var(--calcite-color-text-3);border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius)))}.interaction-container{border-radius:inherit}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-spacing-xxs)}.button{border-radius:inherit;position:relative;margin:0;display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);line-height:1rem;

1font-weight:var(--calcite-font-weight-medium);outline-color:transparent;background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));text-align:unset;flex:1 0 auto;cursor:inherit}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}.icon-container{pointer-events:none;margin:0;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1.5rem}.text-container{margin:0;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:margin;transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus{color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)));background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}:host([active]) .button:active{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) .text-container{opacity:var(--calcite-opacity-disabled)}:host([loading]) calcite-loader[inline]{margin-inline-end:0px}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-color-transparent-press)}:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]) .button:active{background-color:var(--calcite-color-transparent-press)}:host([data-active]) .button{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .button{font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-internal-action-padding-inline, .5rem);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-spacing-xxs))}:host([scale=s]) .button--text-visible .icon-container{margin-inline-end:.5rem}:host([scale=m]) .button{font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-internal-action-padding-inline, 1rem);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-spacing-md))}:host([scale=m]) .button--text-visible .icon-container{margin-inline-end:.75rem}:host([scale=l]) .button{font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-internal-action-padding-inline, 1.25rem);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-spacing-xl))}:host([scale=l]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}

1.button--text-visible{inline-size:100%}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:.25rem;inline-size:1rem;position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;opacity:var(--calcite-opacity-disabled);background-color:var(--calcite-action-background-color, var(--calcite-action-background-color, var(--calcite-color-foreground-1)))}:host([disabled]):host([active]) .button,:host([disabled]):host([active]) .button:hover,:host([disabled]):host([active]) .button:focus{opacity:var(--calcite-opacity-disabled);background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3))))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;class f extends c.oi{constructor(){super(...arguments),this.guid=`calcite-action-${(0,l.g)()}`,this.buttonEl=(0,r.V)(),this.buttonId=`${this.guid}-button`,this.indicatorId=`${this.guid}-indicator`,this.mutationObserver=(0,u.c)("mutation",()=>this.requestUpdate()),this.messages=(0,h.u)({blocking:!0}),this.active=!1,this.appearance="solid",this.compact=!1,this.disabled=!1,this.dragHandle=!1,this.iconFlipRtl=!1,this.indicator=!1,this.loading=!1,this.scale="m",this.textEnabled=!1}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],alignment:[3,{},{reflect:!0}],appearance:[3,{},{reflect:!0}],compact:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],indicator:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],text:1,textEnabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=v}async setFocus(){await (0,d.c)(this),this.buttonEl.value?.focus()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}updated(){(0,s.u)(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}handleTooltipSlotChange(t){let e=t.target.assignedElements({flatten:!0}).filter(t=>t?.matches("calcite-tooltip"))[0];e&&(e.referenceElement=this.buttonEl.value)}renderTextContainer(){let{text:t,textEnabled:e}=this,i={[p.textContainer]:!0,[p.textContainerVisible]:e};return t?(0,a.U)("text-container",(0,o.dy)`<div class=${(0,c.Vp)(i)}>${t}</div>`):null}renderIndicatorText(){let{indicator:t,messages:e,indicatorId:i,buttonId:n}=this;return(0,o.dy)`<div aria-labelledby=${n??c.Ld} aria-live=polite class=${(0,c.Vp)(p.indicatorText)} id=${i??c.Ld} role=region>${t?e.indicator:null}</div>`}renderIconContainer(){let{loading:t,icon:e,scale:i,el:n,iconFlipRtl:r,indicator:l}=this,s=t?(0,o.dy)`<calcite-loader inline .label=${this.messages.loading} .scale=${"l"===i?"l":"m"}></calcite-loader>`:null,u=e?(0,o.dy)`<calcite-icon class=${(0,c.Vp)({[p.indicatorWithIcon]:l})} .flipRtl=${r} .icon=${e} .scale=${(0,d.g)(this.scale)}></calcite-icon>`:null,h=s||u,b=h||n.children?.length,v=(0,o.dy)`<div class=${(0,c.Vp)({[p.slotContainer]:!0,[p.slotContainerHidden]:t})}><slot></slot></div>`;return b?(0,a.U)("icon-container",(0,o.dy)`<div aria-hidden=true class=${(0,c.Vp)(p.iconContainer)}>${h}${v}</div>`):null}renderButton(){let{active:t,compact:e,disabled:i,icon:n,loading:l,textEnabled:s,label:d,text:u,indicator:h,indicatorId:b,buttonId:v,messages:f}=this,g=d||u||"",m=h?f.indicatorLabel.replace("{label}",g):g,x={[p.button]:!0,[p.buttonTextVisible]:s,[p.buttonCompact]:e},y=(0,o.dy)`${this.renderIconContainer()}${this.renderTextContainer()}${!n&&h&&(0,a.U)("indicator-no-icon",(0,o.dy)`<div class=${(0,c.Vp)(p.indicatorWithoutIcon)}></div>`)||""}`;return this.dragHandle?(0,o.dy)`<span aria-controls=${(h?b:null)??c.Ld} .ariaBusy=${l} .ariaDisabled=${this.disabled?this.disabled:null} .ariaLabel=${m} .ariaPressed=${t} class=${(0,c.Vp)(x)} id=${v??c.Ld} role=button tabindex=${(this.disabled?null:0)??c.Ld} ${(0,r.i)(this.buttonEl)}>${y}</span>`:(0,o.dy)`<button aria-controls=${(h?b:null)??c.Ld} .ariaBusy=${l} .ariaLabel=${m} .ariaPressed=${t} class=${(0,c.Vp)(x)} .disabled=${i} id=${v??c.Ld} tabindex=${(i?null:0)??c.Ld} ${(0,r.i)(this.buttonEl)}>${y}</button>`}render(){return(0,s.I)({disabled:this.disabled,children:(0,o.dy)`${this.renderButton()}<slot name=${"tooltip"} @slotchange=${this.handleTooltipSlotChange}></slot>${this.renderIndicatorText()}`})}}(0,n.c)("calcite-action",f)}

1,13666:function(t,e,i){i.r(e),i.d(e,{Icon:function(){return f}});var n=i(98718),o=i(9743),a=i(87418),r=i(85938),c=i(72372),l=i(49190),s=i(16002);let d={},u={},h={s:16,m:24,l:32};function b({icon:t,scale:e}){let i=h[e],n=function(t){let e=!isNaN(Number(t.charAt(0))),i=t.split("-");if(i.length>0){let e=/[a-z]/i;t=i.map((t,i)=>t.replace(e,function(t,e){return 0===i&&0===e?t:t.toUpperCase()})).join("")}return e?`i${t}`:t}(t),o="F"===n.charAt(n.length-1),a=o?n.substring(0,n.length-1):n;return`${a}${i}${o?"F":""}`}async function p(t){let e=b(t),i=d[e];if(i)return i;u[e]||(u[e]=fetch((0,n.g)(`./assets/icon/${e}.json`)).then(t=>t.json()).catch(()=>(l.l.error(`${t.icon} (${t.scale}) icon failed to load`),"")));let o=await u[e];return d[e]=o,o}let v=(0,s.iv)`:host{display:inline-flex;color:var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}`;class f extends a.oi{constructor(){super(...arguments),this.visible=!1,this.flipRtl=!1,this.icon=null,this.preload=!1,this.scale="m"}static{this.properties={pathData:[16,{},{state:!0}],visible:[16,{},{state:!0}],flipRtl:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],preload:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],textLabel:1}}static{this.styles=v}connectedCallback(){if(super.connectedCallback(),this.preload){this.visible=!0,this.loadIconPathData();return}this.visible||this.waitUntilVisible(()=>{this.visible=!0,this.loadIconPathData()})}willUpdate(t){(t.has("icon")&&(this.hasUpdated||null!==this.icon)||t.has("scale")&&(this.hasUpdated||"m"!==this.scale))&&this.loadIconPathData()}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver?.disconnect(),this.intersectionObserver=null}async loadIconPathData(){let{icon:t,scale:e,visible:i}=this;if(o.sk||!t||!i)return;let n={icon:t,scale:e},a=d[b(n)]||await p(n);t===this.icon&&(this.pathData=a)}waitUntilVisible(t){if(this.intersectionObserver=(0,c.c)("intersection",e=>{e.forEach(e=>{e.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,t())})},{rootMargin:"50px"}),!this.intersectionObserver){t();return}this.intersectionObserver.observe(this.el)}render(){let{el:t,flipRtl:e,pathData:i,scale:n,textLabel:c}=this,l=(0,r.g)(t),s=h[n],d=!!c,u=[].concat(i||"");return this.el.ariaHidden=(0,r.t)(!d),this.el.ariaLabel=d?c:null,this.el.role=d?"img":null,(0,o.dy)`<svg aria-hidden=true class=${(0,a.Vp)({"flip-rtl":"rtl"===l&&e,svg:!0})} fill=currentColor height=100% viewBox=${`0 0 ${s} ${s}`} width=100% xmlns=http://www.w3.org/2000/svg>${u.map(t=>"string"==typeof t?(0,o.YP)`<path d=${t??o.Ld} />`:(0,o.YP)`<path d=${t.d??o.Ld} opacity=${("opacity"in t?t.opacity:1)??o.Ld} />`)}</svg>`}}(0,n.c)("calcite-icon",f)},16626:function(t,e,i){i.d(e,{U:function(){return r}});var n=i(81997),o=i(42216),a=i(59450);let r=(0,o.XM)(class extends o.Xe{constructor(){super(...arguments),this.key=n.Ld}render(t,e){return this.key=t,e}update(t,[e,i]){return e!==this.key&&((0,a.hl)(t),this.key=e),i}})}}]);